input[type="checkbox"] {
    padding: 0px;
    width: 19px;
    height: 19px;
    margin: 0px;
}

div.checker {
    height: 20px;
    width: 19px;
    /*margin: 3px 3px 3px 4px;*/
}

    div.checker input {
        height: 22px;
        width: 19px;
        /*padding: 3px 3px 3px 4px;*/
    }

    div.checker span {
        height: 19px;
        width: 19px;

        /*margin-top: 3px;*/
    }

    div.checker span {
        background-position: 0px 0px;
    }

    div.checker span,
    div.radio span {
        background-image: url("/Areas/Global/Images/checksprite.png");
        background-repeat: no-repeat;
        -webkit-font-smoothing: antialiased;
    }

div.white div.checker span,
div.white div.radio span {
    background-image: url("/Areas/Global/Images/checkspritewhite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}

div.checker span.checkbox-input-validation-error,
div.radio span.checkbox-input-validation-error {
    background-image: url("/Areas/Global/Images/checkspriteerror.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}


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

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

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

div.checker span.checked {
    background-position: -76px 0px;
}

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

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

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


div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span,
div.checker.disabled:hover span,
div.checker.disabled:hover.active span {
    background-position: -152px -0px;
}

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



div.checker span.ui-state-disabled,
div.checker:active span.ui-state-disabled,
div.checker.active span.ui-state-disabled,
div.checker:hover span.ui-state-disabled,
div.checker:hover.active span.ui-state-disabled {
    background-position: -152px -0px;
}

div.checker span.checked.ui-state-disabled,
div.checker:active span.checked.ui-state-disabled,
div.checker.active span.checked.ui-state-disabled,
div.checker:hover span.checked.ui-state-disabled,
div.checker.active:hover span.checked.ui-state-disabled {
    background-position: -171px -0px;
}