.stp_pickerLeft,
.stp_pickerArrow,
.stp_pickerRight {
  display: block;
  float: left;
  height: 254px;
  width: 250px;
  border: 1px solid black;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.stp_pickerArrow {
  width: 92px;
  border: none;
  margin-top: 40px;
}


.stp_header {
  display: block;
  font-size: 1.25em;
  border-bottom: 1px solid black;
  padding: 8px;
  background-color: #115511;
  color: #115511;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 90%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(90%,#cccccc));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

.stp_ulLeft,
.stp_ulRight {
  display: block;
  overflow-y: scroll;
  height: 215px;
  margin: 0px !important;
  padding: 0px;
  list-style: none;
  background-color: #eeeeee;
}

.stp_li {
  border-bottom: 1px solid #ccc;
  padding: 0px;
  margin: 0px;
  padding-top: 5px;
  background: #ffffee;
  vertical-align: center;
}

.stp_li img {
  display: inline-    block;
  margin: 0px;
  padding: 0px;
  margin-left: 5px;
}

.stp_liText {
  display: inline-block;
  vertical-align: top;
  margin: 0px;
  padding: 5px;
  margin-left: 10px;
  font-size: 1.2em;
  font-family: sans-serif;
  overflow: hidden;
}

.stp_arrow {
  display: block;
  height: 35px;
  width: 35px;
  margin: 30px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.stp_li:hover {
  background: #ddddcc;
}

.stp_select,
.stp_select:hover {
  background: #ccccbb;
}

.stp_up:hover {
  margin-top: -152px;
}

.stp_left {
  margin-top: -37px;
}

.stp_left:hover {
  margin-top: -189px;
}

.stp_right {
  margin-top: -75px;
}

.stp_right:hover {
  margin-top: -227px;
}

.stp_down {
  margin-top: -114px;
}

.stp_down:hover {
  margin-top: -266px;
}

.stp_clear {
  clear: both;
  width: 500px;
}
