/*#principal .ui-multiselect {width: 155px!important;}*/

.ui-multiselect { width: 170px!important; padding: 2px 0 2px 10px; text-align: left; font-family: 'museo_700', Arial, Georgia; font-size: 13px; background: url("/images/ddl_arrow.png") no-repeat scroll 150px transparent; cursor: pointer; height: 60px; width: 150px; overflow: hidden; border: 0; color: #FFF; text-shadow: 1px 1px 3px #515151; }
.ui-multiselect span.ui-icon { float: right;  color: #fff; text-shadow: 1px 1px 3px #515151;}
.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: 16px!important; font-family: 'OpenSansRegular',Arial, sans-serif!important; }
.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; color: #FFF!important; }
.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: 5px; position: absolute; z-index: 10000; text-align: left; background: #FFF; }
.ui-multiselect-checkboxes { position: relative /* fixes bug in IE6/7 */; overflow-y: scroll; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); overflow: hidden; /*background-color: #fff;*/ /*color: #fff; text-shadow: 1px 1px 3px #515151;*/ }
.ui-multiselect-checkboxes label { cursor: pointer; display: block; border: 1px solid transparent; padding: 3px 1px; }
.ui-multiselect-checkboxes label input { position: relative; top: 1px; }
.ui-multiselect-checkboxes li { clear: both; /*background:#FFF;*/ color: #333; font-size: 13px!important; font-family: 'museo_sans100', Arial!important; }
.ui-multiselect-checkboxes li:hover { color: #F4238C!important; }
.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; }

/* For IE8 - See #6727 */
.ui-widget-content { /*background: #fff;*/ }
.ui-widget-header { background: #F4238C; }
