/* CSS Document - form 5*/

#form {
	width:600px;
	height:auto;
	display:block;
	border:0px solid #ccc;
	margin:5px 0px 0px 0px;
	text-align:left;
	font-size:1.2em;
	}
#formwrap {
	width:600px;
	height:auto;
	display:block;
	border:0px solid #000;
	margin:0;
	}
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;/*Verdana, Arial, Helvetica, sans-serif; Times, serif;*/
	border:1px solid #5B95B5;
	background:#ffffff;
	width:10px;/*to keep all hidden fields small and not mess up floats and div sizes etc, all visible have id so can be set*/
	}
/*---float left of some fields - control box------*/	
div.cform_leftbox {
	float:left;
	display:inline;
	border:0px solid red;
	width:250px;
	}
/*---float left of some fields - control box------*/	
div.cform_rightbox {
	float:right;
	display:inline;
	border:0px solid red;
	width:340px;
	height:auto;
	}
	
/*---stuff in leftbox-----*/	
/*---------------------
title
----------------------*/
div#titlebox {
	display:block;
	border:0px dashed red;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
select#title {
	width:90px;
	height:21px;
	}
/*---------------------
name
----------------------*/
div#namebox {
	display:block;
	border:0px dashed red;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#name {
	width:240px;
	height:18px;
	}
/*---------------------
email
----------------------*/
div#emailbox {
	display:block;
	border:0px dashed green;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#email {
	width:240px;
	height:18px;
	}	
/*---------------------
company
----------------------*/
div#companybox {
	display:block;
	border:0px dashed red;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#company {
	width:240px;
	height:18px;
	}
/*---------------------
phone
----------------------*/
div#phonebox {
	display:block;
	border:0px dashed red;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#phone {
	width:240px;
	height:18px;
	}
	
/*---------------------
random spam question
----------------------*/
div#questionbox {
	display:block;
	border:0px dashed green;
	width:250px;
	height:50px;
	clear:both;
	margin:0 0 4px 0;
	padding:0;
	}
input#spamq {
	width:100px;
	height:18px;
	}	
/*---------------------
submit
----------------------*/
div#submitbox {
	display:block;
	border:0px dashed green;
	width:250px;
	height:30px;
	margin:0 0 4px 0;
	}
#submit {
	width:150px;
	height:25px;
	background:url("../formimages/formbutton.gif") no-repeat 0 0;
	margin:0 20px 0 0;
	padding:0;
	cursor:pointer;
	cursor:hand;
	color:#fff;
	border:0 none;
	font-weight:bold;
	text-transform:uppercase;
	outline:none;
	}
/*---------------------
reset
----------------------*/
#reset {
	width:80px;
	height:auto;
	margin:0 4px 0 0;
	padding:0;
	cursor:pointer;
	cursor:hand;
	color:#999;
	background: transparent;
	outline:none;
	color:#333;
	border:0 none;
	text-align:left;
	}


/*--stuff in right box----*/
/*---------------------
subject
----------------------*/
div#subjectbox {
	display:block;
	border:0px dashed red;
	width:autopx;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
select#subject {
	width:335px;
	height:22px;
	}
/*---------------------
message
----------------------*/
div#messagebox {
	display:block;
	border:0px dashed green;
	width:auto;
	height:190px;
	margin:0;
	padding:0;
	}
textarea#message {
	width:335px;
	height:170px;
	margin:0;
	padding:0;
	font:Arial, Helvetica, sans-serif;
	}


/*---------------------
inform results
----------------------*/
.in_form_error {
	color:red;
	background: transparent;
	font-weight:normal;
	}
.in_form_success {
	color:green;
	background: transparent;
	font-weight:normal;
	}
/*---------------------
bottom of form results
----------------------*/
div.results {
	width:auto;
	height:50px;
	display:block;
	border:0px solid #ccc;
	margin:5px 0 0 0;
	}
a#results_anchor {
	line-height:0px;
	font-size:0px;
	height:0px;
	display:hidden;
	}
.results p {
	margin: 10px 15px;
	}
.error {
	color:red;
	font-size:14px;
	font-weight:bold;
	}
.success {
	color:green;
	font-size:14px;
	font-weight:bold;
	}