#contact {
	display: block;
	margin: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Form style */
#contact label { display: inline-block; text-align:left; margin-left:20px; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 14px; clear:both }
#contact input { width: 290px; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-size: 12px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; height:20px }   
#contact textarea { width: 290px; height:100px; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-size: 12px; -moz-border-radius:5px; -webkit-border-radius:5px;}
  
#contact select { width: 300px; margin: 0; padding:6px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font-size: 14px; -moz-border-radius:5px; -webkit-border-radius:5px; height:30px; float:left  }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 100px; cursor: pointer; border: 1px solid black; background:#ff6600; color:#fff; height:25px; font-size:14px }
#contact input.submit:hover { background:#ff822f }
#contact input[type="submit"][disabled] { background:#888; cursor: default; }
#contact input[type="radio"] { width:15px; height:15px;	font-size: 12px; padding:0; margin:0; }

#contact fieldset { padding:20px; border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; width:500px }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #CCC; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom:0 !important; margin-bottom:20px; }


#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; width:590px }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page { display: block; height: auto; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url(../images/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#0e2f9f; font-weight:bold; }


acronym { border-bottom:1px dotted #ccc; }


/* Form style */
#contact2 p { clear:both; padding-top:20px }
#contact2 label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; -moz-border-radius:5px; -webkit-border-radius:5px; }
#contact2 input, textarea { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.0em; -moz-border-radius:5px; -webkit-border-radius:5px; clear:both }   
#contact2 select { width: 280px; margin: 0; padding: 4px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.0em; -moz-border-radius:5px; -webkit-border-radius:5px; height:30px; }
#contact2 input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact2 input[type="submit"] { width: 200px; cursor: pointer; border: 1px solid #000; background:#ff6600; color:#fff; font-weight:bold; margin-left:200px; margin-top:20px }
#contact2 input[type="submit"]:hover { background:#b25900; }
#contact2 input[type="submit"][disabled] { background:#888; cursor: default; }
#contact2 input[type="radio"] { width:30px; background:#888; cursor: default; }
#contact2 input[type="checkbox"] { width:30px; background:#888; cursor: default; }
#contact2 fieldset { padding:20px; border:1px solid #999; moz-border-radius:5px; -webkit-border-radius:5px; }
#contact2 legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact2 span.required{ font-size: 13px; color: #ff0000; }

#contact2 #success_message h1 { background: url('../assets/success.gif') left no-repeat; }

.error_message2 { display: block; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; width:590px; clear:both }

ul.error_messages2 { margin: 0 0 0 15px; padding: 0;  }
ul.error_messages2 li { height: 20px; line-height: 20px; color:#333; }

#contact2 #success_page { display: block; height: auto; line-height: 22px; padding: 3px 10px 3px 35px; margin: 3px 0; color:#666; border: 1px solid #A0D997; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color: #D6FFD8; background-image: url(../images/success.gif); background-repeat: no-repeat; background-position: 10px center; color:#0e2f9f; font-weight:bold; }

.hide {
	visibility:hidden;
	height:0px;
	display:none;
}

.view {
	visibility:visible;
	display:block;
}