input[type=checkbox] {
    display:none;
}

input[type=checkbox]+label {    
    background: url('check-box-off.png') no-repeat;
    height:20px;
    padding-left: 28px;
    padding-bottom : 10px;
}

input[type=checkbox]:checked + label {
    background: url('check-box-on.png')  no-repeat;
    height:20px;
}
input[type=checkbox]:disabled + label {
    background: url('check-box-disabled.png')  no-repeat;
    height:20px;
}