
.default .dijitRadio,			/* stand alone */
.default .dijitRadioIcon	{		/* inside a toggle button */
	background-image: url('../images/checkmark.png'); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
}
.dj_ie6 .default .dijitRadio,
.dj_ie6 .default .dijitRadioIcon	{
	background-image: url('../images/checkmark.gif'); /* checkbox sprite image */
}

.default .dijitToggleButton .dijitRadioIcon {
	/* for checkbox in a toggle button, override above setting to have no border */
	background-image: url('../images/checkmarkNoBorder.png');
}
.dj_ie6 .default .dijitToggleButton .dijitRadioIcon {
	background-image: url('../images/checkmarkNoBorder.gif');
}

.default .dijitRadio,
.default .dijitRadioIcon {
	/* unselected */
	background-position: -112px;
}

.default .dijitRadioDisabled {
	/* unselected and disabled */
	background-position: -144px;
}

.default .dijitRadioHover {
	/* hovering over an unselected enabled radio button */
	background-position: -176px;
}

.default .dijitRadioChecked,
.default .dijitRadioCheckedHover,
.default .dijitToggleButtonChecked .dijitRadioIcon {
	/* selected.  Since clicking a selected radio button doesn't change anything, there's
	 * no hover effect on selected radio buttons.
	 */
	background-position: -96px;
}

.default .dijitRadioCheckedDisabled {
	/* selected but disabled */
	background-position: -128px;
}
