html, body { height: 100%; width: 100%; }
#middle { background: none; padding-bottom: 100px; margin-bottom: 20px; }
a:hover { border-bottom: 1px dotted #2E6E9E; }
.loginTop { margin: 0px auto; background: url(/assets/images/site/login_bkg_tall.png) no-repeat; width: 560px; position: relative; }
.loginFooter { margin: 0px auto; width: 560px; height: 30px; background: url(/assets/images/site/login_bkg_tall.png) no-repeat bottom center; }
.loginTop .titlehdr { color: #E59217; font-size: 2em; font-family: century gothic, trebuchet, san-serif; text-align: center; padding: 30px 0px 10px; }
.loginTop .explainer { width: 500px; margin: 0px auto; text-align: center; margin-bottom: 15px; line-height: 1.5em; }
/* login
=============================================== */
.logFormBkg { position: relative; padding: 10px; margin: 0px auto; background: #eee; width: 480px; height: 160px; }
#logForm h4.formHeader { margin: 5px 0px 20px; color: #333; font-size: 1.7em; font-family: Century Gothic, Helvetica, Arial, san-serif; }
#logForm .formRow { font-size: .9em; height: 45px; }
#logForm .formRow .labelLeft { float: left; display: block; width: 100px; height: 35px; line-height: 35px; }
#logForm .formRow .inputWrapper { float: left; display: block; padding: 5px; height: 28px; line-height: 1em; width: 362px; background: #ddd; }
#logForm input.text { background:none repeat scroll 0 0 #E6F0FA; font-size:12px; line-height: 1em; font-weight:bold; padding:5px; text-align:left; width:350px; }
#logForm input.text:focus { background: #fff; }
#logForm input.password { width: 200px; }
#logForm .pwdForgot { padding-left: 15px; }
#logForm .loginActions { float: left; font-size: .9em; margin: 25px 0px 30px 30px; height: 40px;}
#logForm .submit { float: right; margin: 12px 30px 0px 0px; background:none repeat scroll 0 0 #2E6E9E; color:#FFFFFF; cursor:pointer; font-size:1.3em; padding: 4px 30px; }
/* Stats Pane (below login)
=============================================== */
#statsWindow { clear: both; }
#statsWindow .titlehdr { color: #E59217; font-size: 2em; font-family: Century Gothic, Helvetica, Arial, san-serif; text-align: center; padding: 30px 0px 25px; }
#statsWindow .stats-content { margin: 0px 30px; padding-top: 10px; border-top: 1px solid #eee; }
#statsWindow .stats-content .new-bands {float: left; width: 60%;}
#statsWindow .stats-content .city-stats {float: left; width: 40%;}
/* error message */
#login-msg { position: absolute; right: 48px; top: 220px; width: 255px; font-size:12px; z-index: 99; }
#login-msg .ui-state-error { padding:5px; color: #BB0000; }
#login-msg .ui-icon { float: left; margin: 0 5px 0 5px; }
#band_list { line-height: 1.3em; }
#city_list { line-height: 1.3em; }
.stats-content .formHeader { line-height: 1.5em; font-family: Century Gothic, Helvetica, Arial, san-serif; margin-bottom: 5px; }
/* activate
=============================================== */
#middle.activate { }
.actFormBkg { padding: 10px; margin: 0px auto; background: #eee; width: 480px; height: 130px; }
#actForm h4.formHeader { margin: 5px 0px 15px; color: #333; font-size: 1.7em; font-family: century gothic, trebuchet, san-serif; }
#actForm .formRow { font-size: .9em; height: 45px; }
#actForm .formRow .labelLeft { float: left; display: block; width: 100px; height: 35px; line-height: 35px; }
#actForm .formRow .inputWrapper { float: left; display: block; padding: 5px; height: 28px; line-height: 1em; width: 360px; background: #ddd; }
#actForm input.text { background:none repeat scroll 0 0 #E6F0FA; font-size:12px; line-height: 1em; font-weight:bold; padding:5px; text-align:left; width:348px; }
#actForm input.text:focus { background: #fff; }
#actForm .submit { float: right; margin: 12px 30px 0px 0px; background:none repeat scroll 0 0 #2E6E9E; color:#FFFFFF; cursor:pointer; font-size:1.3em; padding: 4px 30px; }
/* error message */
#active-msg { position: absolute; right: 55px; top: 137px; width: 360px; font-size:12px; color: #BB0000; }
/* password
=============================================== */
#middle.password { }
.passFormBkg { padding: 10px; margin: 0px auto; background: #eee; width: 480px; height: 90px; }
#passForm h4.formHeader { margin: 5px 0px 15px; color: #333; font-size: 1.7em; font-family: century gothic, trebuchet, san-serif; }
#passForm .formRow { font-size: .9em; height: 45px; margin-top: 0px; }
#passForm .formRow .labelLeft { float: left; display: block; width: 100px; height: 35px; line-height: 35px; }
#passForm .formRow .inputWrapper { float: left; display: block; padding: 5px; height: 28px; line-height: 1em; width: 360px; background: #ddd; }
#passForm input.text { background:none repeat scroll 0 0 #E6F0FA; font-size:12px; line-height: 1em; font-weight:bold; padding:5px; text-align:left; width:348px; }
#passForm input.text:focus { background: #fff; }
#passForm .submit { float: right; margin: 12px 30px 0px 0px; background:none repeat scroll 0 0 #2E6E9E; color:#FFFFFF; cursor:pointer; font-size:1.3em; padding: 4px 30px; }
/* error message */
#password-msg { position: absolute; right: 55px; top: 135px; width: 360px; font-size:12px; color: #BB0000; }
#fbConnect { position: absolute; top: 5px; left: 100px; }
a.fb_button:hover { background-image: url(http://static.ak.fbcdn.net/rsrc.php/zDYYQ/hash/deh9tyqv.png); background-position:left -188px;}
/* facebook account link dialog */
#dlg_facebook_link_account .fb-link-instructions { margin-bottom: 20px; }
#dlg_facebook_link_account .fb-link-instructions p { line-height: 1.5em; margin-bottom: 10px; }
#dlg_facebook_link_account form#frm_link_facebook_account input { margin-bottom: 10px; }
/* loading dialog when using fb connect */
#dlgLoading .loading-msg { padding:50px 0 50px 0; text-align: center; }