span.checkbox {

  width: 16px;
  height: 16px;
  padding: 0 5px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;

}
span.radio {

  width: 16px;
  height: 16px;
  padding: 0 5px 0 0;
  background: url(/images/radios.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
  cursor: pointer;

}
span.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(select.gif) no-repeat;
  overflow: hidden;

}

input.styled {display: none;}

select.styled{

    position: relative;
    width: 190px;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;

}