div.checker { float: left; }

div.checker span { width: 17px; height: 17px; margin: 1px 0 0 1px; background: url('../images/sprite.png') 0 0 no-repeat transparent; }
div.checker.hover span, div.checker.focus span,
div.checker.hover.active span, div.checker.focus.active span { background-position: 0 0; }

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

div.radio span { background: url('../images/sprite.png') 0 -26px no-repeat transparent; }
div.radio.hover span, div.radio.focus span,
div.radio.hover.active span, div.radio.focus.active span { background-position: 0 -26px; }
div.radio span.checked,
div.radio.hover span.checked, div.radio.focus span.checked,
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -27px -26px; }

div.radio input[type="radio"] { margin-top: 0; margin-left: -9px; }

label.chk-label { line-height: 19px; margin-bottom: 0; }