@charset "UTF-8";

.jquery-selectbox {
  position: relative;
  height: 20px;
  border: 1px solid #999999;
  width: 300px;
  z-index: 0;
  float: left;
  display: inline;
  margin: 4px 14px 4px 0;
  font-size: 11px;
  font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #444;
  padding-left: 3px;
  background-color: white;

}
.jquery-selectbox.selecthover {
  border-color: #999999;
  background-color: white;

  z-index: 700;
}
.jquery-selectbox .jquery-selectbox-currentItem {
  padding: 3px 0px 0px 3px;
  white-space: nowrap;
  display: block;
  /*overflow: hidden;*/
}

.jquery-selectbox .jquery-selectbox-list {
  display: none;
  position: absolute;
  top: 20px;
  padding: 3px;
  left: -1px;
  background: white;
  width: 100px;
  /*max-height: 400px;*/
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1000;
  border: 1px solid #999999;
  /*height: 400px;*/
}
.jquery-selectbox .jquery-selectbox-moreButton {
  /*
  position: absolute;
  top: 0px;
  right: 0px;
  */
  float: right;
  background: url("/images/down_arrow_wide.gif");
  background-repeat:no-repeat;
  width: 18px;
  height: 14px;
  margin-top:2px;
  margin-right: 8px;
  cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {

}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
  background: #eee;
  color: black;

  }

.jquery-selectbox .jquery-selectbox-item {
  display: block;
  cursor: default;

}

/** ERROR classes **/
form .error .jquery-selectbox {
  color: #d00;
  border-color: #d00;
  
}