.ui-multiselect  
{
    background-color: #ffffff;
    border:1px solid #E5E5E5;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align:left;
    padding:3px 3px 2px 3px; 
    margin:2px 2px 2px 2px;
    width:100%;
    font-size:18px;
    font-size:1.0em;
    
    -webkit-box-shadow: inset 2px 2px 2px 0px #f5f5f5;
    -moz-box-shadow: inset 2px 2px 2px 0px #f5f5f5;
    box-shadow: inset 2px 2px 2px 0px #f5f5f5;        
        
    transition:background-color 0.3s, box-shadow 0.3s;
    -webkit-transition:background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;    	 
    }


 
.ui-multiselect:hover, 
.ui-multiselect:focus
    {
        font-family: Arial, Helvetica, Sans-Serif;
        margin:2px 2px 2px 2px;
        background-color:#eff7ff;
        
        -webkit-box-shadow: inset 2px 2px 2px 0px #dbe8f6;
        -moz-box-shadow: inset 2px 2px 2px 0px #dbe8f6;
        box-shadow: inset 2px 2px 2px 0px #dbe8f6;
        
        
        moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        -khtml-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;    
    }

.ui-multiselect:disabled 
    {               
        -webkit-box-shadow: inset 0px 0px 0px 0px #ededed;
        -moz-box-shadow: inset 0px 0px 0px 0px #ededed;
        box-shadow: inset 0px 0px 0px 0px #ededed;
        background-color:#cccccc;
        border-color:#aaa;
        color:#000000;
    }



    
.ui-multiselect span.ui-icon { float:right;vertical-align:middle; color:#00247d }

.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:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.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:underline }
.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: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:hover
    {       
        background-color:#EEFFED;
    }

.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li:last-child  {border-bottom:0}
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px;border-bottom:1px dashed #ededed }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-checkboxes input[type=checkbox] {display:inline;margin:0px 5px 0 0;}

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

.ui-multiselect-single { color:Red;background:yellow;background-color:yellow }
.ui-multiselect-optgroup-label {  color:Red;background:yellow;background-color:yellow }