﻿*
{
    padding: 0;
    margin: 0;
}

.loginForm,
.loggedOutDiv,
.createPasswordForm,
.forgotPasswordForm,
.forgotPasswordForm .hidden
{
    display: none;
}

body.login .loginForm,
body.loggedOut .loggedOutDiv,
body.createPassword .createPasswordForm,
body.forgotPassword .forgotPasswordForm
{
    display: block;
}

body.login .fieldDiv,
body.forgotPassword .fieldDiv
{
    width: 425px;
}

body.createPassword .fieldDiv
{
    width: 510px;
}

.formDiv,
input
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 24px;
}

.errorDiv
{
    font-family: Arial, Verdana, sans-serif;
    font-size: 18px;
}

.formDiv
{
    /*margin: 40px auto 0 auto;*/
    /*margin: 16px auto 0 auto;*/
    margin: 32px auto 0 auto;
}

.welcome,
.passwordExpired 
{
    margin-bottom: 16px;
    text-align: center;
    color: dimgray;
}

.fieldDiv
{
    overflow: auto;
    margin: auto;
}

.fieldDiv div
{
    float: right;
    line-height: 42px;
}

.fieldDiv label
{
    margin-right: 16px;
    vertical-align: middle;
}

.fieldDiv input
{
    vertical-align: middle;
    width: 280px;
}

.loggedOutDiv div
{
    margin-top: 20px;
    text-align:center;
}

.errorDiv
{
    color: firebrick;
    text-align: center;
}

.errorDiv > span
{
    display: inline-block;
    /*margin: 20px auto 0 auto;*/
}

    .errorDiv > span.hidden
    {
        display: none;
    }

.submit,
.submitDiv 
{
    clear: both;
    display: block;
    margin: 16px auto 16px auto;
}

.submit,
.submitDiv .forgotPassword
{
    cursor: pointer;
}

.submit
{
    width: 150px;
}

.submitDiv
{
    width: 300px;
    padding-left: 156px;
}

    .submitDiv .submit
    {
        margin: 0;
        display: inline-block;
    }
    
    .submitDiv .forgotPassword
    {
        display: inline-block;
        float: right;
        font-size: 14px;
        line-height: 30px;
        color: #2B2B2B;
    }

.forgotPasswordForm .text
{
    margin-bottom: 16px;
    text-align: center;
}

.passwordGuideDiv 
{
    width: 80%;
    display: block;
    float: left;
    font-family: Arial, Verdana, sans-serif;
    font-size: 18px;
    padding-left: 150px;
    color: dimgray;
}

.passwordGuideDiv div.error
{
    color: red;
}

.passwordGuideDiv div.success
{
    color: green;
}