/** Minimal stand-alone css for dropdownchecklist support
    We highly recommend using JQuery ThemeRoller instead  
*/
.ui-dropdownchecklist {
    background: #FAFAFA;
    border-radius: 4px;
    border-color: silver;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    width: 217px;
    height: 22px;
    clear: both;
    float: left;
}

.ui-dropdownchecklist .ui-state-default {
    color: black;
    font-weight: normal;
    font-size: normal;
}

.ui-dropdownchecklist-selector {
    background: #FAFAFA;
    height: 20px;
    border: 0 none #999;
}
.ui-state-hover, .ui-state-active {
    border-color: #5794bf;
}
.ui-dropdownchecklist-dropcontainer {
    background: #FAFAFA;
    border: 0 none #999;
}
.ui-dropdownchecklist-item, .ui-dropdownchecklist-item.ui-state-default{
    background: #FAFAFA;
    background-image: none;
    border: 0 none black !important;
    font-weight: normal !important;
    color: black !important;
}
.ui-dropdownchecklist-item.ui-state-hover {
  border-color:#A0A0A0;
  background-color: #9ab87c !important;
}
.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: small;
    padding-top: 3px;
    padding-left: 3px;
    /* line-height: 20px; */
}
.ui-dropdownchecklist-group {
    padding: 1px 2px 2px 2px;
}