dijit/themes/soria/form/RadioButton.css

Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u

/*
 *  CheckBox and Radio Widgets,
 *	and the CSS to embed a checkbox or radio icon inside a ToggleButton.
 *
 *	Order of images in the default sprite (from L to R, checkbox and radio in same image):
 *		checkbox	normal 	 - checked
 *							 - unchecked
 *					disabled - checked
 *							 - unchecked
 *					hover 	 - checked
 *							 - unchecked
 *
 *		radio		normal 	 - checked
 *							 - unchecked
 *					disabled - checked
 *							 - unchecked
 *					hover 	 - checked
 *							 - unchecked
*/

.soria .dijitToggleButton .dijitRadio,
.soria .dijitToggleButton .dijitRadioIcon {
	background-image: url('../images/spriteRadio.gif');
}

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

.soria .dijitRadio,
.soria .dijitToggleButton .dijitRadioIcon {
	/* unselected */
	background-position: -16px;
}

.soria .dijitRadioChecked,
.soria .dijitToggleButtonChecked .dijitRadioIcon {
	/* selected */
	background-position: 0;
}

.soria .dijitRadioDisabled {
	/* unselected and disabled */
	background-position: -48px;
}

.soria .dijitRadioCheckedDisabled {
	/* selected but disabled */
	background-position: -32px;
}

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

.soria .dijitRadioCheckedHover {
	/* hovering over a selected enabled radio button */
	background-position: -64px;
}