/* checkboxes */
div.checker {
    margin-right: 10px;
}

div.checker span,
div.checker.focus span,
div.checker.active span,
div.checker:hover span,
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -2px -259px;
    height: 22px;
    width: 22px;
    cursor: pointer;
}

div.checker span.checked,
div.checker.focus span.checked, 
div.checker.active span.checked,
div.checker:hover span.checked,
div.checker.focus:active span.checked,
div.checker:active:hover span.checked,
div.checker.active:hover span.checked,
div.checker.focus.active span.checked {
    background-position: -28px -259px;
}

/* Selects */
div.selector,
div.selector.focus,
div.selector.hover,
div.selector:hover,
div.selector.focus:active,
div.selector:active:hover,
div.selector.active:hover,
div.selector.focus.active {
    background-position: -484px -130px;
    height: 38px;
    width: auto;
    top: -6px;
    cursor: pointer;
}

div.selector span,
div.selector.focus span,
div.selector.hover span,
div.selector:hover span,
div.selector.focus:active span,
div.selector:active:hover span,
div.selector.active:hover span,
div.selector.focus.active span{
    background-position: right 0;
    font-size: 14px;
    padding: 7px 25px 7px 0;
    width: auto;
    cursor: pointer;
}

div.selector select{
  height: 38px;
  min-width: 60px;
  font-size: 14px;
  padding: 10px 10px 10px 8px;
  display: block;
  float: left;
  line-height: 38px;
  top:0;
  cursor: pointer;
}

.ie8 div.selector.focus select {
  top: 10px;
  left: -5px;
}

.ie7 div.selector.focus select {
  top: 15px;
  left: 2px;
}

div.selector select option{
  padding-left: 8px;
}