/**********************************************************************
* Based on CSS 2.1*
* styles for job application / forms *
**********************************************************************/
.clear {clear:both;}
.formularBox1 input, .formularBox1 select, .formularBox1 textarea {
	font-size: 11px;
}
.formularBox1 label {font-weight: normal}

.formularBox1 label strong {color:#191919;}

.progressNav {
	margin-bottom: 20px;
}

#errorContainer {
	background: url('../images/ico_error.png') 7px 0 no-repeat;
	padding-left: 47px;
	padding-bottom: 10px;
}

#errorContainer h4 {
	color: #c80000;
	padding-bottom: 5px;
}

#errorContainer ul {
	padding-left: 5px;
}

#errorContainer li {
	color: #c80000;
	font-weight: normal;
	margin-left: 10px;
	list-style-type: circle;
}

 .formularBox1 .formButtonRow {
 	padding: 10px 0;
 }

.formularBox1 .uList {
	margin-top: 12px;
	margin-bottom: 12px;
}

.formularBox1 .uList li {
	background: url(../images/stl_bullitpoint1.png) 10px 7px no-repeat;
	padding: 2px 0 10px 25px;
	line-height: 13px;
	font-size: 11px;
	color: #333;
}




.lnkBtnAdd {
	height: 24px;
	line-height:24px;
	background: url(../images/lnk_btn_add.png) 0 -100px no-repeat;
	padding: 5px 0 6px 21px;
}

.lnkBtnAdd a{
	background: url(../images/lnk_btn_add.png) 100% 0 no-repeat;
	height: 24px;
	line-height:24px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 10px 6px 10px;
}


.formButtonRow {
	overflow: hidden;
	clear: both;
}

.formButtonRow .lnkBtnBack {
	float: left;
	height: 24px;
	line-height:24px;
	background: url(../images/lnk_btn_back.png) 0 -100px no-repeat;
	padding-left: 20px;
}

.formButtonRow .lnkBtnBack a{
	background: url(../images/lnk_btn_back.png) 100% 0 no-repeat;
	height: 24px;
	line-height:22px;
	color: #fff;
	padding-right: 10px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 11px;
	float: left;
}

.formButtonRow .btnNext  {
	text-align: left;
	float: right;
	height: 24px;
	line-height:24px;
	background: url(../images/btn_next.png) 0 -100px no-repeat;
	padding-left: 5px;
}

.formButtonRow .btnNext input {
	background: transparent url(../images/btn_next.png) 100% 0 no-repeat;
	border: none;
	height: 24px;
	line-height:20px;
	padding-right: 20px;
	color: #fff;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 3px;
	font-size: 11px;
	cursor: pointer;
}

.formularBox1 {
background: url(../images/bg_boxtype1_h.jpg) 0 0 no-repeat;
padding-top: 5px;
margin: 14px 0;
}

.formularBox1 #dsH3 {
	color: #333;
	font-weight: bold;
	font-size: 13px;
	padding-left: 3px;
}
.formularBox1Content {
background-color: #e8e8e8;
padding: 5px 9px 5px 9px;
}

.formularBox1Content .formSeperator1, .formularBox1Content .formSeparator1 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #fff;
	margin: 10px 0;
	clear: both;
}

.formularBox1Footer {
background: url(../images/bg_boxtype1_f.jpg) 0 0 no-repeat;
height: 8px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
clear: both;
}
.formularBox2 {
background: url(../images/bg_formularbox2_h.jpg) 0 0 no-repeat;
padding-top: 5px;
margin: 4px 0 0 0;
color: #191919;
}
.formularBox2Content {
background-color: #d5d5d5;
padding: 0px 17px 0px 17px;
}

.formularBox2Content .formSeperator1 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #e8e8e8;
	margin: 10px 0;
}


.formularBox2Content h4 {
	padding: 6px 0 10px 0;
}

.formularBox2Footer {
background: url(../images/bg_formularbox2_f.jpg) 0 0 no-repeat;
height: 8px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
clear: both;
}

.formularBox1 .formRow1{
clear: both;
}

.formularBox1 .formRow1 , .formularBox1 .formRow2 {
overflow: hidden;
clear: both;
line-height: 22px;
padding: 3px 0;
}
.formRow1 .labelDiv {
width: 144px;
float: left;
}
.formRow1 .inputDiv {
float: left;
width: 250px;
}

.formRow1 .inputDiv2 {
float: left;
width: 394px;
}


.formRow1 .btnDiv, .formRow2 .btnDiv {
float: right;
width: 100px;
text-align: right;
}

.formRow1 .inputDiv .from {
padding-left: 52px;
}
.formRow1 .inputDiv .to {
}
.formRow1 .inputDiv .from label,.formRow1 .inputDiv .to label {
padding-right: 5px;
}

.formularBox1 .formRow1 .inputText, .formRow1 .inputTextS1, .formRow1 .inputTextS2, .formRow1 .inputTextS3, .formRow1 .inputTextS4, .formRow1 .inputTextS5 , .formRow1 .inputTextS6, .formRow1 .textarea  {
border: 1px solid #999;
padding: 2px 3px;
}


.formRow1 .inputDiv2 span{
	padding-right: 10px;
}

.formRow1 .inputDiv2 a{
color: #c80000;
text-decoration: underline;
}

