/*
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;
} /* html, body */

body
{font: 12px Arial, Helvetica, sans-serif;
 background: url(../img/page-background.png) repeat;
} /* body */

img
{border: 0; 
} /* img */

a img
{border: 0;
} /* a img */

a, a:link, a:visited
{text-decoration: underline;
} /* a, a:link, a:visited */

a:hover
{text-decoration: none;
} /* a:hover */

#back
{display: block;
 margin: 15px 0px;
 color: #005555;
 font-size: 11px;
} /* #back */

/***** Contact Form Elements *****/

.clear:after
{content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
} /* .clear:after */

.clear
{display: inline-block;
} /* .clear */

html[xmlns] .clear
{display: block;
} /* html[xmlns] .clear */

* html .clear
{height: 1%;
} /* * html .clear */

.wrapper
{width: 525px;
 margin: 0 auto;
 padding: 20px 0px;
} /* .wrapper */

#contactWrapper
{width: 500px;
 border: 1px solid #cfdede;
 background: #fdfdfd;
 padding: 10px;
} /* #contactWrapper */

#contactWrapper h1
{
/*
 margin: -33px 0px 30px;
 margin: 0px 0px 30px;
 padding: 5px 0px 0px 15px;
 */
 font-size: 14px;
 text-transform: uppercase;
/* width: 138px;*/
/*
 background: url(../img/title-background.png) no-repeat-y;
*/
background-color: #CCFFFF;
/*
 width: 150px;
 height: 22px;
 height: 35px;
*/
 color: black; /*#fff;*/
 font-weight: bold;
} /* #contactWrapper h1 */

#fields td
{border-spacing: 5px;
 padding: 5px;
} /* .field */

.center
{margin: auto 0;
 margin-left: auto; 
 margin-right: auto;
 text-align: center;
} /* .center */

.hidden
{display: none;
 visibility: hidden;
} /* .hidden */

#contactWrapper label
{display: block;
 float: none;
 font-size: 12px;
 width: auto;
 font-weight: bold;
 margin-bottom: 7px;
 color: #333333;
} /* #contactWrapper label */

#contactWrapper 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;
} /* #contactWrapper label.error */

#contactWrapper label.checked
{display: none;
 background: none;
 border: 0px;
 margin-top: 0px;
 padding: 0px;
 text-indent: -5000px;
} /* #contactWrapper label.checked */

#contactWrapper em
{color: #01b3b3;
} /* #contactWrapper em */

#contactWrapper .stage
{margin-bottom: 20px;
} /* #contactWrapper .stage */

#contactWrapper .requiredNote
{margin: 20px 0px 20px;
 color: #333;
 font-weight: bold;
} /* #contactWrapper .requiredNote */

#contactWrapper .success
{padding: 10px;
 background: #f0ffc1;
 border: 1px solid #819934;
 margin-bottom: 15px;
 color: #819934;
} /* #contactWrapper .success */

#contactWrapper .success p
{margin: 0px;
} /* #contactWrapper .success p */

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;
 background: url(../img/page-background.png) repeat;
 color: #777777;
} /* form#contactform input, form#contactform textarea */

form#contactform textarea
{font: 12px Arial, Helvetica, sans-serif;
 padding: 12px;
} /* form#contactform textarea */

form#contactform input:focus, form#contactform textarea:focus
{outline: none;
 border: 1px solid #649d9d;
} /* form#contactform input:focus, form#contactform textarea:focus */

#submitButton
{display: block;
 text-indent: -5000px;
 width: 300px!important;
 height: 47px;
 background-image: url(../img/send-button-sprite.png)!important;
 background-repeat: no-repeat;border: 0px!important;padding: 0px!important;
} /* #submitButton */

#submitButton
{background-position: 0 0;
} /* #submitButton */

#submitButton:hover
{background-position: 0 -47px;
} /* #submitButton:hover */

#submitButton:active
{background-position: 0 -47px;
} /* #submitButton:active */
