/* 
	CSS Document 
	Resource Super - RI - 103

	Red: #
	Grey: #;

*/
@font-face {
    font-family: 'Raleway';
    src: url('../open-sans.eot');
    src: url('../open-sans.eot') format('embedded-opentype'), url('../open-sans.woff') format('woff'), url('../open-sans.ttf') format('truetype'), url('../open-sans.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: 'Raleway';
    src: url('../103/Raleway-Medium.eot');
    src: url('../103/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('../103/Raleway-Medium.woff2') format('woff2'), url('../103/Raleway-Medium.woff') format('woff'), url('../103/Raleway-Medium.ttf') format('truetype'), url('../103/Raleway-Medium.svg#Raleway-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../103/Raleway-ExtraBold.eot');
    src: url('../103/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../103/Raleway-ExtraBold.woff2') format('woff2'), url('../103/Raleway-ExtraBold.woff') format('woff'), url('../103/Raleway-ExtraBold.ttf') format('truetype'), url('../103/Raleway-ExtraBold.svg#Raleway-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('../103/Raleway-Bold.eot');
    src: url('../103/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('../103/Raleway-Bold.woff2') format('woff2'), url('../103/Raleway-Bold.woff') format('woff'), url('../103/Raleway-Bold.ttf') format('truetype'), url('Raleway-Bold.svg#Raleway-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/*  icon  */
@font-face {
    font-family: 'icons';
    src: url('../icons.eot');
    src: url('../icons.eot') format('embedded-opentype'), url('../icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icons';
    src: url('../icons.woff') format('woff'), url('../icons.ttf') format('truetype')
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.icon-linkedin:before {
    content: '\4c'
}

.icon-twitter:before {
    content: '\54'
}

.icon-youtube:before {
    content: '\55'
}

.icon-xing:before {
    content: '\58'
}

.icon-facebook:before {
    content: '\66'
}

.icon-mail:before {
    content: '\2709'
}

.icon-download:before {
    content: '\e0c3'
}

.icon-print:before {
    content: '\e716';
    font-size: 24px;
    color: #9298a0;
}

.icon-article:before {
    content: '\e734'
}

.icon-share:before {
    content: '\e73c'
}

.icon-arrow-left:before {
    content: '\e765'
}

.icon-arrow-right:before {
    content: '\e766';
    font-weight: 700;
    margin-top: 3px;
    float: left;
    margin-right: 0;
    margin-left: 0;
}

.icon-plus:before {
    content: '\e800'
}

.icon-spin:before {
    content: '\e801'
}

.icon-external-link:before {
    content: '\e802'
}

.icon-minus:before {
    content: '\e803'
}

.icon-arrow-down:before {
    content: '\e804'
}

.icon-play:before {
    content: '\e805'
}

.icon-arrow-up:before {
    content: '\e806'
}

.icon-upload:before {
    content: '\e807'
}

.icon-book-open:before {
    content: '\e808'
}

.icon-basket:before {
    content: '\e809'
}

.icon-calendar:before {
    content: '\e80a'
}

.icon-rss:before {
    content: '\f09e'
}

.icon-menu:before {
    content: '\f0c9'
}

/* General styles */
body {
    color: #434343;
    font-family: 'Raleway', sans-serif;
}

a {
    white-space: nowrap;
}

    a:link {
        color: #434343;
        text-decoration: none;
        outline: none;
        font-weight: bold;
    }

    a:visited {
        color: #434343;
        text-decoration: underline;
        outline: none;
    }

    a:hover {
        color: #77160f;
        text-decoration: none;
        outline: none;
    }

    a:active {
        color: #77160f;
        text-decoration: underline;
        outline: none;
    }

    .accountLinks ul a:hover, p a:hover, a.standardLink:hover {
        color: #77160f;
        text-decoration: none;
    }

h1 {
    color: #77160f;
    font-size: 33px;
    margin: 10px 0;
    border: 0;
    text-transform: uppercase;
    font-weight: 800;
}

#russellWidget h1.heading {
    text-transform: initial;
}

h2 {
    color: #77160f;
    font-size: 14pt;
}

h3 {
    color: #77160f;
    font-size: 12pt;
    text-transform: uppercase;
}

h4 {
    font-size: 13pt;
}

ul {
    list-style-position: outside;
    padding: 5px;
}

    ul li {
        padding: 2px 0;
    }

.oc-wizard-error ul {
    padding: 5px;
}

p {
    max-width: 100%
}

input, select, textarea {
    padding: 8px 15px;
    border: 1px solid #ddd;
}

table th {
    text-align: left;
    background: #77160f;
    color: #FFF;
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px;
}

table td {
    padding: 10px 20px;
    font-weight: 400;
    font-size: 14px;
}

table tr:nth-child(even) {
    background: #ebebeb;
}

#validationSummary,
.errorMessage,
.oc-wizard-error,
#errorContainer {
    padding: 5px 15px;
    margin-bottom: 1em;
    background: #ff0000;
    color: #FFF;
    border: 1px solid #b20000;
    font-size: 10pt;
}

div.filterContainer {
    padding: 30px;
    background: #ebebeb;
    border: 0;
}

div.ui-jqgrid-sortable .ui-icon {
}

/* UNIT PRICE FILTER */
#unitPricesFilter.filterContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#unitPricesFilter .unitPricesFilterInline {
    margin: 0;
}

#unitPricesFilter.filterContainer br {
    display: none;
}

#unitPricesFilter .unitPricesFilterInline select {
    min-width: 100px;
}

select option {
    background: #eee;
    color: #77160f !important;
}
/*Loader*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid grey;
    position: relative;
    left: 42%;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* layout */
div#wrapper {
    /* width: 1024px; */
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0;
    background: #FFFFFF;
}

div#header {
    width: 1024px;
    margin: 0 auto;
    text-align: left;
}

#content {
    background: #FFFFFF;
    /* width: 100%; */
    padding: 0;
}

#mainContent {
    padding: 0 0px 1em 0px;
    font-size: 10.5pt;
    line-height: 1.5;
}

    #mainContent.subPanelled {
        width: 100%;
        box-sizing: border-box;
    }

#tabsMainContent {
    padding-top: 0;
}

.mjol_body #mainContent .tfnCheckbox p {
    margin-left: 20px;
}

.mjol_body #mainContent .tfnCheckbox label {
    position: relative;
    margin-left: -20px;
}

.mjol_body .outro {
    font-size: 1em;
    line-height: 1.5;
}

#paymentOptions .aPayment:nth-child(even),
#paymentOptions .aPayment:nth-child(3) {
    display: none;
}

/* headers */
.pageHeader {
    background: #FFFFFF;
    position: relative;
    height: 100px;
    border: 0;
    padding: 8px 0;
}

    .pageHeader h1 {
        color: #434343;
        margin: 60px 25px 0 25px;
        padding: 0;
    }

.mjol_body .pageHeader h1 {
    display: none;
}

A#homeLink {
    background: url(../103/images/ResourceSuperLogo.png) no-repeat center left;
    display: block;
    left: 1em;
    top: 10px;
    width: 365px;
    height: 70px;
    margin-left: 0;
    background-size: contain;
}

#topMenu {
    right: 10px;
    font-size: 9pt;
}

    #topMenu select {
        font-size: 1em;
        padding: 2px;
    }

    #topMenu li a {
        color: #434343;
        text-decoration: none;
        border: 0;
        font-weight: 100;
        text-transform: uppercase;
    }

        #topMenu li a:hover {
            color: #77160f !important;
            text-decoration: none;
            background: none !important;
        }

    #topMenu div.dropDownListControl li:hover {
        background: #eee;
        color: rebeccapurple;
    }

    #topMenu div.dropDownListControl li a {
        color: #77160f !important;
    }

        #topMenu div.dropDownListControl li a:hover {
            color: #77160f;
        }

    #topMenu A#btnTopMenuSettings span {
        text-decoration: none;
    }

/*Switch Plan*/
#switchPlan {
    font-size: 0.85rem;
    position: absolute;
    top: 120px;
    right: 10px;
    z-index: 99
}

    #switchPlan select {
        z-index: 99
    }

/* Buttons */
#btnResumeContainer a {
    display: inline-block;
    line-height: 34px;
    height: 34px;
    border: none;
    text-align: center;
    border-radius: 0px;
    padding: 0 12px;
    text-transform: uppercase;
    background: #dedede;
    color: #858585;
    text-decoration: none;
}

    #btnResumeContainer a:hover {
        color: #fff;
        background: #5c5c5c;
    }

    .oc-button, #btnResumeContainer a.oc-button {
        height: auto;
        border: 0px;
        text-align: center;
        background: #77160f;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0;
        padding: 7px 15px;
        color: #fff;
    }

        .oc-button:hover, #btnResumeContainer a.oc-button:hover {
            opacity: 0.8;
        }

        .oc-button span, #btnResumeContainer a.oc-button span {
            background: none;
            padding: 0;
            margin-right: 0;
            color: #FFFFFF;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: normal;
            line-height: 21px;
        }

            .oc-button span:hover, #btnResumeContainer a.oc-button span:hover {
                color: #FFFFFF;
            }

a.btnLinkToSubmenuPage, a#btnEventsSeeMore {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    background: #77160f;
    padding: 7px 15px;
    font-size: 14px;
}

    a.btnLinkToSubmenuPage:hover {
        opacity: 0.8;
    }

.btnLinkToSubmenuPage#InvestmentEnquiryRedirect,
.btnLinkToSubmenuPage#MemberProfileRedirect,
.btnLinkToSubmenuPage#BenefitQuoteRedirect,
.btnLinkToSubmenuPage#BeneficiariesRedirect,
.btnLinkToSubmenuPage#InvestmentsRedirect,
.btnLinkToSubmenuPage#ExternalLinksRedirect,
.btnLinkToSubmenuPage#PaymentOptionsRedirect {
    display: none;
}

#AccountSummaryContainer .personalEmailUpdateBtn {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    background: #77160f;
    padding: 7px 15px;
    font-size: 14px;
}

    #AccountSummaryContainer .personalEmailUpdateBtn:hover {
        opacity: 0.8;
    }



/* Nav styles */
#mainMenu {
    background: #FFFFFF;
    height: 120px;
    /* width: 100%; */
    text-transform: none;
    border-top: 1px solid #FFFFFF;
}

