.customStyleSelectBox {
  /* Styles For Your Select Box */
  background-color: #C1D3E4;
  border: 1px solid #80A3C7;
  border-radius: 5px 5px 5px 5px;
  color: #4C4C4C;
  font-size: 14px;
  padding: 5px;
}

.customStyleSelectBox.changed {
  /* You can use this if you want a different style after user has made a selection */
}

/* on the next line we add a down arrow on the right to indicate that it is a select box */
.customStyleSelectBoxInner {
  background: url( "../img/canvas-list-nav-item-arrow.gif" ) no-repeat center right;
}

.checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url( "../img/checkbox.png" ) no-repeat;
  display: block;
  clear: left;
  float: left;
}

.radio {
  background: url( "../img/radio.png" ) no-repeat;
}
.select {
  position: absolute;
  width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 21px;
  padding: 0 24px 0 8px;
  color: #fff;
  font: 12px/21px arial,sans-serif;
  background: url( "../img/select.png" ) no-repeat;
  overflow: hidden;
}