/* 
 * The state classes are a little bit complex, because of the doubble class bug in IE6
 * The state class looks like this:
 * 
 * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover]
 * 
 * Examples:
 * 
 * .ui-radio-state-checked (simply checked) 
 * .ui-radio-state-checked-hover (checked and hovered/focused)
 * .ui-radio-state-hover (unchecked and hovered/focused)
 * 
 */

.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-radio {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	margin: 5px 5px 0 0;
	background: url('../layout/checkbox-radio2.gif') -22px -22px no-repeat;
	overflow: hidden;
	cursor: pointer;
}
div.error span.ui-radio {
	background: url('../layout/checkbox-radio2.gif') -11px -22px no-repeat;
}
span.ui-checkbox {
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	margin: 5px 5px 0 0;
	background: url('../layout/checkbox-radio2.gif') -22px 0px no-repeat;
	overflow: hidden;
	cursor: pointer;
}
div.error span.ui-checkbox {
	background: url('../layout/checkbox-radio2.gif') -11px 0px no-repeat;
}
span.ui-helper-hidden {
	display: none;
}

span.ui-checkbox-state-hover {
	background-position: -33px 0px ;
}
label.ui-checkbox-state-hover  span{
	color: #000;
}
label.ui-checkbox-state-checked-hover-focus  span{
	color: #000;
}
label.ui-checkbox-state-checked-hover span {
	color: #000;
}
label.ui-checkbox-state-hover-focus  span{
	color: #000;
}

span.ui-checkbox-state-focus {
	background:none;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
span.ui-checkbox-state-hover-focus {
	background:none;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error span.ui-checkbox-state-hover {
	background-position: -11px 0px;
}
div.error span.ui-checkbox-state-focus {
	background-position: -12px -1px !important;

	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}

span.ui-radio-state-hover {
	background-position: -22px -22px;
}
span.ui-radio-state-focus {
	background-position: -23px -23px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
span.ui-radio-state-hover-focus {
	background-position: -23px -23px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error span.ui-radio-state-hover {
	background-position: -11px -22px;
}
div.error span.ui-radio-state-hover-focus {
	background-position: -12px -23px;
}
div.error span.ui-radio-state-focus {
	background-position: -12px -23px;
}
span.ui-checkbox-state-checked {
	background-position: -22px -11px;
}
span.ui-checkbox-state-checked-focus {
	background-position: -23px -12px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
span.ui-checkbox-state-checked-hover {
	background-position: -22px -22px;


}
span.ui-checkbox-state-checked-hover-focus {
	background-position: -34px -12px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}

div.error span.ui-checkbox-state-checked {
	background-position: -11px -11px !important;
}
div.error  span.ui-checkbox-state-checked-hover-focus {
	background-position: -12px -12px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error  span.ui-checkbox-state-checked-hover-focus {
	background-position: -12px -12px  !important;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}

div.error  span.ui-checkbox-state-checked-focus {
	background-position: -12px -12px  !important;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error  span.ui-checkbox-state-hover-focus {
	background-position: -12px -1px  !important;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}

span.ui-checkbox-state-checked-hover {
	background-position: -33px -11px;
}

div.error span.ui-checkbox-state-checked-hover {
	background-position: -11px -11px  !important;

}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: -22px -33px;
}
div.error span.ui-radio-state-checked-disabled-hover,
div.error span.ui-radio-state-checked-disabled,
div.error span.ui-radio-state-checked {
	background-position: -11px -33px;
}

span.ui-radio-state-checked-hover {
	background-position: -22px -33px;
}
span.ui-radio-state-checked-focus {
	background-position: -23px -34px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
span.ui-radio-state-checked-hover-focus {
	background-position: -23px -34px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error span.ui-radio-state-checked-hover-focus {
	background-position: -12px -34px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error span.ui-radio-state-checked-focus {
	background-position: -12px -34px;
	width: 9px;
	height: 9px;
	border: 1px dotted #3F3F3F;
}
div.error span.ui-radio-state-checked-hover {
	background-position: -11px -33px;
}
.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}