input[type="checkbox"]{display:none;}
input[type="checkbox"] + label{cursor:pointer;}
input[type="checkbox"] + label span{display:inline-block; width:22px; height:24px; margin:-1px 4px 0 0; vertical-align:middle; background: url(../img/blue.png) left top no-repeat; cursor:pointer;}
input[type="checkbox"] + label:hover span{background:url(../img/blue.png) -24px top no-repeat;}
input[type="checkbox"]:checked + label span{background:url(../img/blue.png) -48px top no-repeat;}

input[type="radio"]{display:none;}
input[type="radio"] + label{cursor:pointer;}
input[type="radio"] + label span{display:inline-block; width:22px; height:24px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../img/blue.png) -120px top no-repeat; cursor:pointer;}
input[type="radio"] + label:hover span{background:url(../img/blue.png) -144px top no-repeat;}
input[type="radio"]:checked + label span{background:url(../img/blue.png) -168px top no-repeat;}