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

.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 input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.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 }

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


/* Jera Styles */
button.ui-multiselect{
    color:#444;
    font:100%/1.4 Tahoma, arial, sans-serif;
    border:1px solid #b3bdc7;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    
    padding:2px 0 2px 3px;
    width:100%;
    
    background:#fdfdfd;
    background:linear-gradient(to bottom,#f9f9f9,#ffffff);
    background:-webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#ffffff));

    box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .3);
    -moz-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .3);
    -webkit-box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .3);
    }
    button.ui-multiselect:hover{
        border:1px solid #a0abb5;
        box-shadow:0 0 2px 0 #7dbbd9;
        -moz-box-shadow:0 0 2px 0 #7dbbd9;
        -webkit-box-shadow:0 0 2px 0 #7dbbd9;
        }
    button.ui-multiselect.ui-state-active{
        border-color:#cba962;
        box-shadow:0 0 1px 2px #f6b300;
        -moz-box-shadow:0 0 2px 0 #f6b300;
        -webkit-box-shadow:0 0 2px 0 #f6b300;
        }
        
    button.ui-multiselect span.ui-icon{
        width:13px;
        height:16px;
        background:#fbfbfb url(images/select-arrow.png) no-repeat right center;
        }
        button.ui-multiselect:hover span.ui-icon{
            background-image:url(images/select-arrow-hover.png);
            }
        button.ui-multiselect.ui-state-active span.ui-icon{
            background-image:url(images/select-arrow-focus.png);
            }
            
.ui-multiselect-menu{
    border-color:#7f9db9;
    background:#fff;
    padding:0;
    }
.ui-multiselect-checkboxes{
    padding:2px;
    }
    .ui-multiselect-checkboxes li{
        margin-bottom:1px;
        padding:0;
        }
    .ui-multiselect-checkboxes li:last-of-type{
        margin-bottom:0;
        }
        .ui-multiselect-checkboxes li label{
            padding:3px 5px;
            color:#30353a;
            border:1px solid transparent;
            }
            .ui-multiselect-checkboxes li label.ui-state-hover{
                border:1px solid #a6d7eb;
                
                background:#dfedf3;
                background:linear-gradient(to bottom,#ebf4f7,#e1f1f7);
                background:-webkit-gradient(linear,left top,left bottom,from(#ebf4f7),to(#e1f1f7));
                
                box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                -moz-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                -webkit-box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5);
                
                border-radius:3px;
                -moz-border-radius:3px;
                -webkit-border-radius:3px;
                }
            .ui-multiselect-checkboxes li label input{
                top:0;
                margin-right:5px;
                }