.secondaryForm {

    background-color: #fff;
    text-align: center;
    border-radius: 2px;
    margin: 120px auto;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

    .secondaryForm h1 {
        font-size: 20pt;
        text-align: center;
        color: #0B2421;
        line-height: 25px;
        font-stretch: normal;
        margin: 10px 20px;
    }

    .secondaryForm p {
        width: auto;
        color: #646464;
        display: block;
        text-align: left;
        margin: 10px 0;
        font-size: 16pt;
    }

        .secondaryForm p.bold {
            font-weight: bolder;
            color: #0B2421;
        }

    .secondaryForm a {
        margin: 0;
        color: #21897E;
    }

.secondaryButton {
    cursor: pointer;
    font-weight: bold;
    font-size: 12pt;
    color: #fff;
    background: #21897E;
    border-radius: 2px;
    border: 1px solid #21897E;
    transition: all 0.50s ease;
    -webkit-transition: All 0.50s ease;
}

    .secondaryButton:hover {
        background-color: #E5F1EF;
        color: #218980;
        border: 1px solid #E5F1EF;
    }

    .printDialogImage {
        display: block;
        margin: 0 0 0 auto;
        width: 32px;
        height: 32px;
        background: url('../Images/Common/printDialog.png') no-repeat !important;
        content: url(../Images/Common/printDialog.png) !important;
}

/* LOGIN */

.loginContainer {
    background-image: url('/images/Login/LoginForm.jpg');
    width: 1000px;
    height: 558px;
}

.loginForm {
    width: 400px;
    margin-top: 70px;
    margin-right: 70px;
    float:right;
    text-align:left;
}

.loginLogo {
    background-image: url(../Images/More/Logo-Moeller-IP-1.png);
    background-repeat: no-repeat;
    background-size: 250px;
    background-color: white;
    height: 50px;
    width: 250px;
    margin: 20px auto 0px auto;
}

.loginLabelWelcome {
    margin: 0;
}

    .loginLabelWelcome h2 {
        text-align: left;
        font-size: 25pt;
        color: #0B2421;
    }

.loginTextBox {
    margin-top: 10px;
    outline: none;
    border: solid 1px #fff;
    text-align: left;
    width: 380px;
    height: 60px;
    line-height: 35px;
    font-size: 16px;
    color: #646464;
    background-color: #fff !important;
    border-radius: 2px;
    padding-left: 10px;
    box-shadow: 0px 15px 20px 10px #E2E2E2;
}

    .loginTextBox:hover {
        border-left: solid 5px #21897E !Important;
        width: 376px;
    }

.loginButton {
    width: 392px;
    height: 60px;
    margin-top: 20px;
}

.loginLabelError {
    width: 370px;
    color: #ae1e1e;
    font-size: 16px;
    font-weight: bolder;
    border: 1px solid #ae1e1e;
    background-color: #fff;
    padding: 10px;
    display: block;
    text-align: left;
    border-radius: 2px;
    margin: 20px 20px 0px 0px;
    transition: all 0.50s ease;
}

.loginLinks {
    width: 342px;
    display: block;
    text-align: left;
    margin: 20px 20px 0px 0px;
}

    .loginLinks a {
        font-weight: bolder;
        font-size: 16px;
        color: #0B2421;
    }

/* FORGOT PASSWORD */

.forgotPasswordContainer {
    background-image: url('/images/Login/ForgotPasswordForm.jpg');
    width: 1000px;
    height: 558px;
}

.forgotPasswordForm {
    width: 400px;
    margin-top: 70px;
    margin-right: 70px;
    float: right;
    text-align: left;
}

.forgotPasswordMessage {
    width: auto;
    color: #ae1e1e;
    background-color: #F3F3F3;
    display: block;
    text-align: left;
    border: solid 2px #E2E2E2;
    border-radius: 4px;
    margin: 20px 20px 0px 20px;
    padding: 5px;
 }

    .forgotPasswordMessage p {
        font-size:10pt;
        margin: 0;
    }

/* UNEXPECTED ERRORS */

.unexpectedErrorForm {
    width: 700px;
    padding-top: 10px;
    padding: 10px 10px 20px 10px;
}

.unexpectedErrorImage {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 256px;
    height: 256px;
    background: url('../Images/Common/unexpectedError.png') no-repeat !important;
    content: url(../Images/Common/unexpectedError.png) !important;
}

.unexpectedErrorButton {
    width: 242px;
    height: 40px;
    margin-top: 20px;
}

.unexpectedErrorDetails {
    width: auto;
    color: #646464;
    background-color: #F7F7F7;
    display: block;
    text-align: left;
    border: solid 1px #CACACA;
    border-radius: 5px;
    margin: 20px 20px 0px 20px;
    padding: 20px;
    word-wrap: break-word;
}

/*ACCESS DENIED*/

.accessDeniedForm {
    width: 400px;
    padding-top: 10px;
    padding: 10px 10px 20px 10px;
}

.accessDeniedImage {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 256px;
    height: 256px;
    background: url('../Images/Common/accessDenied.png') no-repeat !important;
    content: url(../Images/Common/accessDenied.png) !important;
}

.accessDeniedButton {
    width: 242px;
    height: 40px;
    margin-top: 20px;
}

/*SESSION EXPIRED*/

.sessionExpiredForm {
    width: 400px;
    padding-top: 10px;
    padding: 10px 10px 20px 10px;
}

.sessionExpiredImage {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 256px;
    height: 256px;
    background: url('../Images/Common/sessionExpired.png') no-repeat !important;
    content: url(../Images/Common/sessionExpired.png) !important;
}

.sessionExpiredButton {
    width: 242px;
    height: 40px;
    margin-top: 20px;
}


/* DISCLAIMER */

.disclaimerForm {
    width: 800px;
    padding-top: 10px;
    padding: 10px 10px 20px 10px;
}

    .disclaimerForm a {
        color: #646464;
        font-weight: bold;
    }

        .disclaimerForm a:visited {
            color: #646464;
            text-decoration: none;
        }

        .disclaimerForm a:hover {
            color: #6EBB1F;
            text-decoration: underline;
        }

    .disclaimerForm p {
        text-align: left;
        word-wrap: break-word;
        font-size: 10pt;
    }

    .disclaimerForm h1 {
        font-size: 12pt;
        text-align: center;
        color: #646464;
        margin: 20px 20px 40px 20px;
        text-decoration: underline;
    }

    .disclaimerForm h2 {
        font-size: 12pt;
        text-align: left;
        color: #646464;
        line-height: 15px;
        font-stretch: normal;
        margin: 20px 20px 10px 20px;
    }

.disclaimerImage {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 256px;
    height: 256px;
    background: url('../Images/Common/disclaimer.png') no-repeat !important;
    content: url(../Images/Common/disclaimer.png) !important;
}

.disclaimerCheckbox {
    margin-top: 20px;
    font-weight: bold;
    font-size: 12pt;
    display: block;
}

.disclaimerButton {
    width: 242px;
    height: 40px;
    margin-top: 20px;
}

/*ACCOUNT REQUEST*/

.MultilineTextBox {
    margin-top: 10px;
    outline: none;
    border: solid 1px #CACACA;
    text-align: left;
    width: 230px;
    height: 60px;
    font-size: 11pt;
    color: #646464;
    border-radius: 5px;
    padding-left: 10px;
    padding-top: 10px;
    overflow-y:hidden;
    font-family:Arial;
}

/*MESSAGE*/

.messageBackgroundFilter {
    background-color: #F3F3F3;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1900 !important;
}

.messageForm {
    width: 400px;
    padding: 10px 10px 20px 10px;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 15px 20px -10px #9F9F9F;
    margin: 0 auto;
    border: 2px solid #E2E2E2;
    z-index: 1901 !important;
}

    .messageForm input {
        display: inline;
        margin-top: 10px;
        margin-right: 5px;
        cursor: pointer;
        font-weight: bold;
        font-size: 12pt;
        padding: 10px 40px;
        color: #fff;
        background-color: #21897E;
        border: 1px solid #21897E;
        border-radius: 5px;
        box-shadow: 0px 3px 10px -1px #9F9F9F;
        transition: All 0.50s ease;
        -webkit-transition: All 0.50s ease;
    }

        .messageForm input:hover {
            background-color: #E5F1EF;
            color: #218980;
            border: 1px solid #E5F1EF;
        }

.messageForm p {
    width: auto;
    color: #646464;
    display: block;
    text-align: center;
    margin: 0 20px 10px 20px;
    font-size: 16pt;
}

.messageForm h1 {
    font-size: 20pt;
    text-align: center;
    color: #6EBB1F;
    line-height: 25px;
    font-stretch: normal;
}

.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #0B2421;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 999998 !important;
}

.progressMessage {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 200px;
    min-height: 100px;
    background-color: #fff;
    color: #646464;
    border: 2px solid #E2E2E2;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 10px 15px -10px #9F9F9F;
    z-index: 999999 !important;
}

    .progressMessage a {
        color: #646464;
        text-decoration: underline;
        font-weight: bold;
    }

        .progressMessage a:hover {
            color: #6EBB1F;
            text-decoration: underline;
        }

/*.progressImage {
    background-image: url(../Images/Common/updateProgress.gif);
    width: 75px;
    height: 75px;
    margin-left: 60px;
}*/

.progressImage {
    position: fixed;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
    background-image: url(../Images/Common/loading.gif);
    width: 200px;
    height: 200px;
    z-index: 999999 !important;
}