/*
   * radio *
*/
.radio_button {
   float:left;
   font-size: 13px;
   cursor: pointer;
}

.radio_button .box {
   width: 13px;
   height: 13px;
   overflow: hidden;
   /*background-color: transparent;*/
	background-image: url(../../images/yformular/radio.png);
	background-repeat: no-repeat;
	background-position: center top;
   float:left;
   text-indent: -1000px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.radio_button .label {
   margin: 0 0 0 30px;
}

/*
   * checkbox *
*/
.check_box {
   float:left;
   font-size: 13px;
   cursor: pointer;
}

.check_box .box {
   width: 13px;
   height: 13px;
   overflow: hidden;
	background-image: url(../../images/yformular/checkbox.png);
	background-repeat: no-repeat;
	background-position: center top;
   float:left;
   text-indent: -1000px;
}
.check_box .label {
   margin: 0 0 0 20px;
}

/*
   * select box *
*/
.select_box {
   margin:0;
   padding: 0;
	width: 16px;
	height: auto;
	background-color: #7683BB;
	/*overflow: hidden;*/
	color: transparent;
	position: relative;
}

.select_box ul, .select_box li {
   margin: 0  !important;
   margin-left: 0 !important;
   margin-bottom: 0 !important;
   padding: 0  !important;
   list-style:none;
   list-style-type:none;
	position: relative;
}

.select_box ul {
	background-color: #FFFFFF;
	color: #285184;
   width: auto;
	height: 16px;
	position:relative;
}

.select_box ul li {
   /* width needed or else Opera / IE goes nuts hide f*/
   display:block;
}

.select_box ul li ul {
	background-color: #D3D4E9;
	color: #285184;
	/*height:auto;*/
	max-height: 160px;
	/*width: 150px;*/
	overflow:auto;
	position:absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/*.select_box ul li:hover ul ul, .select_box ul li.sfhover ul ul {
	left: -999em;
}

.select_box ul li:hover ul, .select_box ul li li:hover ul, .select_box ul li.sfhover ul, .select_box ul li li.sfhover ul {
	left: auto;
}*/
.select_box ul li.sfhover ul ul {
	left: -999em;
}

.select_box ul li.sfhover ul, .select_box ul li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.select_box li a {
   padding: 0 25px 0 10px !important;
   line-height: 16px;
   color: #285184;
	text-decoration: none;
	display: block;
}

.select_box li a:hover {
	background-color: #7683BB;
	color: #FFFFFF;
}

.select_box .select_active {
   line-height: 16px;
   /*height: 13px;*/
	background-color: #7683BB;
	color: #FFFFFF;
	background-image:url(../../images/yformular/select_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
}

.select_box .select_activerequired_field {
   line-height: 16px;
   /*height: 13px;*/
	background-color: #990000;
	color: #FFFFFF;
	background-image:url(../../images/yformular/select_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
}