/* custom select control */

div.select,
div.select .states,
div.select a {
  height: 32px;
  display: block;
  cursor: default;
  vertical-align: middle; /* IE patch */
}

/* control element */

div.select a {
  line-height: 32px; /* same as wrapper height */
  padding-left: 6px; /* control left pad */
  padding-right: 28px; /* control right pad */
  outline: none;
  white-space: nowrap;
  z-index: 20;
  position: absolute;
}

div.select a,
div.select a:link,
div.select a:hover,
div.select a:active,
div.select a:visited {
  color: #666;
  text-decoration: none;
}

div.select a span {
  display: block;
  overflow: hidden;
  }

/* states */

div.select .states {
  position: relative;
}

/* selector layer */

div.select .selector_layer {
  height: 32px; /* same as wrapper height */
  z-index: 10;
  left: 0; top: 0;
  position: absolute;
}

div.select .selector_left,
div.select .selector_right,
div.select .selector_center {
  font-size: 0; /* IE patch */
  height: 32px; /* same as wrapper height */
  background: transparent url('custom-select.gif');
}

div.select .selector_left {
  padding-left: 6px; /* same as control left pad */
  background-repeat: no-repeat;
}

div.select .selector_right {
  padding-right: 28px; /* same as control right pad */
  background-repeat: no-repeat;
}

div.select .selector_center {
  background-repeat: repeat-x;
}

/* selector layer states */

div.select .state .selector_center,
div.select .state_hover .selector_center,
div.select .state_disabled .selector_center {
  background-position: left top;
}

div.select .state_selected .selector_center,
div.select .state_selected_hover .selector_center {
  background-position: left -32px;
}

div.select .state .selector_left,
div.select .state_hover .selector_left,
div.select .state_disabled .selector_left {
  background-position: left -64px;
}

div.select .state_selected .selector_left,
div.select .state_selected_hover .selector_left {
  background-position: left -96px;
}

div.select .state .selector_right,
div.select .state_hover .selector_right,
div.select .state_disabled .selector_right {
  background-position: right -64px;
}

div.select .state_selected .selector_right,
div.select .state_selected_hover .selector_right {
  background-position: right -96px;
}

/* optionor layer */

div.select .optionor_layer {
  z-index: 10;
  left: 0; top: 100%;
  position: absolute;
  display: none;
  margin-top: -1px;
}

div.select .optionor_top,
div.select .optionor_top div {
  font-size: 0; /* IE patch */
  height: 6px;
}

div.select .optionor_bottom,
div.select .optionor_bottom div {
  font-size: 0; /* IE patch */
  height: 8px;
}

div.select .optionor_left,
div.select .optionor_right,
div.select .optionor_center {
  background: transparent url('custom-select.gif');
}

div.select .optionor_top .optionor_left {
  padding-left: 6px;
  background-repeat: no-repeat;
  background-position: left -128px;
}

div.select .optionor_top .optionor_right {
  padding-right: 6px;
  background-repeat: no-repeat;
  background-position: right -128px;
}

div.select .optionor_top .optionor_center {
  background-repeat: repeat-x;
  background-position: left -192px;
}

div.select .optionor_bottom .optionor_left {
  padding-left: 6px;
  background-repeat: no-repeat;
  background-position: left -184px;
}

div.select .optionor_bottom .optionor_right {
  padding-right: 6px;
  background-repeat: no-repeat;
  background-position: right -184px;
}

div.select .optionor_bottom .optionor_center {
  background-repeat: repeat-x;
  background-position: left -248px;
}

div.select .optionor_middle .optionor_left {
  padding-left: 2px;
  background-repeat: no-repeat;
  background-position: left -256px;
}

div.select .optionor_middle .optionor_right {
  padding-right: 2px;
  background-repeat: no-repeat;
  background-position: right -256px;
}

div.select .optionor_middle .optionor_center {
  background-repeat: repeat-x;
  background-position: left -490px;
}

div.select .options {
  overflow: auto;
  line-height: 32px;
}

div.select ul {
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

div.select li.option {
  overflow: hidden;
  white-space: nowrap;
}

div.select li span {
  display: block;
  padding: 0 6px;
}

div.select .option_sequence {
  background: transparent url('option-static.gif') repeat-x;
}

div.select .option_last {
  background: transparent;
}
  
div.select .option_hover {
  color: white;
  overflow: hidden;
  white-space: nowrap;
  background: transparent url('option-hover.gif') repeat-x;
}