/*
multiselect.css - basic
*/
.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-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:11px; margin:0; padding:0; }
.ui-multiselect-header ul li { float:left; padding:0 5px 0 0; list-style:none; margin: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; background: #FFF; }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:1px 1px;font-size:11px;  line-height:1.5 !important;}
.ui-multiselect-checkboxes label input { position:relative; top:0px; }
.ui-multiselect-checkboxes li { clear:both; font-size:11px; padding-right:3px; list-style:none; margin:0; padding: 0;  }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:left; font-weight:bold; border-bottom:1px solid #DDD; }
.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-state-default, 
.ui-multiselect .ui-widget-content .ui-state-default, 
.ui-multiselect .ui-widget-header .ui-state-default { font-weight:normal; /*font-size:12px;*/ background: #FFF; padding-left:5px; min-height:34px}

/* rage*/
.ui-multiselect-checkboxes .ui-state-hover { border: 1px solid #DDDDDD; background: #B9E1F2 /*#F1F1F1*/; }
.ui-multiselect-menu .ui-widget-header.ui-multiselect-header { border: none; background: #FFF; color: #090; font-weight: normal; font-style:italic; }

/*
multiselect.filter.css - filter
*/
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

button.ui-multiselect { width: 100% !important; }

.ui-multiselect-menu.ui-widget-content { max-width: 700px;}