.ui-multiselect { padding:4px 0 2px 4px; text-align:left }
.ui-multiselect span {display:block; padding: 3px 0 0 0 }
.ui-multiselect span.ui-icon { float:right; padding: 1px 0 }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:4px 0 3px 4px }
.ui-multiselect-header ul { font-size:11px }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:none }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:0 3px 3px 3px; position:absolute; z-index:10000; text-align: left;   }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto; }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { font-size:11px; padding-right:3px; width: 125px; display:block}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:normal; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }


.ui-multiselect.ui-widget, .ui-multiselect-menu.ui-widget {
    font-family: Verdana !important;
    font-size: 11px !important;
}

.ui-multiselect .ui-widget-header, .ui-multiselect-menu .ui-widget-header {
    background: #F8E0A4 !important;
    border: 1px solid #D6C58A !important;
    color: #000 !important;
    font-weight: bold;
}

.ui-multiselect .ui-widget-header a, .ui-multiselect-menu .ui-widget-header a {
    color: #000 !important;
}

.ui-multiselect.ui-widget-content, .ui-multiselect-menu.ui-widget-content {
    background: #FFF !important;
    border: 1px solid #D3C183 !important; 
    /*border-top: none !important;*/
    color: #5D5B5C !important;
}

.ui-multiselect.ui-corner-all, .ui-multiselect.ui-corner-top, .ui-multiselect.ui-corner-bottom,
.ui-multiselect-menu.ui-corner-all, .ui-multiselect-menu.ui-corner-top, .ui-multiselect-menu.ui-corner-bottom { 
   border-radius: 0 !important; 
}         

    
.ui-multiselect.ui-state-default, .ui-multiselect.ui-widget-content .ui-state-default, .ui-multiselect.ui-widget-header .ui-state-default,
.ui-multiselect-menu.ui-state-default, .ui-multiselect-menu.ui-widget-content .ui-state-default, .ui-multiselect-menu.ui-widget-header .ui-state-default {
    background-image: none !important;
    background-color: #FFF !important;
    border: 1px solid #D3C183 !important;
    color: #5D5B5C !important;
    padding: 1px 0px 1px 3px !important;
    font-weight: normal !important;
    -webkit-padding-after: 1px !important;
    -webkit-padding-start: 7px !important;
}

.ui-multiselect.ui-state-active, .ui-multiselect.ui-widget-content .ui-state-active, .ui-multiselect.ui-widget-header .ui-state-active,
.ui-multiselect-menu.ui-state-active, .ui-multiselect-menu.ui-widget-content .ui-state-active, .ui-multiselect-menu.ui-widget-header .ui-state-active {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D3C183 !important;
    color: #5D5B5C !important;
    padding: 1px 0px 1px 3px !important;
    -webkit-padding-after: 1px !important;
    -webkit-padding-start: 7px !important;
    font-weight: normal !important;
}

.ui-multiselect.ui-state-hover, .ui-multiselect.ui-state-focus, .ui-multiselect.ui-widget-content .ui-state-focus, .ui-multiselect.ui-widget-header .ui-state-focus, 
.ui-multiselect-menu.ui-state-hover, .ui-multiselect-menu.ui-state-focus, .ui-multiselect-menu.ui-widget-content .ui-state-focus, .ui-multiselect-menu.ui-widget-header .ui-state-focus {
    background-image: none !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D3C183 !important;
    color: #5D5B5C !important;
    padding: 1px 0px 1px 3px !important;
    -webkit-padding-after: 1px !important;
    -webkit-padding-start: 7px !important;
}         

.ui-multiselect.ui-state-focus, .ui-multiselect.ui-widget-content .ui-state-focus, .ui-multiselect.ui-widget-header .ui-state-focus,
.ui-multiselect-menu.ui-state-focus, .ui-multiselect-menu.ui-widget-content .ui-state-focus, .ui-multiselect-menu.ui-widget-header .ui-state-focus {
    /*border-bottom: none !important;*/
    padding: 1px 0px 1px 3px !important;
    -webkit-padding-after: 1px !important;
    -webkit-padding-start: 7px !important;
}
                  
.ui-multiselect.ui-widget-content .ui-state-hover, .ui-multiselect.ui-widget-header .ui-state-hover,
.ui-multiselect-menu.ui-widget-content .ui-state-hover, .ui-multiselect-menu.ui-widget-header .ui-state-hover {
   background: #FFF !important;    
   border: none !important;
   color: #5D5B5C !important;    
   font-weight: normal !important;
   padding: 4px 2px !important;
}         

.ui-multiselect .ui-icon-triangle-2-n-s, .ui-multiselect-menu .ui-icon-triangle-2-n-s {
   background-image: url("/images/multiselect/drop_down.gif") !important;
   background-position: 0 0  !important;
   display:inline-block !important;
   float:right !important;
   -webkit-margin-before: 1px !important;
   -webkit-margin-end: 3px !important;
}

.ui-multiselect-menu .ui-icon-check{
   background-image: url("/images/multiselect/choose_all.gif") !important;
   background-position: 0 0 !important;
   display: block !important;
   margin-top: 3px !important;
   height: 11px !important;
}

.ui-multiselect-menu .ui-icon-closethick{
   background-image: url("/images/multiselect/delete_all.gif") !important;
   background-position: 0 0 !important;
   display: block !important;
   margin-top: 3px !important;
   height: 11px !important;
}

.ui-multiselect-menu .ui-icon-circle-close{
   background-image: url("/images/multiselect/close.gif") !important;
   background-position: 0 0 !important;
   display: block !important;
   margin-top: 1px !important;
   height: 12px !important;
}

.ui-multiselect-menu .ui-icon-circle-close:hover{
   background-position: 0 -12px !important;
}