.brown-box, .no-box { width: 399px; padding: 7px 15px; margin: 10px 24px; position: relative; }
.no-box { width: 429px; padding: 0; margin: 0 24px; text-align: right; }
.no-box .brown-box { margin: 10px 0; text-align: left; }
.brown-box { color: #fff; }
.bb1 { background: url(/imgs/bg/bb1.png) no-repeat 0 0; height: 86px; }
.bb2 { background: url(/imgs/bg/bb2.png) no-repeat 0 0; height: 37px; padding-top: 10px; }
.bb3 { background: url(/imgs/bg/bb3.png) no-repeat 0 0; height: 134px; }
.bb4 { background: url(/imgs/bg/bb4.png) no-repeat 0 0; height: 58px; }
.bb5 { background: url(/imgs/bg/bb5.png) no-repeat 0 0; height: 178px; }
.brown-box-full { background: url(/imgs/bg/brown-box-full.png) no-repeat 0 0; width: 862px; height: 27px; padding: 15px 15px; text-align: center; }
textarea#note { background: url(/imgs/bg/textarea-bg.png) no-repeat 0 0; width: 867px; height: 118px; border: 0; padding: 12px 10px; margin: 0 auto; display: block; color: #b38c5b; font-size: .9em; overflow:hidden; overflow-y: hidden; overflow-x: hidden; }
#note-wrap { padding-top: 10px; }
#note-wrap .form-prompt-wrapper { position: relative; }
#note-wrap .form-prompt-text { left: 1.2em !important; top: .6em !important; width: 850px; }

.no-box p { margin-left: 100px; }
.bang { display: block; height: 29px; width: 28px; background: url(/imgs/bg/bang.png) no-repeat 0 0; float: left; margin-top: 3px; }

form#signup label, form#school-report label { text-transform: uppercase; letter-spacing: 0.03em; font-size: 1.25em; padding: 0; width: auto; text-align: left; position: relative; display: block; }
form#signup label .description { letter-spacing: normal; }
form#signup .brown-box label { font-size: 1.5em; padding: 6px 0; }
form#signup .brown-box label.smaller { font-size: .7em; padding: 11px 0 10px 23px; }
form#signup .brown-box label.smaller .larger { font-weight: bold; }
.plus { position: absolute; left: -1px; top: 3px; font-size: 2.7em; font-weight: bold; }
form#signup label a { color: #fff; border-bottom: 1px solid #fff; }
form#signup label.checkbox { font-size: 1em; padding-left: 5px; text-transform: none; position: relative; }
form#signup label.error { .smaller; color: #f00; text-transform: none; position: absolute; display: block; top: auto; bottom: -23px; right: 0; text-align: right; font-size: 13px; width: 100%; height: 15px; z-index: 9999; }
form#signup .password label.error { bottom: -54px; font-size: .7em; line-height: 1em; }
form#signup h2 { font-size: 2.2em; padding: 0 24px 10px; }

.pad-inputs { padding: 0 20px; }
.pad-inputs .form-prompt-wrapper { margin-top: 4px; }
.bb5 .pad-inputs input { margin-top: 0; }
form#signup .bb5 label.smaller { text-transform: none; font-style: italic; }
.bb5 label.smaller .plus { font-style: normal; }
form#signup .bb5 label.checkbox { font-size: .7em; }

#content form#signup h3 { font-size: 1.5em; text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; padding: 0; margin: 10px 0;  }

form#signup .req { font-size: 40px; line-height: 0; }
.brown-box .req { position: absolute; top: 25px; right: 8px; }
.no-box .req { position: relative; bottom: -10px; }
#captcha .req { position: absolute; left: 10px; top: 122px; color: #fff; }
.no-box .brown-box .req { position: absolute; left: 25px; right: auto; bottom: auto; top: auto; margin-top: 25px; }
.signup-top .req { position: relative; top: 3px; }

#parent-exists { position: absolute; font-size: .7em; color: #f00; }
.bb1 #parent-exists, .bb5 #parent-exists { bottom: 10px; left: 450px; width: 300px; }
.bb3 #parent-exists { bottom: 10px; right: 450px; width: 400px; }

.pre-input { width: 53px; position: absolute; margin-top: 8px; left: 10px; text-align: right; }
.brown-box .row { padding-left: 55px; width: 345px; }
.no-box .brown-box .row { padding-top: 9px; }

.no-box label, .full label { font-weight: bold; }
.brown-box label, .no-box .brown-box label, .full .brown-box label { font-weight: normal; }

.brown-box .password { width: 48%; position: relative; }
.utilityinfo { display: inline; }
.utilityname { display: inline; }
.utilityname .form-prompt-wrapper { display: inline-block; }

.bb4 input[type=text], .bb4 input.swap { width: 175px; }

.brown-box-full .amp { padding: 6px 10px; }
.brown-box-full .form-prompt-wrapper { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1;  width: 320px; }               

form#signup .description { display: block; font-size: 11px; padding: 5px 0; line-height: 1.3em; }
form#signup label .description { text-transform: none; display: inline; padding-left: 5px; text-align: left; }
form#signup label .description a { color: #9b7a50; font-style: italic; border-bottom: 1px solid #9b7a50; }
.brown-box .description { font-style: italic; }
.brown-box .description a { color: #fff; font-style: italic; border-bottom: 1px solid #fff; }

.brown-box .pad { padding: 1em; }
.brown-box .pad-sides { padding: .2em 1em; }

#captcha { padding: 8px 0; }
#why-join { position: relative; padding: 0 24px; }
#why-join p.required { position: absolute; top: -40px; right: 513px; padding: 0; overflow: visible; line-height: 1; }
#why-join a { color: #65b712; }

form#signup .signup-top, .full { padding: 3px 24px; }
form#signup .signup-top h2 { font-size: 2.2em; padding: 0 0 .4em; }
form#signup .signup-top h4, form#signup .signup-top p { padding: .2em 0; } 
form#signup .signup-top h4 { font-weight: normal; }
form#signup .signup-top h4 .green { position: relative; bottom: 0; }
form#signup .signup-top label, .signup-top .larger,
	#membership li label { padding-right: 10px; }
form#signup .signup-top label { text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; font-size: .875em; position: relative; top: 6px; }
form#signup .signup-top span,
	#membership li span { font-size: 1.35em; color: #65b712; position: relative; font-weight: bold; }
#membership { position: relative; }


.full li, #why-join li, .no-box li { display: list-item; list-style: outside disc; margin-left: 60px; padding: .25em 0; width: 600px; color: #65b712; text-align: left; }
.full li a { color: #65b712; border-bottom: 1px solid #65b712; }
.full h4 { text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; }
/* .full li.found { display: none; } */
.no-box p.found { position: absolute; bottom: 12px; left: 104%; margin-left: 0; .smaller; width: 300px; text-align: left; font-style: italic; }
.no-box p.right { width: 100px; font-size: .7em; margin-left: 0; }
p.indent { margin-left: 60px; text-align: left; }

.full .brown-box { margin-left: 0; }

.form-bottom { text-align: right; padding: 0 24px; height: 60px; }
.form-bottom input { float: right; border: 0; text-indent: -9999px; margin: 0 7px; font-size: 0; color: #fff; }

input#submit { width: 149px; height: 58px; background: url(/imgs/icons/submit-big.png) no-repeat 0 0; }
input#cancel { width: 116px; height: 42px; background: url(/imgs/icons/cancel-button.png) no-repeat 0 0; }
input#back { width: 100px; height: 44px; background: url(/imgs/icons/back-button.png) no-repeat 0 0; }
                          
.recaptcha_input_area input { line-height: 1 !important; height: auto; }
#recaptcha_widget_div { position: absolute; left: 0; }
#recaptcha_table { background: url(/imgs/bg/captcha-bg.png) no-repeat 0 0; }
#recaptcha_table td { background: none !important; }
.recaptcha_input_area_text * { color: #fff !important; }
#recaptcha_response_field { background: #fff; } 

/* membership */

#membership li label, #email-preferences label { text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; font-size: .875em; }
#membership li { display: block; padding: 5px 0; }
#membership li span { position: relative; bottom: 0; }

#edit-membership, #delete-account { position: absolute; top: 12px; height: 16px; padding: 7px 40px 7px 0; font-size: .74em; text-transform: uppercase; letter-spacing: 0.03em; font-weight: bold; }
#edit-membership { background: url(/imgs/icons/membership-edit.png) no-repeat center right; right: 0; top: -67px; }
#delete-account { background: url(/imgs/icons/membership-delete.png) no-repeat center right; left: 0; }

#email-preferences label { position: relative; width: auto; }
.email-pref { position: relative; padding: 7px 0 7px 20px; color: #65b712; }
.email-pref .check { color: #333; position: absolute; left: 320px; font-size: .73em; top: 7px; font-style: italic; color: #aaa; }
.email-pref .edit-pref { position: absolute; left: 275px; top: 7px; }
.email-pref .plus, .email-pref .new-plus { position: absolute; left: 0; top: 7px; padding: 2px 4px; font-size: 12px; font-weight: bold; }
.email-pref .new-plus { background: #65b712; color: #fff; top: 12px; }
.email-pref input[type=text], .email-pref input.swap { background: #fff; font-size: .73em; border-color: #ddd; width: 200px; }
#email-preferences .email-pref label.error,
#email-preferences .email-pref span.description { display: block; color: #333; font-size: .6em; font-weight: normal; width: 300px; text-align: left; }

#membership-bottom-left, #membership-bottom-right { position: relative; padding: 20px 0; width: 48%; }
#membership-bottom-left { padding-top: 40px; }
#membership-bottom-left p { position: relative; width: 300px; }
#membership-bottom-left .exclaim { position: absolute; left: -7px; top: 7px; }
#membership-bottom-right { text-align: right; }
#membership-bottom-right #submit { display: inline; }
#membership-bottom-right label { display: block; padding: 0; }
#membership-bottom-right p { padding-left: 240px; font-size: .8em; color: #65b712; }

form#school-report { text-align: center; }

#content .pl { padding-left: 80px; position: relative; }
#content .pl select { position: absolute; top: 13px; left: 15px; }
#content .pl input { width: 297px; }

form#signup .bb1 label.error { top: 78px; bottom: auto; }
form#signup .bb2 label.error { top: 32px; bottom: auto; }
form#signup .bb5 label.error { top: -3px; width: 333px; bottom: auto; }
form#signup .bb4 label.error { top: 55px; text-align: left; bottom: auto; }