div.tabs {
    height: auto;
    width: 100%;
    background: none;
}

    div.tabs ul li,
    div.tabs ul li.active {
        padding: 0;
        margin: 0;
        height: auto;
    }

        div.tabs ul li a {
            background: url(../images/top-title-bg.png) repeat-x top left !important;
            height: auto;
        }

            div.tabs ul li a span {
                background: none !important;
                font-size: 12px;
                color: #434343;
                padding: 20px;
                margin: 0 !important;
                font-weight: 700;
                height: auto;
            }

            div.tabs ul li a:visited {
                background: url(../images/top-title-bg.png) repeat-x top left !important;
            }

                div.tabs ul li a:visited span {
                    background: none !important;
                }

            div.tabs ul li a:hover {
                background: #e6e4e2 !important;
            }

                div.tabs ul li a:hover span {
                    background: none !important;
                    color: #434343;
                    text-decoration: none;
                }

            div.tabs ul li a:active {
                background: #9d2915 url(../images/top-title-bg.png) repeat-x top left;
                color: #FFFFFF;
            }

                div.tabs ul li a:active span {
                    background: none !important;
                }

        div.tabs ul li.active, div.tabs ul li.active a {
            background: #77160f !important;
            color: #fff;
        }

            div.tabs ul li.active a span {
                background: none !important;
                color: #434343;
                height: auto;
            }

            div.tabs ul li.active a:visited {
                background: #e6e4e2 !important;
            }

                div.tabs ul li.active a:visited span {
                    background: none;
                }

            div.tabs ul li.active a:hover {
                background: #e6e4e2 !important;
            }

                div.tabs ul li.active a:hover span {
                    background: none;
                }

            div.tabs ul li.active a:active {
                background: none;
            }

                div.tabs ul li.active a:active span {
                    background: none;
                }

    div.tabs ul ul.tabSubLinks {
        width: 100%;
        margin: 0;
        background: #ebebeb;
        padding: 17px 0 0 0;
        top: 55px;
        height: 28px;
        margin-top: 3px;
    }

        div.tabs ul ul.tabSubLinks li {
            background: none !important;
            zoom: 0;
        }

            div.tabs ul ul.tabSubLinks li a {
                color: #77160f;
                text-decoration: none;
                margin-left: 0px;
                padding: 0.5em 1em;
                border: 0;
                -moz-border-radius: 0px 0px 0 0;
                -webkit-border-radius: 0px 0px 0 0;
                border-radius: 0px 0px 0 0;
                font-weight: 700;
                font-size: 12px;
            }

                div.tabs ul ul.tabSubLinks li a:visited {
                    color: #4a5865;
                    text-decoration: none;
                    background: none;
                }

                div.tabs ul ul.tabSubLinks li a:hover {
                    color: #77160f;
                    background: none !important;
                }

                div.tabs ul ul.tabSubLinks li a:active {
                    text-decoration: none;
                    background: none;
                }

            div.tabs ul ul.tabSubLinks li.subActive a {
                font-weight: bold;
                color: #77160f;
            }

/*#tabContainer .tabMainLink:last-of-type .tabSubLinks .tabSubLink:last-of-type  {display: none}*/

/* Login styles */
#mainLoginPage div.pageBlurb {
    float: left;
    width: 500px;
}

div.maintenanceMessages {
    margin: 2em 0 1em;
    background: white;
}

#mainLoginPage {
    padding-top: 0;
}

#registrationWizard, #forgottenPassword {
    padding-top: 0.5em;
}

#siteEntryPoints {
    background: transparent;
}

    #siteEntryPoints .entryPoint {
        font-size: 11pt;
    }

#loginEntry {
    background: #77160f;
    border: 0px;
    padding: 3em;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

    #loginEntry h2 {
        padding: 0 0 7px 0px;
        color: #FFFFFF;
        font-size: 25px;
        border-bottom: 0px;
    }

    #loginEntry div.formItem {
        margin: 20px 0;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        #loginEntry div.formItem.formAction {
            justify-content: space-between;
            margin-bottom: 0;
        }

    #loginEntry div.fiLabel {
        width: 35%;
        color: #FFFFFF;
        font-weight: 100;
        font-size: 14px;
        padding-left: 0px;
        text-align: left;
    }

    #loginEntry div.fiElem {
        width: 64%;
    }

        #loginEntry div.fiElem input {
            font-size: 14px;
            background: #fff;
            padding: 15px 10px;
            width: 100%;
            box-sizing: border-box;
            border: 0;
        }

    #loginEntry div.formAction a {
        color: #fff;
        text-decoration: none;
        font-weight: 100;
    }

        #loginEntry div.formAction a:hover {
            color: #77160f;
            text-decoration: none;
        }

    #loginEntry div.formAction span {
        color: #fff;
        font-size: 9pt;
    }

        #loginEntry div.formAction span:hover {
            text-decoration: underline;
        }

    #loginEntry div.formAction a#lnkForgottenUserName {
        float: right;
    }

    #loginEntry div.formAction a#btnLogin {
        background: #fff;
        border: 0;
        padding: 10px 20px;
        height: auto;
    }

        #loginEntry div.formAction a#btnLogin:hover {
            background: #e9e9e9;
        }

        #loginEntry div.formAction a#btnLogin span {
            font-size: 11.5pt;
            color: #77160f;
            font-weight: bold;
        }

        #loginEntry div.formAction a#btnLogin:hover span {
            color: #434343;
        }

#registrationEntry {
    background: #FFFFFF;
    padding: 4em 0;
    width: 395px;
    margin: 0 0 1em 0;
    color: #434343;
}

    #registrationEntry h2 {
        border-bottom: none;
        color: #434343;
        font-size: 16pt;
    }

    #registrationEntry a {
        display: inline-block;
        border: 0px;
        text-align: center;
        background: #77160f;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        padding: 15px 25px;
        color: #fff;
    }

        #registrationEntry a:hover {
            background: #434343;
            color: #fff;
        }

    #registrationEntry p {
        line-height: 1.5;
        color: #434343;
    }

        #registrationEntry p:nth-child(6) {
            background: #77160f;
            width: 132px;
            margin: 0;
            padding: 12px 4px 10px 4px;
            border-radius: 0px;
        }

            #registrationEntry p:nth-child(6):hover {
                background: #434343;
            }

.loginLeftContent {
    float: left;
}

    .loginLeftContent h1 {
        margin-top: 0;
    }

.pageBlurb p {
    font-size: 10.5pt;
    line-height: 1.5;
}

.pageBlurb ul {
    padding-left: 10px;
}

    .pageBlurb ul li {
        font-size: 10.5pt;
        list-style: outside;
    }

#UserName {
    box-sizing: content-box;
}

#validationSummary ul {
    padding-left: 10px;
}

/*MULTI FACTOR AUTHENTICATION - RI*/
/*MFA buttons - secondary*/
#multiFactorStepContainer .oc-button#btnCancel,
#multiFactorStepContainer .oc-button#btnCancel span,
#multiFactorStepContainer .oc-button#btnMfaSkip,
#oktaMfaSetupContainer #btnSetupCancel,
#mfaHelpContainer #btnHelpCancel,
#MFAAuthenticationCancel #btnCancel,
#mfaResetForm #btnCancel, div#googleAuthSetupConfirmation #btnDone {
    background: transparent !important;
    color: #77160f !important;
    border: none; /* font-weight: bold !important; */
    text-decoration: none;
    font-size: 16px;
}

    #multiFactorStepContainer .oc-button#btnCancel:hover,
    #multiFactorStepContainer .oc-button#btnCancel:hover span,
    #multiFactorStepContainer .oc-button#btnMfaSkip:hover,
    #oktaMfaSetupContainer #btnSetupCancel:hover,
    #mfaHelpContainer #btnHelpCancel:hover,
    #MFAAuthenticationCancel #btnCancel:hover,
    #mfaResetForm #btnCancel:hover, div#googleAuthSetupConfirmation #btnDone:hover span {
        text-decoration: underline !important
    }

    #multiFactorStepContainer .oc-button#btnMfaSkip span,
    #mfaHelpContainer .oc-button#btnHelpCancel span,
    #mfaResetForm #btnCancel span,
    #mfaOktaEnrolForm #btnSetupCancel span, div#googleAuthSetupConfirmation #btnDone span {
        color: #77160f;
        background: none
    }

    #multiFactorStepContainer .oc-button#btnCancel:hover span {
        text-decoration: underline !important
    }

#mfaOktaEnrolForm #btnSetupCancel span {
    background: none !important
}

/*Errors*/
#multiFactorStepContainer #validationSummary {
    margin: 10px 0;
}

/*Enroll*/
#multiFactorContainer #registermfa {
    margin-top: 1em;
}

#multiFactorContainer > div > span {
    display: block;
}

#multiFactorContainer label {
    margin-top: -1px;
}

#multiFactorStepContainer .oc-button#btnMfaSkip {
    padding-left: 12px;
    margin-right: 13px
}

#multiFactorContainer td #btnEnRol {
    float: right
}

/*Enroll Okta*/
img[alt="oktaverifyapp"] {
    width: 50px;
    display: inline-block
}

#OktaDefaultContainer .column, .oktaappurl .column {
    display: inline-block;
    vertical-align: middle;
    margin: 1em 0 1em 0;
}

#OktaDefaultContainer img {
    margin-right: 1em
}

.oktadetail {
    margin-top: 10px;
}

#oktaMfaSetupContainer #smsVerify .column:nth-child(2),
#oktaMfaSetupContainer #emailVerify .column:nth-child(2) {
    text-decoration: underline;
    color: #77160f;
    margin: 0em 0 1em 0;
    cursor: pointer
}

#oktaMfaSetupContainer #divEmailSent,
#oktaMfaSetupContainer #divSmsSent {
    margin-left: 4.2em;
    border: 2px solid #77160f;
    width: 36%;
    padding: 1em;
    margin-bottom: 1em;
    color: #77160f;
    font-weight: bold
}

#mfaOktaEnrolForm .row .column,
#mfaOktaEnrolForm .oktaqrcode .column,
#mfaOktaEnrolForm #smsVerify .column,
#mfaOktaEnrolForm #emailVerify .column {
    display: inline-block;
    vertical-align: middle;
}

#mfaOktaEnrolForm #smsVerify {
    margin-top: 2em;
}

    #mfaOktaEnrolForm #smsVerify .column:nth-child(2),
    #mfaOktaEnrolForm #emailVerify .column:nth-child(2) {
        margin-top: 15px
    }

#mfaOktaEnrolForm img.oktascanicon,
#mfaOktaEnrolForm img.oktasmsicon,
#mfaOktaEnrolForm img.oktaemailicon {
    width: 50px;
    margin-right: 10px
}

.oktaqrcode img[alt="oktascanimage"] {
    margin-left: 35px;
}


#Oktaconfirmation div:nth-child(2) div {
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    font-size: 1.25em
}

#Oktaconfirmation img.oktacompletiontick {
    margin: 0 auto;
    display: block;
    width: 100px;
}

/* Enroll SMS */
#multiFactorStepContainer span.resendSMSbutton {
    float: left !important;
}

#multiFactorStepContainer span.resendSmsConfirmation {
    display: block;
    margin: 10px 0
}

#multiFactorStepContainer fieldset .formAction.actionmfaButtons {
    float: right
}

#multiFactorStepContainer fieldset .formAction.resendblock {
    text-align: left;
}

#smsSetupContainer a#btnBack {
    float: right;
    margin-top: 10px;
}

a#btnDone {
    margin-top: 10px;
    float: right;
    margin-right: 10px;
}

#smsSetupContainer fieldset > .formItem:first-of-type div:nth-child(3) {
    display: inline-block !important;
    margin-left: 10px
}

#smsSetupContainer span.resendSmsConfirmation[style="display: inline;"] {
    margin: 10px 0 20px;
    display: block !important
}

#smsSetupContainer fieldset div.fiLabel {
    width: 30%
}

/*Enroll Google*/
#mfaGoogleAuthEnrolForm > div ul {
    margin-top: 10px;
}

    #mfaGoogleAuthEnrolForm > div ul > li .row {
        margin-top: 10px;
        margin-left: 20px
    }

form#mfaGoogleAuthEnrolForm .row:first-of-type .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form#mfaGoogleAuthEnrolForm label[for="Enter_Code"] {
    padding: 0 10px;
}

/*Verify*/
div#divOtherFactors, div#divOtherUserFactors {
    margin-top: 15px;
}

    div#divOtherFactors label {
        margin-top: 5px;
        display: block;
    }

/*Okta*/


/*SMS*/
#mfaSmsForm fieldset {
    width: 100% !important
}

