div.radio {
  width: 19px;
  height: 24px;
}

div.radio input {
  width: 19px;
  height: 24px;
}

div.radio span {
  height: 24px;
  width: 18px;
  margin-top: 1px;
  background-position: 0px -19px;
}

div.radio:active span, 
div.radio.active span {
  background-position: -19px -19px;
}

div.radio.focus span, 
div.radio:hover span {
  background-position: -38px -19px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -57px -19px;
}

div.radio span.checked {
  background-position: -76px -19px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -95px -19px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -114px -19px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -133px -19px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -152px -19px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -171px -19px;
}