﻿div#mainOuterWrapper
{
    background: transparent url('/Portals/0/_images/two_pane_background.gif') 0 0 no-repeat;
    width: 780px;
    height: 660px;
}

div#titlePaneWrapper
{
    width: 700px;
    position: relative;
    top: 15px;
    left: 30px;
}

div#titlePaneWrapper p,
div#titlePaneWrapper div,
div#titlePaneWrapper img
{
    padding: 0;
    margin: 0;
}

div#topImagePaneWrapper
{
    position: relative;
    width: 716px;
    height: 258px;
    top: 40px;
    left: 32px;
    padding: 0;
}

div#topImagePaneWrapper p
{
    padding: 0;
    margin: 0;
}

div#mainContentPaneWrapper
{
    width: 716px;
    height: 267px;
    position: relative;
    top: 60px;
    left: 32px;
    color: black;
    font-family: Arial, Verdana, Sans-Serif;
    background: transparent url('/Portals/0/_images/login_bg.gif') 0 0 no-repeat;
}

div.login-area
{
    width: 400px;
    margin: 0 auto;
    padding-top: 40px;
}

div.login-area div.row
{
    height: 40px;
    width: 300px;
}

div.login-area div.row div.label
{
    display: block;
    width: 100px;
    float: left;
    font-size: 1.4em;
    font-weight: bold;
}

div.login-area div.row div.formw
{
    display: block;
    width: 200px;
    float: left;
}

div.login-area div.row div.formw input
{
    border: 2px solid #ccc;
    width: 200px;
    padding: 0;
}

div.validation-msg,
div.error-message
{
    font-size: 1.2em;
    color: Red;
    position: relative;
}

div.error-message span
{
    position: absolute;
    left: 20px;
    top: -25px;
}

input.loginBtn
{
    float: right;
}

div.other-login-controls
{
    width: 300px;
    margin: 0 auto;
}

div.forgotten-password
{
    font-size: 1.2em;
    text-align: center;
}

div.forgotten-password a
{
    color: #990D16;
}

div.forgotten-password a:hover
{
    color: Red;
    text-decoration: none;
}

div.register
{
    text-align: center;
    font-size: 1.8em;
    font-weight: 300;
    margin-top: 15px;
}

div.register a
{
    color: #990D16;
}

div.register a:hover
{
    color: Red;
    text-decoration: none;
}

span.forgotPassword
{
    color: black;
    font-size: 1.4em;
    padding-bottom: 40px;
    display: block;
    width: 350px;
    margin-left: 42px;
    padding-top: 40px;
}

div.row
{
    height: 50px;
    width: 350px;
    margin-left: 42px;
}

div.row div.label
{
    display: block;
    width: 120px;
    float: left;
    font-size: 1.4em;
    color: black;
    font-weight: bold;
    margin-top: 0.2em;
}

div.row div.formw,
div.row div.formw input
{
    display: block;
    width: 210px;
    float: left;
}

div.row div.formw input
{
    border: 2px solid #999;
}

div.button
{
    float: right;
    margin-right: 60px;
}

div.validation-msg
{
    font-size: 1.1em;
}

div.thankYou
{
    color: black;
    font-size: 2em;
    padding: 40px;
}

a.loginBtn
{
    display: block;
    width: 114px;
    height: 28px;
    background: transparent url('/Portals/0/_images/loginBtn.gif') 0 0 no-repeat;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    float: right;
}

a.loginBtn:hover
{
    background-position: 0 -28px;
}

a.returnHome
{
    display: block;
    width: 173px;
    height: 28px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    background: transparent url('/Portals/0/_images/btnReturnHome.gif') 0 0 no-repeat;
}

a.returnHome:hover
{
    background-position: 0 -28px;
}
