/* Multiselect
----------------------------------*/

.ui-multiselect { border: solid 1px #CCCCCC; font-size: 0.8em; }
.ui-multiselect ul { -moz-user-select: none; }
.ui-multiselect li { margin: 0; padding: 3px 20px 3px 5px; cursor: default; line-height: 14px; font-size: 11px; list-style: none; background-image: none !important; background-color: #eee; }
.ui-multiselect li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer; border-bottom: none;}
.ui-multiselect li.ui-draggable-dragging { padding-left: 10px;}

.ui-multiselect div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid #CCCCCC;}
.ui-multiselect ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }
.ui-multiselect ul.selected li { }
.ui-multiselect ul.selected li.ui-sortable-helper { background-color: #e0ecd4; padding-bottom: 6px !important;}

.ui-multiselect div.available { position: relative; padding: 0; margin: 0; border: 0; float:left;}
.ui-multiselect ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect ul.available li {padding-left: 5px;}
 
.ui-multiselect .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect .ui-state-hover { border: none; }
.ui-multiselect .ui-widget-header {border: none; font-size: 9px; margin-bottom: 1px; background-image: none; background-color: #ddd; border-bottom: 1px solid #ccc;}
 
.ui-multiselect .add-all { float: right; padding: 7px; border-bottom: none;}
.ui-multiselect .remove-all { float: right; padding: 7px; border-bottom: none;}
.ui-multiselect .search { float: left; padding: 4px; border: 1px solid #aaa;}
.ui-multiselect .search:focus {border-color: #f90; opacity: 0.7;}
.ui-multiselect .count { float: left; padding: 7px; margin-bottom: 3px;}

.ui-multiselect li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect input.search {font-size: 1.3em; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

.ui-icon-arrowthick-2-n-s {top: 2px;}