/*abomination legacy code for signup form. This css is 3x the size of the rest of the page css*/

.signup_email_button, .signup_email_button .buttonBorder {
   display: block;
   width: 100%;
}

#signUpLogIn {
   position: relative;
   width: 300px;
   margin: 0 auto;
   padding:5px;
}

#signUpLogIn .signUp,
#signUpLogIn .logIn {
   position: relative;
   z-index: 29;
   display: inline-block;
   width: 149px;
   margin-left: 2px;
   padding: 10px 0;
   background-color: #E7E8EA;
   -webkit-border-top-left-radius: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-topleft: 8px;
   -moz-border-radius-topright: 8px;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
}

#signUpLogIn .tabs div:first-child {
   margin-left: 0;
}

#signUpLogIn.light .signUp:hover,
#signUpLogIn.light .logIn:hover {
   background-color: #DDD;
   cursor: pointer;
}

#signUpLogIn.light .signUp:active,
#signUpLogIn.light .logIn:active{
   background-color: #BBB;
}

#signUpLogIn .signUp.selected,
#signUpLogIn .logIn.selected,
#signUpLogIn .signUp.selected:hover,
#signUpLogIn .logIn.selected:hover,
#signUpLogIn .signUp.selected:active,
#signUpLogIn .logIn.selected:active {
   background-color: #FFF;
   cursor: default;
}

#signUpLogIn .formContainer {
   background: #FFF;
   width: 260px;
   padding: 20px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
}

#signUpLogIn #signUpForm.formContainer,
#signUpLogIn #forgotContainer.formContainer{
   position: relative;
   width: 260px;
   padding: 0 20px 20px 20px;
}

#signUpLogIn label
{
   width: 260px;
   top: 0;
   float: none;
   margin: 10px 0 6px;
   display: block;
}

#signUpLogIn #logInForm label[for="email"],
#signUpLogIn #signupForm label[for="signupEmail"]
{
   margin-top: 0;
}

#signUpLogIn input[type="text"],
#signUpLogIn input[type="email"],
#signUpLogIn input[type="password"]
{
   width: 244px;
   float: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #CCC;
   padding: 8px;
}

#loginForm {
   margin: 0;
}

#signUpLogIn #forgotPasswordLink
{
   margin-left: 10px;
}

#signUpLogIn .fbLoginBox {
   position: relative;
   width: 260px;
   padding: 20px;
   border-top: 1px #999 dashed;
   background-color: #EEE;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-right-radius: 5px;
   border-bottom-left-radius: 5px;
   margin: 20px 0 -20px -20px;
}

.fbLoginBox .divider {
   position: absolute;
   top: -12px;
   left: 50%;
   margin: 0 0 0 -12px;
   height: 20px;
   width: 24px;
   padding-top: 4px;
   background-color: #666;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   z-index: 60;
}

#signupForm label {
   margin-right: 0;
}

#signUpForm #facebookSection {
   position: relative;
   top: 0;
   left: -20px; /* this should be the negative value of the padding below*/
   width: 260px;
   border-bottom: 1px #999 dashed;
   padding: 0 20px;
   text-align: center;
}

#signUpForm #facebookSection .divider {
   position: relative;
   bottom: -12px;
   left: 50%;
   margin: 0 0 0 -12px;
   height: 20px;
   width: 24px;
   padding-top: 4px;
   background-color: #666;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   z-index: 60;
}

#signUpLogIn form {
   width: 260px;
}

#signupForm .errors
{
   width: 238px;
   background: #FCE8E8;
   border: 1px solid #C66060;
   margin-top: 20px;
   padding: 10px;
   display: none;
}

#signupForm .errors ul
{
   margin-top: 10px;
   padding-left: 20px;
   list-style: disc;
}

#signupForm .errors ul li
{
   margin: 4px 0;
}

#forgotContainer {
   display: none;
}

#forgotContainer h2 {
   margin-bottom: 10px;
}

#forgotContainer #forgotBackLink {
   position: absolute;
   bottom: 30px;
   right: 20px;
}

.authenticate #signinContainer.apps {
   width: 280px;
   padding: 10px 10px 20px 10px;
   background: #FFF;
   margin: 30px auto;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

.authenticate #signUpLogIn .ValidationErrors {
   margin-top: 6px;
}

.authenticate #signUpLogIn input.ErrorField {
   border: 2px solid red;
   position: relative;
   top: -2px;
   left: -3px;
}

.signup_border{
   width: 100%;
   height: 41px; 
}

.signup_fb_border{
   width: 245px;
   height: 42px;
}

.fb_login_icon{
   width: 34px;
   height: 27px;
   padding-top: 7px; 
}

a.button.facebook.hasIcon{
   padding-left: 44px;
   width: 179px;
}

#signupForm .signupTerms {
   width: 260px;
   border-top: solid #DDD 1px;
   padding-top: 10px;
}

/* abomination ends here */