body {
    margin: 0px;
    padding: 0px;
    background-color: #E1E4E9;        
}

body * {
    float: left;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#loginContainer.page {
    position: absolute;
    top: 10%;
    left: 20%;
}

h1, h2, h3 {
    font-weight: 100;
    font-family: tahoma, sans-serif;
}

body, td, p {
    font-family: tahoma, sans-serif;
    font-size: 11px;
}

ul.admin, ul.options {
    display: inline;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

ul.admin li, ul.options li {
    display: inline;
}

form#loginForm {
    clear: both;
    width: 527px;
    border: 1px solid #B9C0CC;
    background-color: #FFFFFF;
    border-bottom: solid 1px #8B9099;
}

/* Flint Branding Styles added 9.10.2007 by anthonym */

#loginHeader {
    width: 527px;
    clear: both;
}

#loginWelcome{
    width: 326px;
    height: 96px;
    background-color: #1D3664;
}

#loginWelcome h1 {
    padding: 22px 0px 0px 19px;
    color: #9FC2EC;
    line-height: 27px;
    font-size: 23px;
}

#loginLogo {
    width: 201px;
    height: 95px;
    background-color: #EEF1F1;
    border-bottom: 1px solid #DADFE4;
}

#loginLogo a img {
    border: none;
    padding: 24px 0px 0px 24px;
}

.form {
    padding: 19px 0px 19px 19px;
}

#loginTitle {
    width: 507px;
    clear: both;
    padding-bottom: 10px;
}

#loginTitle h3 {
    font-weight: bold;
    font-size: 16px;
}

.inputWrapper {
    width: auto;
    height: auto;
}

.inputWrapper label {
    clear: both;
    line-height: 20px;
    color: #9D9FA3;
    font-weight: bold;
}

.inputWrapper input {
    color: #000000;
    width: 195px;
    height: 17px;
    padding: 3px;
    background-color: #F4F6F6;
    border: solid 1px #D6D7D8;
    clear: both;
}

#loginUsername, #loginPassword {
   width: 204px;
    height: 53px; 
    margin-right: 9px; 
 }
 
#loginSubmitBtn {
    position: relative;
    top: 20px;
    left: 9px;
    width: 73px;
    height: 53px;
    overflow: visible;
}

#loginResetBtn {
    position: relative;
    top: 20px;
    left: 9px;
    width: 73px;
    height: 53px;
    overflow: visible;
}

#loginSubmitBtn a {
    border-bottom: #840B0E solid 1px;
    border-left: #E1151A solid 1px;
    border-right: #E1151A solid 1px;
    background-color: #EE171D; 
    color: #FFFFFF;
    background-image: url(../images/btn-arrow.gif);
    background-position: 52px 7px;
    background-repeat: no-repeat; 
    line-height: 24px;
    padding-left: 9px;
    text-decoration: none;
    width: 58px;
} 

#loginResetBtn a {
    border-bottom: #840B0E solid 1px;
    border-left: #E1151A solid 1px;
    border-right: #E1151A solid 1px;
    background-color: #EE171D; 
    color: #FFFFFF;
    background-image: url(../images/btn-arrow.gif);
    background-position: 52px 7px;
    background-repeat: no-repeat; 
    line-height: 24px;
    padding-left: 9px;
    text-decoration: none;
    width: 58px;
} 

#loginNotice {
    clear: both;
    width: 498px;
    height: 119px;
    overflow: hidden;
    padding: 19px 0px 19px 0px;
}

#loginNotice p {
    float: none;
    text-align: left;
    color: #414347;
    line-height: 17px;
    font-size: 11px;
    padding: 0px 0px 10px 0px;
}

#loginNotice p strong {
    float: none;
}

#loginShadow {
    position: relative;
    left: 1px;
    clear: both;
    width: 527px;
    height: 1px;
    background-color: #A9ABAE;
    overflow: hidden;
}

#errors {
    padding-bottom: 10px;
}

/* Styles adjusted 22/1/08 */

#errors, #errors p, #errors ul, #errors li {
    float: left;
    clear: both;
    color: #EE171D;
    width: 480px;
}

#errors p {
    padding-top: 10px;
    padding-left: 10px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #840B0E;
}

#errors ul li {
    font-weight: bold;
    padding-left: 20px;
}

#resetPassSubmit, #resetPassReset {
    display: none;
}

#resetBottom {
    float: left;
    clear: both;
    height: 50px;
}

#resetSuccess {
    float: left;
    clear: both;
    padding: 10px 0px
}

/* Styles for request error */

body #reqErrorContainer * {
    overflow: visible;
}

#reqErrorContainer {
    width: 501px;
    padding: 13px;
    clear: both;
    display: block;
    border: 1px solid #B9C0CC;
    background-color: #FFFFFF;
    border-bottom: solid 1px #8B9099;
}

#reqErrorContainer p, #reqErrorContainer ul li, #reqErrorContainer h3 {
    width: 100%;
}

#reqErrorContainer ul{
    list-style-type: disc;
    overflow: visible;
    padding-left: 20px;
    clear: both;
    width: 100%;
}

#reqErrorContainer ul li {
    clear: both;
    width:480px;
}

.notification {
    width: 500px;
    clear :both;
    margin-bottom: 15px;
}

#loginAgainSubmitBtn {
    border-bottom: #840B0E solid 1px;
    border-left: #E1151A solid 1px;
    border-right: #E1151A solid 1px;
    background-color: #EE171D; 
    color: #FFFFFF;
    background-image: url(../images/btn-arrow.gif);
    background-position: 62px 5px;
    background-repeat: no-repeat; 
    line-height: 18px;
    padding: 0px 0px 0px 3px;
    position: relative;
    left: 5px;
    bottom: 3px;
    text-decoration: none;
    width: 66px;
} 

#loginAgainContainer {
      padding-bottom: 3px;  
}


#resetPasswordReturn {
    position: relative;
    top: 20px;
    left: 9px;
    width: 90px;
    height: 53px;
    overflow: visible;
}


#resetPasswordReturn a {
    border-bottom: #840B0E solid 1px;
    border-left: #E1151A solid 1px;
    border-right: #E1151A solid 1px;
    background-color: #EE171D; 
    color: #FFFFFF;
    background-position: 52px 7px;
    background-repeat: no-repeat; 
    line-height: 24px;
    padding-left: 9px;
    text-decoration: none;
    width: 70px;
}