/* Login page styles; also main.css is inherited */

/* main container, hosts other controls */
body {
    background-color: #dee8f5;
    border-style: none;
    background-image: url(images/logon-banner-background.png);
    background-repeat: repeat-x;
}

.container {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

    .container .loginControls {
        top: 100px;
        padding: 15px;
        width: 210px;
        margin-left: auto;
        margin-right: auto;
    }

.loginMenu {
    position: absolute;
    height: 20px;
    left: 0px;
    right: 0px;
}

    .loginMenu a {
        color: #706b72;
        text-decoration: none;
    }

        .loginMenu a:hover {
            text-decoration: underline;
        }

    .loginMenu .loginMenuLeft {
        position: absolute;
        left: 5px;
    }

    .loginMenu .loginMenuRight {
        position: absolute;
        right: 5px;
    }

.loginTable td {
    width: 485px; /*background-color: #887c74; 	padding: 0 0 0 0; 	margin: 0 0 0 0;*/
    padding-top: 5px;
    padding-bottom: 5px; /*border: solid 1px #887c74; 	border: solid 1px #FF00FF;*/
}

.error {
    color: Red;
    text-align: center;
}

.LoginPageButton, .LoginPageButton > input {
    background-color: #6AAE85 !important;
}

    .LoginPageButton:hover, .LoginPageButton > input:hover {
        border-color: #777777 !important;
    }

.LoginPageTextBox:hover, .LoginPageTextBox:focus {
    border-color: #6AAE85 !important;
}

.LoginPageLabel {
    margin-left: 2px;
    margin-top: 5px;
}