/*Google*/
img[alt="googleAuthverifyapp"] {
    width: 50px;
}

form#mfaGoogleAuthVerifyForm .googlePasscode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form#mfaGoogleAuthVerifyForm label[for="Enter_passcode"] {
    padding: 0 10px;
}

/*Reset*/
#mfaResetContainer #mfaresetbody1 {
    color: #77160f;
    border: 1px solid #77160f;
    padding: 0.5em;
    margin: 0.5em 0;
    display: block;
}

#mfaResetContainer .validation-summary-errors {
    margin: 1em 0
}

#mfaResetForm .pageBlurb {
    width: 100%
}

#mfaResetForm #btnSubmit {
    float: right
}

#mfaResetContainer #validationSummary {
    position: relative;
}

/*Help*/
div#mfaHelpContainer .pageBlurb, div#mfaHelpContainer .pageBlurb > div:nth-child(2) {
    width: 100%
}

    div#mfaHelpContainer .pageBlurb > div:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        div#mfaHelpContainer .pageBlurb > div:nth-child(2) > div:nth-child(3) {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

/*Manage*/
#topMenu DIV.dropDownListControl UL { /*left: -125px;*/
}

#tblMFAAuthentication .btnOptOut, #tblMFAAuthentication .btnRegister {
    height: 30px;
    background: #77160f !important;
    color: #fff;
    border: none;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    border-radius: 6px
}

    #tblMFAAuthentication .btnOptOut:hover, #tblMFAAuthentication .btnRegister:hover {
        cursor: pointer;
        background: #434343 !important
    }

#MFAAuthenticationCancel input#btnCancel {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

#OptOutDialogueSample #heading {
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0.45em 0 1em 0;
    border-bottom: 1px solid lightgrey
}

#OptOutDialogueSample .mfaoptoutmsg1 {
    display: block;
    padding: 1em 0;
    border-bottom: 1px solid lightgrey
}

/*Manage popup*/
.ui-dialog[aria-describedby="OptOutDialogueSample"],
.ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset,
.ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonpane {
    background: #fff;
}

    .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-titlebar {
        background: #77160f;
    }

    .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-widget-content {
        border-top: none;
    }

    .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset button {
        border: none
    }

    .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset .ui-button-text {
        background: #77160f;
        color: #fff;
        font-weight: 700;
        border: none;
        padding: 8px 12px;
        border-radius: 4px
    }

    .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset button:nth-child(1) .ui-button-text {
        background: #fff;
        color: #77160f
    }

/* Terms and Conditions */
#termsAndConditionsContainer .content {
    width: 98%;
}

/*Registration */
#userReg .termsConditions {
    border: 1px solid #def3f9;
    padding: 5px;
    margin: 20px 0;
}

.oc-wizard-buttons A#btnCancel {
    background: #e9e9e9;
    padding: 7px 15px !important;
    font-size: 14px;
    color: #858585;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 1px;
    font-weight: normal;
    line-height: 22px;
}

    .oc-wizard-buttons A#btnCancel:hover {
        background: #434343;
        color: #fff;
    }

a#btnNext {
    padding: 7px 15px !important;
    height: auto;
    line-height: 21px;
}

/* Subpages styles */
#subPanel {
    margin: 1em 0 0 0em;
    width: 270px;
}

    #subPanel .ui-state-default {
        background: #9d2915 !important;
    }

#subPageBody .pageBlurb {
    margin: 0 0 1em;
    width: 100%;
}

/* Styling of dashboard */
#dashboard .dashboardBoxSmall {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FFFFFF url(../images/top-title-bg.png) repeat-x top left;
}

#dashboard .dashboardBoxLarge {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #FFFFFF url(../images/top-title-bg.png) repeat-x top left;
}

#dashboard .title {
    width: 100%;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #4a5865;
    font-weight: bold;
    margin: 5px 0px;
}

#dashboard .controlHeader {
    width: 100%;
    color: #FFFFFF;
    font-weight: 600;
    margin: 0 0 15px 0;
    background: #434343;
    padding: 10px 10px 5px 20px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 12pt;
    border-radius: 6px 6px 0 0;
}

.highcharts-axis-labels tspan {
    color: #333;
    fill: #818285;
}

#dashboard .chartLegendTable td.col2 {
    text-align: right;
}

#dashboard .chartLegendTable td.col3 span {
    float: right;
}

#dashboard .accountBalanceLegendTextBlock {
}

#activityTable, #eventTable {
    text-align: right;
    font-size: 9pt;
}

    #activityTable td {
        padding: 4px 2px;
    }

        #activityTable td.date,
        #activityTable td .description,
        #eventTable td.date,
        #eventTable td.description {
            text-align: left;
        }

#eventsAccordion h3 {
    background: #ccc;
    color: #333;
    font-weight: normal;
}

#eventsAccordion .header .title {
    color: #333;
    font-weight: normal;
}

#tabContainer ul > li.tabMainLink > a {
    background: #fff;
    height: auto !important;
}

    #tabContainer ul > li.tabMainLink > a:hover {
        background: #77160f !important;
    }

        #tabContainer ul > li.tabMainLink > a:hover span {
            color: #fff;
        }

#tabContainer ul > li.tabMainLink.active > a {
    background: #77160f !important;
}

    #tabContainer ul > li.tabMainLink.active > a span {
        color: #fff;
    }

#dashboard h1 {
    color: #4a5865;
}

#currentBalanceText {
    font-size: 14pt;
}

.chartLegend {
    font-size: 9pt;
}

#divInsuranceCover {
    font-size: 10pt;
}

#pull-right-override {
    float: left !important
}

/* Action Link */
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer {
    margin: 35px 20px;
    background-color: transparent;
    float: none;
    padding: 0;
    width: auto;
}

    #dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a {
        background: #f7971c;
        color: #4a5865;
        text-decoration: none;
        padding: 10px;
        font-weight: normal;
        border: 1px solid #fff;
    }

#dashboard .dashboardBoxSmall .actionLinkContainer,
#dashboard .dashboardBoxLarge .actionLinkContainer {
    background-color: #f7971c;
}

    #dashboard .dashboardBoxSmall .actionLinkContainer a,
    #dashboard .dashboardBoxLarge .actionLinkContainer a {
        background: #f7971c;
        color: #4a5865;
    }

/* Member Profile */
div.form {
    padding: 0;
    border: none;
    background: none;
}

#AccountSummaryContainer {
    background: #ebebeb;
    padding: 30px;
    display: flex;
}

#AccountSummaryLeftContainer,
#AccountSummaryRightContainer {
    width: auto;
    float: none;
    flex-basis: 50%;
}

fieldset {
    padding: 0;
    border: none;
    margin: 0;
    width: 320px;
    margin-bottom: 1em;
}

#AccountSummaryContainer fieldset {
    background: #fff;
    padding: 80px 30px 30px 30px;
    margin: 0 0 30px 0;
    float: none;
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

fieldset#tfn ul {
    margin: 0;
    padding: 0;
}

    fieldset#tfn ul li {
        margin: 0 0 0 25px;
        padding: 0;
        list-style: outside;
    }

#AccountSummaryRightContainer {
    margin-left: 30px;
}

* HTML #AccountSummaryRightContainer {
    margin-left: 0;
}

    #AccountSummaryLeftContainer a,
    #AccountSummaryRightContainer a {
        position: absolute;
        right: 0px;
        top: 0;
    }

#contactdetails .fiLabel .btnLinkToSubmenuPage {
    position: absolute;
    bottom: 30px;
    top: unset;
    right: 30px;
    text-transform: uppercase;
}

#contactdetails.accountsummarydetailcontainer {
}

legend {
    font-weight: bold;
    font-size: 22px;
    width: auto;
    color: #77160f;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}

#AccountSummaryContainer legend {
    position: absolute;
    top: 20px;
    width: calc(100% - 60px);
}

.accountsummarydetailcontainer {
    margin: 0;
}

    .accountsummarydetailcontainer table tr:nth-child(even) {
        background: none;
    }

    .accountsummarydetailcontainer th {
        background: none;
        color: #818285;
    }

    .accountsummarydetailcontainer#contactdetails .fiLabel {
        width: 50%;
    }

#communicationDetails div.formItem {
    margin-left: 0;
    margin-bottom: 0px;
}

fieldset div.fiLabel {
    width: 32%;
    font-weight: 700;
}

#communicationDetails div.fiLabel {
    font-weight: 400;
}

#updateMemberProfile FIELDSET {
    display: inline-block;
    margin-right: 20px;
    *margin-right: 10px;
    vertical-align: top;
}

* + HTML #updateMemberProfile FIELDSET {
    display: inline;
    zoom: 1;
}

* HTML #updateMemberProfile FIELDSET {
    display: inline;
    zoom: 1;
}

#membershipdetails .fiLabel {
    width: 120px;
}

#membershipdetails .fiElem {
    width: 190px;
    text-align: right;
}

#beneficiarydetails .benePercentage {
    text-align: right;
}

.header {
    border: none;
}

#communicationDetails .header {
    height: auto;
}

/*Benefit Quote*/
#pageBenefitQuote #filterContainer {
    /* height: 70px; */
}

#frmBenefitQuoteFilter {
    height: 100%;
}

#filterBenefitQuote {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

/* Beneficiaries */
#beneficiaries th {
    text-align: left;
    color: #FFF;
    background: #77160f;
}

#beneficiaries td {
    border: none;
}

    #beneficiaries td.benefit {
        text-align: right;
        width: 60px;
    }

    #beneficiaries td.benePercentage {
        text-align: right;
    }

    #beneficiaries td.benefit #benePercentTotal {
        float: right;
    }

#beneOverviewContainer #beneficiaries td.benefit #benePercentTotal {
    float: none;
    padding: 0;
}

#beneficiaries td.benefit input {
    text-align: right;
    width: 50px;
}

#beneUpdatedMsg {
    background: none;
    border: 1px dotted #ff0000;
    color: #ff0000;
}

tr.total td,
tr.noRecords td {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.formAction #btnDetailsCancel {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    .formAction #btnDetailsCancel:hover {
        background: #434343;
        color: #fff;
    }

a#btnBackToList {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    a#btnBackToList:hover {
        background: #434343;
        color: #fff;
    }

/* Payment Options */
#paymentOptionFilters {
    text-align: left;
    background: #ebebeb;
    color: #434343;
    padding: 1em;
    border: 1px solid #ccc;
    font-size: 11pt;
    font-weight: bold;
}

#paymentOptions .paymentOptionImage {
    height: 50px;
}

#paymentOptionFilters .oc-radiogroupex li {
    font-weight: bold;
    padding-right: 10px;
}

#paymentOptions td {
    padding: 5px;
}

#currentPaymentType {
    color: #434343;
    font-size: 13pt;
}

.aPayment table {
    border-bottom: 1px solid #ddd;
}

#paymentOptions td b {
}

td.paymentImageEft,
td.paymentImageChq {
    background: url(../images/CHQ-3.gif) no-repeat 0 5px;
    width: 30px;
}

td.paymentImageBpay {
    background-position: 5px 5px;
    height: 45px;
}

/* Balance Enquiry */
input.filterRadio {
    vertical-align: baseline;
}

#chartTitle {
    font-size: 14pt;
    color: #4a5865;
}

#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td {
    background: #434343;
    color: #FFF;
    padding: 1em;
    border: none;
}

#balanceEnquiryFilter {
    text-align: left;
    color: #4a5865;
    font-size: 11pt;
    font-weight: bold;
}

