input[type="checkbox"],
input[type="radio"] {
    width: 0px;
    height: 0px;
    opacity: 0;
    position:absolute;
}

label.checkbox {
    cursor: pointer;
}

label.checkbox > span.checkboxImage {
    display: inline-block;
    width: 19px;
    height: 18px;
    margin: -4px 6px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

span.checkboxImage.small.checked {
    background: url(../images/checkbox.png) left top no-repeat;
}

span.checkboxImage.small.unchecked {
    background: url(../images/checkbox.png) left -30px no-repeat;
}

span.checkboxImage.small.invalid {
    background: url(../images/checkbox.png) left -59px no-repeat;
}

span.checkboxImage.big.checked {
    background: url(../images/bigCheckbox.png) left top no-repeat;
}

span.checkboxImage.big.unchecked {
    background: url(../images/bigCheckbox.png) left -32px no-repeat;
}

span.checkboxImage.big.invalid {
    background: url(../images/bigCheckbox.png) left -64px no-repeat;
}