/* checkboxes and radiobuttons */
.jsCheckbox img,.jsRadiobutton img{
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: no-repeat 0 0;
    padding-bottom: 3px;
}
.jsCheckbox img{background-image: url(../../gfx/checkboxes.png);}
.jsRadiobutton img{background-image: url(../../gfx/radiobuttons.png);}

.jsCheckbox.A img,.jsRadiobutton.A img{background-position: 0 -40px;}

.jsCheckbox.H img,.jsRadiobutton.H img{background-position: 0 -80px;}
.jsCheckbox.H.A img,.jsRadiobutton.H.A img{background-position: 0 -120px;}

.jsCheckbox.F img,.jsRadiobutton.F img{background-position: 0 -160px;}
.jsCheckbox.F.A img,.jsRadiobutton.F.A img{background-position: 0 -200px;}

.jsCheckbox.F.H img,.jsRadiobutton.F.H img{background-position: 0 -240px;}
.jsCheckbox.F.A.H img,.jsRadiobutton.F.A.H img{background-position: 0 -280px;}

.jsCheckbox.D img,.jsRadiobutton.D img{background-position: 0 -320px;}
.jsCheckbox.D.A img,.jsRadiobutton.D.A img{background-position: 0 -360px;}

/* alternate checkboxes in second fieldset */
.chb2 .jsCheckbox img{
	background-image: none;
	background-color: white;
	border: 1px solid #000;
	width: 12px;
	height: 12px;
	margin: 3px;
}

.chb2 .jsCheckbox.A img{background-color: #477B76;}

.chb2 .jsCheckbox.H img{background-color: #ddd;}
.chb2 .jsCheckbox.H.A img{background-color: #999;}


/*############################################*/
/*  select boxes                    			*/
 /*############################################*/
 /*--------------------------------------------*/
/*  select boxes - custom styles 				*/
 /*--------------------------------------------*/
.jsSelector{height: 24px;}
.jsSelector0{width: 283px;}
.jsSelector0 .jsSelectorContent{width: 245px;}

.jsSelector1{width: 220px;}
.jsSelector1 .jsSelectorContent{width: 180px;}

.jsSelector .jsSelectorContentSlide1{
    margin: -3px 0 0 5px;
}

.jsSelectorMultiple0 .jsSelectorContent{width: 283px;}

 /*--------------------------------------------*/
/*  select boxes - general styles 				*/
 /*--------------------------------------------*/
.jsSelector{
	float: left;
/*
background: url(../../gfx/cfeSelectL.gif) no-repeat left top;
*/
}

.jsSelectorMultiple
{
    background: none;
    height: auto;
}

.jsSelector.H{background-position: 0 -40px;}
.jsSelector.F{background-position: 0 -80px;}
.jsSelector.F .jsSelectorSlide{background-position: 100% -80px;}
.jsSelector.H .jsSelectorArrow{background-position: 3px -36px}

.jsSelector.D{background-position: 0 -120px;}
.jsSelector.D .jsSelectorSlide{background-position: 100% -120px;}
.jsSelector.D .jsSelectorArrow{background-position: 3px -106px}

.jsSelectorArrow{
	height: 13px;
	background: url(../../gfx/cfeSelectorArrow.gif) no-repeat 3px 4px;
	margin-right: 7px;
}

* html .jsSelectorArrow{
	height: 10px;
	background: url(../../gfx/cfeSelectorArrow.gif) no-repeat 3px 4px;
	margin-right: 7px;
	padding: 0;
}

.jsSelectorSlide {
	float:left;
	width: 100%;
	padding: 6px 0 0 0;
}

* html .jsSelectorSlide {
	float:left;
	width: 100%;
	padding: 7px 0 0 0;
}

.jsSelector .jsOptionSelected{padding:0 0 0 8px;margin:0 0 0 5px;}
.jsSelector.D .jsOptionSelected, .jsSelector.D .jsOption{color:#999;}

.jsOption{
	padding: 6px 6px 4px 5px;
	cursor: pointer;
	color: #009999;
	height: 20px;
}

.jsOption.H, .jsOption.H label.H
{
/*
	background-color: #666;
	color: #fff;
*/
}

.jsSelectorContainer, .jsSelectorScrollerWrapper{
    float: left;
}
/*
.jsSelectorScrollerWrapper .spc{width: 17px;height: 13px;display:block;cursor:pointer;}
.jsSelectorScrollerWrapper .scrollTop .spc{background: url(../gfx/scrollUp.gif) no-repeat 3px 3px;}
.jsSelectorScrollerWrapper .scrollKnob{background: url(../gfx/scrollKnob.gif) no-repeat 3px 0;}
.jsSelectorScrollerWrapper .scrollBottom .spc{background: url(../gfx/scrollDown.gif) no-repeat 3px 3px;}
*/
.jsSelectorContentSlide1{
	float:left;
	background: url(../../gfx/cfeTextareaB.gif) no-repeat right bottom;
}

.jsSelectorContentSlide2{
	float:left;
	background: url(../../gfx/cfeTextareaT.gif) no-repeat left top;
}

.jsSelectorContentSlide3{
	float:left;
	background: url(../../gfx/cfeTextareaTR.gif) no-repeat right top;
}

.jsSelectorContentSlide1 .jsSelectorContent{
	float:left;
	background: url(../../gfx/cfeTextareaBL.gif) no-repeat left bottom;
	border:0; margin:0;
	padding: 3px 3px 4px 3px;
}

.jsSelectorMultiple.D .jsSelectorContentSlide1 {background-image: url(../../gfx/cfeTextareaB-D.gif);}
.jsSelectorMultiple.D .jsSelectorContentSlide2{background-image: url(../../gfx/cfeTextareaT-D.gif);}
.jsSelectorMultiple.D .jsSelectorContentSlide3{background-image: url(../../gfx/cfeTextareaTR-D.gif);}
.jsSelectorMultiple.D .jsSelectorContentSlide1 .jsSelectorContent{background-image: url(../../gfx/cfeTextareaBL-D.gif);}

.jsSelectorContent {
	width:200px !important;
}