/* CSS Document - form 5*/

#form {
	width:335px;
	height:1%;
	border:0px solid #ccc;
	margin:0px 0px 10px 0px;
	text-align:left;
	font-size:1em;
	}
#formwrap {
	width:335px;
	height:1%;
	border:0px solid #000;
	margin:0;
	display:table;
	}
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;/*Verdana, Arial, Helvetica, sans-serif; Times, serif;*/
	border:1px solid #cc6633;
	background:#F9F2E5;
	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*/
	}
	
/*---------------------
title
----------------------*/
div#titlebox {
	border:0px dashed red;
	width:250px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
select#title {
	width:90px;
	}
/*---------------------
name
----------------------*/
div#namebox {
	border:0px dashed red;
	width:330px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#name {
	width:325px;
	}
/*---------------------
email
----------------------*/
div#emailbox {
	border:0px dashed green;
	width:330px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#email {
	width:325px;
	}
/*---------------------
phone
----------------------*/
div#phonebox {
	border:0px dashed green;
	width:330px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
input#phone {
	width:325px;
	}
/*---------------------
subject
----------------------*/
div#subjectbox {
	border:0px dashed red;
	width:330px;
	height:40px;
	margin:0 0 4px 0;
	padding:0;
	}
select#subject {
	width:325px;
	}
/*---------------------
message
----------------------*/
div#messagebox {
	border:0px dashed green;
	width:330px;
	height:190px;
	margin:0 0 4px 0;
	padding:0;
	}
textarea#message {
	width:325px;
	height:170px;
	margin:0;
	padding:0;
	}	
		
/*---------------------
random spam question
----------------------*/
div#questionbox {
	border:0px dashed green;
	width:320px;
	height:50px;
	clear:both;
	margin:0 0 4px 0;
	padding:0;
	}
input#spamq {
	width:100px;
	}	
/*---------------------
submit
----------------------*/
div#submitbox {
	border:0px dashed green;
	width:330px;
	height:30px;
	margin:5px 0 4px 0;
	}
#submit {
	width:200px;
	height:25px;
	background:#990000;
	margin:0 0 0 0;
	padding:0;
	cursor:pointer;
	cursor:hand;
	color:#fff;
	border:1px solid #cc6633;
	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:0px solid #ccc;
	text-align:left;
	}



/*---------------------
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:330px;
	height:50px;
	display:table;
	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 0px;
	}
.error {
	color:red;
	font-size:14px;
	font-weight:bold;
	}
.success {
	color:green;
	font-size:14px;
	font-weight:bold;
	}