@CHARSET "UTF-8";

#sign-popup { z-index: 10; width: 570px; color: #555555; }
#sign-panel { text-align:left; padding: 10px;}
#sign-panel .form input{ width: 160px; }
#sign-panel .form table { width: 100%; }
#sign-panel .form th { text-align: right; width: 110px; margin: 5px; padding: 3px 0px 0px; }
#sign-panel .form td { text-align: left; padding: 3px; }
#sign-panel .error th { text-align: left; padding: 0px; }
#sign-panel label { font-weight: normal; vertical-align: middle; }
#sign-panel input { vertical-align: middle; }
#sign-panel .feedback { font-size: 12px; }

#sign-panel .error-icon {}
#sign-panel .success-icon {}

#sign-panel td.sign-up-field { width: 170px;}
#sign-panel td.icon-col { width: 50px; display: block; } 

#sign-panel #sign-in-buttons { border-left:1px solid #555555; float:right; height:195px; padding:0 10px; width:195px; }
#sign-panel #sign-in-buttons #twitter-sign-in-button { display:block; margin:55px 0px 20px 0px; }
#sign-panel #sign-in-buttons #facebook-sign-in-button { display:block;  margin:15px 0px;}

#sign-panel #sign-in-form { float: left; width: 282px; min-height: 215px; }
#sign-panel #sign-in-form .forgot-password { color:#888888; font-size:11px; margin-left:50px; text-decoration:underline; }
#sign-panel #sign-in-form #sj-sign-in-button { margin-left:60px; margin-top: 5px; width: 100px;}
#sign-panel #sign-in-form .email-line { padding: 20px 5px 0px 0px; }
#sign-panel #sign-in-form .password-line { padding: 24px 5px 0px 0px; }
#sign-panel #sign-in-form input.checkbox { width: 20px; margin: 0 0 0 44px; }

#sign-panel #register-form { float: left; padding: 0px 0px 0px 10px; width: 310px; }
#sign-panel #register-form p { padding: 2px 0 2px 0; text-align:right; }
#sign-panel #register-form .checkbox-text { padding: 2px 0 2px 32px; text-align: left; }
#sign-panel #register-form .small { font-size: 11px; text-align: left }
#sign-panel #register-form .small a { font-size: 11px; }
#sign-panel #register-form #register-button { float:right; width: 100px; margin: 7px 0px; }
#sign-panel #register-form #reggcaptcha-code { width: 250px; float: left; }
#sign-panel #register-form #captcha-img { border:1px solid gray; width: 100px; height:19px; float: left; }
#sign-panel #register-form #captcha-text { margin: 0px 0px 0px 4px; width: 54px; float: left; }
#sign-panel #register-form input.checkbox { width: 20px; margin: 0px; }
#sign-panel #register-form .note { font-size: 11px; padding: 0px 0px 10px 0px; color: #999999; }
#sign-panel #register-form .other-text { padding: 0px 3px; margin: 0px; font-size: 11px; color: #999999; }
#sign-panel #register-form .other-text a { color: #999999; }

#sign-panel #forgot-form { padding: 20px 40px; }
#sign-panel #forgot-form #forgot-email { width: 180px; }
#sign-panel #forgot-form #forgot-button { width: 100px; }
#sign-panel #forgot-form label { margin: 0px 5px 0px 0px; }
#sign-panel #forgot-form #forgot-bubble { width: 270px; }

#sign-panel #activate-form { padding: 0px 40px; min-height: 215px; }
#sign-panel #registered-form { padding: 30px 40px 0px 40px; min-height: 185px; }

#sign-panel #terms-form { padding: 0px 40px; min-height: 215px; }
#sign-panel #terms-form .agree-text { padding: 0px 85px 30px 85px; }
#sign-panel #terms-form .twitter-text { padding: 15px 85px 33px 85px; }
#sign-panel #terms-form .buttons { padding: 0px 85px 10px 85px; }

#sign-panel #registered-form #close-button { float:right; width:100px; }

#sign-panel .back-link { float: right; padding: 9px 9px 0px 0px; }
#sign-panel .back-link a { color: #888888; font-size:12px; text-decoration: underline; }

#sign-panel .show-terms .note { font-size: 11px; padding: 0px 0px 10px 0px; }
#sign-panel .show-terms .button-gray { width: 100px; margin: 0px 10px; float: left; }
#sign-panel .show-terms .buttons { width: 240px; margin: 0 auto; padding: 20px 0px; }

#sign-panel .show-activate #activation-button { width: 120px; }