jquery.selectboxit.css

/*
 * jQuery.selectBoxIt.css 0.9.0
 * Author: @gregfranko
 */

/* Div container holding the dropdown list */
.selectboxit-container {
  display: inline-block;
  /* Hack for IE 6 and 7 to allow inline-block to work */
  *display: inline;
  zoom: 1;
}

/* Dropdown List Box */
.selectboxit {
  height: 30px; /* Height of the select box */
  cursor:pointer;
  white-space:nowrap;
  /* Provide a background image here if you want to use an image for the down arrow */
}

/* Dropdown List Box and Dropdown Options List  */
.selectboxit, .selectboxit-options {
  width: 240px; /* Width of the dropdown list box and dropdown list options*/
}

/* Dropdown list Default Icon Positioning */
.selectboxit-default-icon {
  float: left;
}

/* Dropdown List Box Text */
.selectboxit-text {
  font: 14px Helvetica, Arial;
  text-indent: 5px;
  line-height: 30px;
  overflow:hidden;
  float:left;
  white-space:nowrap;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* Dropdown List Options List*/
ul.selectboxit-options { 
  font: 14px Helvetica, Arial;
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  max-height: 180px; /* A vertical scrollbar appears if your select box options are taller than this and overflow is set to auto */
  overflow:hidden; /* Change to auto if you want a vertical scrollbar to appear */
  cursor:pointer;
  display:none;
  z-index:99999;
  outline:none;
}

/* Dropdown List Individual Options */
.selectboxit-options li, .selectboxit-options .selectboxit-optgroup-header {
  line-height: 30px; /* Height of Individual Select Box Options */
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  overflow:hidden;
  white-space:nowrap;
  list-style:none;
}

/* Dropdown List Optgroup Headers */
.selectboxit-options .selectboxit-optgroup-header {
  font-weight: bold;
}

/* Dropdown List Optgroup Options */
.selectboxit-options .selectboxit-optgroup-option {
  text-indent: 20px;
}

/* Dropdown List Optgroup Header hover psuedo class */
.selectboxit-options .selectboxit-optgroup-header[data-disabled='true']:hover {
  cursor: default;
} 

/* Dropdown List Down Arrow Container (if an image is not used) */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  float:right;
}

/* Dropdown List Down Arrow */
.selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin-right:auto;
  margin-left:auto;
}

/* Dropdown List Individual Option Icon Positioning */
.selectboxit-options li span {
  float:left;
}