#balanceEnquiryPreservationTable tr td.preservedAmt {
    width: 235px;
}

#balanceEnquiryFilter div.filterItem {
    margin: 0;
}

#balanceEnquiryFilter .dropdown {
    vertical-align: middle;
}

.legendTitle {
    font-size: 1.3em;
}

#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td {
    border: none;
}

tr.total td {
    border: none;
    color: #fff;
}

.highcharts-title {
    color: #4a5865;
}

/* Benefit Quote */
#filterBenefitQuote:after {
    content: "";
    display: table;
    clear: both;
}

#filterBenefitQuote .fiBenefitQuote {
}

#filterBenefitQuote #filterPayeeTypeContainer.fiBenefitQuote {
    margin: 0;
}

#filterBenefitQuote #createQuoteButton.fiBenefitQuote {
}

#benefitQuote .sectionTitle {
    font-size: 20px;
    color: #77160f;
    text-transform: uppercase;
    margin-top: 40px;
}

#quoteDate {
    font-size: 1em;
    font-weight: 400;
}

th.net {
    width: 70px;
}

th.lumpSum,
th.gross {
    width: 150px;
}

th.benefitType,
th.preservationType,
th.taxType {
}

tr.total {
    background: #434343;
}

#benefitQuote tr.header td {
    font-weight: bold;
}

#benefitQuote tr.footer td {
    font-weight: bold;
    border-top: 1px solid #CCC !important;
    border-bottom: 1px solid #CCC !important;
}

#benefitQuote tr.lineItem td {
    padding-left: 20px;
}

.summaryBenefit {
    background: #434343;
    margin-top: 7px;
}

    .summaryBenefit table {
        background: #fff;
        clear: both;
    }

    .summaryBenefit div {
        padding: 0.5em;
        color: #FFF;
    }

        .summaryBenefit div:nth-child(2) {
            float: right;
            margin-right: 0;
            padding-right: 0;
        }

#createQuoteButton {
    margin-left: 8px;
}

/* Transaction History */
#gview_transactionHistoryGrid th {
    background: #77160f !important;
    padding: 10px 20px !important;
    border: none;
    line-height: 1;
}

    #gview_transactionHistoryGrid th div {
        color: #FFF;
        height: auto;
        margin: 0;
        padding: 0;
    }

        #gview_transactionHistoryGrid th div:hover {
            text-decoration: none;
        }

#transactionHistoryGrid tr {
    border-left: 0 !important;
    border-right: 0;
}

#transactionHistoryGrid td {
    border-right: 1px solid #CCC;
    font-size: 9pt;
    border-bottom: 1px solid #CCC;
    color: #434343;
}

    #transactionHistoryGrid td.details {
        border-right: 0 !important;
    }

#gview_transactionHistoryGrid .ui-jqgrid-ftable {
    table-layout: auto;
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
    border: 0 !important;
    background: none !important;
    text-decoration: none;
}

.ui-state-highlight {
    background: #fff !important;
    border: 0;
}

.ui-widget-content {
    background: #fff;
    border: 0;
}

    .ui-state-default, .ui-widget-content .ui-state-default {
        background: none !important;
        border: 0 !important;
        color: #464646;
    }

#gbox_transactionHistoryGrid, #gview_transactionHistoryGrid {
    width: 100% !important;
}

#transactionHistoryFilter DIV.filterAction {
    margin: 0;
}

#transactionHistoryFilter #filterDateRange {
    display: inline-block;
    margin-bottom: 10px;
}

#transactionHistoryFilter #customDateBox {
    margin: 10px 0 0 10px;
}

DIV.ftElem DIV.dateRange input#BeginDate,
DIV.ftElem DIV.dateRange input#EndDate {
    font-size: 12px;
}

#filterTransactionType,
#filterAccountType {
    margin-right: 8px;
}

#btnSearch {
    margin: 0 5px 0 0;
}

div#exportDiv {
    position: relative;
    display: inline-block;
}

div#exportDropDownDiv {
    position: absolute;
    top: 37px;
    background: #77160f;
    z-index: 99;
}

    div#exportDropDownDiv ul {
        margin: 0;
    }

        div#exportDropDownDiv ul li a {
            padding: 5px 48px 5px 15px;
            color: #fff;
            text-decoration: none;
        }

            div#exportDropDownDiv ul li a:hover {
                color: #434343;
            }

/* Your Investment Options */
th.ioTransferSplit.all.sorting_disabled, th.ioInvestOptions.all.sorting_disabled {
    text-transform: inherit;
}

#rebalancing {
    font-weight: bold;
}

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans {
    padding: 10px 20px;
}

#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans {
    padding: 1em;
}

#investmentOptions th.ioBalanceSplitLast {
    padding: 0 1em;
    width: 110px;
}

th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice {
    text-align: right;
}

DIV.currentInvestments TH.ioValue {
    width: 80px;
}

DIV.currentInvestments TH.ioUnits {
    width: 80px;
}

DIV.currentInvestments TH.ioUnitPrice {
    width: 70px;
}

TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans {
    width: 120px;
}

#investmentEnquiryFilter .filterItem {
    text-align: left;
    color: #333;
    padding: 0.7em 0;
    border: none;
}

    #investmentEnquiryFilter .filterItem li {
        font-size: 1.2em;
        font-weight: bold;
        padding: 0;
    }

        #investmentEnquiryFilter .filterItem li:last-child {
            margin: 0;
        }

div.currentInvestments th.ioInvestOptions {
}

#investmentOptions tr.metaHeading span {
    border-bottom: 2px solid #77160f;
    padding-bottom: .3em;
}

#investmentOptions tr.metaHeading th {
    vertical-align: bottom;
}

#investmentOptions tr.rowHeading td {
    background: #fff;
}

#investmentOptions input {
    text-align: right;
}

#investmentOptions .ioBothOptions {
    text-align: right;
}

table {
    font-size: 9pt;
    margin-top: 20px;
}

    table#preservationTable {
        margin-bottom: 40px;
    }

form#fmInvestmentOptionsEdit tr.total td {
    border: none !important;
}

form#fmInvestmentOptionsEdit tr.total {
    border-top: 1px solid #434343 !important;
    border-bottom: 1px solid #434343 !important;
}

#correspondenceContainter td,
#correspondenceContainter tr {
    border: 0;
}

/* Investment Returns */
.highcharts-legend {
    display: none;
}

#investmentReturnContainer th {
    padding: 0.3em .5em;
}

/* Asset Allocation */
#assetAllocationDashboardChart {
    width: 100%;
}

#assetAllocation div#dashboardAccountBalanceChartTitle,
#assetAllocation div#dashboardFutureAccountBalanceChartTitle {
    font-family: 'Raleway', sans-serif;
    color: #434343;
    font-size: 14pt;
}

#assetAllocation table tr td {
    vertical-align: top;
}

#assetAllocation div#assetFutureAllocationDashboardChart {
    margin-top: 25px;
}

    #assetAllocation div#assetFutureAllocationDashboardChart .pageBlurb {
        text-align: left;
    }

#assetAllocation #divLegendData ul {
    margin: 0;
}

    #assetAllocation #divLegendData ul li {
        list-style: none;
    }

#assetAllocationDashboardChart table tr td {
    vertical-align: middle;
}

/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable {
    margin: 0;
    width: 100% !important;
}

#gview_insuranceCoverGrid th {
    background: #434343 !important;
    border: none;
}

    #gview_insuranceCoverGrid th td {
        border: none;
    }

#gview_insuranceCoverGrid .ui-jqgrid-htable th div {
    color: #FFF;
}

    #gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover {
        text-decoration: none;
    }

#gview_insuranceCoverDetailGrid th {
    background: #434343;
    border: none;
}

#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div {
    color: #333;
}

    #gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover {
        text-decoration: underline;
    }

#insuranceCoverGrid tr {
    border-right: 0;
    border: 0 !important;
}

    #insuranceCoverGrid tr td {
        border-right: 1px solid #CCC !important;
        border-bottom: 1px solid #CCC;
    }

        #insuranceCoverGrid tr td:first-child {
            border-left: 1px solid #CCC;
        }

#insuranceCover #insuranceUnderWritingDiv {
    margin-top: 1.25em;
    margin-bottom: 0;
}

#insuranceCover #gbox_insuranceCoverDetailGrid {
    border: 1px solid #333
}

    #insuranceCover #gbox_insuranceCoverDetailGrid .ui-jqgrid-labels {
        border-bottom: 1px solid #333
    }

/* Comminsure */
#insuranceCover h3 {
    color: #434343;
}

.claimTypeContainer h5 {
    margin-bottom: 0;
    font-size: 1.1em;
}

#InsuraceClaims a.legendAnchor {
    text-decoration: underline;
}

/* Unit Prices */
.unitPricesGenerateButtonMargin {
    margin: 10px 0 0 3px;
}

#unitPrices button.ui-state-default {
    background: #fff !important;
    border: 1px solid #ddd !important;
    max-width: 160px;
    font-weight: 400;
    border-radius: 0;
    padding: 8px 5px 8px 15px;
}

.ui-state-default .ui-icon {
    background: url(../103/images/black_arrow.png) center center no-repeat;
}

/* consolidate super */
#superListContainer .fundselectionlistbody tr:hover {
    background: none !important;
}

a#btnSuperEditCancel span {
    color: #858585;
}

a#btnSuperEditCancel {
    padding: 3px 6px;
}

    a#btnSuperEditCancel:hover span {
        color: #fff;
    }

#fldsetPreviousName {
    float: right;
}

p#previousNameContainer {
    margin-bottom: 0;
}

#consolidateSuper .errorSummary {
    border: 0;
}

#superListContainer #addSupermatch2 {
    margin-bottom: 8px;
}

#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th {
    background: #434343 !important;
}

    #gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th .ui-jqgrid-sortable {
        color: #FFF;
        text-align: center;
    }

#gbox_ConsolidateSuperOverviewGrid #ConsolidateSuperOverviewGrid td:nth-child(2) {
    border-left: 1px solid #ccc;
}

#gbox_ConsolidateSuperOverviewGrid #ConsolidateSuperOverviewGrid td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center !important;
}

#gbox_ConsolidateSuperOverviewGrid #ConsolidateSuperOverviewGrid tr,
#gbox_ConsolidateSuperOverviewGrid #ConsolidateSuperOverviewGrid tr.ui-state-hover {
    border: 0 !important;
}

#gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-ftable tr {
    border-bottom: 0;
}

#gbox_ConsolidateSuperOverviewGrid #ConsolidateSuperOverviewGrid_pager {
    border-bottom: 0 !important;
}

#ConsolidateSuperOverviewGrid_pager .ui-pg-table td {
    font-size: 12px;
}

/* Messages */
#gview_MessageGrid th {
    background: #434343 !important;
    border: none;
    padding: 0.5em;
}

    #gview_MessageGrid th td {
        border: none;
    }

#gview_MessageGrid .ui-jqgrid-htable th div {
    color: #FFF;
}

    #gview_MessageGrid .ui-jqgrid-htable th div:hover {
        text-decoration: none;
    }

#gview_MessageGrid tr {
    border-left: 0 !important;
    border-right: 0;
}

#gview_MessageGrid td:first-child {
    border-left: 1px solid #CCC;
}

#gview_MessageGrid td {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

    #gview_MessageGrid td.details {
        border-right: 0 !important;
    }

#gview_MessageGrid .ui-jqgrid-ftable {
    table-layout: auto
}

