image checkbox use css, checkbox tutorial

 <style>
    .amPmCheckbox input[type="checkbox"] {
    display: none; width:20px; height:auto; float:left;
}
.amPmCheckbox input[type="checkbox"]+label {   
    background: url('http://renegadeox.com/img/off.png') no-repeat;
    height:17px;
    padding-left: 18px; float:left;
}
.amPmCheckbox input[type="checkbox"]:checked + label {
    background: url('http://renegadeox.com/img/on.png')  no-repeat;
    height:17px;
    float:left;
}
  
 .amPmCheckbox1 input[type="checkbox"] {
    display: none; width:20px; height:auto; float:left;
}  
 
.amPmCheckbox1 input[type="checkbox"]+label {   
    background: url('37.gif') no-repeat;
    height:17px;
    padding-left: 18px; float:left;
} 
  
  

   
   
    </style>





<div class="amPmCheckbox">
<input type="checkbox" name="data[Child][remember_me]" class="checkboxLabel main_street_input image" id="am_2" value="1" />
<label for="am_2"></label>

</div>
<div class="amPmCheckbox">
<input type="checkbox" name="data[Child][remember_me]" class="checkboxLabel main_street_input" id="am_3" value="1" />
<label for="am_3"></label>

</div>

<div class="amPmCheckbox1">
<input type="checkbox" name="data[Child][remember_me]" class="checkboxLabel main_street_input" id="Checkbox1" value="1" />
<label for="am_3"></label>

</div>