/* Off state for a ARC radio button */
.radioOff {
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	color: #666;
	background: transparent url(../../../images/divers/formcss/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;
	background: transparent url(../../../images/divers/formcss/on.gif) no-repeat 0% 50%;
}
/* use CSS to full effect with hover states. Ohhh, perty! */
.radioOn:hover {
	background-image: url(../../../images/divers/formcss/on_hover.gif);
}
.radioOff:hover {
	color: #333 !important;
	background-image: url(../../../images/divers/formcss/off_hover.gif);
}

/* Alternative Off state for a ARC radio button */
.altRadioOff {
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	color: #000;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-image: url(../../../images/divers/formcss/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;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	background-image: url(../../../images/divers/formcss/alt_on.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
	text-decoration: underline;
}