ul.messageNavBar li, #messageNavBar ul li {
    display: inline;
    margin: 0 10px 0 0;
}

    ul.messageNavBar li a, #messageNavBar ul li a {
        color: #333;
        text-decoration: none;
    }

        ul.messageNavBar li a:hover, #messageNavBar ul li a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

#messagesContainter .topBar ul li a {
    background: #434343;
}

#messageHeader {
    color: #003a4e;
}

.messageNavBar ul li a {
    background: #9d2915 url(../images/top-title-bg.png) repeat-x top left;
    border: 1px solid #5c616a;
    text-decoration: none;
    padding: 5px;
    color: #FFF;
    font-weight: bold;
}

    .messageNavBar ul li a:hover {
        background: url(../images/top-title-bg.png) repeat-x bottom left;
        color: #FFF;
    }

/* Correspondence */
#gbox_correspondenceGrid {
    border: none;
    margin-top: 20px;
}

#gview_correspondenceGrid th {
    background: #9d2915 url(../images/top-title-bg.png) repeat-x top left;
    border: none;
    padding: 0.5em;
}

    #gview_correspondenceGrid th td {
        border: none;
    }

#gview_correspondenceGrid div.ui-jqgrid-sortable {
    color: #FFF;
}

#gview_correspondenceGrid .ui-jqgrid-htable th div:hover {
    text-decoration: underline;
}

#gview_correspondenceGrid th#correspondenceGrid_Title {
    width: auto !important;
}

#correspondenceContainter div.ftElem {
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 0;
}

#correspondenceTable .sortDesc {
    background: url("../images/sort_desc.png") no-repeat;
}

#correspondenceTable .sortAsc {
    background: url("../images/sort_asc.png") no-repeat;
}

#correspondenceSearchButton {
    font-family: 'Raleway', sans-serif;
    padding: 12px 14px;
    border: 0px;
    background: #77160f;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

    #correspondenceSearchButton:hover {
        background: #434343;
    }

#crsFilter td.fiElem {
    vertical-align: bottom;
}

/*   start a pension    */
.ttpolModule #divFollowUpContent {
    color: #434343;
    border: solid 1px #434343;
    border-radius: 0px;
}

table.myApplications, table.applicationPageTable {
    font-size: 10pt;
}

table.radioOptiontable label {
    font-size: 10pt;
}

#ttpol .radioButton {
    padding-top: 6px;
}

#frmAbpPensionPaymentModule .fiLabel table {
    font-size: 10pt;
}

#nominationOptions table {
    font-size: 10pt;
}

table.myApplications a {
    color: #434343;
    text-decoration: none;
    font-weight: bold;
}

    table.myApplications a:hover {
        color: #77160f;
    }

#pensionContainer .ttpolDoc, #frmDeclaration .ttpolDoc {
    color: #434343;
    border-bottom: 0;
    font-weight: bold;
}

    #pensionContainer .ttpolDoc:hover, #frmDeclaration .ttpolDoc:hover {
        color: #77160f;
    }

.documentContainer {
    background: #f1f4f6;
}

#frmDeclaration .ttpolMustDownloadDocIndicator {
    color: #77160f;
}

/* RHS Member ID Box */
#memberInfoBox {
    background: #f1f4f6;
    color: #4a5865;
    border: 0;
    font-size: 9.5pt;
}

    #memberInfoBox ul {
        padding: 10px;
    }

    #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel {
        width: 100px;
        font-size: 12px;
    }

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header,
#alertAccordion.ui-accordion .ui-accordion-header {
    background: #9d2915 url(../images/top-title-bg.png) repeat-x top left;
    border: 1px solid #cccccc;
    border-bottom: 0;
    color: #FFF;
    font-weight: bold;
    margin-top: 0
}

#alertAccordion {
    background: #ebebeb;
    margin-top: 10px;
}

    #alertAccordion.ui-accordion .ui-accordion-header {
        border-radius: 0;
        background: #434343 !important;
        color: #fff;
        font-weight: normal;
        text-transform: uppercase;
        padding: 10px;
        margin: 0 0 10px;
    }

    #messageAccordion .ui-accordion .ui-icon, #alertAccordion .ui-accordion .ui-icon {
        background-image: url("../images/ui-icons_469bdd_256x240.png");
    }

    #messageAccordion .ui-icon-circle-arrow-e, #alertAccordion .ui-icon-triangle-1-e {
        background-image: url("../images/ui-icons_469bdd_256x240.png");
        background-position: 0px -192px;
    }

    #messageAccordion .ui-icon-triangle-1-s, #alertAccordion .ui-icon-triangle-1-s {
        background-image: url("../images/ui-icons_469bdd_256x240.png");
        background-position: -16px -192px;
    }

#messageAccordion .ui-icon-circle-arrow-s {
    background-image: url("../images/ui-icons_469bdd_256x240.png");
    background-position: -128px -192px;
}

#alertBox .ui-widget-content {
    border: 1px solid #cccccc;
}

.campaignSection,
.campaignSection #campaignContainer .ui-widget-content,
.campaignSection .showTitle .collapsibleContainerTitle,
#campaignContainer .ui-widget-content {
    border: none;
}

.campaignSectionHeader {
    display: none;
}

.collapsibleContainerTitle {
    border-bottom: 1px solid #e6b212;
    color: #333;
    background: #eeeeee
}

#alertAccordion .ui-widget-content {
    border: 0;
    background: transparent;
}

#alertAccordion ul li {
    font-size: 12px;
    color: #434343;
    font-family: 'Raleway', sans-serif;
}

/* security questions */
#resetQuestions a.btnLinkToFullPage {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    #resetQuestions a.btnLinkToFullPage:hover {
        background: #434343;
        color: #fff;
    }

/* change email */
#resetPassword #btnChange {
    width: auto !important;
}

/* contact us */
.feedbackHeader .label {
    color: #4a5865;
}

#contactUsFormContainer .feedbackHeader .label {
    font-size: 14pt;
    color: #434343;
}

.contactDetails {
    font-size: 10.5pt;
}

.formItem .fiLabel .display-label {
    font-size: 10pt;
}

    .formItem .fiLabel .display-label span {
        color: #fff;
    }

.fiElem input, .fiElem select {
    font-size: 10.5pt;
}

P.required {
    font-size: 10.5pt;
}

#resetPassword a.btnLinkToFullPage {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    #resetPassword a.btnLinkToFullPage:hover {
        background: #434343;
        color: #fff;
    }

#frmContactUs a.btnLinkToFullPage {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    #frmContactUs a.btnLinkToFullPage:hover {
        background: #434343;
        color: #fff;
    }

.formAction .btnLinkToContainerNoHistory {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    .formAction .btnLinkToContainerNoHistory:hover {
        background: #434343;
        color: #fff;
    }

#bottomContent {
    font-size: 10.5pt;
    line-height: 1.5;
    margin-top: 20px;
}

/* Footer */
#footer {
    border: 0;
    margin: 0;
    line-height: 24px;
    background: #ebebeb;
    padding: 20px 0 10px 0;
    position: static;
    text-align: right;
}

ul.footer {
    padding-top: 0px;
}

    ul.footer li {
        font-size: 9.5pt;
    }

#footer ul.footer li a {
    color: #434343;
    font-weight: normal;
    text-transform: uppercase;
}

    #footer ul.footer li a:hover {
        color: #77160f;
    }

/* Home page */
td.registerbox {
    background: url(../images/content_01.jpg) 0 0 no-repeat;
    width: 316px;
    height: 200px;
    display: block;
}

    td.registerbox a.btn-register {
        background: url(../images/btn-registernow.png) 0 0 no-repeat;
        width: 90px;
        height: 27px;
        display: block;
        float: right;
        margin: 115px 20px 0 0;
    }

td.joinnsfBox {
    background: url(../images/content_02.jpg) 5px 0 no-repeat;
    width: 316px;
    height: 200px;
    display: block;
}

    td.joinnsfBox a.btn-joinnow {
        background: url(../images/btn-joinnow.png) 0 0 no-repeat;
        width: 90px;
        height: 27px;
        display: block;
        float: right;
        margin: 115px 20px 0 0;
    }

/* digital member card */
#digitalMemberCardContainer .fiLabel {
    width: 150px;
}

#digitalMemberCardFormContainer .btnLinkToFullPage {
    background: #e9e9e9;
    padding: 12px 14px;
    font-size: 10.5pt;
    color: #858585;
    border-radius: 0px;
    text-transform: uppercase;
}

    #digitalMemberCardFormContainer .btnLinkToFullPage:hover {
        background: #434343;
        color: #fff;
    }

/* MJOL */
#mjolNavBar {
    display: table;
    width: 100%;
}

    #mjolNavBar li {
        display: table-cell;
        text-align: center;
    }

    #mjolNavBar li {
        background: #e6e5e6;
        padding: 11px 20px;
        _padding: 11px 17px 11px 13px; /* IE6 */
        *padding: 11px 17px 11px 13px; /* IE7 */
        color: #434343;
    }

@media all and (min-width:0) {
    #mjolNavBar li {
        padding: 11px 17px 11px 13px \0/;
    }
    /* IE9-IE10pp4 */
}

@-moz-document url-prefix() {
    #mjolNavBar li {
        padding: 11px 9px 11px 13px;
    }
    /* FIREFOX */
}

#mjolNavBar li.highlight {
    background-color: #434343;
    color: #fff;
}

#mjolDefaultInvestmentOptionsTable thead tr th, table#mjolInvestmentOptionsTable thead tr th {
    width: auto !important;
}

.declaration-outro ul {
    margin-left: 25px;
}

.stepHeader {
    font-size: 14px !important;
    margin: 5px 0 10px 0 !important;
}

table .td1 img {
    display: none;
}

table .td1 {
    background: url(/../images/icons/pdf.gif) 0px 4px no-repeat;
}

table .iconCell img {
    display: none;
}

table .iconCell {
    background: url(/../images/icons/pdf.gif) 0px 4px no-repeat;
}

.modalCloseImg.simplemodal-close {
    display: block !important;
}

#mjolContainer h2 {
    margin: 20px 0 10px 0;
    font-size: 1.4em;
}

#forcePasswordChangeContainer .buttonPanel {
    text-align: left;
    margin-left: 200px;
}

.additionalOptionContainer div {
    margin: 20px 0;
}

.additionalOptionContainer LABEL {
    margin-left: 0;
}

.additionalOptionContainer input {
    float: left;
    margin-right: 10px;
}

.additionalOptionContainer .fiLabel {
    margin-bottom: 0;
}

p.left-text {
}

#mjolInsuranceOptionsSummaryContainer p.left-text {
    margin-left: 0;
}

#stepContainer h3 {
    color: #434343;
}

/* about you */
.mjolModule #divFollowUpContent {
    background: #f1f4f6;
    border: solid 1px #434343;
    border-radius: 0px;
    color: #434343;
}

#divFollowUpContent #btnCancel {
    color: #434343;
    text-decoration: none;
}

    #divFollowUpContent #btnCancel:hover {
        text-decoration: underline;
    }

#divClassifications input {
    margin-top: 2px;
}

#divClassifications span {
    font-size: 10.5pt;
}

#frmClassifications {
    border: 1px solid #434343;
    background: #f7f8fa;
}

#mjolButtonContainer a#btnNext {
    padding: 3px 8px;
    margin-left: 4px;
}

#stepContainer #divClassifications .SelectedClassificationColumn1 {
    vertical-align: top;
    width: 10px;
    padding-top: 6px;
}

