#loginForm, #userRegistrationForm{
    margin: 4% 0 0 36%;
}

/* Login Form Typo */
/*#loginForm\3a j_idt81,
#loginForm a.registerUserLink,
#loginForm\3a j_idt80,*/
a.resetPassword { 
    font-family: Open Sans; 
    font-size: 0.9em !important; 
    color: #00738B;
    margin-left: 5px;
}

.loginPage{
    display: inline-block;
    margin: 20px 13px;
    padding: 15px !important;
    background: #fff;
}

.loginPage .ui-inputfield{
    background: #e9ecee;
    width: 60%;
}

.afoLightLoginLogo{
    background-image: url("/afp/javax.faces.resource/logo/FOCUS_Logo_HiRes.jpg.xhtml?ln=images") !important;
    /*background-image: url("../images/AFOLight-Logo-Web-big.png");*/
    background-size: 100% auto;
    display: block;
    height: 300px;
    width: 400px;
    background-size: cover;
    margin: auto;
}

.userInfo{
    width: 350px;
    border: none;
    padding: 15px !important;
    margin: 20px 13px;
}

.userInfo .ui-outputlabel{
    float: left;
    width: 36%;
    font-family: Open Sans; /* added */
    text-transform: uppercase; /* added */
    font-size: 0.8em !important; /* added */
    margin-top: 0.5em; /* added */
}

.userInfo .ui-link{
    float: left;
}

.userInfo .ui-inputfield{
    margin-bottom: 5px;
    background: #e9ecee;
    width: 60%;
}

.userInfo .ui-chkbox{
    width: 141px;
    margin: 5px 0;
}

.userInfo .ui-chkbox-box{
    float: right;
}

.userInfo .ui-chkbox .ui-chkbox-label{
    float: left;
    margin: 0;
    font-family: Open Sans; /* added */
    font-size: 0.9em; /* added */
}

.registerUserLink{
    float: right !important;
    text-align: end;
    margin-top: 0.2em;
}

.loginFailError{
    color: #b94a48;
    margin: 6px 0;
    width: 100% !important;
}

.passwordSentMessage{
    background: transparent none repeat scroll 0 0;
    border: medium none;
}

.passwordSentMessage .ui-outputlabel{
    background-color: #d9edf7;
    color: #3a87ad;
    display: block;
    padding: 10px;
    width: 368px;
}

.loginButton { 
    background: #00738B !Important; 
    /*border-radius: 1px;*/
    margin: 5px 0;
    color: #fff !important; 
    height: 35px;
    transition: all 0.3s ease-in; 
    text-transform: uppercase;
    border: 0px !important; 
    width: 100%;
}