.example{
  margin-bottom : 1.5em;
}

input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 22px;
  margin  : 0;
  padding : 0;
  opacity : 0;
  cursor: pointer;
}

input[type=checkbox]:not(old) + label,
.icheckbox_square-blue + label {
  display      : inline-block;
  margin-left  : -22px;
  padding-left : 32px;
  background   : url('blue2.png') no-repeat 0 0;
  /*background   : url('checkbox.png') no-repeat;*/
  line-height  : 24px;
  cursor: pointer;
  font-weight: 100;
}

input[type=checkbox]:hover:not(old) + label,
.icheckbox_square-blue:hover + label {
  background-position : 0 -24px;
  /*background   : url('checkbox_hover.png') no-repeat;*/

}

input[type=checkbox]:checked:not(old) + label,
.icheckbox_square-blue + label {
  background-position : 0 -48px;
  /*background   : url('checkbox_checked.png') no-repeat;*/
}

input[type=radio   ]:not(old) + label,
.iradio_square-blue + label {
  display      : inline-block;
  margin-left  : -22px;
  padding-left : 32px;
  background   : url('blue2.png') no-repeat 0 0;
  background-position: 0 -120px;
  /*background   : url('radio.png') no-repeat;*/
  line-height  : 24px;
  cursor: pointer;
  font-weight: 100;
}

input[type=radio]:hover:not(old) + label,
.iradio_square-blue:hover + label{
  background-position : 0 -144px;
  /*background   : url('radio_hover.png') no-repeat;*/
}

input[type=radio]:checked:not(old) + label,
.iradio_square-blue:checked + label{
  background-position : 0 -168px;
  /*background   : url('radio_checked.png') no-repeat;*/
}