/* your details */
.mjolDoc {
    border-bottom: 0;
    color: #434343;
    font-weight: bold;
}

    .mjolDoc:hover {
        color: #77160f;
    }

/* your options */
a.dt-button.disabled {
    padding: 13px 19px !important;
    font-size: 10.5pt;
    text-transform: uppercase;
}

/* Beneficiaries table */
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable th {
    background: #eee;
    color: #333;
    outline: 0;
}

#frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th {
    background: #434343;
    color: #fff;
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 0;
}

table.dataTable tfoot th, table.dataTable tfoot td {
    border-color: #ccc;
}

#frmBeneficiaries #beneDetailsContainer {
    position: relative;
}

    #frmBeneficiaries #beneDetailsContainer .dataTables_wrapper {
        position: initial;
    }

    #frmBeneficiaries #beneDetailsContainer .dt-buttons {
        position: absolute;
        float: none;
        right: 0;
        bottom: 0;
    }

    #frmBeneficiaries #beneDetailsContainer #beneficiariesTable {
        margin-bottom: 10px;
    }

        #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr {
            height: 38px;
        }

            #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr td {
                border-top: 1px solid #ddd;
            }

button.dt-button,
div.dt-button, a.dt-button {
    border: 0;
    background: #77160f;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 13px 15px;
    font-size: 10.5pt;
    line-height: 12px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    text-transform: uppercase;
}

    button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) {
        background-image: none;
        box-shadow: none;
        background-color: #666666;
        text-decoration: none;
        border: 0;
        text-shadow: none;
    }

    button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
        border: 0;
        background: #434343;
        color: #fff;
    }

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    background-color: #ddd;
}

table.dataTable tbody > tr, table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
    cursor: pointer;
}

div#beneButtonContainer {
    margin-top: 15px;
}

#mjolButtonContainer .saveBtn {
    margin-left: 5px;
}

#mjolButtonContainer .submitBtn {
    margin-left: 4px;
}

/* Beneficiary Pop Up */
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
    border: 0;
    margin: 15px;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

div.DTE div.DTE_Footer {
    background-color: #fff;
    border: 1px solid #fff;
}

div.DTE button.btn,
div.DTE div.DTE_Form_Buttons button {
    background: #77160f;
    border: 0;
    text-shadow: none;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #fff;
    padding: 7px 15px;
    font-weight: 700;
}

    div.DTE button.btn:hover,
    div.DTE div.DTE_Form_Buttons button:hover {
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: #434343;
        background-image: none;
    }

/* Summary beneficiaries table */
#mjolBeneficiariesSummaryContainer #beneficiariesTable tbody tr td {
    cursor: default;
    outline: 0;
}

#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child:hover {
    background: #fff;
}

#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child ul {
    width: 100%;
}

#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 100px;
}

/* PJOL */
#pensionContainer .joinBtnContainer {
    float: none;
}

.ttpolContainer #breadcrumb .step {
    background: #e6e4e2;
    color: #434343;
}

    .ttpolContainer #breadcrumb .step.visitedStep {
        background: #77160f;
        color: #fff;
    }

    .ttpolContainer #breadcrumb .step.activeStep {
        background: #434343;
        color: #fff;
    }

.scroll_tabs_container {
    border-color: #666666;
}

    .scroll_tabs_container .scroll_tab_right_button, .scroll_tabs_container .scroll_tab_left_button {
        color: #666666;
    }

    .scroll_tabs_container .scroll_tab_left_button_disabled {
        color: #ccc;
    }

.ttpolContainer #btnSearchFundConsolidateSuper #btnSearchFund.oc-button span {
    float: none !important;
}

.ttpolPensionDetails .formItem .fiLabel {
    width: auto;
}

/* popup windows */
#simplemodal-data {
    font-size: 11pt;
    line-height: 2;
}

#simplemodal-container h2 {
    color: #434343;
}

#simplemodal-container a.modalCloseImg {
    background: url(../images/modalclose.png) no-repeat;
}

#simplemodal-container {
    border: 1px solid #434343;
    background: #f1f4f6;
    width: 550px !important;
    height: auto !important;
    padding: 28px 8px;
    font-size: 10.5pt;
}

    #simplemodal-container .oc-button {
        float: right;
    }

        #simplemodal-container .oc-button span {
            background: #434343;
            border: none;
            padding: 6px 20px;
            font-size: 10.5pt;
        }

            #simplemodal-container .oc-button span:hover {
                background: #77160f;
            }

#frmSave h3 {
    margin-top: 0;
}

div.simplemodal-container A.modalCloseImg {
    background: url(../images/modalclose.gif) no-repeat;
}

a#btnChange {
    width: 130px !important;
}

#mjolPopupContainer .formItem .fiLabel .display-label {
    font-size: 9.5pt;
}

#dialogContainer {
    padding: 6px 20px 6px 10px;
}

/* SuperMatch styles */
#NS #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader {
    color: #434343;
}

#NS #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails {
    background: #f1f4f6;
}

    #NS #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails .form-item {
        font-family: arial;
    }

#NS #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
    background: url(../images/down-chevron.png) no-repeat center center;
    width: 20px;
    margin-left: -35px;
}

#NS #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    background: url(../images/up-chevron.png) no-repeat center center;
    width: 20px;
    margin-left: -35px;
}

div#simplemodal-container {
    width: auto !important;
    padding: 20px 40px 20px 20px;
}

div.simplemodal-container A.modalCloseImg {
    background: url(../images/modal-close.gif) no-repeat;
}

#NS #superMatch2AtoDetails .atoMoniesType, #NS #supermatch2AtoMonieListComplete .fundATOMonies, #NS #supermatch2AtoMoniesList .atoMoniesType {
    color: #77160f;
}

#accountCollapsibleContentSuperMatch .form-item {
    color: #434343;
}

#accountCollapsibleContentSuperMatch .BalanceReported .fiLabel {
    color: #434343;
}

#superMatch2FundDetailContainer {
    margin-top: 15px;
}

    #superMatch2FundDetailContainer #superFundDetailsAccordionComplete .superfundAccountDetails {
        width: 46%;
    }

    #superMatch2FundDetailContainer #superFundDetailsAccordionComplete .superMatch2AccountCategoryHeader .fundBalanceDetails {
        width: 52%;
    }



/***********************************/
/***********  Widgets  *************/
/***********************************/

/* General */
div.russellWidgets p,
.russellWidgets .building-block p {
    color: #434343;
}

div.russellWidgets h1 {
    color: #77160f;
    font-size: 33px;
    margin: 10px 0;
    border: 0;
    font-weight: 800;
}

.russellWidgets .toDoList-widget2 .building-block h1 {
    color: #434343;
}

div.russellWidgets h2,
div.russellWidgets .building-block h2 {
    color: #434343 !important;
    font-size: 14pt !important;
    font-weight: bold;
    line-height: 1.5;
}

div.russellWidgets h3 {
    color: #434343;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.5;
}

div.russellWidgets h4 {
    font-size: 13pt;
    font-weight: bold;
    line-height: 1.5;
}

.russellWidgets .building-block {
    background: #ebebeb !important;
}

.building-block input[type="radio"], .building-block input[type="checkbox"] {
    margin-right: 3px !important;
}

div.russellWidgets a,
div.russellWidgets a:visited {
    color: #434343;
    font-weight: normal;
    text-decoration: none !important;
}

    div.russellWidgets a:hover,
    div.russellWidgets a:active,
    div.russellWidgets a:focus {
        color: #77160f;
        font-weight: normal;
        text-decoration: none !important;
    }

.russellWidgets .building-block .btn {
    display: inline-block;
    padding: 10px 15px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    color: #fff;
    background: #77160f;
    border: 1px solid transparent;
    border-radius: 0px;
}

    .russellWidgets .building-block .btn:hover {
        background: #434343;
        border: 1px solid transparent;
        color: #fff;
    }

.russellWidgets .primary-button,
div.russellWidgets .btn-primary {
    background: #77160f;
    border: 1px solid transparent;
    color: #fff;
}

    .russellWidgets .primary-button:hover,
    div.russellWidgets .btn-primary:hover {
        background: #434343;
        border: 1px solid transparent;
        color: #fff;
    }

div.russellWidgets a.link-secondary {
    background: #e9e9e9 !important;
    border: 1px solid transparent;
    color: #858585 !important;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 4px;
    margin-right: 15px;
    line-height: 19px;
    text-transform: uppercase;
    font-weight: bold;
}

    div.russellWidgets a.link-secondary:hover {
        background: #434343 !important;
        border: 1px solid transparent;
        color: #fff !important;
        cursor: pointer;
    }

.russellWidgets .building-block .secondary-button {
    background: #e9e9e9 !important;
    border: 1px solid transparent;
    color: #858585 !important;
}

    .russellWidgets .building-block .secondary-button:hover {
        background: #434343 !important;
        border: 1px solid transparent;
        color: #fff !important;
    }

.russellWidgets .color-orange {
    color: #77160f;
}

.russellWidgets .color-blue {
    color: #77160f;
}

/*Combine Super*/
div#memberRollover a[href="/?actionUrl=/MultiFactor/GetMultifactor&PlanCode=RI"] {
    padding-bottom: 30px !important;
}

    div#memberRollover a[href="/?actionUrl=/MultiFactor/GetMultifactor&PlanCode=RI"] span {
        padding: 0;
    }


/* Structure */
div.russellWidgets .container {
    background: transparent;
}

/* Fund Performance */
.russellWidgets .fund-performance .table-responsive {
    border: 0;
}

.russellWidgets .fund-performance .table {
    margin-bottom: 10px;
}

    .russellWidgets .fund-performance .table tbody th {
        padding: .5em;
        border: none;
        text-transform: lowercase;
    }

        .russellWidgets .fund-performance .table tbody th::first-letter {
            text-transform: uppercase;
        }

    .russellWidgets .fund-performance .table tbody td {
        min-width: 72px;
        padding: .5em;
        border: none;
    }

    .russellWidgets .fund-performance .table tbody .title td {
        padding: .5em 0 !important;
        color: #434343;
    }

    .russellWidgets .fund-performance .table > tbody + tbody {
        border-top: none;
        border-bottom: 1px solid #434343 !important;
    }

.russellWidgets .fund-performance .footer-infor p {
    border-bottom: 1px solid #434343;
}

.russellWidgets .fund-performance .footer-infor > p:first-child {
    border-bottom: none;
}

.russellWidgets .fund-performance .btn-showall {
    margin-top: 0;
    display: inline-block;
    padding: 10px 15px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.42857143;
    vertical-align: middle;
    color: #fff;
    background: #77160f;
    border: 1px solid transparent;
    border-radius: 0px;
}

    .russellWidgets .fund-performance .btn-showall:hover {
        background: #434343;
        border: 1px solid transparent;
        color: #fff;
    }

.russellWidgets .fund-performance .table tbody tr:nth-child(odd) {
    background: none;
}

.russellWidgets .fund-performance table th,
.russellWidgets .fund-performance table thead th {
    background: #434343;
    border: none !important;
    font-weight: bold;
}

    .russellWidgets .fund-performance table thead th.dark-grey {
        border-left: 1px solid #fff !important;
    }

.russellWidgets .fund-performance table tbody th {
    background: #E8F6F9;
    color: #434343;
    font-weight: bold;
}

.russellWidgets .fund-performance table td {
    background: none;
    border: none;
}

