/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/
.ui-dropdownchecklist {
	font-size: medium;
	color: black;
}
.ui-dropdownchecklist-selector {
	height:20px;
	background:#5d5d5d;
	color:#2d2d2d;
	text-transform:none;
	line-height:20px;
	margin-top:5px;
}
.ui-state-hover, .ui-state-active {
	border-color: #5794bf;
}
.ui-dropdownchecklist-dropcontainer {
	background-color:#5d5d5d;
	color:#2d2d2d;
	width:164px;
	text-transform:none;
	padding-bottom:2px;
}
.ui-dropdownchecklist-item {
}
.ui-state-hover {
	background-color:#777777;
}
.ui-state-disabled label {
	color: #ccc;
}
.ui-dropdownchecklist-group {
	font-weight: bold;
	font-style: italic;
}
.ui-dropdownchecklist-indent {
	padding-left: 7px;
}
/* Font size of 0 on the -selector and an explicit medium on -text required to eliminate 
   descender problems within the containers and still have a valid size for the text */
.ui-dropdownchecklist-selector-wrapper {
	vertical-align: middle;
	font-size: 0px;
}
.ui-dropdownchecklist-selector {
	padding: 1px 2px 2px 2px;
	font-size: 0px;
}
.ui-dropdownchecklist-text {
	font-size:12px;
	/* line-height: 20px; */
}
.ui-dropdownchecklist-group {
	padding: 1px 2px 2px 2px;
}


.ui-icon { width: 13px; height: 13px; background-image: url(arrow.png); }



.ui-icon-down { background-position: -13px 0px ; }
.ui-icon-up { background-position: 0px -13px; }