/*
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/
*/



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

#contactWrapper { margin-bottom:20px; }
#contactWrapper h1 { font-size: 11px; margin: -33px 0px 30px; padding: 5px 0px 0px 15px; font-size: 12px; text-transform: uppercase; background: url(../img/title-background.png) no-repeat; width: 138px; height: 22px; color: #fff; font-weight: bold;}
#contactWrapper label { display:block; float:none; font-size:11px; width:auto; font-weight: bold; margin-bottom: 2px; color: white;}
#contactWrapper label.error { display:block; float:none; font-size:12px; width:246px; font-weight: normal; margin-bottom: 0px; color: #bb3737; background: #fad6d6; border: 1px solid #bb3737; margin-top: 5px; padding: 5px 7px;}
#contactWrapper label.checked { display:none; background: none; border: 0px; margin-top: 0px; padding: 0px; text-indent: -5000px;}
#contactWrapper em { color: #3b73ba;}
#contactWrapper .stage { margin-bottom: 5px;}
#contactWrapper .requiredNote { margin: 5px 0px 5px; color: #333; font-weight: bold;}
#contactWrapper .success { padding: 10px; background: #f0ffc1; border: 1px solid #819934; margin-bottom: 15px; color: #819934;}
#contactWrapper .success p { margin: 0px;}

form#contactform input, form#contactform textarea { border: 1px solid #e5d8ce; padding:5px 8px; font-size:12px; color:#333; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; width: 244px; background-color:#f0eae5; color: #777777;}
form#contactform input { height:12px; }
form#contactform textarea {font:12px Arial, Helvetica, sans-serif; padding: 5px 8px;}
form#contactform input:focus, form#contactform textarea:focus { outline: none; border: 1px solid #649d9d;}

#submitButton {display: block;text-indent: -5000px;width: 260px!important;height: 32px!important;background-image:url(../img/enquire-blue.jpg)!important;background-repeat: no-repeat;border: 0px!important;padding: 0px!important;}
#submitButton {background-position: 0 0;}
#submitButton:hover {background-position: 0 -32px;}
#submitButton:active {background-position: 0 -32px;}