
/* ~~~~~~~ Valetime contact form ~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~ Contact Headers - invitation to enquire ~~~~~~~~~~~~~~~~~~~~~ */
#contact-header, #contact-form {
	background-color: #002350;
	clear:both;
	float:left;
	padding: 20px 0px 20px 0px;
	width:960px; }

#contact-header {
	background-color: #FFFFFF;
	border-top: solid 5px #4d4d4d;
	color: #002350;
	margin-bottom: 5px;
	padding: 20px;
	width:912px; }

	#contact-header img { float:left; }

	#contact-header h5 {
		color: #333;
		float:left;
		margin: 10px 50px 10px 25px;
		width: 150px; }

	#contact-header em {
		font-size: 14px;
		font-style: normal; }

#contact-form-tmp { display:none; }

/* ~~~~~~~~~~~~ Contact Form Container ~~~~~~~~~~~~~~~~~~~~~ */
#contact-form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding: 10px 0px 10px 0px;
	width: 100%; }

/* ~~~~~~~~~~~~ Contact Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#theform #pt6 { display:none; }

#theform {
	background-color: #002350;
	padding: 0px 0px 0px 0px;
	width: 100%; }

	#theform fieldset {
		border: 0;
		float: left;
		height: 270px;
		margin: 0;
		padding: 1em;
		width: 280px; }

	#theform #pt1 { width: 284px; }

	#theform #pt2 { width: 284px; }

	#theform #pt3 { width: 284px; }

	#theform #pt4 {
		float:left;
		margin-left:-15px;
		width: 274px; }

	#theform fieldset legend { display:none; }

		#theform fieldset legend span { display: none; }

	#theform fieldset h3 {
		color: #FFFFFF;
		font-size: 1em;
		height: 2em; }

	#theform #pt4 h3 {
		display:none;
		font-size: 0.8em; }

	#theform #pt4 p {
		clear:left;
		color: #80B7FF;
		font-size: 0.8em;
		padding: 15px 0px 0px 0px; }

	#theform #pt4 img {
		border: solid 3px #596A80;
		margin-bottom: 10px; }

	#theform fieldset div.help {
		color: #80B7FF;
		font-size: 0.8em;
		font-weight: bold;
		height: 3em; }

	#theform fieldset label {
		clear:both;
		color:#FFFFFF;
		display: block;
		font-size: 0.8em;
		line-height: 1.5em; }

	#theform fieldset input {
		float:left;
		font-size: 0.8em;
		height: 1.2em;
		margin: 4px 0px 4px 0px;
		width: 200px; }

	#theform #pt4 input { margin: 10px 0px 0px 0px; }

	#theform fieldset textarea {
		font-size: 0.8em;
		height: 85px;
		margin: 4px 0px 4px 0px;
		width: 200px; }

	#theform #pt2 textarea {
		height: 105px;
		width: 200px; }

	/* Part 5 Styling */
#theform #pt5 {
		border-width: 10px 10px;
		border: 10px solid #596A80;
		clear: both;
		color: #CFD9E6;
		height: 5em;
		margin-left: 15px;
		padding: 1em;
		width: 465px; }

		#theform #pt5 legend { display: none; }

		#theform #pt5 h3 { display: none; }

		#theform #pt5 #disclaimer {
			float: left;
			font-size: 0.7em;
			width: 22em; }

		#theform #pt5 input {
			background: #f3f3f3;
			border-bottom: 1px solid #999999;
			border-left: 1px solid #CCCCCC;
			border-right: 1px solid #999999;
			border-top: 1px solid #CCCCCC;
			color: #666666;
			float: right;
			font-size: 1em;
			font-weight: bold;
			height: 5em;
			width: 12em; }

	/* ~~~~~~~~~~~~ Error Styling ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#theform input { background-color: #596A80; }

	#theform .required {
		background-color: #FFFFFF;
		border: none; }

	#theform .invalid {
		background-color: #aa0000;
		border: solid 1px #da0000; }

	#theform .valid {
		background-color: #CCCCCC;
		border: none; }

	#theform input.required {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/asterisk_yellow.png) right center no-repeat;
		border: none; }

	#theform input.invalid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/cancel.png) right center no-repeat;
		border: solid 1px #da0000; }

	#theform textarea.invalid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/cancel.png) right top no-repeat;
		border: solid 1px #da0000; }

	#theform select.invalid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/cancel.png) right top no-repeat;
		border: solid 1px #da0000; }

	#theform input.valid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/accept.png) right center no-repeat;
		border: none; }

	#theform textarea.valid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/accept.png) right top no-repeat;
		border: none; }

	#theform select.valid {
		background: #FFFFFF url(/wp-content/themes/vt_theme/images/icons/accept.png) right top no-repeat;
		border: none; }

	#theform label.valid { display:none; }

	#theform label.invalid {
		background: none;
		border: none;
		color:#ff0000;
		display: block;
		font-weight: bold;
		height: 25px;
		padding: 0;
		width:auto; }

/* ~~~~~~~~~~~~~~ AJAX ~~~~~~~~~~~~~~~~ */
#ajax-message {
	display:block;
	margin: 10px 10px 0px 273px; }

#ajax-message-loader {
	background: url("/wp-content/themes/vt_theme/images/css/ajax-loader-002350-sm.gif") center left no-repeat;
	display:none;
	float:left;
	height: 25px;
	width: 25px; }

#contact-alert {
	color: #002350;
	display:block;
	float:left;
	font-weight: bold;
	text-align:center; }

/* ///// ~~~~~ Contact Form - quick styles ~~~~~ ///// */

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
 border: solid 1px #CCC;
}

#captchaimage img {
 border: solid 1px #000;
 display: block;
 padding: 10px;
}

.wpcf7-form legend {
 border-bottom: solid 3px #DDD;
 color: #4a4a4a;
 display: none;
 margin: 10px 0px 10px 0px;
}

.wpcf7-form h3 {
 border-bottom: solid 3px #DDD;
 margin: 10px 0px 10px 0px;
}

.wpcf7-form div.help {
 background-color: #CCC;
 color: #4a4a4a;
 display: inline;
 padding: 2px;
 margin: 5px 0px 5px 0px;
}
