/* textfields */
/* see content.css */

/* checkboxes */
.jsCheckbox img{
	cursor:pointer;
	vertical-align:text-top;
	width: 20px;
	height: 20px;
	background: url(../images/element/form/checkboxes.gif) no-repeat 0px 0px;
}
.jsCheckboxA img{background-position: 0px -40px;}
.jsCheckboxH img{background-position: 0px -80px;}
.jsCheckboxHA img{background-position: 0px -120px;}
.jsCheckboxLH{color:#339999;}
.jsCheckboxL{cursor:pointer;}

/* radiobuttons */
.jsRadiobutton img{
	cursor:pointer;
	vertical-align:text-top;
	width: 20px;
	height: 20px;
	background: url(../images/element/form/radiobuttons.gif) no-repeat 0px 0px;
}
.jsRadiobuttonA img{background-position: 0px -40px;}
.jsRadiobuttonH img{background-position: 0px -80px;}
.jsRadiobuttonHA img{background-position: 0px -120px;}
.jsRadiobuttonLH{color: #339999;}
.jsRadiobuttonL{cursor:pointer;}

/* selector boxes */
.jsSelector{
	cursor:pointer;
	padding: 2px 0;
	width: 300px;
	height: 30px;
	display:block;/* workaround for opera */
	background: url(../images/element/form/selectRight.gif) no-repeat right top;
}

.jsSelectorH{}

.jsSelector1{width: 200px;}

.jsSelectorItem{}
.jsSelectorArrow{
	vertical-align:text-top;
	height: 20px;width: 20px;
	background: url(../images/element/form/arrow.gif) no-repeat right 0px;
}

.jsSelectorContainerWrapper{
	border-top: none;
}

.jsSelector .jsOption{font-size: 1em;background: url(../images/element/form/selectLeft.gif) no-repeat 0px 0px;}
.jsOption{
	cursor: pointer;
	color: #666;
	font-size: 0.8em;
	padding:2px 0 2px 3px;
}

.jsOptionH{
	color: #fefefe;
	background-color: #666;
}
.jsSelectorScrollerWrapper img{height: 20px;display:block;background: url(../images/element/form/radiobuttons.gif) no-repeat left -40px;}
.jsSelectorScrollerDisabled img{background: url(../images/element/form/radiobuttons.gif) no-repeat left 0px;}
.jsSelectorLH{color: #339999;}
.jsSelectorL{cursor:pointer;}

.jsSelectorScrollTop,.jsSelectorScrollBottom,.jsSelectorScroller{height: 20px;width: 20px;}

.jsSelectorScrollerA img{background-position: 0px -40px;}
.jsSelectorScrollerH img{background-position: 0px -80px;}
.jsSelectorScrollerHA img{background-position: 0px -120px;}

/* specific formatting */
.jsSelectorContainerWrapper0 .jsSelectorContainer{background:url(../images/element/form/selBack0.gif) no-repeat left bottom;}
.jsSelectorContainerWrapper0 .jsSelectorContainerTop{background:url(../images/element/form/selBack0top.gif) no-repeat left top;}
.jsSelectorContainerWrapper0 .jsOption{width: 85px;}

.jsSelectorContainerWrapper1 .jsSelectorContainer{background:url(../images/element/form/selBack0.gif) no-repeat left bottom;}
.jsSelectorContainerWrapper1 .jsSelectorContainerTop{background:url(../images/element/form/selBack0top.gif) no-repeat left top;}
.jsSelectorContainerWrapper1 .jsOption{width: 85px;}

.jsSelectorContainerWrapper .jsSelectorContainer{padding-bottom: 5px;}
.jsSelectorContainerWrapper .jsSelectorContainerTop{height:2px;}
.jsSelectorContainerWrapper .jsOption{margin-left: 3px;}
.jsSelectorContainerWrapper .jsSelectorScrollerWrapper{display:none !important;}
.jsSelector .jsOption{padding-left: 8px;}
.jsSelectorContainerWrapper{margin:-24px 0 0 2px;}

.country label,.type label{padding-bottom:2px;}
.country p.error,.type p.error{padding-top:3px;}

/* ie fixes */
* html .jsSelector{background-position: right 2px;}
* html .jsSelectorContainerWrapper .jsSelectorContainer{padding-bottom: 0;}
* html .jsSelectorContainerWrapper{margin:-26px 0 0 0;}

*+html .jsSelector{background-position: right 2px;}
*+html .jsSelectorContainerWrapper .jsSelectorContainer{padding-bottom: 0;}
*+html .jsSelectorContainerWrapper{margin:-26px 0 0 0;}