/* D�but Radio */
div.radio span{
  background-image:url(/web/images/dessert/gray_radiobuttons_bg.png);
  background-repeat:no-repeat;
}

.radio, 
.radio *{margin:0;padding:0;}

div.radio {
  width: 11px;
  height: 11px;
  float:left;
  margin:1px 5px 0 0;
}

div.radio input {
  width: 11px;
  height: 11px;
}

div.radio span {
  height: 11px;
  width: 11px;
  background-position: 0 0;
  display:block;
}

div.radio:active span, 
div.radio.active span {
	background-position: -11px 0;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -22px 0;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -33px 0;
}

div.radio span.checked {
	background-position: -44px 0;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -55px 0;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -66px 0;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -77px 0;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -88px 0;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -99px 0;
}
/* Fin Radio */

/* D�but Check */
div.checker span{
  background-image: url(/web/images/newdesign/checkbox.png);
  background-repeat: no-repeat;
}

.checker, 
.checker *{margin:0;padding:0;}

div.checker {
  width: 10px;
  height: 10px;
  float:left;
  margin:0 5px 0 0;  
}

div.checker input {
  width: 10px;
  height: 10px;
}

div.checker span {
  background-position: 0 0;
  height: 10px;
  width: 10px;
  display:block;
}

div.checker:active span, 
div.checker.active span {
	background-position: -10px 0;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -20px 0;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -30px 0;
}

div.checker span.checked {
	background-position: -40px 0;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -50px 0;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -60px 0;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -70px 0;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -80px 0;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -90px 0;
}
/* Fin Check */