/* Login styles */
/* Copyright © 2007 Mangrove Software Inc. */

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Sans-Serif;
}


a {
    color: #2b64cd;
}

    a:hover {
        color: #d86508;
        text-decoration: none !important;
    }


.image-container {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.container {
    width: 505px;
    margin: 0px auto;
    text-align: center;
    background-color: #fff;
    padding: 5px;
    font-size: 12px;
}

table {
    text-align: left;
    margin: 0px auto;
}

.login-title {
    font-size: 1.4em;
    margin-bottom: 25px;
}

.directions {
    font-size: 0.9em;
    margin: 0;
    padding: 12px 0;
}

.td-left {
    text-align: right;
}

.tb {
    border: 1px solid #a5acb2;
    padding: 2px;
}

.status {
    color: #cc0000;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}

#adv-settings-link {
    font-size: 10px;
    color: #5e7dd6;
}

    #adv-settings-link:hover {
        font-size: 10px;
        color: #777;
    }

#change-password-link {
    font-size: 10px;
    color: #5e7dd6;
}

    #change-password-link:hover {
        font-size: 10px;
        color: #777;
    }



#terms {
    color: #5e7dd6;
}

    #terms:hover {
        color: #777;
    }

.update-button {
    position: relative;
    top: 1px;
    left: 1px;
}


fieldset {
    width: 440px;
    margin: 0px auto;
}

#adv-settings-link {
    margin-left: 5px;
}







.root {
    width: 550px;
    margin: 0px auto;
    border: none;
    background: transparent url(../images/gradient-round-middle.gif) repeat-y;
    background-position: center bottom;
    padding: 0 15px;
    padding-top: 2px;
}




.login-header {
    font-size: 16pt;
    text-align: center;
    margin: 8px 0 8px 0;
    color: #0f517b;
}

.login-table {
    margin: 0 auto;
    width: 266px;
}

    .login-table tr td input {
        width: 150px;
    }

    .login-table tr td.fixed {
        width: 162px;
    }

.button-container {
    text-align: center;
    padding: 10px 0 8px 0;
}

.fixed-td {
    width: 94px;
}

.user-input {
    font-size: 9pt;
}



.status-div {
    color: Red;
    font-size: 9pt;
    text-align: center;
    padding: 5px 0;
}

.lower-nav {
    text-align: center;
    font-size: 11px;
    padding: 4px 0;
}



    .lower-nav a {
        padding: 0 4px;
    }


.gradient-round-top {
    background: transparent url(../images/gradient-round-top.gif) no-repeat;
    height: 11px;
    overflow: hidden;
    width: 542px;
    margin: 25px auto 0 auto;
}

.gradient-round-bottom {
    background: transparent url(../images/gradient-round-bottom.gif) no-repeat;
    height: 11px;
    overflow: hidden;
    width: 542px;
    margin: 0 auto 0 auto;
}



.button {
    background: transparent url(../images/btn.gif) repeat-x;
    border: 3px double #ccc;
    cursor: pointer;
    font-weight: bold;
}


.page-description {
    margin-top: 0px;
}

.page-description-inner {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    padding: 0px 0;
    padding-bottom: 4px;
}

.page-description-shade {
    height: 1px;
    overflow: hidden;
    background-color: #8ea7d5;
    border-top: 1px solid #777;
    border-bottom: 1px solid #9cb7ea;
    border-bottom: 1px solid #b3c6ea;
}

.instructions {
    margin-bottom: 5px;
}

.instructions-inner {
}

#smDescription {
    text-align: center;
    font-size: 10pt;
    padding: 2px 0;
    padding-top: 4px;
}



.label-cell {
    text-align: right;
    padding-right: 5px;
}


.form-content {
    padding: 10px;
    padding-bottom: 0;
}

.status-message-inner {
    text-align: center;
    padding: 1px 5px;
}

.status-message-text {
    font-weight: bold;
    font-size: 9pt;
}


.secure-icon {
    vertical-align: middle;
    margin-left: 5px;
}


.update-roles-cell {
    text-align: center;
    padding-top: 4px;
}


.web-terms {
    padding: 8px 0;
    text-align: center;
    font-size: 9pt;
}


.form-shield {
    text-align: center;
    padding-top: 10px;
}


#statusMessageContainer {
    height: 70px;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


.get-a-real-browser {
    width: 542px;
    margin: 8px auto;
}

.get-a-real-browser-inner {
    padding: 3px 10px;
    font-size: 9pt;
    text-align: center;
}


.advanced-settings {
    text-align: center;
    margin: 5px 0;
}



.copyright {
    padding-top: 2px;
    font-size: 8pt;
    text-align: center;
}



#login-background {
    max-width: 500px;
    width: 100%;
    background-color: rgba(0,0,0,.7);
}


.login-inputs {
    height: 32px !important;
    font-size: 14px !important;
    background-color: white !important;
    color: #333333 !important;
    border: 1px solid #333333;
}


.loginButtonLinks {
    border: none;
    background-color: transparent;
    color: #068FBE;
    font-size: 15px;
}

#btnShowSettings:hover {
    color: #47C3D3;
}

#btnShowSettings {
    outline: none;
    display: inline-block;
}

#updateRoles {
    outline: none;
    display: none;
}

    #updateRoles:hover {
        color: #47C3D3;
    }

#btnUpdatingRoles {
    display: none;
    cursor: default;
}

#lblTermsConditionsLink {
    font-size: 13px;
    color: #068FBE;
    position: relative;
    background-color: transparent;
}

    #lblTermsConditionsLink:hover {
        color: #47C3D3;
        cursor: pointer;
    }

#lblChangePwd, #lblForgotPwd, #login, #loginLink {
    font-size: 13px;
    color: whitesmoke;
}


    #login:link, #login:visited, #loginLink:visited {
        text-decoration: none !important;
    }


    #lblChangePwd:hover, #lblForgotPwd:hover, #login:hover, #loginLink:hover {
        color: #47C3D3;
        cursor: pointer;
    }

#btnLogin, #btnSubmit, .linkToButton {
    color: white !important;
    background-color: #068FBE !important;
    position: relative !important;
}

    #btnLogin:hover, #btnSubmit:hover, .linkToButton:hover {
        color: white !important;
        background-color: #47C3D3 !important;
    }

#advancedSettings {
    height: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.modal-header {
    border-bottom: none !important;
    position: relative;
}


#termsAndConditionsContent {
    height: 500px;
    overflow-y: scroll;
    padding: 0px 40px 0px 50px;
    margin-bottom: 20px;
}

    #termsAndConditionsContent::-webkit-scrollbar {
        width: 10px;
        border-radius: 10px;
    }

    #termsAndConditionsContent::-webkit-scrollbar-track {
        /*background: whitesmoke;*/
        background-color: transparent;
        border-radius: 10px;
    }

    #termsAndConditionsContent::-webkit-scrollbar-thumb {
        /*background: lightgray;*/
        background-color: rgba(0,0,0,.4);
        border-radius: 10px;
    }

    #termsAndConditionsContent p {
        font-size: 14px;
    }

body {
    background: url(..//Images/background_login.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow-y: overlay;
}

    body::-webkit-scrollbar {
        width: 10px;
        border-radius: 10px;
    }

    body::-webkit-scrollbar-track {
        /*background: whitesmoke;*/
        background-color: transparent;
        border-radius: 10px;
    }

    body::-webkit-scrollbar-thumb {
        /*background: lightgray;*/
        background-color: rgba(0,0,0,.7);
        border-radius: 10px;
    }


.userInputs {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#loginLowerNav {
    display: none;
}