/* Charts */
.russellWidgets .charts {
    min-width: auto;
    height: 240px;
}

    .russellWidgets .charts .highcharts-container .highcharts-root {
        width: 100%;
        height: 240px;
    }

.russellWidgets p {
    padding: 0;
    font-size: 14px;
}

.russellWidgets .details-panel #completed {
    margin-top: -48px;
}

.russellWidgets .fade.in {
    background: rgba(204,204,204, 0.8);
}

/* Member Details */
.russellWidgets #memberDetails .form-control-static {
    padding-top: 0;
}

.russellWidgets #memberDetails .btn-edit a {
    color: #FFF;
}

    .russellWidgets #memberDetails .btn-edit a:hover {
        text-decoration: none;
    }

.russellWidgets #memberDetailsAccordio input.form-control {
    border: 1px solid #a9a9a9;
    font-size: 15px;
    color: #5c5c5c;
}

.russellWidgets #memberDetails .col-md-6 select {
    font-size: 15px;
    padding: 4px 15px 4px 2px;
}

.russellWidgets .super-edit-container .btn {
    margin-right: 10px
}

#memberFoundGrid table th .k-link,
#superFoundGrid table th .k-link {
    text-overflow: initial;
    white-space: initial;
}

#superFoundGrid .k-grid-header table thead tr th:first-child {
    width: 200% !important;
}

.super-edit-container .terms-conditions {
    margin-top: 15px;
}

/* Progress Indicator */
.russellWidgets .progress-indicator {
    background: #ebebeb;
}

    .russellWidgets .progress-indicator h3 {
        padding: 0 15px;
        color: #434343 !important;
        font-size: 14pt !important;
        font-weight: bold;
    }

        .russellWidgets .progress-indicator h3 .color-orange {
            color: #434343;
        }

    .russellWidgets .progress-indicator p {
        color: #434343;
    }

    .russellWidgets .progress-indicator .details-panel {
        padding: 15px 15px 0;
        min-height: 390px;
        background: none;
    }

        .russellWidgets .progress-indicator .details-panel .graph-height {
            min-height: 395px;
        }

        .russellWidgets .progress-indicator .details-panel > .row {
            margin-bottom: 0;
        }

    .russellWidgets .progress-indicator .bottom-info {
        top: 310px;
    }

    .russellWidgets .progress-indicator .carousel-indicators {
        position: relative;
        bottom: auto;
        left: auto;
        width: auto;
        margin: 20px auto;
        padding: 0;
    }

    .russellWidgets .progress-indicator .item .details-panel .col-sm-12 p {
        margin: 0;
    }

    .russellWidgets .progress-indicator .item .details-panel .col-sm-12 .bottom-btn {
        margin: 30px 0 10px 0;
    }

    .russellWidgets .progress-indicator .restrictedHeight {
        min-height: 240px;
    }

    .russellWidgets .progress-indicator #addText.chart_position {
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .russellWidgets .progress-indicator #pieChartInfoText {
        position: absolute;
        text-align: center;
        left: 65px;
        top: 73px;
        width: 150px;
        font-size: 18px;
        color: rgb(69, 114, 167);
    }

    .russellWidgets .progress-indicator .color-blue {
        color: #77160f;
        background: none;
    }

    .russellWidgets .progress-indicator .carousel-indicators .active {
        background: #434343;
    }

    .russellWidgets .progress-indicator .btn-primary {
        display: inline-block;
        padding: 10px 15px !important;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        color: #fff;
        background: #77160f;
        border: 1px solid transparent;
        border-radius: 0px;
    }

        .russellWidgets .progress-indicator .btn-primary:hover {
            background: #434343;
            border: 1px solid transparent;
            color: #fff;
        }

.russellWidgets .left-indicator {
    background: #ebebeb;
}

    .russellWidgets .left-indicator .completed-checkbox-list tbody tr {
        line-height: 1.4;
    }

    .russellWidgets .left-indicator .remaining-checkbox-list td {
        color: #434343;
    }

.russellWidgets .restricted-bottom-info {
    text-align: center;
    margin-bottom: 22px;
}

/* Re-balancing */
.russellWidgets .re-balancing h3 {
    margin: 0;
}

.russellWidgets .re-balancing a {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
}

.russellWidgets .re-balancing .link-bar .btn {
    padding: 6px 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.russellWidgets .re-balancing #BtnUpdate,
.russellWidgets .re-balancing #BtnStatus {
    color: #fff;
}

.russellWidgets .re-balancing .table thead th {
    background: #858585;
}

.russellWidgets .re-balancing .table tbody td {
    background: #ffffff;
}

.russellWidgets .re-balancing .table tbody tr:nth-child(even) td {
    background: #f2f2f2;
}

/* Misc */
#mainContent .russellWidgets .radio-info input[type="checkbox"] {
    margin-top: 0;
}

.russellWidgets .radio-info p span {
    font-size: 12px;
}

.russellWidgets .row.block-table {
    margin-bottom: 0;
}

.font12 {
    font-size: 12px;
}

/* Contribution */
.russellWidgets .toDoList-widget2 .building-block .contribution-table th {
    background: #434343;
}

.russellWidgets table.contribution-table {
    margin-bottom: 15px;
}

#GROWNotificationArea > div {
    clear: both;
}


.concessional-contribution-details,
.concessionalContributions .Previousinfo,
.nonconcessional-contribution-details {
    border: none;
}

    .concessional-contribution-details .form-item,
    .concessionalContributionAccordionDetails .form-item,
    .nonconcessional-contribution-details .form-item,
    .concessionalContributionAccordionHeader {
        margin: 0;
        padding: 10px 20px;
        border: none;
        font-size: 14px;
    }

    .concessional-contribution-details .fiElem,
    .concessionalContributionAccordionDetails .fiElem,
    .nonconcessional-contribution-details .fiElem {
        width: 34%;
    }

    .concessional-contribution-details .sub-head,
    .Previousinfo .fiLabel,
    .nonconcessional-contribution-details .form-item.sub-head,
    .NonConcessioalPreviousInfo {
        background: #434343;
        font-family: 'Raleway', sans-serif;
        font-weight: bold;
        color: #FFF;
        padding: 10px 20px;
        font-size: 14px;
    }

.form-item.concessionalNotionalHeader,
.form-item.concessionalEmployerHeader {
    padding-left: 2em;
}

.form-item.total.label,
.form-item.totalConcessional {
    border-top: 1px solid #434343;
    border-bottom: 1px solid #434343;
    font-weight: bold;
}

/* Rollover */
#memberRolloverAccordio > .panel > .panel-heading {
    display: none;
}

#memberRollover > .panel-body {
    padding: 0;
    border: 0;
}

    #memberRollover > .panel-body > .panel { /*border: 0;*/
        box-shadow: none;
    }

        #memberRollover > .panel-body > .panel > .panel-heading {
            display: none;
        }

   /* #memberRollover > .panel-body > div > .row {
        display: none;
    } */

#memberRolloverAccordio > .panel {
    border: 0;
    box-shadow: none;
    background-color: #f6f5f5;
}

.super-edit-container > .form-group > .col-xs-12 > .panel {
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    border: 1px solid #d5d5d5;
}

#memberRollover #pull-right-override a.btn {
    margin-top: 10px
}

#wg-member-rollover {
    padding-top: 55px;
}

/* Accordion */
.building-block .panel-group .panel-heading .panel-title a {
    display: block;
    width: 100%;
}

    .building-block .panel-group .panel-heading .panel-title a.accordion-toggle.collapsed:after {
        font-family: "icons";
        content: "\e766";
        position: absolute;
        font-style: normal;
        color: #5c5c5c;
        font-weight: 700;
        right: 50px;
    }

    .building-block .panel-group .panel-heading .panel-title a.accordion-toggle:after {
        font-family: "icons";
        content: '\e804';
        position: absolute;
        font-style: normal;
        color: #5c5c5c;
        font-weight: 700;
        right: 50px;
    }

/* Modal */
div.russellWidgets .modal-footer {
    padding: 15px 0;
    border-top: 0px solid #e5e5e5;
    text-align: left;
}

/* Interest Rate */
.russellWidgets .interest-rate.container,
.russellWidgets .container .re-balancing {
    display: inline-block;
    width: 675px;
    vertical-align: top;
}

.russellWidgets #interestRateNotificationArea {
    margin-top: 10px
}


div.tabs ul ul.tabSubLinks {
    box-sizing: content-box;
}

    div.tabs ul ul.tabSubLinks li a:visited {
        color: #77160f;
    }

div#russellDashboardWidget, div#russellSimulatorWidget, div#russellGoalTrackerWidget {
    padding-top: 1em;
}

@media (min-width: 1200px) {
    div.russellWidgets .container {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    div.russellWidgets .container {
        width: 970px;
    }
}

@media (min-width: 768px) {
    div.russellWidgets .container {
        width: auto
    }
}

/*IE9,10----*/
@media screen and (min-width:0\0) {
    .russellWidgets .toDoList-widget2 .form-control {
        line-height: 1.4285;
    }
}

/*IE10+  --------- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .russellWidgets .toDoList-widget2 .form-control {
        line-height: 1.4285;
    }
}




/**********************************/
/**********  Responsive  **********/
/**********************************/

@media (max-width: 1280px) {
    /*  widget  */
    .russellWidgets #completed {
        margin-top: -30px;
    }

    .russellWidgets .charts .highcharts-container .highcharts-root {
        width: 280px;
    }
}

