﻿

/**********************************/
/******** contact us content area ********/
/***********************************/

.contact-content 
{
    float: left;
    width: 285px;
	padding: 0px 5px 0px 0px;
	margin: 0px 10px 0px 0px;
	background-color: #ddd;
}

h1.regional-title
{
    margin-top: 25px;
}

.contact-detail
{
    width: 580px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
    border-top: 1px solid #ddd;
}

.contact-detail p
{
    color: #444;
    line-height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.contact-detail span.county-title
{
	font-size: 17px;
	font-weight: bold;
	color: #ee9031;
	font-family: "trebuchet MS",trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}

.contact-detail-last
{
	border-bottom: 1px solid #ddd;
}


/**************************************/
/************ form css ************/
/**************************************/



div.form {

	margin: 0px 0px 0px 0px;
	padding-bottom: 10px;
}

div.success-message {
	background-color:#b6f3a1;
	border:1px solid #039803;
	margin: 8px 0px 5px 0px;
	padding: 8px 8px 8px 8px;
	color: #039803;
	font-weight: bold;
	width:300px;
	
}


span.requiredinfo {
	color:#444;
	display:block;
	font-style:italic;
	padding:0px 7px;
}

strong.requiredinfo, strong.required {
	color:#ea0202;
	font-size:100%;
}

span.req {
    font-weight: bold;
	color:#ea0202;
}

strong.required {
	left:90px;
	padding:5px 5px 0px 0px;
	position:absolute;
	top:0pt;
	width:1em;
}

fieldset {
	border: 0;
	margin:0pt;
	padding:0px;
	width: 316px;
	/*background-color:red;*/
}

div.row {
	/*background-color:#ddd;*/
	/*border-bottom:1px solid #577a8b;*/
	padding:3px 0pt;
	position:relative;
	/*width:460px;*/
	/*z-index:1;*/
	font-size: 11px;
}


div.row.last {
	border: 0;
}

div.required {
	/*background-color:#aaa;
	border-top:0px solid #ffffff;*/
	text-align:right;
	width:316px;
	/*z-index:1;*/
}

span.desc {
	color:#222;
	display:block;
	float:left;
	padding:3px 0px 3px 5px;
	text-align:right;
	width:105px;
}

span.element {
	display:block;
	/*float:left;*/
	padding:2px 0pt 0pt 70px;
	margin-left: 45px;
}

span.validator {
	color:Red;
	padding:2px 0pt 0pt 0px;
	margin-left: 0px;
}

span.button {
	display:block;
	padding-left:150px;
	padding-top:1px;
	padding-bottom:1px;
}

input.field {
	width:185px;
	height: 17px;
	font-size: 12px;
	padding: 1px 3px 1px 3px;
}

input.halflength {
	width:175px;
}

textarea {
	width:190px;
}

input.field, textarea {
	border:1px solid #aaa;
	color:#333333;
}




/**********************************/
/******** contact form background css ********/
/***********************************/

#contact-form-outer 
{
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	width: 339px;
    background: url("../images/contact-form-outer-bg.gif") 0px 0px repeat-y;
}

#contact-form-inner 
{
	padding: 11px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	width: 329px;
    background: url("../images/contact-form-bg.jpg") 0px 0px no-repeat;
}

#contact-form-bottom 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 339px;
	height: 4px;
    background: url("../images/contact-form-bg-bottom.gif") 0px 0px no-repeat;
}
