multi styling checkboxes css

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

 .green {
    background-color: green;
 }

 .red {
    background-color: red;
 }

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