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

input[type="checkbox"] + label{
 cursor: pointer;
}

input[type="checkbox"] + label::before{
 position: relative;
 top: 4px;
 content: "";
 display: inline-block;
 width: 18px;	
 height: 16px;
 margin: 0 5px 0 0;
 background-image: url(../images/custom_checkbox_sprite.png);
 background-repeat: no-repeat;
}

input[type="checkbox"] + label::before {
 background-position: -38px 0px;    
}

input[type="checkbox"]:checked + label::before {
 background-position: -114px 0px;
}

input[type="checkbox"]:disabled + label::before {
 background-position: -152px 0px;
}
input[type="checkbox"]:checked:disabled + label::before {
 background-position: -171px 0px;
}