multiselect-css-drupal

gistfile1

body.page-node-add .ui-multiselect.ui-widget.ui-state-default.ui-corner-all,
body.page-node-edit .ui-multiselect.ui-widget.ui-state-default.ui-corner-all,
body.page-node-custom-alert .ui-multiselect.ui-widget.ui-state-default.ui-corner-all,
body.page-workflow-dashboard .ui-multiselect.ui-widget.ui-state-default.ui-corner-all{
  width: 500px !important;
  height: 40px !important;
}

body.page-node-add .ui-multiselect-filter input,
body.page-node-edit .ui-multiselect-filter input,
body.page-node-custom-alert .ui-multiselect-filter input,
body.page-workflow-dashboard .ui-multiselect.ui-widget.ui-state-default.ui-corner-all{
  width:215px !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0  #f8f7f6;
    border: 1px solid #cbc7bd;
    color: #000;
    font-weight: normal;
}

.ui-widget-header {
    border: 1px solid #4297d7;
    background: none repeat scroll 0% 0%  #f8f7f6;
    color: #666;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0  #f8f7f6;
    border: 1px solid #cbc7bd;
    color: #000;
    font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none repeat-x scroll 50% 50% #5f83a7;
    border: 1px solid #5f83a7;
    color: #ffffff;
    font-weight: normal;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: none repeat-x scroll 50% 50% #eceadf;
    border: 1px solid #d9d6c4;
    color: #140f06;
    font-weight: normal;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #5f83a7;
    background: none 50% 50% repeat-x #5f83a7;
    font-weight: normal;
    color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #eceadf;
    background: none repeat-x scroll 50% 50% #5f83a7;
    font-weight: normal;
    color: #140f06;;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #b2a266;
    background: none 50% 50% repeat-x #ccc29a;
    color: #3a3427;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #915608;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #000;
    text-decoration: none;
}

.ui-widget-header a {
    color: #666;
}

.ui-widget-content a {
    color: #000;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #ffffff;
    text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000;
    text-decoration: none;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #915608;
}