/* Off state for a ARC radio button */
.radioOff {
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	color: #666;
	font: .8em/16px Verdana,Arial,Helvetica;
	background: transparent url(off.gif) no-repeat 0% 50%;
}
/* On state for a ARC radio button */
.radioOn {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #000;
	font: .8em/16px Verdana,Arial,Helvetica;
	background: transparent url(on.gif) no-repeat 0% 50%;
}
/* use CSS to full effect with hover states. Ohhh, perty! */
.radioOn:hover {
	background-image: url(on_hover.gif);
}
.radioOff:hover {
	color: #333 !important;
	background-image: url(off_hover.gif);
}



/* Alternative Off state for a ARC radio button */
.altRadioOff {
	display: inline;
	padding: 20px 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #666;
	background-image: url(alt_off.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}
/* Alternative On state for a ARC radio button */
.altRadioOn {

	display: inline;
	padding: 20px 2px; /* NS 6 problem */
	padding-left: 20px;
	color: #000;
	background-image: url(alt_on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;

}