﻿

/**********************************/
/******** 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: 15px 15px 15px 15px;
    background: url("../images/transparent-white-bg.png") 0px 0px repeat;
    border: 1px solid #ddd;
}

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-outer 
{
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	width: 410px;
	float: left;
}



input.button{
    /*display:block;
    float:left;*/
    margin:0 0px 5px 0;
    /*background-color:#fff;
    color:#565656;*/
    background-color: #022335;
    border:1px solid #bbb;
    /*border-top:1px solid #ddd;
    border-left:1px solid #ddd;*/

    /*font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;*/
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#eee;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

input.button:hover{
    /*background-color:#dff4ff;
    color:#336699;
    border:1px solid #58a8cc;*/
    background-color:#103b51;
}
