CSS checkbox Style

<Style type = "text/CSS">
Form # form1 {Font: 12px tahoma, sans-serif}

Input [type = "checkbox"] {visibility: hidden; width: 0; Height: 0; margin: 0; padding: 0 ;}
Input [type = "checkbox"] + label {Background: url(checkstyle.gif) No-Repeat; padding-left: 18px; color: # CCC ;}
Input [type = "checkbox"] + label: hover {color: #369; Background-position: 0-16px ;}
Input [type = "checkbox"]: checked + label {color: #000; Background-position: 0-48px ;}
Input [type = "checkbox"]: Focus + label {color: #963; Background-position: 0-32px ;}

Input [type = "radio"] {visibility: hidden; width: 0; Height: 0; margin: 0; padding: 0 ;}
Input [type = "radio"] + label {Background: url(checkstyle.gif) No-repeat 0-64px; padding-left: 18px; color: # CCC ;}
Input [type = "radio"] + label: hover {color: #369; Background-position: 0-80px ;}
Input [type = "radio"]: checked + label {color: #000; Background-position: 0-pixel PX ;}
Input [type = "radio"]: Focus + label {color: #963; Background-position: 0-96px ;}
</Style>