/*
By Joe Pettersson @ http://www.joepettersson.com/accessible-php-and-jquery-contact-form/
Based on a design by Orman Clark @ http://www.premiumpixels.com/clean-simple-signup-form-psd/
*/

/***** Global Elements *****/
html, body { border:0; margin:0; padding:0; }
.contact-form { font:12px Arial, Helvetica, sans-serif; background: #F00 ; }

img { border:0;}
a img { border:0 }

a, a:link, a:visited { text-decoration:underline;}
a:hover {text-decoration: none;}

/***** Demo Elements} *****/
#back {display: block; margin: 15px 0px; color: #005555; font-size: 11px;}

/***** Contact Form Elements *****/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block; }
html[xmlns] .clear { display: block;}
* html .clear { height: 1%;}
.wrapper { width:300px; margin:0 auto; padding: 50px 0px;}

#contact-form { width:300px; border:1px solid #cfdede; background: #003045; padding:30px; }
#contact-form h1 {
	margin: -33px 0px 30px;
	padding: 10px 0px 0px 15px;
	font-size: 12px;
	text-transform: uppercase;
	background: #FFF;
	width: 190px;
	height: 24px;
	color: #003045 ;
	font-weight: bold;
}
#contact-form label { display:block; float:none; font-size:12px; width:auto; font-weight: bold; margin-bottom: 7px; color: #FFF;}
#contact-form label.error { display:block; float:none; font-size:12px; width:auto; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px;}
#contact-form label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contact-form em { color: #FFF;}
#contact-form .stage { margin-bottom: 4px;}
#contact-form .requiredNote { margin: -27px 0px 0px; color: #FFF; font-weight: bold;}
#contact-form .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
#contact-form .success p { margin: 0px;}

form#contactform input, form#contactform textarea { border: 1px solid #cfdede; padding:8px 12px; font-size:12px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width: 274px; color: #777777;}
form#contactform textarea {font:12px Arial, Helvetica, sans-serif; padding: 12px;}
form#contactform input:focus, form#contactform textarea:focus { outline: none; border: 1px solid #FFF;}

#submitButton {
	width: 100px!important;
	height: 40px;
	background: #FFF;
	color:#003045;
	border: 0px!important;
	padding: 0px!important;
}
#submitButton {background-position: 0 0;}
#submitButton:hover {background-position: 0 -47px;}
#submitButton:active {background-position: 0 -47px;}
input#submitButton{
	color: #000  !important;
	font-size: 1.3em !important;
	margin-top: 10px;
	margin-left: 198px;
}