@media (max-width: 1024px) {

    .mjol_body div#header {
        width: 100%;
    }

    .mjol_body #header .pageHeader A#homeLink {
        display: inline-block;
        margin: 15px 0 0 15px;
        background-size: 155px;
        height: 80px;
        width: 155px;
        left: 0;
        top: 0;
    }

    .mjol_body #header .pageHeader #topMenu {
        float: right;
    }

    .mjol_body #header .pageHeader h1 {
        font-size: 18px;
        clear: both;
        margin-top: 40px;
        color: #797979;
    }

    .mjol_body #content {
        border-top: 2px solid #434343;
    }

    .mjol_body table th {
        background: #434343;
    }

    .mjolModule {
        padding: 10px;
    }
    /* may be added to base styling */
    #mjolDefaultInvestmentOptionsTable thead tr th, table#mjolInvestmentOptionsTable thead tr th {
        width: 100% !important;
    }

    .progress-wrapper .progress-bar {
        width: 85px;
    }

        .progress-wrapper .progress-bar .rotate, .progress-wrapper .progress-bar .right {
            background-color: #434343 !important;
        }

        .progress-wrapper .progress-bar .background, .progress-wrapper .progress-bar .left {
            background-color: #e9e9e9 !important;
        }

    /* Header links */
    .mjol_body #topMenu {
        padding: 5px 15px 0 0;
    }

        .mjol_body #topMenu .fontSizeBox {
            display: none;
        }

    /* Steps */
    /* div#mjolContainer .breadcrumbs { width:99%; }*/
    #mjolContainer .breadcrumbs #mjolNavBar li {
        display: none;
    }

        #mjolContainer .breadcrumbs #mjolNavBar li.highlight {
            color: #333;
        }

    /* Content */
    #mjolContainer h2 {
        margin-top: 0;
    }

    .mjol_body .total #ioTransferSplitSum {
        text-align: left;
    }

    .mjol_body #frmMemberProfile SELECT {
        width: 180px;
    }

    .mjol_body form#frmDeclaration table tr td {
        padding: 2px 3px !important;
    }

    /* Your Options */
    .mjol_body table.dataTable.dtr-inline.collapsed > tbody > tr > td:not([colspan]):first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr > th:not([colspan]):first-child:before {
        background-color: #434343;
    }

    .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th {
        text-align: center;
    }

    .mjol_body table#beneficiariesTable tbody tr td {
        text-align: center !important;
    }

    .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable tfoot th {
        text-align: center;
    }

    /* Rollover Details */
    .mjol_body #superListContainer .fundselectionlistbody tr td {
        border-bottom: none;
    }

    /* Buttons */
    #mjolButtonContainer .oc-button, .mjol_body #tfnSectionContainer .oc-button, .mjol_body #fundListContainer .oc-button {
        background: #77160f;
        padding-right: 6px;
    }

    #beneButtonContainer #btnAdd {
        background: #77160f;
        padding-right: 0;
        padding-left: 0;
    }

    #mjolButtonContainer .oc-button span, .mjol_body #tfnSectionContainer .oc-button span,
    .mjol_body #superDetailsContainer .oc-button span,
    .mjol_body #fundListContainer .oc-button span, .mjol_body #beneButtonContainer #btnAdd span {
        background: none;
    }

    #mjolButtonContainer #btnNext, .mjol_body #superDetailsContainer #btnContinue {
        padding-right: 0;
    }

    #mjolButtonContainer .saveBtn, #mjolButtonContainer .previousBtn {
        padding-right: 8px !important;
    }

    .summaryEditContainer .mjolEditButton {
        background: #77160f;
        color: #fff;
        text-decoration: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: 0;
    }

    .mjol_body div#tfnButtonContainer a#btnChange {
        font-size: 1em;
    }

    #divFollowUpContent #btnCancel {
        border: 1px solid #434343 !important;
        border-radius: 0px;
    }

    #mjolButtonContainer .submitBtn {
        padding-right: 6px;
    }

    /* Summary */
    .mjol_body .summaryHeader h2 {
        text-align: left;
        font-size: 16px !important;
        padding-top: 30px !important;
        display: block;
    }

    #mjolCompleteContainer ul {
        margin-left: 10px;
    }

        #mjolCompleteContainer ul li a {
            white-space: initial;
        }

    /* missing input border fix */
    .mjol_body #frmMemberProfile SELECT, .mjol_body #frmMemberProfile input,
    .mjol_body .fiElem input#Password,
    .mjol_body input#ConfirmPassword,
    #mjolContainer #frmCaptcha input#CaptchaCode,
    .mjol_body #frmInvestment .ioTransferSplit input {
        border: 1px solid #dfdfdf;
    }

    /* Footer */
    .mjol_body #footer {
        margin-top: 0;
        padding-top: 15px;
    }

    /* help pop up */
    #frmSave h3 {
        margin-top: 6px;
    }
}

@media (max-width: 700px) {
    /* Your Options – Nominate Beneficiaries */
    .mjol_body table.dataTable > tbody > tr.child ul {
        width: 100%;
    }

    .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr.child td {
        text-align: left !important;
    }
}

@media (max-width: 320px) {
    .mjol_body #header .pageHeader {
        height: 80px;
    }

        .mjol_body #header .pageHeader A#homeLink {
            background-size: 120px;
            height: 60px;
            width: 120px;
        }

        .mjol_body #header .pageHeader h1 {
            font-size: 15px;
        }

    .mjol_body div#beneButtonContainer {
        padding-bottom: 0;
    }

    .mjol_body table#mjolDefaultInvestmentOptionsTable th {
        font-size: 11px;
    }

    a.dt-button.disabled {
        padding: 13px 8px !important;
    }
}

@media (max-width: 1024px) {
}





#mainLoginPage  .parent-content-panel{
    height: fit-content;
    bottom: 0;
    position: relative;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
    padding: 0px 25% 0px 25%;
}

#mainLoginPage .content-panel{
    display: flex;
    height: fit-content;
    margin-bottom: 15px;
    position: relative;
}

#mainLoginPage .loginLeftContent, #mainLoginPage .loginRightContent{
    width: 50%;
    position: relative;
    display: grid;
}

#mainLoginPage .loginLeftContent{
    background: rgb(202 225 243 / 80%);
    margin-right: 15px;
}

#mainLoginPage .NotRegisterBody{
	padding: 0px 20px 5px 20px;
}

#loginEntry1{
    background: transparent;
    width: auto;
    margin: 0;
    padding: 0px;
    border-radius: 0;
    position: relative;
    border: 0;
    transition: .5s ease all;
    box-sizing: border-box;
    height: 100%;
    display: inline-block;
}


#mainLoginPage .loginRightContent #logging{
    margin-bottom: 15px;
}

#mainLoginPage .loginRightContent #logging > div
{
    top: calc(100% - 185px);
    position: relative;
    background-color: rgb(202 225 243 / 0%);
}

#frmLogin .formItem .fiElem{
    display: block;
    margin-top: 5px;
}

#mainLoginPage #rememberMe{
    display: inline;
}

#footer > ul > li:last-child {
    padding-right: 0px;
}

#downloadApp > div{
	top: calc(100% - 205px);
	position: relative;
	background-color: rgb(202 225 243 / 0%);
}

#mainLoginPage div.pageBlurb {
	background: rgb(202 225 243 / 90%);
	height: calc(50% - 7.5px);
	line-height: 1.4em;
	margin: auto;
	width: 100%;
}

#loginEntry1 #frmLogin div.formItem {
        padding: 0 20px;
}

#loginEntry1 #frmLogin div.fiLabel {
	font-weight: normal;
	width: 100%;
	color: #201547;
}

#loginEntry1 #frmLogin div.fiLabel label .reqStar {
	display: none;
}

#loginEntry1 #frmLogin input[type="text"], #frmLogin input[type="password"] {
	width: 100%;
	margin-left: 0px;
	padding: 10px 5px;
	border: 1px solid #000;
}

#loginEntry1 #frmLogin input[type=text], #loginEntry1 #frmLogin textarea, #loginEntry1 #frmLogin select {
	box-sizing: border-box;
}

#loginEntry1 #frmLogin div.formItem.formAction {
	text-align: left;
}

#loginEntry1 #frmLogin div.formAction #lnkForgottenPassword {
	font-style: normal;
	text-decoration: underline;
	line-height: 16px;
	margin: 10px 0 5px 0;
	color: #267bb8;
	display: block;
	width: 100%;
}

#loginEntry1 #frmLogin div.formAction #lnkForgottenPassword a:hover {
	text-decoration: underline;
}

#loginEntry1 #frmLogin a#btnLogin {
	margin-left: 0px;
	font-size: 16px;
	height: auto;
	background: #77160f;
	color: #fff;
	padding: 8px 20px;
	border: #77160f;
	transition: .5s ease all;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

#loginEntry1 #frmLogin a#btnLogin  span{
	padding: 0px;
	text-transform: none;
	font-size: 16px;
}

#lnkForgottenUserName {
    text-decoration: underline;
    margin-top: 5px;
    margin-left: 0px;
    text-decoration-color: #267bbb;
}

#loginEntry1 h2 {
	background: none;
	color: #5c5c5c;
	line-height: 22px;
	padding-bottom: 0;
	border-bottom: none;
	font: bold 24px 'CompatilFactLTW01-Bold', Arial, san-serif;
	padding: 20px 20px 5px;
	margin-bottom: 5px;
	border-bottom: none;
}

#frmLogin #Password{
	box-sizing: border-box;
}

#mainLoginPage {
    padding-top: 0;
    background: url(images/bg_RI.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    min-height: 620px;
    background-size: 100% 110%;
} 

#lnkForgottenUserName span{
    color: #267bb8;
    font-weight: normal;
}
#lnkForgottenUserName:hover{
    color: #267bb8;
    font-weight: normal;
}

#container #wrapper:has(div#mainLoginPage){
	width: 100%;
}

#mainContent:has(div#mainLoginPage){
	padding: 0px;
}

#logging.pageBlurb h2,#downloadApp  h2{
    color: #636363
}

#logging.pageBlurb button{
    width: 100%;
    height: 35px;
    background: transparent;
    color: #000;
    border: 1px solid #636363;
}

#logging.pageBlurb button a{
    color: #636363;
}

#forgottenUserName,
#registrationWizard,
#forgottenPassword,
#resetPassword,
#mjolContainer,
#forgotMemberNumber{
     width: 1024px;
    margin: 0 auto;
    padding-left: 15px;
}

#forcePasswordChangePage {
    padding-left: 80px;
    padding-right: 80px;
}

#mainLoginPage:has(#forcePasswordChangePage > div){
	background:none;
}

#form0 .form .fiLabel{
    font-weight: bold;
}

#form0 #validationSummary.matchfounderror {
	background-color: #a4ebad !important;
    border: 1px solid #a4ebad !important;
}

#loginEntry1 .formItem .fiLabel .display-label {
	font-weight: normal;
	font-size: 14px;
}

#mainLoginPage #siteEntryPoints{
	line-height: 1.2;
}

/* MC-23845 client style changes added */

body{
    letter-spacing: 0px !important;
}
.pageHeader{
    width: 840px;
    max-width: 840px;
    height: 50px;
    max-height: 50px;
}

#mainLoginPage .parent-content-panel{
    display: block;
    position: relative;
    margin: auto;
    padding: 0;
    max-width: 840px;
    padding-top: 5%;
    padding-bottom: 5%;
}
b{
    font-weight: 800 !important ;
    font-family:'CompatilFactLTW01-Regular', Arial, san-serif !important;
}

/* Background */
#mainLoginPage {
    background-size: cover !important;
}

/*logo*/
A#homeLink {
    top: 10px !important;
    width: 100% !important;
    height: 40px !important;
    max-height: 40px;
    max-width: 200px !important;
    margin: 0 !important;
    display: block !important;;
    background-size: contain !important;
    left: 0 !important;
}

A#homeLink:before{
    display: none;
}

/* Headings */

#logging.pageBlurb h2, #downloadApp h2 {
    color: #000 !important;
    font-weight: 100 !important;
    font-size: 24px !important;
}

/*Log in section*/
#loginEntry1 h2{
    font: 24px  'CompatilFactLTW01-Regular', Arial, san-serif !important;
    color: #000 !important; 
    font-weight:100 !important ;
}
#frmLogin label {
    font-family:  'CompatilFactLTW01-Regular', Arial, san-serif !important;   
    color: #000 !important; 
}

#loginEntry1 #frmLogin div.fiLabel, .NotRegisterBody, #mainLoginPage div.pageBlurb, #logging h2 {
    color: #000;
}

.display-label, #mainLoginPage .NotRegisterBody, #siteEntryPoints, #lnkForgottenPassword, #lnkForgottenUserName {
    font-family:'CompatilFactLTW01-Regular', Arial, san-serif;
    font-size: 14px;
}

/* form validation */
#validationSummary {
     font-size: 14px;
    padding: 10px 22px !important;
}


/*first time logging in*/
#logging.pageBlurb button{
    border-radius: 3px;
    padding:15px;
    height: 100% !important;
    width: 80% !important; 
    border-color: #000 !important;

}
#logging.pageBlurb button a{
    color: #000 !important;
    font-weight: 100 !important;
}


/* Download the app section */
#downloadApp, #downloadApp h2 , #siteEntryPoints, #siteEntryPoints h2{
    color: #000;
}

#downloadApp img{
    max-width: 130px !important;
    width: 100% !important;
    height:100% !important;
}

#content:has(div#mainLoginPage){
    width: 100%;
}