.divLoginWrapper 
{
    width:100%;
    top:0;
}

.divLogin
{
    max-width:50em;
    margin-top:4.8em;
    margin-left:auto;
    margin-right:auto;
    border-radius:6px;
    background-color:white;
    -webkit-box-shadow: -1px 7px 10px -3px rgba(0,0,0,1);
    -moz-box-shadow: -1px 7px 10px -3px rgba(0,0,0,1);
    box-shadow: -1px 7px 10px -3px rgba(0,0,0,1);
}

.divLoginHeader
{
    background-color:#EDEDED;
    background-image: -moz-linear-gradient(top, #FAFAFA, #E6E6E6);
    font-size:1.3em;
    border-bottom:1px solid #D1D1D1;
    padding-top:1.25em;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}

.divLoginFooter
{
    text-align:center;
    height:3.5em;
    color:#777777;
    padding-top:0.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    background-color:#EDEDED;
    background-clip:padding-box;
    border-top:1px solid #c4c8cc;
    background-image:-moz-linear-gradient(top, #EDEDED, #DEDEDE);
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

.tab-login
{
    vertical-align: top;
    padding-left:0.5em;
}

.tab-login .tabindex
{
    color:#7d97ad;
    display:inline-block;
    padding-left: 0.7em;
    padding-right: 0.7em;
    font-size: 0.8em;
    font-weight: 600;
    cursor: pointer;
    vertical-align: top;
    background-color: transparent;
    padding-bottom: 0.3em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tab-login .tabindex:hover {
    color: #2e3d49;
}

.tab-login .tabSelected
{
    color: #2e3d49;
    background-color: white;
    padding-top: 0.2em;
}

.txtLogin 
{
    font-size:14px;
    padding: 15px;
    color:#2e3d49;
    border: 1px solid #96a0aa;
    border-radius: 4px;
    background: 0 0;
    box-sizing: border-box;
    width:100%;
    margin-bottom:1.5em;
}

.txtLogin:focus
{
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
}

.tdLoginLabel 
{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #888;
}

.smedia-button 
{
    text-align:center;
    margin-bottom:1em;
    border-radius:4px;
    padding:1em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.12);
    box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.12);
    cursor:pointer;
    color:#757c81;
    font-size:13px;
    width:calc(50% - 29px);
    display:inline-block;
}

.btnLogin 
{
    border: none;
    color: #fff;
    background: #f36f36;
    font-size: 16px;
    font-weight: 300;
    height: 40px;
    padding:0 50px;
    cursor:pointer;
    border-radius:4px;
}

.uapo-title 
{
    color:#2e3d49;
    font-size:34px;
    font-weight:300;
    line-height:1.3;
    text-align:center;
    margin-bottom:0.5em;
}

.uapo-subs 
{
    color:#525c65;
    text-align:center;
    margin-bottom:2em;
}

.uapo-label 
{
    color:#525c65;
    font-size:0.9em;
    font-style:italic;
}

#txtSignUpFirstName, #txtSignUpLastName, #txtSignUpPassword, #txtSignUpRetypePassword
{
    width:calc(50% - 2px);
}

/*for tablets*/
@media screen and (max-width:959px) {
    
}

/*for phones*/
@media screen and (max-width:640px) {
    
}

@media screen and (max-width:500px) {
    #txtSignUpFirstName, #txtSignUpLastName, #txtSignUpPassword, #txtSignUpRetypePassword
    {
        width:100%;
    }

    .smedia-button 
    {
        width:100%;
    }
}

@media screen and (max-width:350px) {
    .divLoginHeader .divClose 
    {
        font-size:1em;
        margin-top:-2.80em;
    }
}

/*smallest screen for phones*/
@media screen and (max-width:320px) {
    
}