﻿/*******************************************
24 x 24
********************************************/
span.ui-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
}
			
span.ui-checkbox {
	background: url(images/CheckRadio24x24_224568.png) 0 -24px no-repeat;
}
			
span.ui-checkbox-state-checked {
	background-position: -24px -24px;
}
			
span.ui-checkbox-state-hover {
	background-position: 0 0;
}
			
span.ui-checkbox-state-checked-hover {
	background-position: -24px 0;
}
			
span.ui-checkbox-disabled {
	background-position: 0 -48px;
}		
			
span.ui-checkbox-state-checked-disabled-hover,
span.ui-checkbox-state-checked-disabled
{
	background-position: -24px -48px;
}
			
span.ui-radio {
	background: url(images/CheckRadio24x24_224568.png) -48px -24px no-repeat;
}
			
span.ui-radio-state-checked {
	background-position: -72px -24px;
}
			
span.ui-radio-state-hover {
	background-position: -48px 0;
}
			
span.ui-radio-state-checked-hover {
	background-position: -72px 0;
}
			
span.ui-radio-disabled {
	background-position: -48px -48px;
}		
			
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled			
{
	background-position: -72px -48px;
}
			
/*******************************************
16 x 16
********************************************/
/*
span.ui-checkbox,
span.ui-radio {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
}
			
span.ui-checkbox {
	background: url(CheckRadio24x24.png) 0 -16px no-repeat;
}
			
span.ui-checkbox-state-checked {
	background-position: -16px -16px;
}
			
span.ui-checkbox-state-hover {
	background-position: 0 0;
}
			
span.ui-checkbox-state-checked-hover {
	background-position: -16px 0;
}
			
span.ui-checkbox-disabled {
	background-position: 0 -32px;
}		
			
span.ui-checkbox-state-checked-disabled-hover,
span.ui-checkbox-state-checked-disabled
{
	background-position: -16px -32px;
}
			
span.ui-radio {
	background: url(CheckRadio16x16.png) -32px -16px no-repeat;
}
			
span.ui-radio-state-checked {
	background-position: -48px -16px;
}
			
span.ui-radio-state-hover {
	background-position: -32px 0;
}
			
span.ui-radio-state-checked-hover {
	background-position: -48px 0;
}
			
span.ui-radio-disabled {
	background-position: -32px -32px;
}		
			
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled			
{
	background-position: -48px -32px;
}
*/