.formularBox1 .formRow1 .inputText {
line-height: 18px;
width: 198px;
}
.formRow1 .inputTextS1 {
line-height: 18px;
width: 46px;
margin-right: 2px;
}
.formRow1 .inputTextS2 {
line-height: 18px;
width: 142px;
}
.formRow1 .inputTextS3 {
line-height: 18px;
width: 142px;
margin-right: 2px;
}
.formRow1 .inputTextS4 {
line-height: 18px;
width: 46px;
}
.formRow1 .inputTextS5 {
line-height: 18px;
width: 46px;
margin-right: 2px;
}
.formRow1 .inputTextS6 {
line-height: 18px;
width: 46px;
}

.formRow1 .selectbox, .formRow1 .selectboxS1, .formRow1 .selectboxS2, .formRow1 .selectboxS3, .formRow1 .selectboxS4, .formRow1 .selectboxS5 {
border: 1px solid #999;
padding: 1px 0;
}

.formRow1 .selectbox {
width: 206px;
}
.formRow1 .selectboxS1 {
width: 98px;
margin-right: 3px;
}
.formRow1 .selectboxS2 {
width: 102px;
}
.formRow1 .selectboxS3 {
width: 65px;
margin-right: 3px;
}
.formRow1 .selectboxS4 {
width: 65px;
margin-right: 2px;
}
.formRow1 .selectboxS5 {
width: 65px;
}
.formRow1 .span1 {
padding-right: 20px;
}
.formRow1 .radio {
margin-right: 5px;
}
.formRow1 .textarea {
width: 198px;
height: 100px;
}
.formRow2 .radioDiv {
/*background-color: #d5d5d5;
display: inline;
padding: 5px;
margin-right: 10px;
-moz-border-radius: 3px;
border-radius: 3px;*/
display: inline;
padding: 5px 6px 6px 5px;
margin-right: 10px;
background: url(../images/bg_checkbox.png) 0 0 no-repeat;
}
.formRow2 .radioDiv .radio, .formRow2 .radioDiv .checkbox {
position: relative;
top: 3px;
}
.formRow2 .selectbox {
width: 210px;
background-color: #fff;
}
.formRow2 .selectbox option {
background-color: #fff;
}

.formRow2 .textarea {
width: 480px;
height: 240px;
}


.formRow2 table{}
.formRow2 table td{
	vertical-align: top;
}
.formRow2 table .tr0 .td0{
	padding-right: 10px;
}
.formRow2 table .tr0 .td1{
	line-height: 12px;
}
.formRow2 table .tr1 .td1{
	vertical-align: bottom;
	line-height: 12px;
}


.formRow2 .inputFile {
	padding: 2px 3px;
}



.formRow1.error{
	background: url('../images/ico_inputerror.png') 360px 4px no-repeat;
}

.formRow1.error .labelDiv label {
	color: #c80000;
	font-weight: normal;
}

.formRow1.error .inputDiv .inputText, .formRow1.error .inputDiv .inputTextS1, .formRow1.error .inputDiv .inputTextS2, .formRow1.error .inputDiv .inputTextS3, .formRow1.error .inputDiv .inputTextS4, .formRow1.error .inputDiv .inputTextS5, .formRow1.error .inputDiv .inputTextS6 {
	color: #fff;
	background-color: #c80000;
}
.formRow1.error .inputDiv .selectbox, .formRow1.error .inputDiv .selectboxS1, .formRow1.error .inputDiv .selectboxS2, .formRow1.error .inputDiv .selectboxS3, .formRow1.error .inputDiv .selectboxS4, .formRow1.error .inputDiv .selectboxS5 {
	color: #fff;
	background-color: #c80000;
}
.formRow1.error .inputDiv .textarea {
	color: #fff;
	background-color: #c80000;
}

.formRow1.error .inputDiv .radio {

}

.formDataContainer {
	padding: 0px 10px 0px 14px;

}

.formDataContainer table{
	width: 100%;
}


.formDataContainer table td{
text-align: left;
vertical-align: top;
}

.formDataContainer table .thHdl{
	text-align: left;
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #7f7f7f;
	width: 160px;
	background: url(../images/stl_separator2.jpg) 0 0 repeat-x;
	padding: 10px 8px 10px 0;
}

.formDataContainer table .tdData{
	background: url(../images/stl_separator2.jpg) 0 0 repeat-x;
	padding: 15px 20px 25px 0;
}

.formDataContainer table .tdData table {
	width: auto;
}

.formDataContainer table .tdData table th {
	padding-right: 20px;
	color: #191919;
	vertical-align: top;
	white-space: nowrap;
}

.formDataContainer table .tdData li a {
	color: #c80000;
	text-decoration: underline;
}

.formDataContainer table .tdData p {
	margin-bottom: 5px;
}
.formDataContainer table .tdBtn{
text-align: right;
vertical-align: top;
background: url(../images/stl_separator2.jpg) 0 0 repeat-x;
padding: 8px 0 8px 0;
width: 90px;
}

.formDataContainer table .first .thHdl, .formDataContainer table .first .tdData , .formDataContainer table .first .tdBtn {
	background: none;
}

@media print {
	.progressNav, .formButtonRow, .lnkBtnAdd {
		display: none;
	}
}