/* ----  VIEWS -------- 2008-10-14    .... */

.rmViewBox{   /* this is the whole box (XUL parent) */
  	background: #DBDBDB;
  	margin: 2px;
  	border: 1px #9999FF solid;
}


#view_MenuBuild[status="off"]  { 				/* s.42*/
	list-style-image: url("chrome://reminderfox/skin/images/view.png"); 
	-moz-image-region: rect(0px,36px, 18px,18px);
}
#view_MenuBuild[status="on"]  { 
	list-style-image: url("chrome://reminderfox/skin/images/view.png"); 
	-moz-image-region: rect(0px,18px, 18px,0px);}
	
.textButton {
   font-weight: bold;
	font-family: "monospace";
	font-size:1.2em;
	text-align:center;
   min-width: 1px;
}
.textButton[type="add"] {
   color: green;
}
.textButton[type="remove"] {
   color: red;
}
.textButton[disabled="true"] { 
   color: grey;
}


.add-Button[disabled="false"] { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
   -moz-image-region: rect(18px,18px, 36px,0px);
}
.add-Button[disabled="true"] { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
	-moz-image-region: rect(18px,36px, 36px,18px);
}

.default-Set { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
      -moz-image-region: rect(72px,36px, 90px,18px);
}
.default-Set:hover { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
      -moz-image-region: rect(72px,18px, 90px,0px);
}


.remove-Button[disabled="false"] { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
   -moz-image-region: rect(36px,18px, 54px,0px);
}
.remove-Button[disabled="true"] {
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
   -moz-image-region: rect(36px,36px, 54px,18px);
}
.sort-Up { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
   -moz-image-region: rect(54px,18px, 72px,0px);
}
.sort-Down { 
  list-style-image: url("chrome://reminderfox/skin/images/view.png");
   -moz-image-region: rect(54px,36px, 72px,18px);
}


#sorter_Box {
    border-left: 2px #DBDBDB solid;
    border-right: 2px #DBDBDB solid;
}    
#sorter_Box[type="criteria"] { 
    border-right: 2px rgb(0,0,156) solid !important;
}
#sorter_Box[type="view"] {
     border-left: 2px rgb(0,0,156) solid !important;
}

#view_List{
    border-right: 2px #DBDBDB solid !important;
}


.url {
	cursor: pointer;
	/* color: #3A69A6; */
}


.criteria_DateBox {
}
    .criteria_DateBox:hover {
	    cursor: pointer;
	    background: #FFEFBF;
	}