.signUpBox
{
    width:380px;
    height:347px;
    border:1px solid #000;
    padding:25px;
}

.signUpBox .header
{
    width:100%;
    height:110px;
    border-bottom:1px dashed #000;
}

.signUpBox .header h1
{
    font:bold 26px HelveticaBold, Helvetica, Arial;
    text-align:center;
    margin:0;
    padding:0;
}

.signUpBox .header p
{
    font:16px Helvetica, Arial;
}

.signUpBox .signUpForm p
{
    clear:both;
    font:11px Helvetica, Arial;
    padding-top:15px;
}

.signUpBox .signUpForm .formInput
{
    font:11px Helvetica, Arial;
    width:165px;
    float:left;
    margin-right:12px;
    margin-top:25px;
}

    .signUpBox .signUpForm .formInput input
{
        width:165px;
}

.signUpBox .signUpForm .formInput.short
{
    margin-right:40px;
}

.signUpBox .signUpForm .formInput.short, .signUpBox .signUpForm .formInput.short input
{
    width:85px;
}

.signUpBox .signUpForm .formInput.long
{
    width:225px;
}

#day
{
    width:85px;
    margin-right:12px;
}

#month
{
    width:125px;
}

.signUpBox .signUpButton
{
    width:100px;
    height:26px;
    background:#000;
    color:#fff;
    cursor:pointer;
    margin-top:15px;
}
    
.signUpBox .signUpButton span
{
    font:12px Helvetica, Arial;
    display:block;
    padding-top:6px;
    padding-left:14px;
}

.signUpBox .footer
{
    margin-top:15px;
}

.signUpBox .footer p
{
    font:9px Helvetica, Arial;
    color:#231f20;
}

#signUpContent
{
    display:block;
}
#signUpThanks
{
    display:none;
    background:url(/images/layout/sign-up/thank-you-bg.jpg);
    height:372px;
    margin-top:-20px;
}

#signUpThanks .header
{
    height:100px;
    padding-top:40px;
}

#signUpThanks .header h1
{
    text-align:left;
    font-size:20px;
    line-height:26px;
}

#signUpThanks .content p
{
    font-size:18px;
    line-height:30px;
    width:170px;
    padding-top:30px;
}

/*login page social annex styling*/
.social-login h3{
    font-size: 13px;
    color: #051045;
    margin-top: 20px;
}
.social-login ul{
    padding-left: 0px;
}
.social-login  .social-buttons li {
    float: left;
    list-style-type: none;
}
.social-login  .social-buttons #social-login-facebook img{
    background: url(/images/layout/facebook-social.png);
    height: 32px;
    width: 98px;
    float: left;
    display: block;
    margin-right: 10px;
}
.social-login  .social-buttons #social-login-google img{
    background: url(/images/layout/google-social.png);
    height: 32px;
    width: 98px;
    float: left;
    display: block;
    margin-right: 10px;
}
.social-login  .social-buttons #social-login-amazon img{
    background: url(/images/layout/amazon-social.png);
    height: 32px;
    width: 98px;
    float: left;
    display: block;
    margin-right: 10px;
}