.improvedselect ul li { padding: 0 5px; display: block; margin: 0; cursor: pointer; background: none; } .improvedselect .del_all:hover, .improvedselect .add_all:hover, .improvedselect .del:hover, .improvedselect .add:hover, .improvedselect .move_up:hover, .improvedselect .move_down:hover { background: #ccc; } .improvedselect .improvedselect-text-wrapper { border: 1px solid gray; margin-bottom: 5px; } .improvedselect input.improvedselect_filter { width: 96%; height: 20px; padding: 0 2%; } .improvedselect .add_all, .improvedselect .del_all, .improvedselect .del, .improvedselect .add, .improvedselect .move_up, .improvedselect .move_down { display: block; width: 80%; border: 1px solid gray; cursor: pointer; margin: 0 0 10px 10%; text-align: center; background: white; /* This is to make the text in the buttons un-selectable. */ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .improvedselect .improvedselect_control { float: left; width: 18%; padding-top: 30px; } .improvedselect li:hover { background: #eee; } .improvedselect li.selected { color: white; background: #3399ff; } .improvedselect ul.improvedselect_sel, .improvedselect ul.improvedselect_all { width: 40%; height: 200px; overflow: auto; margin: 0; padding: 0; display: block; border: 1px solid gray; background: white; list-style: none; } .has_group ul.improvedselect_sel, .has_group ul.improvedselect_all { width: 30%; } .improvedselect div.improvedselect_tabs-wrapper { width: 19%; float: left; } .improvedselect ul.improvedselect_tabs { margin: 0; padding: 0; } .improvedselect ul.improvedselect_tabs li { margin-bottom: 5px; padding: 1px 0 1px 5px; /* This is to make the text in the buttons un-selectable. */ -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .improvedselect ul.improvedselect_tabs li.selected { background-color: white; border-color: gray; border-style: solid; border-width: 1px 0 1px 1px; padding: 0; } .improvedselect ul.improvedselect_tabs li.selected div { background-color: white; margin: 0 -1px 0 1px; position: relative; } .improvedselect ul.improvedselect_tabs li.selected div a { margin-left: 3px; padding-right: 5px; } .improvedselect .improvedselect_all { float: left; } .improvedselect .improvedselect_sel { float: right; } .improvedselect .clear { clear: both; } .improvedselect { border: 1px solid gray; background: #eee; padding: 1%; min-width: 440px; overflow: hidden; }