address{ font-style:normal;}
.formContainer{ padding-bottom:30px; overflow:hidden; width:100%;}

label { display:block; width:225px; float:left; clear:both;}
label.noBlock{display:inline !important; width:auto !important; float:none !important; padding-right:10px;}
.field, .textArea, .buttonHolder, .fieldHolder, .inputHolder { display:block; float:left; margin-bottom:25px; width:400px; }
.field, .fieldShort, .textArea, .selectbox { border:1px solid #683c11; padding:6px; }
.buttonHolder{ text-align:right;}
.textArea { height:150px;}
.selector{ padding:8px; width:300px; margin-left:-8px; margin-right:-8px;}

.button { padding:10px 35px; border:1px solid #fff; font-weight:bold; font-size:16px; background:#94c11f; color:#fff; border-radius: 15px;}
.button:hover {border:1px solid #94c11f;} 

.formWebsite { display:none; clear:both;}						
.error { padding:10px; margin:25x 0 !important; border:1px solid #F00; color:#F00; clear:both; }
.succes { padding:10px; margin:25px 0 !important;  border:1px solid #94c11f; clear:both; color:#94c11f; }

/* news & jobs */
.list{ list-style-type:none !important;}
.list li{padding: 10px; margin-bottom: 31px; width: 100%; overflow: hidden; border: 1px solid #683c11;}
.list li .title{ display:block; margin-bottom: 10px; font-size: 24px; color: #683c11; font-weight: lighter;}
.list li .title a{ text-decoration:none;}
.list li .date{display:block;}
.list li .content{display:block;}
.list li .link{display:block; padding-top:5px; text-align:right;}
.list .hurry{ padding-left: 10px; color:#FF0000;}

/* news archive */
.list2{ list-style-type:none !important; border-top: 1px solid #683c11; margin-bottom: 31px;}
.list2 li{padding: 10px; line-height:normal !important; width: 100%; border-bottom: 1px solid #683c11; clear:both; overflow:hidden;}
.list2 li .title{ display:block;}
.list2 li .title a{ text-decoration:none;}
.list2 li .date{display:block; font-size:14px; padding-bottom:3px;}


/* job detail */
h2.hurry{ color:#FF0000; font-size:20px; }
.jobDetail1{ width:50%; float:left; margin-top:20px;}
.jobDetail2{ width:50%; float:left; border-left:1px solid #683c11; padding-left:15px; min-height: 125px; margin-top:20px;}
.detailItem { display:block; }
.detailItem span{ font-weight: bold;}
.jobClear{ clear:both; height:20px;}
.solLink{display:block; background: #94c11f; line-height:40px; color:#fff !important; width:50%; text-align:center; margin:15px auto 0 auto; font-size:18px; border-radius: 15px; text-decoration:none;}
.solLink:hover{ color:#683c11 !important;}
.backLink{display:block; line-height:30px; width:100%; text-align:center; margin:15px 0 0 0;}
.backLink:hover{ text-decoration:underline !important; }		


@media only screen and (max-width: 900px) {
	label { display:block; float:none; padding:10px;}
	.field, .textArea, .buttonHolder, .fieldHolder, .inputHolder { display:block; float:none;}	
	.field, .textArea {width:75%;}
	.buttonHolder{ text-align:left;}
}

@media only screen and (max-width: 550px) {
	label{ text-align:center; width:90%; margin:0 auto;}
	.field, .fieldShort, .textArea, .buttonHolder, .fieldHolder, .inputHolder, .button{ width:90%; margin:0 auto;}
	.button, .fieldShort{ width:100% !important; }
	.fieldHolder{ text-align:center;}
	
	/* make table cell a block, so 100% width */
	table tr td{ display:block; }
	
	.jobDetail1, .jobDetail2{ width:100%; float:none; border-left:none; padding-left:0px; min-height:0px;}
	.solLink{width:100%;}
			
}