﻿body {color: #999590; font-family: Arial, sans-serif; font-size: 12px; text-align: center; margin: 0; padding: 0; background: #000000 url(/images/bkgdPageHome.gif) repeat-x top;}

a:link, a:visited {color: #999590; text-decoration: underline;}
a:hover, a:active {color: #999590; text-decoration: underline;}

h1, h2, h3 {margin: 0; padding: 0;}
h1 {display: none;}
h2 {font-size: 27px; margin-bottom: 10px;}
h3 {font-size: 18px; color: #dccf89; margin-bottom: 10px;}

ul {margin: 0; padding: 0; padding-left: 15px;}
li {margin-bottom: 10px;}

input.standard {width: 175px;}
input.wide {width: 370px;}
input.dobMonth {width: 40px; margin-right: 5px;}
input.dobDay {width: 40px; margin-right: 5px;}
input.dobYear {width: 70px;}

.error {color: #a8110a;}
.errorBlock {padding: 10px;}

.formBorder {border: solid 1px #5f4f2e;}
.formBox {background: url(/images/bkgdForm.gif) repeat-x top; filter: alpha(opacity=70); moz-opacity: 0.7; opacity: 0.7;}
.form { margin: 0; padding: 5px; clear: right;}
.form h3 {font-size: 19px; color: #ffffff;}
.form a:link, .form a:visited {color: #dccf89;}
.form a:hover, .form a:active {color: #dccf89; text-decoration: none;}
.form label {display: block; font-size: 12px; color: #a9a9a9; margin-bottom: 2px;}
.form .infoRow {margin-bottom: 10px; color: #dccf89; font-size: 11px; font-style: italic;}
.form .inputRow {margin-bottom: 8px;}
.form .inputRow .leftCell {float: left; width: 200px;}
.form .inputRow .rightCell {}
.form .secondaryAction {font-size: 10px; line-height: 22px;}
.form .buttonRow {margin-top: 10px;}

img.icon {margin: 0px 3px 0px 3px; vertical-align: bottom;}

#containerEntry {width: 980px; text-align: left; margin: 0 auto 0 auto; background: url(/images/bkgdContentHome.jpg) no-repeat top;}
#containerSignup {width: 980px; text-align: left; margin: 0 auto 0 auto; background: url(/images/bkgdContentSignup.jpg) no-repeat top;}

#banner {text-align: center; padding: 40px 0px 38px 120px;}
#content {clear: both; padding-top: 50px; font-size: 15px; color: #ffffff;}
#content .tagLine { margin-bottom: 20px; }

/* ----- sign in form ----- */
#signIn .tagLine { margin-top: 10px; margin-left: 25px; }
#signIn .formBox {height: 240px;}
#signIn .form {position: absolute; z-index: 4; height: 229px; padding: 5px;}
#signIn .validationErrors {width: 620px; font-size: 12px; color: Red; font-weight: bold; margin-bottom: 10px;}

#signInFormBorder { width: 490px; border: solid 1px #5f4f2e; }
#signInFormBackground {background-color: #000000; height: 260px; filter: alpha(opacity=55); moz-opacity: 0.55; opacity: 0.55;}

#signInForm {position: absolute; z-index: 3; height: 240px; width: 250px; margin: -250px 0px 0px 10px;}
#signInForm .form {margin: -240px 0px 0px 5px; width: 228px;}
#signInForm .form .buttonRow {margin-top: 10px; }

#signInBenefits {position: absolute; z-index: 3; height: 240px; width: 210px; margin: -250px 0px 0px 270px; font-size: 12px; color: #a9a9a9;}
#signInBenefits .form {margin: -240px 0px 0px 5px; width: 190px;}
#signInBenefits .form .buttonRow {margin-top: 37px;}

/* ----- sign up form ----- */
#signUpBenefits {float: left; width: 200px; padding-top: 10px;}
#signUpFormBorder {width: 430px; border: solid 1px #5f4f2e; margin-left: 220px;}
#signUpFormMargin {border: solid 10px black; }
#signUp .formBox {height: 310px;}
#signUp .form {position: absolute; z-index: 3; margin-top: -310px; height: 289px; width: 398px;}
#signUp .errorBlock {background-color: #929292; font-size: 13px; color: Black; font-weight: bold; margin-bottom: 10px;}
#signUp .error {margin-bottom: 10px;}
#signUp .buttonRow .secondaryAction {float: right; margin-right: 20px;}
#signUp .validationErrors {width: 620px; font-size: 12px; color: Red; font-weight: bold; margin-bottom: 10px;}

/* ----- footer ----- */
#footer {text-align: center; color: #777777; font-size: 11px; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none;}
#footer ul {margin: 0; padding: 0; clear: both; font-size: 12px;}
#footer li {display: inline; list-style: none; margin: 0px 10px 0px 10px;}
#footer li a:link, #footer li a:visited {color: #ffffff; text-decoration: none; font-weight: bold; vertical-align: middle;}
#footer li a:hover, #footer li a:active {color: #ffffff; text-decoration: underline; font-weight: bold; vertical-align: middle;}

#containerEntry #footer {margin-top: 214px; padding-bottom: 50px;}
#containerSignup #footer {margin-top: 120px; padding-bottom: 50px;}

