/* 
	* 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-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px -20px;
	margin: -2px 10px 0px 15px;
}
/*span.ui-checkbox { margin-right: 10px; }*/

span.ui-checkbox.last_item,
span.ui-radio.last_item {
	/*margin-left: 30px;*/
}

span.ui-helper-hidden {
	display: none;
}

span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px -20px;
}

span.ui-checkbox-state-checked {
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px 0px;
}

span.ui-checkbox-state-checked-hover {
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px 0px;
}

span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px 0px;
}

span.ui-radio-state-checked-hover {
	background: url(../images/kontakt_checkbox.jpg) no-repeat 0px 0px;
}

.ui-helper-hidden-accessible {
	position: absolute;
	left: -999em;
}