@charset "utf-8";
/* CSS Document */
body {background:url(../images/body-repeat.jpg) top left repeat-x #dedebc;}

#wrap {background:url(../images/body-bg.jpg) top left no-repeat; width:1066px; padding:0 0 100px 0;}
#wrap #email-callout {display:block; width:360px; height:104px; position:absolute; text-indent:-9999px; overflow:hidden; left:80px; top:343px;}

#content {padding:103px 0 0 585px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#content h3 {color:#665544; font-size:24px; margin:0 0 20px 0;}
#content p {color:#665544; font-size:12px; line-height:18px; margin:0 0 130px 0; width:365px;}

form {width:400px; height:155px; background:url(../images/get-notified.png) top left no-repeat; margin:0 0 0 -21px; padding:124px 0 0 50px;}
form #lbl-email {display:block;}
form #lbl-email input {width:294px; border:none; padding:6px; color:#999988; font-size:11px; font-weight:bold; border-color:transparent;}
form #lbl-submit {display:block; height:33px; width:108px; margin:14px 0 0 0;}
form #lbl-submit input {display:block; height:33px; width:108px; background:url(../images/submit-btn.png) top left no-repeat; border:none; padding:0; cursor:pointer; margin:0 0 0 -9px;}

p.footer {width:360px; text-align:center; font-size:11px;}
p.footer a {font-weight:bold; color:#aa1122; text-decoration:none;}
p.footer a:hover {text-decoration:underline;}

/*form elements*/
#content div.error {background: #f7cbca; color: #c00; margin: 0 0 20px 0; padding: 15px; font-weight: bold; border: 1px solid #c00;}
#content div.error ul {margin: 0 0 0 30px;}
#content div.error p {margin: 0 0 10px 0;}

#content form h2.error {color: #AA1122;}
#content form h2.valid {color: #184;}
#content form h3 {margin: 0 0 15px 0; font-size: 1.1em;}
#content form h3 span {font-size: .8em;}
#content form p {margin: 0 15px 15px 15px;}
#content form p.required {color: #999; font-size: .9em; font-style: italic;}
#content form label,#content form h4 {color: #444; margin: 0 0 10px 0; font-weight: normal; float: left; display: block; cursor: pointer;}
#content form label.required {font-weight: bold;}
#content form label.error {color: #c00;}
#content form label.valid {color: #184;}
#content form textarea {color: #999; padding: 3px; font-size: 1.5em; border: 1px solid #999; float: left; display: block;}
#content form input.error,#content form select.error,#content form textarea.error {background: #f7cbca; color: #c00; border: 1px solid #c00;}
#content form input.valid.required,#content form select.valid.required,#content form textarea.valid.required {background: #cec; color: #184; border: 1px solid #184;}
#content form span.note {margin: 0 0 0 15px; float: left; display: block; font-style: italic;}
#content form span.error {color: #c00; width: auto; margin: 0; padding: .5em; float: none; text-align: left; display: inline-block;}
#content form span.valid {color: #184; width: auto; margin: 0; padding-left: .5em; float: none; text-align: left; display: inline;}

/*verify page*/
#content ul.formVerify {margin: 0 0 20px 0; position: relative;}
#content ul.formVerify li {color: #999; margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #999;}
#content ul.formVerify li.odd {color: #444; border-bottom: 1px dotted #444;}
#content ul.formVerify li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#content ul.formVerify li strong {background: #fff; margin: 0; top: .3em; font-weight: normal; float: left; display: block; position: relative;}
#content ul.formVerify li.odd strong {}
#content ul.formVerify li em {background: #fff; argin: 0; top: .3em; float: right; display: block; position: relative;}
#content ul.formVerify li.odd em {}
#content ul.formVerify li.textbox {margin: 15px 0 10px 0; border: none;}
#content ul.formVerify li.textbox strong {font-weight: bold; float: none;}
#content ul.formVerify li.textbox em {float: none; overflow: auto;}
#content form span.fileError {color: #c00; margin: 0 0 0 20px; font-weight: bold;}
/*end form elements*/