/*
====================================================================================================================================================================================
#	[START] FORMS.CSS
====================================================================================================================================================================================

	Website - http://www.noordvestbouw.nl - 2012
	Ontwikkeld door Grafisch Zonder Grenzen
	http://www.grafischzondergrenzen.nl - info@grafischzondergrenzen.nl

====================================================================================================================================================================================
#	BODY
====================================================================================================================================================================================
*/
	.input-container {
		clear: both;	
		margin-bottom: 10px;
	}
	
	.input-label {
		clear: both;
	}
	
	.input-label h4 {
		color: #6f4c23!important;
		margin: 0!important;
		margin-bottom: 3px!important;
		margin-left: 2px!important;
	}
	
	.input-field {
		clear: both;
		height: 25px;	
	}
	
	.input-box {
		width: 175px;
	}
	
	.input-textarea {
		width: 130px;
		resize: none;	
		border: 0;
	}
	
	.btn-travelers-page-next {
		width: 142px;
		height: 30px;
		background-color: transparent;
		border: 0;	
		background-image: url(../images/btn-travelers-page-next.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.btn-travelers-page-finish {
		width: 166px;
		height: 30px;
		background-color: transparent;
		border: 0;	
		background-image: url(../images/btn-travelers-page-finish.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.btn-travelers-page-previous {
		width: 142px;
		height: 30px;
		background-color: transparent;
		border: 0;	
		background-image: url(../images/btn-travelers-page-previous.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	.btn-travelers-page-next:hover, .btn-travelers-page-previous:hover, .btn-travelers-page-finish:hover {
		background-position: 0 -39px;
	}
/*
====================================================================================================================================================================================
#	travelers page
====================================================================================================================================================================================
*/
	input {
		font-family: Arial, Helvetica, sans-serif;
		color: #4e4d4d;	
	}
	
	.input_container {
		height: auto;
		clear: both;
		overflow: hidden;
	}
		
	.input_header {
		width: auto;
		text-align: left;
		padding-right: 5px;
		padding-bottom: 3px;
		font-weight: bold;
		color: #000;
	}	
	
	.input_label_title {
		overflow: hidden;
		height: auto;
		clear: both;
	}

	.input_label_title h1  {
		margin-top: 20px!important;
		margin-bottom: 7px!important;
	}
	
	.input_label_title h1 a:hover {
		height: auto;
		color: #e33117;
		font-size: 14px;
	}
	
	.input_label {
		text-align: left;
		float: left;
		width: 127px;
		height: 45px;
	}
	
	.input_label_stretch {
		text-align: left;
		clear: both;
		width: 390px;
		height: 24px;
	}
	
	.contact_form h1 {font-size:18px;padding-top:30px;padding-bottom:7px;color:#8A825E;overflow:hidden;clear:both;}
	.contact_form h2 {font-size:18px;margin-top:30px;margin-bottom:30px;color:#8A825E;}
	
	.input_label_xl {
		text-align: left;
		float: left;
		width: 187px;
		height: 44px;
		padding-top: 1px;
	}
	
	.input_label_split {
		text-align: left;
		clear: both;
		width: 400px;
		height: 25px;
		padding-top: 1px;
	}
	
	.input_label_split div {
		width: 200px;
		float: left;
	}
	
	.input_field_stretch {
		text-align: left;
		clear: both;
		width: 400px;
		height: 35px;
		padding-top: 1px;
	}
	
	.input_field_split {
		text-align: left;
		clear: both;
		width: 400px;
		height: 35px;
		padding-top: 1px;
	}
	
	.input_field_split div {
		float: left;
	}
	
	.input_field_split_radio {
		text-align: left;
		float: left;
		padding-top: 1px;
	}
	
	.input_field_split_radio div {
		overflow: hidden;	
	}
	
	.input_field_split_radio input {
		margin-right: 6px;	
		margin-top: 2px;
	}
	
	.input_field {
		position: relative;
		padding-top: 2px;
		height: auto;
		overflow:hidden;
		clear:both;
	}
	
	.input_label_radio {
		text-align: left;
		float: left;
		width: 127px;
		height: 36px;
	}
	
	.input_label_radio_xl {
		text-align: left;
		float: left;
		width: 268px;
		height: 28px;
	}
	
	.input_field_radio {
		position: relative;
		float: left;	
		height: 28px;
	}
	
	.input_field_radio input {
		margin-right: 4px;
	}
	
	.input_label_textarea {
		text-align: left;
		float: left;
		width: 127px;
		height: 95px;
	}
	
	.input_field_teaxarea {
		float: left;	
		height: 95px;
	}
		
	.input_box {
		background-color: #FFFFFF;
		border: 0 none;
		height: 22px;
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 2px;
		width: 220px;
	}
	
	.input_box_required {
		background-color: #FFFFFF;
		border: 0 none;
		height: 22px;
		padding-left: 7px;
		padding-right: 7px;
		padding-top: 2px;
		width: 220px;
	}
	
	.input_box_required_vacine {
		width: 215px;
		border: 0px;	
		padding-top: 4px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 26px;
		background-color: transparent;
		background-image: url(../images/form/input_vaccine.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_box_small {
		width: 145px!important;	
	}
	
	.input_box_smaller {
		width: 204px;
		border: 0px;	
		padding-top: 4px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 26px;
		background-color: transparent;
		background-image: url(../images/form/single_line_small.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_box_address {
		width: 175px;
		border: 0px;	
		padding-top: 2px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 22px;
		background-color: transparent;
		background-image: url(../images/form/single_line_address.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_box_address_nr {
		width: 47px;
		border: 0px;	
		padding-top: 2px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 22px;
		background-color: transparent;
		background-image: url(../images/form/single_line_address_nr.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_box_zipcode {
		width: 50px; 
		text-transform: uppercase;
		border: 0px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 22px;
		background-color: transparent;
		background-image: url(../images/form/single_line_zipcode.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_date_label {
		width: 220px;	
	}
	
	.input_date_small_label {
		width: 145px!important;	
	}
	
	.input_date_ddmm {
		width: 24px!important;
		text-align: center;
	}
	
	.input_date_yyyy {
		width: 35px!important;
		text-align: center;
	}
	
	select {
		width: 310px;!important;
		margin-top: 1px;
	}
	
	.input_box_city {
		width: 172px;
		border: 0px;
		padding-top: 2px;
		padding-left: 5px;
		padding-right: 2px;		
		height: 22px;
		background-color: transparent;
		background-image: url(../images/form/single_line_address_city.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	.input_textarea {
		background-color: #FFFFFF;
		resize: none;
	}
	
	.input_option_split {
		clear: both;
		width: 200px;
		background-image: url(../images/separator.png);
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	.input_textarea_recipe {
		width: 305px;
		height: 72px;
		border: 0px;
		padding-left: 5px;
		padding-top: 5px;
		background-color: transparent;
		background-image: url(../images/form/multi_line_recipe.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	
	#page-form{position:relative;}
	#page-steps {position:absolute;top:251px;left:510px;overflow:hidden;}	
	#page-steps h1 {color:#8A825E!important;font-size:18px;}
	
	ul#page-tabs {clear:both;margin-bottom:10px;overflow:hidden;height:30px;}
	ul#page-tabs li {height:30px;width:30px;float:left;margin-right:10px;}
	ul#page-tabs li a{text-align:center;display:inline-block;float:none!important;width:30px;height:24px;color:#F1F1F1;font-weight:bold;text-decoration:none;font-family: Arial, Helvetica, sans-serif;padding-top: 8px;;background-color:#AAA348;}
	ul#page-tabs li a:hover {color:#FFFFFF;background-color:#C3B914;}
	ul#page-tabs li a.selected {color:#FFFFFF;background-color:#C3B914;}	
/*
====================================================================================================================================================================================
#	[STOP] FORMS.CSS
====================================================================================================================================================================================
*/