/* HostPlus SUPER  */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

/* fonts */
@font-face { font-family: 'Effra-Bold'; src: url('Effra-Bold.eot'); src: url('Effra-Bold.eot?#iefix') format('embedded-opentype'), url('Effra-Bold.woff2') format('woff2'), url('Effra-Bold.woff') format('woff'), url('Effra-Bold.ttf') format('truetype'), url('Effra-Bold.svg') format('svg'); }
@font-face { font-family: 'Effra-Heavy'; src: url('Effra-Heavy.eot'); src: url('Effra-Heavy.eot?#iefix') format('embedded-opentype'), url('Effra-Heavy.woff2') format('woff2'), url('Effra-Heavy.woff') format('woff'), url('Effra-Heavy.ttf') format('truetype'), url('Effra-Heavy.svg') format('svg'); }
@font-face { font-family: 'Effra-Light'; src: url('Effra-Light.eot'); src: url('Effra-Light.eot?#iefix') format('embedded-opentype'), url('Effra-Light.woff2') format('woff2'), url('Effra-Light.woff') format('woff'), url('Effra-Light.ttf') format('truetype'), url('Effra-Light.svg') format('svg'); }
@font-face { font-family: 'Effra-Regular'; src: url('Effra-Regular.eot'); src: url('Effra-Regular.eot?#iefix') format('embedded-opentype'), url('Effra-Regular.woff2') format('woff2'), url('Effra-Regular.woff') format('woff'), url('Effra-Regular.ttf') format('truetype'), url('Effra-Regular.svg') format('svg'); }
@font-face {
    font-family: 'Droid Serif';
    src: url('DroidSerif.eot');
    src: url('DroidSerif.eot?#iefix') format('embedded-opentype'),
        url('DroidSerif.woff2') format('woff2'),
        url('DroidSerif.woff') format('woff'),
        url('DroidSerif.svg#DroidSerif') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Serif';
    src: url('DroidSerif-Bold.eot');
    src: url('DroidSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('DroidSerif-Bold.woff2') format('woff2'),
        url('DroidSerif-Bold.woff') format('woff'),
        url('DroidSerif-Bold.svg#DroidSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}


/* General styles */
html { background: #fff; }
body { font-size: 16px; color: #707372; background: url(images/background.png) -9px center fixed; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

::-moz-selection { color: #002855; background: #ffe366; text-shadow: none; }
::selection { color: #002855; background: #ffe366; text-shadow: none; }

a { color: #002855; }
    a, a:link, a:active, a:visited, #topMenu li a { color: #002855; text-decoration: none; outline: none; }
        a:hover, #topMenu li a:hover { color: #000; text-decoration: underline; outline: none; }

        .accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #000; text-decoration: underline; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 500; line-height: 1.2; color: #002855; }
h1 { font-family: 'Effra-Heavy',Tahoma,Verdana,Geneva,sans-serif; font-size: 78px; font-weight: normal; border-bottom: none; padding-bottom: 0; }
h2 {font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;font-size: 42px;font-weight: normal;border-bottom: none;}
h3 { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; font-size: 20px; }
h4 { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; line-height: 19px; font-weight: normal; }
h5 { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 14px; line-height: 19px; font-weight: normal; }

ul { list-style-position: inside; padding: 5px; list-style-type: square; }
    ul li {padding: 2px 0;}

strong, b { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

p {margin: 0;padding: 0 0 15px 0;line-height: 20px;}
    P.required { font-weight: normal; }

b { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

input, select, textarea { padding: 1px; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

table { font-size: 16px; text-align: left; }
    table th { text-align: center; background: #ffd000; color: #686A69; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; padding: 20px 12px; border: 2px solid #fff; }
    table tbody tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
        table tbody tr:hover { background-color: #fde391; }

        table tbody tr td { padding: 20px 12px; border-top: 1px solid #fff; border: 2px solid #fff; }

#validationSummary { background: #fff2f2; color: #201d1e; border: 1px solid #e56a54; }
    #validationSummary ul { padding: 0; }
        #validationSummary ul li { list-style: none; color: #333; }
div.filterContainer { padding: 20px 12px; background: #ffd000; border: 0; }
div#transactionHistoryFilter .filterItem.filterAction, div#transactionHistoryFilter .filterItem.filterAction .oc-button { margin-left: 0; margin-bottom: 0; }
    #createQuoteButton a { margin: 0; }
#validationSummary.validation-summary-errors { display: block; }
.ui-widget-content { background: #eaeaea; border: 2px solid #d4d5d4; border-radius: 0; }
    .ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable { color: #FFFFFF; }

/* Loading Spinner*/
.loading-container { left: 35%; width: 30%; }
.loading-container #loadingText { color: #002855; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

/* Errors */
.errorContainer { background: #fff2f2 !important; color: #201d1e !important; border: 1px solid #e56a54; }


/* layout */
div#wrapper { text-align: left; padding-bottom: 0; }
#content { width: 985px; margin: 0 auto; background: #fff; padding: 0 15px; }
#mainContent.subPanelled { width: 684px; }
#subPanel { width: 280px; margin: 162px 0 0 15px; float: right; }
div#memberInfoPlaceholder { margin: 0; }
#bottomContent { margin-top: 15px; }
div#container { background: #fff; }

/* headers */
#header { width: 1015px; margin: 0 auto; background: #fff; padding: 0; }
.pageHeader { background: #FFF; position: relative; height: 94px; border-bottom: 0; padding: 8px 8px 15px 8px; }
    .pageHeader h1 { padding: 70px 20px 0 10px; font-size: 25px; line-height: 25px; color: #002855; }
        .pageHeader h1 span.memberonlineheader { color: #19aee5; }
A#homeLink { background: transparent url(Images/logo.png) 0 0 no-repeat; width: 95px; height: 85px; display: block; left: 20px; top: 20px; }

#topMenu { right: 20px; }
    #topMenu select { font-size: 1em; padding: 2px; }
    #topMenu li a { }
    #topMenu DIV.dropDownListControl UL { background: #004088; color: #fff; opacity: 1; }
    #topMenu div.dropDownListControl li:hover { background: #fff; color: #004088; }
    #topMenu div.dropDownListControl li a { color: #fff; }
        #topMenu div.dropDownListControl li a:hover { color: #686A69; }
    #topMenu div.dropDownListControl li:hover a { color: #686A69; text-decoration: none; }

/* Error notice */
.oc-wizard-error { margin: 1em 0; background: #fff2f2; color: #333; border: 1px solid #e56a54; }

/* Buttons */
.oc-button { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; }
    .oc-button:hover { border: 0; background: #004088; }
    .oc-button span { background: none; margin-right: 0; color: #fff; padding: 0; }
        .oc-button span:hover { color: #fff; background: transparent; }
    .oc-button, .oc-button span { font-size: 20px; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

a#btnUpdate { margin: 0 0 0 .75em; }

.backBtn { height: 20px; background: #d4d4d4; color: #fff; position: relative; padding: 7px 25px; border: 0; border-radius: 0; bottom: 0; font-size: 15px; }
    .backBtn:hover { border: 0; background: #d4d4d4; }

a.btnLinkToSubmenuPage, a#btnEventsSeeMore { color: #002855; text-decoration: none; font-weight: normal; }
    a.btnLinkToSubmenuPage:hover, a#btnEventsSeeMore:hover { color: #000; text-decoration: underline; }

#btnNext, #btnSave { margin-left: 5px; }
#btnNext, #btnSave { margin-left: 5px; background: #ffd000; }
    #btnNext:hover, #btnSave:hover { background: #ffe24e; }
    #btnNext span, #btnSave span { color: #000; font-weight: bold; }

#btnResumeContainer a#btnResume.oc-button { padding: 7px 25px; }


/* Nav styles */
#mainMenu { background: #FFF; height: 35px; width: 1015px; border-bottom: 0; margin-top: 10px; }

div.tabs { position: relative; top: 0; left: 0; _margin: 0; }
#tabsMainContent { padding-top: 30px; *padding-top: 4.5em; }

div.tabs ul li { border-bottom: 0; height: auto !important; color: #a2a9ad; margin: 0; position: relative; /* text-align: left; */ }
    div.tabs ul li.active { border: 0px solid #ECECEC; border-bottom: 0; height: 34px; }
DIV.tabs LI.active UL.tabSubLinks, DIV.tabs LI:hover UL.tabSubLinks { display: none; }

div.tabs ul li a { background: none !important; height: 35px; padding: 10px 25px 20px 1em; position: relative; }
    div.tabs ul li a span { background: none !important; font-size: 18px; font-weight: normal; color: #002855; margin: 0 !important; padding: 0; height: 20px !important; border-bottom: 2px solid transparent; padding-bottom: 13px; }
    div.tabs ul li a:visited { background: none !important; }
        div.tabs ul li a:visited span { background: none !important; }
    div.tabs ul li a:hover { background: #fff !important; }
        div.tabs ul li a:hover span { background: #fff !important; color: #002855; border-bottom-color: #ffd000 !important; }
    div.tabs ul li a:active { background: none !important; }
        div.tabs ul li a:active span { background: #fff !important; }

.tabs > ul > li:hover > a:after { content: "\f106"; font-family: "FontAwesome"; position: absolute; right: 6px; top: 12px; font-size: 18px; color: #002855; }
.tabs > ul > li > a:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 6px; top: 12px; font-size: 18px; color: #002855; }

div#tabContainer ul li:hover .tabSubLinks { display: block; }

div.tabs ul li.active, div.tabs ul li.active a { height: 33px; }
    div.tabs ul li.active a span { height: auto; background: #fff !important; color: #002855; }
    div.tabs ul li.active a { background: #fff !important; }
        div.tabs ul li.active a:visited { background: #fff !important; }
            div.tabs ul li.active a:visited span { background: #19aee5; }
        div.tabs ul li.active a:hover { background: #FFF !important; color: #ee7518; }
            div.tabs ul li.active a:hover span { background: #fff; border-bottom-color: #ffd000 !important; }
        div.tabs ul li.active a:active { background: #fff; }
            div.tabs ul li.active a:active span { background: #fff; }
div.tabs ul li:hover a span { border-bottom-color: #ffd000 !important; }

div.tabs ul ul.tabSubLinks { width: 100%; min-width: 180px; margin: 0; border-bottom: none; padding: 0; display: block; top: 50px; height: auto; padding-top: 0px; /* display: none; */ background-color: #fff; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color; left: 0; display: none; box-shadow: 0 6px 11px rgba(0,0,0,.15); padding: 20px 20px; right: 0; box-sizing: border-box; }
    div.tabs ul ul.tabSubLinks li { border: none; margin: 0; float: none; }
        div.tabs UL UL.tabSubLinks li a { padding: 10px 0; font-size: 16px; color: #002855 !important; text-decoration: none; background: none; float: none !important; height: auto !important; display: block; text-align: left; }
        div.tabs UL UL.tabSubLinks li.subActive a { text-decoration: none; background: #fff !important; color: #002855 !important; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color; }
        div.tabs ul ul.tabSubLinks li a:visited { color: #FFF; text-decoration: none; background: none; }
        div.tabs ul ul.tabSubLinks li a:hover { background: #fff !important; color: #002855 !important; text-decoration: underline; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color; }
        div.tabs ul ul.tabSubLinks li.active a { text-decoration: none; font-weight: normal; background: none; }



/* Login styles */
.loginLeftContent .pageBlurb p .register-btn { color: #fff; border-radius: 0; padding: 7px 40px 7px 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; font-size: 20px; line-height: 1.5em; display: inline-block; height: auto; background: #002855; text-decoration: none !important; }
    .loginLeftContent .pageBlurb p .register-btn:hover { background: #004088; }
    .loginLeftContent .pageBlurb p .register-btn:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }
    .loginLeftContent .pageBlurb {padding: 0 !important} /* Here for aflw campaign tile*/

#mainLoginPage h1 { border-bottom: none; margin: 20px 0; }
#mainLoginPage div.pageBlurb { float: left; line-height: 1.4em; margin: 0; }
.memberJoin p a { display: inline-block; padding: 7px 40px 7px 20px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; background: #002855; color: #fff; font-size: 20px; text-decoration: none !important; line-height: 1.5em; }
    .memberJoin p a:hover { background-color: #004088; }
    .memberJoin p a:after, #registrationEntry p a:after, #loginEntry div.formAction a#btnLogin:after, a#btnSubmit:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }
#mainLoginPage div.pageBlurb ul li { line-height: 1.3em; font-weight: normal; font-size: 1.1em; list-style-type: square; }
#mainLoginPage div.pageBlurb h3 { padding-bottom: 10px; font-size: 24px; }
div.maintenanceMessages { margin: 2em 0 1em; background: white; }
#mainLoginPage .loginLeftContent .pageBlurb {padding: 20px;box-sizing: border-box;background: #f1f1f1;width: 525px;}

.maintenanceMessages { border-color: #e76a55 !important; text-align: center; padding: 20px; background: #fff !important; }
.maintenanceMessages font { color: #e76a55 !important; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif !important; font-size: 15px; }
.maintenanceMessages font u { font-size: 24px; }

div#customContentOne { margin-bottom: 20px; }

#siteEntryPoints {margin-bottom: 1em;float: right;width: 400px;padding: 0 0 0 20px;border-left: 2px solid #ffd000;}
    #siteEntryPoints h2 { color: #002855; }

#loginEntry { border: 0; background: #fff; width: 360px; margin-left: 0; margin-right: 0; padding: 20px; border-radius: 0; position: relative; padding: 5px 20px 20px 20px; }
    #loginEntry h2 { color: #002855; line-height: 22px; padding-bottom: 15px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; border: 0; font-size: 24px; }
div#loginEntry span.reqStar { display: none; }

    #loginEntry .formItem { float: left; width: 100%; position: relative; }
    #loginEntry div.fiLabel { width: 145px; padding-top: 6px; color: #002855; font-weight: normal; float: left; }
    #loginEntry div.fiElem { width: 205px; float: right; }
        #loginEntry div.fiElem input { border: 0; padding: 5px; width: 100%; box-sizing: border-box; border: 1px solid #000; }


    #loginEntry div.formAction a { color: #002855; text-decoration: none; }
        #loginEntry div.formAction a:hover { text-decoration: underline; }
    #loginEntry div.formAction #lnkForgottenPassword { position: absolute; bottom: 0; font-size: 14px; line-height: 16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

    #loginEntry div.formAction a#btnLogin { height: auto; background: #002855; color: #fff; position: relative; padding: 7px 40px 7px 20px; float: right; border: 0; border-radius: 0; line-height: 1.5em; margin-bottom: 0; }
        #loginEntry div.formAction a#btnLogin span { font-weight: normal; color: #fff; line-height: 1.5em; height: auto; }
        #loginEntry div.formAction a#btnLogin:hover { background: #004088; color: #fff; }
            #loginEntry div.formAction a#btnLogin:hover span { background: transparent; color: #fff; }
    #loginEntry div.formAction a.oc-button span:hover { background: transparent; color: #005cab; }

#registrationEntry { padding: 20px; width: 360px; line-height: 1.2em; }
    #registrationEntry h2 { border-bottom: none; font-size: 24px; }
#registrationEntry h3 { margin: 20px 0 0 0; } 
    #registrationEntry p {  padding: 0; }
#registrationEntry p a:after { display: none; }
      /*
          #registrationEntry p a { background: #002855; color: #fff; border-radius: 0; margin-top: 15px; padding: 7px 40px 7px 20px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; font-size: 20px; line-height: 1.5em; display: inline-block; height: auto; }
            #registrationEntry p a:hover { background: #004088; color: #fff; text-decoration: none; }

      */  

.oc-wizard-buttons A#btnCancel { vertical-align: top; float: left; text-decoration: none !important; margin-top: 8px; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: Effra-Bold,Tahoma,Verdana,Geneva,sans-serif; font-size: 20px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; margin: 0; background-color: #002855; /* line-height: 1.5em; */ }
    .oc-wizard-buttons A#btnCancel:hover { background-color: #004088; color: #fff; }
div#registrationWizard .oc-wizard-buttons #btnCancel span { color: #fff; text-decoration: none !important; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; line-height: 22px; font-weight: normal; }
    div#registrationWizard .oc-wizard-buttons #btnCancel span:hover { color: #fff; }

div#userReg .fiLabel label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#mainLoginPage,
#registrationWizard,
#forgottenPassword { padding-top: 0; }

.btnLinkToFullPage { color: #000 !important; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; background: #ffd000; text-decoration: none !important; font-size: 20px; }
    .btnLinkToFullPage:hover { background: #ffe24e; }

#contactUsContainer .formAction { margin-left: 325px; }

div#contactUsFormContainer a#btnSubmit { background: #ffd000; padding: 9px 20px 9px 18px; }
    div#contactUsFormContainer a#btnSubmit span { color: #000; }
    div#contactUsFormContainer a#btnSubmit:hover { background: #ffe24e; }
a#btnSubmit, a#btnChange { background-color: #002855; margin: 0 0 0 10px; padding: 9px 40px 9px 18px; line-height: 22px; color: #fff; }
    a#btnSubmit:hover, a#btnChange:hover { background-color: #004088; color: #fff; }
    a#btnSubmit span, a#btnChange span { color: #000; }
        a#btnSubmit span:hover, a#btnChange span:hover { background: none; }

.ui-widget { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

/* Terms and Conditions */
#termsAndConditionsContainer .content { width: 98%; }
div#termsAndConditionsContainer table tr { background: none; }
    div#termsAndConditionsContainer table tr td { padding: 0; }
div#termsAndConditionsContainer table { float: right; }

a#btnLogout, #btnAccept { background: #ffd000; }
    a#btnLogout span, #btnAccept span { color: #000; }
    a#btnLogout:hover, #btnAccept:hover { background: #ffe24e; }
div#topMenu .Logout { margin-left: 50px; }

/*Registration */
#userReg h3 { color: #666666; font-size: 1.6em; }
#userReg .termsConditions { padding: 5px; margin: 20px 0 0 0; }
#secQuestions p { clear: both; padding-top: 10px; }
#secQuestions .SecurityQuestionTitle, #subscriptionContainer .CommunicationPreferencesTitle, div#tfnSectionContainer h3, .declarationHeader { color: #002855 !important; font-size: 42px !important; }
div#tfnSectionContainer h3 { float: none; }
div#tfnConsentContainer { background: #eaeaea; padding: 20px; }
#userReg .termsConditions h3 { display: block; float: none; }
form#wizardContainerregistrationWizard p.required { margin: 0; }
div#registrationWizard .oc-wizard-buttons { float: none; }
    div#registrationWizard .oc-wizard-buttons a#btnCancel { float: none; }
    div#registrationWizard .oc-wizard-buttons a#btnPrevious { float: left; }

div#declarationContainer p { font-weight: normal; }

/* Subpages styles */
#subPageBody .pageBlurb { margin: 0 0 1em; width: 100%; }

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { /* background: url(Images/dash_top.jpg) repeat-x top left; */ padding: 0.7em 1em 1em 1em; width: 288px; border: 1px solid #d4d5d4; }
#dashboard .dashboardBoxLarge { background: url(Images/dash_top.jpg) repeat-x top left; border: 1px solid #d4d5d4; }

#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #818285; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; margin: 5px 0px; font-weight: normal; }
#dashboard .controlHeader { width: 100%; color: #002855; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; margin: 0 0 15px 0; font-size: 1em; }
div#prominentCurrentBalance { color: #002855; }

#divInsuranceCover { font-size: 1em; }
div#divInsuranceCover .fiLabel label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#activityTable td { padding: 4px 2px 4px 0px; font-size: 0.8em; }
#activityTable { margin-bottom: 10px; }
.highcharts-axis-labels tspan { color: #818285; fill: #818285; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }
#chart1 #currentBalanceText { font-size: 16px; }
#activityTable, #eventTable { text-align: right; }
table#activityTable tbody tr { background: #fff !important; }
#activityTable td.date, #activityTable td .description, #eventTable td.date, #eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #CCCCCC; color: #666; }
#eventsAccordion .header .title { color: #666; }

#dashboard .accountBalanceLegendTextBlock { font-size: 13.5px; }
    #dashboard .slick-content { padding: 0 0 20px 0; max-width: 660px; width: 100%; }
    #dashboard .slick-track, #dashboard .slick-initialized .slick-slide { width: 100% !important; }

    /*#dashboard > .slick-content { display:none; }*/

/* Asset allocation*/
#assetAllocationDashboard .chartLegend { margin-left: 15px; }
div#assetAllocation tbody tr { background: #fff !important; }
div#assetAllocationDashboardChart table tr { background: #fef0c3 !important; }
    div#assetAllocationDashboardChart table tr:hover { background-color: #fde391 !important; }
div#assetAllocationDashboardChart table .even { background: #eaeaea !important; }
div#assetAllocationDashboardChart .oc-button { margin-left: 0 !important; }
div#assetAllocationDashboardChart .formAction { text-align: left; }
div#assetAllocationDashboardChart table tbody tr td { padding: 20px 12px !important; vertical-align: middle !important; }

div#assetAllocationDashboardChart, 
div#assetFutureAllocationDashboardChart { width: auto; }

div#dashboardAccountBalanceChartTitle, div#dashboardFutureAccountBalanceChartTitle { color: #002855; text-align: center; }
div#assetFutureAllocationDashboardChart .pageBlurb { margin-top: 40px; text-align: left; font-size: 14px; text-align: center; }


div#assetAllocation #divLegendData ul { padding: 0; margin: 0; }
div#assetAllocation #divLegendData ul li { width: auto !important; margin: 0 20px 0 0; list-style-type: none; }

div#assetAllocation table tbody tr td { padding: 0; vertical-align: top; }
div#assetAllocation #assetFutureAllocationDashboard #divLblDate { text-align: center; }

/* Action Link */
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer { margin: 35px 20px; background-color: transparent; float: none; padding: 0; width: auto; }
    #dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a { background: #096309; color: #FFF; text-decoration: none; padding: 10px; font-weight: bold; border: 1px solid #fff; }
#dashboard .dashboardBoxSmall .actionLinkContainer,
#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #002855; display: inline-block; font-weight: normal; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal;; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; border-radius: 0; font-size: 20px; width: auto; }
    #dashboard .dashboardBoxSmall .actionLinkContainer a,
    #dashboard .dashboardBoxLarge .actionLinkContainer a { background: none; color: #FFF; padding: 0; }

/* Member Info Box */
#memberInfoBox { background: #ffe24e; border: 0; }
    #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
    #memberInfoBox li.memberInfolist { font-size: 0.9em; word-wrap: break-word; }
#memberInfoBox .memberInfolist span:first-child, #memberInfoBox .memberInfolist span:last-child { width: 50%; }
label.display-label { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div#employerdetails td, div#employerdetails th { font-size: 16px !important; }

/* Resume Application */
div#btnResumeContainer a { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; }
    div#btnResumeContainer a span { color: #fff; font-size: 20px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; height: 22px; line-height: 22px; }
    div#btnResumeContainer a:hover, form#frmForgotApplication div#btnContinueContainer a:hover { background: #004088; text-decoration: none; }
form#frmForgotApplication a#btnSubmit { padding: 9px 20px 9px 18px; }
    form#frmForgotApplication a#btnSubmit:after { display: none; }
form#frmForgotApplication div#btnContinueContainer a { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; }
    form#frmForgotApplication div#btnContinueContainer a span { line-height: 22px; }


/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; width: 320px; *width: auto; margin-bottom: 1em; }


div#employerdetails th { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
#AccountSummaryRightContainer { margin-left: 20px; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
    #AccountSummaryLeftContainer a,
    #AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; color: #707372; text-transform: capitalize; }
    div#AccountSummaryLeftContainer legend, #AccountSummaryRightContainer legend { font-size: 20px; }
div#AccountSummaryContainer legend a { font-size: 16px; margin-top: 5px; }
legend { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 1em; width: 310px; color: #002855; padding: 7px 0px; margin-bottom: 0.5em; font-size: 30px; }
.accountsummarydetailcontainer { padding-top: 5px; }
div#beneficiarydetails td { background: #fff !important; }
div#employerdetails tbody tr { background: #fff !important; }
.accountsummarydetailcontainer th { background: none; color: #818285; }
fieldset div.fiLabel { width: 32%; *width: 100px; }
#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; }
#updateMemberProfile .form > div.formItem { border: 1px solid #666; background: #f0f0f0; padding: 1em; }
#updateMemberProfile .form > div.formAction { border: none; background: none; padding: 0; }
#membershipdetails .fiLabel { width: 120px; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
table.beneficiariestable tbody .odd { background: #eaeaea; }
#communicationDetails .header { border: none; height: auto; }

div#updateMemberProfile a#btnBack { background-color: #ffd000; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #000; font-size: 20px; line-height: 22px; float: left; margin: 0; text-decoration: none !important; }
    div#updateMemberProfile a#btnBack:hover { background: #ffe24e; }
div#updateMemberProfile a#btnConfirm { margin-bottom: 0; }
div#updateMemberProfile a.btnLinkToContainerNoHistory:hover { text-decoration: none !important; background: #004088; }

/* Beneficiaries */
table.beneficiariestable { text-align: left; }
#beneficiaries th { text-align: left; background: #ffd000; color: #686A69; font-size: 16px; font-weight: normal; border: 2px solid #fff; padding: 20px 12px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
    #beneficiaries TH.tableActions, #beneficiaries TD.tableActions { text-align: left; }
.highcharts-tooltip span { background: #fff; }
#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; }
#beneficiaries td.tableActions { font-size: 0.8em; }
#beneUpdatedMsg { background: none; border: 1px dotted #FF4F4F; color: #FF4F4F; }
tr.total td,
tr.noRecords td { border-top: 1px solid #ffd000; border-bottom: 1px solid #CCC; }
#beneficiaries TR.total TD, #beneficiaries TR.noRecords TD { padding: 20px 12px; line-height: 24px; vertical-align: top; border-top: 1px solid #fff; }
div#beneDetailsContainer a#btnDetailsCancel { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; font-size: 20px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
    div#beneDetailsContainer a#btnDetailsCancel:hover { background: #004088; text-decoration: none; }
    div#beneDetailsContainer a#btnDetailsCancel span { line-height: 21px; height: 22px; color: #fff; }

a#btnBackToList, a.btnLinkToContainerNoHistory { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; }
    a#btnBackToList span, a.btnLinkToContainerNoHistory span { color: #fff; font-size: 20px; }

table.beneficiariestable td { text-align: left; }
table.beneficiariestable .benefit span { float: none; }

div#beneOverviewContainer .formItem.formAction a { margin-bottom: 0; }

div#beneDetailsContainer .formItem.formAction a { margin-bottom: 0 !important; }

/* Payment Options */
#paymentOptionFilters { text-align: left; background: #ffd000; color: #686A69; font-weight: normal; font-size: 16px; border: 0; padding: 20px 12px; line-height: 24px; vertical-align: top; border-top: 1px solid #fff; }
    #paymentOptionFilters .oc-radiogroupex li label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#paymentOptions .paymentOptionImage { height: 50px; }
#paymentOptionFilters .oc-radiogroupex li { font-weight: bold; padding-right: 10px; font-size: 1em; }
#paymentOptions td { padding: 5px; }
#currentPaymentType { color: #666; font-size: 1.3em; }
.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: 1.6em; color: #666666; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: #ffd000; color: #686A69; border: none; padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; }
#balanceEnquiryFilter { text-align: left; color: #666; font-size: 1em; font-weight: bold; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin: 0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; }
.legendTitle { font-size: 1.3em; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: 2px solid #fff; }
tr.total td { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
.nocContainer, hr { border: none !important; border-top: 1px solid #d4d4d4 !important; background-color: #d4d4d4; }
#balanceEnquiryFilter .dropdown { width: 115px; }

/* Balance History */
div#accountBalanceHistoryChart td, div#accountBalanceHistoryChart tr { background: #fff; }
table#balanceEnquiryPreservationTable th, table#balanceEnquiryPreservationTable td { text-align: left; }
.highcharts-tooltip table tr td { font-size: 12px; }

/* Benefit Quote */
#pageBenefitQuote .pageBlurb { display: none; }
#benefitQuote .sectionTitle { font-size: 1.6em; color: #002855; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#quoteDate { font-size: 1.25em; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 150px; }
th.benefitType,
th.preservationType,
th.taxType { padding: 20px 12px; }
#benefitQuote tr.header td { color: #666; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
#benefitQuote tr.footer td { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; font-weight: normal; }
#benefitQuote tr.lineItem td { padding-left: 20px; }
.summaryBenefit { background: #ffd000; color: #464646; margin-top: 7px; }
    .summaryBenefit table { background: #FFF; clear: both; }
    .summaryBenefit div { padding: 20px 12px; color: #686A69; margin: 0; }

summaryBenefit table tbody tr:nth-child(even) { background: #eaeaea; }
div#componentsTable tr:nth-child(odd) { background: #eaeaea; }
div#componentsTable .total { background: #fef0c3 !important; }

div#pageBenefitQuote table tr:nth-child(odd) { background: #eaeaea; }
.summaryBenefit td { border-left: 0; }
    .summaryBenefit td:last-child { border-right: 0; }

#createQuoteButton { margin-left: 20px !important; text-align: right !important; }

#radioFilters { margin-top: 20px; }
#radioFilters #employmentStatus { margin-bottom: 10px; }

/* Transaction History */
#gview_transactionHistoryGrid th { background: #ffd000; color: #686A69; padding: 0.5em; border: none; }
    #gview_transactionHistoryGrid th div { color: #686A69; }
        #gview_transactionHistoryGrid th div:hover { text-decoration: underline; }
div#transactonHistory .ui-jqgrid-hbox th { font-size: 16px; padding: 20px 12px; width: auto !important; border: 2px solid #fff; text-align: center; border-bottom: 0; }
table#transactionHistoryGrid tr.jqgfirstrow { display: none; }
#gview_transactionHistoryGrid th:nth-child(3) { text-align: right !important; }
#transactionHistoryGrid td { vertical-align: middle; padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; font-size: 16px; width: auto !important; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }
#transactionHistoryGrid tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
    #transactionHistoryGrid tr:hover { background-color: #fde391; }
div#transactonHistory table.ui-jqgrid-ftable tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
    div#transactonHistory table.ui-jqgrid-ftable tr:hover { background-color: #fde391; }
div#gbox_transactionHistoryGrid .ui-jqgrid-sdiv td { padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; font-size: 16px; width: auto !important; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: normal; }

div#gview_transactionHistoryGrid .ui-state-default.ui-jqgrid-hdiv { border: 0; }

#gview_transactionHistoryGrid th.received { padding-left: 0; }
#gview_transactionHistoryGrid th.transactionType { padding-left: 0; text-align: left; }

.ui-jqgrid .ui-jqgrid-ftable TR { border-top: 1px solid #ccc; }
DIV.filterItem, #filterTransactionType, #filterAccountType { font-size: 16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
DIV.ftElem DIV.dateRange input#BeginDate, DIV.ftElem DIV.dateRange input#EndDate { width: 75px; }
table.noRecords tr:hover { background: #fde391; }
table.noRecords tr { background: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }

div#tooltip { border: 0; background: #eaeaea; width: auto; }
    div#tooltip table tr td { background: #eaeaea; border: 0; }

#filterDateRange, DIV.ftElem DIV.dateRange LABEL { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; }
    #filterDateRange .ftLabel { font-size: 16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
label #customDate { margin-left: 5px; }
DIV.ftElem DIV.dateRange { margin-left: 10px; }
div#customDateBox { display: block; margin: 10px 0 0 0; }
DIV.ftElem DIV.dateRange input#BeginDate, DIV.ftElem DIV.dateRange input#EndDate { width: 90px; }

#transactonHistory .ui-jqgrid tr.jqgfirstrow td { padding: 0; }
table#insuranceCoverGrid tbody tr.jqgfirstrow td { padding: 0; }

#transactionHistoryGrid .viewLink { font-style: normal; text-decoration: underline; }
table.ui-jqgrid-htable th { text-align: left !important; }
#transactionHistoryGrid td.total { text-align: center !important; }

table.ui-pg-table td { font-size: 14px; border: 0; }
.ui-jqgrid .ui-pg-input { height: 22px; }
div#transactionHistoryGrid_pager { border-bottom: none !important; }

table.ui-jqgrid-htable th div { text-align: left !important; }

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { padding: 2px 1em; }
#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; width: 100px; }
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: 140px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #666; padding: 0.7em 0; border: none; }
    #investmentEnquiryFilter .filterItem li { font-size: 1em; font-weight: bold; display: inline-block !important; }
div.currentInvestments th.ioInvestOptions { /*width: 160px;*/ }
#investmentOptions tr.metaHeading span { border: 0; }
#investmentOptions tr.metaHeading th { color: #666; padding: 6px 1em; }
#investmentOptions tr.rowHeading td { background: #FFFFFF; color: #000; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; padding: 7px 1em; font-weight: normal; }
#investmentOptions TD.ioInvestOptions { padding: 7px 1em; }
#investmentOptions input { text-align: right; }
TR.rowHeading TD { background: #eaeaea !important; }
div#investmentOptions .even { background: #eaeaea; }

P#hasPendingSwitch { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

#investmentReturnContainer td { border: 0; }
table.ui-jqgrid-htable tr.ui-jqgrid-labels { border-left: 1px solid #fff; }

a#btnGetChart { background: none; padding: 0; display: block; float: none !important; margin: 20px 0 0 0 !important; text-align: right; }

    a#btnGetChart span { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; margin-bottom: 0; }
        a#btnGetChart span:hover { background: #004088; }

#investmentOptionsLeft { width: 49%; float: left; }
div#investmentEnquiry #dioContainer .halfColumn { width: 100%; margin-bottom: 0; }
div#accessDIOOnlineContainer div#collapseTitle { text-align: left; color: #002855; }
div#accessDIOOnlineContainer .titleText { color: #002855; text-align: left; }
div#accessDIOOnlineContent { height: auto; }
div#investmentOptions th, div#investmentOptions td { text-align: left; }
div#investmentOptions tbody .even { background: #eaeaea; }

div#investmentEnquiry div#dioDetailsContent .oc-button { margin-right: 10px; }
#grandTotalContainer .grandTotalAmount { font-size: 16px; }

#investmentOptions { margin: 0; }

form#fmInvestmentOptionsEdit .formItem { text-align: left; }
form#fmInvestmentOptionsEdit a#btnBack { text-decoration: none !important; background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; float: left; margin-left: 0; }
form#fmInvestmentOptionsEdit a#btnContinue { background-color: #ffd000; }
    form#fmInvestmentOptionsEdit a#btnContinue:hover { background-color: #ffe24e; }
div#investmentEnquiryContainer a.btnLinkToContainerNoHistory:hover, div#investmentEnquiryContainer a#btnBack:hover { background-color: #004088; text-decoration: none !important; }

#investmentEnquiry .lifeStage-tooltip { background: url(/Content/Styles/HC/Images/help36.png) center center no-repeat; background-size: contain; margin: 0 3px; }

/* Investment returns */
#investmentReturn .filterContainer { height: auto; }
div#investmentReturnContainer svg { height: 450px; }
div#investmentReturnContainer div#investmentReturnChartContainer .highcharts-container { height: 450px !important; }
table.ui-jqgrid-htable th div { text-align: left !important; }


/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th, .ui-jqgrid-htable th { background: #ffd000; border: none; border-right: 2px solid #fff; width: 146px !important; padding: 10px 12px; }
    #gview_insuranceCoverGrid th td, .ui-jqgrid-htable th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #686A69; }
    #gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_insuranceCoverDetailGrid th, .ui-jqgrid-htable th, .ui-widget-content TH.ui-state-default { background: #ffd000; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #686A69; }
    #gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
.ui-jqgrid .ui-jqgrid-htable th div { padding: 2px 4px 6px 0px; }
#gview_ConsolidateSuperOverviewGrid tr td { padding: 0; border: 1px solid #ddd; }
.ui-widget-content TR.ui-row-ltr { border-top: 0; }
div#insuranceCover .ui-widget-content { background: #fef0c3; border: 0; }
div#insuranceCover .ui-state-highlight { background: #fde391; }
#insuranceCover td { border-color: #fff; font-size: 16px; padding: 20px 0; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; text-align: center !important; width: 172px !important; }

div#gbox_insuranceCoverGrid .ui-state-default.ui-jqgrid-hdiv { border-bottom: 0; }
div#insuranceUnderWritingDiv a[href="http://www.hostplus.com.au/insurance/applying-online"] { color: #fff; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; background: #002855; text-decoration: none !important; font-size: 20px; }
    div#insuranceUnderWritingDiv a[href="http://www.hostplus.com.au/insurance/applying-online"]:hover { background: #004088; }
div#insuranceUnderWritingDiv p u { text-decoration: none; color: #002855; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#gbox_insuranceCoverDetailGrid .ui-jqgrid-htable tr th { border: 2px solid #fff; padding: 10px 12px; border-bottom: 0; }
#gbox_insuranceCoverDetailGrid .ui-jqgrid-htable tr th:first-child { border-left: 0; }
#insuranceCover #gview_insuranceCoverDetailGrid .ui-state-default.ui-jqgrid-hdiv border-bottom: 0; { border-bottom: 0; }
#insuranceCover #insuranceCoverDetailGrid td { width: 172px !important; text-align: left !important; padding: 20px 12px !important; box-sizing:border-box; }
#insuranceCover #insuranceCoverDetailGrid td:first-child { border-left: 1px solid #fff; }
#gview_insuranceCoverDetailGrid .ui-state-default.ui-jqgrid-hdiv { border-bottom: 0; }
#insuranceCover #insuranceCoverDetailGrid .jqgfirstrow { display: none; }
#insuranceCoverGrid tr td { text-align: left !important; padding: 20px 12px; }

#gbox_insuranceCoverDetailGrid #gview_insuranceCoverDetailGrid .ui-jqgrid-htable tr th, #insuranceCover .ui-jqgrid-bdiv #insuranceCoverDetailGrid td { width: auto !important; }

/* Unit Prices */
.unitPricesGenerateButtonMargin { margin: 10px 0 0 3px; }
.filterItem.filterAction.unitPricesFilterInline.unitPricesGenerateButtonMargin { display: block !important; margin: 0 !important; text-align: right; }
    .filterItem.filterAction.unitPricesFilterInline.unitPricesGenerateButtonMargin a { margin: 20px 0 0 0; }

/* Consolidate Super */
#superEditContainer .pageBlurb { display: none; }
#superEditContainer #FundNameToSearch { margin-left: 5px; }
#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th { padding-top: 10px; }
#consolidationFieldsetContent ul li { padding-bottom: 5px; font-size: 1em; }

.fundselectionlistresult table#tbFundList { width: 684px !important; }

table.fundselectionlistheader tr th:nth-child(2) { width: 200px !important; }
table.fundselectionlistheader tbody tr th:first-child { width: 200px !important; }
table.fundselectionlistheader tbody tr th:last-child { width: 200px !important; }
.fundselectionlistresult #tbFundList tbody tr td { width: 200px !important; border-top: 1px solid #fff; border: 2px solid #fff; }
.fundselectionlistresult #tbFundList tbody tr td:first-child { width: 200px !important; }

div#eRolloverGridContainer { overflow-x: scroll; }

div#gview_ConsolidateSuperOverviewGrid tr { border: 0; }
div#gview_ConsolidateSuperOverviewGrid th { padding: 20px 12px !important; border-right: 2px solid #fff; width: 72px !important; }
    div#gview_ConsolidateSuperOverviewGrid th div { color: #686A69; font-size: 14px; height: auto !important; }
table#ConsolidateSuperOverviewGrid tr td { padding: 20px 12px; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-size: 11px; border: 0; border-right: 2px solid #fff; border-top: 2px solid #fff; width: 72px !important; text-align: left !important; }
table#ConsolidateSuperOverviewGrid tr.jqgfirstrow { display: none; }
div#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-sdiv { display: none; }
table#ConsolidateSuperOverviewGrid tr { background: #fef0c3; }
table#ConsolidateSuperOverviewGrid tr:hover { background: #fde391; }
div#gbox_ConsolidateSuperOverviewGrid div#gview_ConsolidateSuperOverviewGrid > .ui-state-default.ui-jqgrid-hdiv { border-bottom: 0; }

#superMatch2FundDetailContainer .superMatch2AccountCategoryHeader .superfundAccountDetails .superFundDetails .fundMemberDetails .status { left: 200px; }

/* Messages */
#gview_MessageGrid th { background: #ffd000; border: none; padding: 0.5em; border: 2px solid #fff; }
    #gview_MessageGrid th:nth-child(4) { width: auto !important; }
    #gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #686A69; padding: 20px 12px; font-size: 16px; }
    #gview_MessageGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
ul.messageNavBar li,
#messageNavBar ul li { display: inline; margin: 0 10px 0 0; }
    ul.messageNavBar li a,
    #messageNavBar ul li a { color: #666; text-decoration: none; }
        ul.messageNavBar li a:hover,
        #messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }
#messagesContainter .topBar ul li a { background: #28344E; }
div#messagesContainter .noRecords tbody tr td { padding: 20px 12px; font-size: 16px; }
#messageHeader { color: #666666; }
span.ui-grid-ico-sort.ui-icon-asc.ui-icon.ui-icon-triangle-1-n.ui-sort-ltr { background-image: url(images/hostplus-uparrow.png); margin: 0; background-position: center; }
span.ui-grid-ico-sort.ui-icon-desc.ui-icon.ui-icon-triangle-1-s.ui-sort-ltr { background-image: url(images/hostplus-downarrow.png); margin: 0; background-position-x: center; background-position-y: 7px; height: 20px; }

#gview_MessageGrid table.ui-jqgrid-htable thead tr th div { padding: 0; margin: 0; }
#gview_MessageGrid table.ui-jqgrid-htable thead tr th { padding: 20px 12px; }
#MessageGrid tbody tr.jqgfirstrow { display: none; }
#MessageGrid tbody tr td { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; padding: 20px 12px; border-top: 0; }
#MessageGrid tbody tr { border-right: 0; border-bottom: 2px solid #fff; background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
div#gview_MessageGrid .ui-state-default.ui-jqgrid-hdiv { border-bottom: 0 !important; }
#MessageGrid tbody tr:last-child { border-bottom: 0 !important; }
    #MessageGrid tbody tr:last-child td { border-bottom: 0 !important; }
#MessageGrid tbody tr:hover { background: #fde391; }
#MessageGrid tbody tr.ui-state-hover td a { color: #002855; }
    #MessageGrid tbody tr.ui-state-hover td a:hover { color: #000; text-decoration: underline; }
#MessageGrid_pager div#pg_MessageGrid_pager table tbody tr td { border: 0; }
#MessageGrid_pager table tbody tr:hover { background: #fef0c3; }
#MessageGrid_pager { border-bottom: 0 !important; }
    #MessageGrid_pager table tbody tr td div { margin-top: 5px; }

table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Date"] { width: 100px; }
table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Message Title"] { width: 402px; }
table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Action"] { width: 100px; }

.navBar { width: 500px !important; }
    .navBar.topBar { display: none; }
div#messageHeader { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div#messageBody { margin: 10px 0; border: 1px solid #eaeaea; }
.messageNavBar li a { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff !important; font-weight: normal; font-size: 20px; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; text-transform: Capitalize; }
    .messageNavBar li a:hover { background: #004088; text-decoration: none; }

div#gbox_MessageGrid th#MessageGrid_Date { width: 100px !important; }
div#gbox_MessageGrid #gview_MessageGrid th:nth-child(4) { width: 402px !important; }

#messagesContainter a.messageOk.btnLinkToFullPage { background: #ffd000; color: #000 !important; }
#messagesContainter a.messageOk.btnLinkToFullPage:hover { background: #ffe24e; color: #000; }

/* Correspondence */
#gbox_correspondenceGrid { border: none; margin-top: 20px; }
#gview_correspondenceGrid th { background: #ee7518; border: none; padding: 0.5em; }
    #gview_correspondenceGrid th td { border: none; }
#gview_correspondenceGrid div.ui-jqgrid-sortable { color: white; }
#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: 1em; margin-left: 0; }

/* Roll your super */
#superListContainer .fundselectionlistbody tr:hover { background-color: #fde391 !important; }
div#smsfWarningContainer, #smsfMessageContainer { border: 0; background: #eaeaea; }
div#messagesBox ul { font-size: 14px; }

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header,
#alertAccordion.ui-accordion .ui-accordion-header { background: #002855; border: #002855; border-bottom: 0; color: #FFF; font-weight: normal; margin-top: 0; padding-left: 1em; border-radius: 0; font-size: 14px; }
#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; }

#alertAccordion ul li { font-size: 14px; }

#alertBox .ui-widget-content { border: 1px solid #d4d5d4; background: #FFF; border-top: 0; }

div#ui-accordion-alertAccordion-panel-0 a { color: #002855; }
    div#ui-accordion-alertAccordion-panel-0 a:hover { color: #000; text-decoration: underline; }

.campaignSection { border: 1px solid #ECECEC; }
.campaignSectionHeader { background-color: #ECECEC; }
.collapsibleContainerTitle { border-bottom: 1px solid #ECECEC; color: #666; background: #F6f6f6; }

/* contact us */
#contactUsFormContainer .pageBlurb { display: none; }
.feedbackHeader .label { color: #201d1e; }
div#contactUsFormContainer a.btnLinkToFullPage { background: #002855; color: #fff !important; }
    div#contactUsFormContainer a.btnLinkToFullPage:hover { background: #004088; }

#frmContactUs .formItem .fiLabel, #frmContactUs .label { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

div#contactUsFormContainer #btnSubmit:after { content: none; }

/* Footer */
#footer { background: #eaeaea url(images/footer-shadow.png) 0 0 repeat-x; color: #686A69; font-weight: bold; border: 0; text-align: right; padding: 20px; min-height: 100px; min-width: 1015px; }
ul.footer { width: 1015px; padding: 0 15px; box-sizing: border-box; }
    ul.footer li { padding: 0 15px 0 0; margin: 0; color: #eed9c2; font-size: 11px; line-height: 11px; }
        ul.footer li a { padding: 0; font-size: 16px; line-height: 11px; }
    ul.footer a:link, ul.footer a:visited { color: #686A69; }
    ul.footer a:hover { text-decoration: underline; }
#footerContainer #subFooterResourceContainer { color: #ffffff; }
    #footerContainer #subFooterResourceContainer p { margin-bottom: 0; }
#footer span { width: 1015px; padding: 0 15px; box-sizing: border-box; margin: 0 auto; }
    #footer span.version { text-align: left; font-size: 12px; font-weight: normal; color: #686A69; padding-top: 10px; }
.footer ul li a, span.version { font-size: 16px !important; }
div#footer ul li a { background: none; font-weight: normal; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif !important; color: #686A69 !important; vertical-align: top; }

/* Messages */
.ui-jqgrid .ui-icon-desc { margin-top: 0; }

/* Statements and correspondence */
div#crsFilter tr { background: #fff !important; }
div#crsTableContainer .initialized td { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0; border-right: 0; }
table#correspondenceTable th { text-align: left; }
div#crsTableContainer td { padding: 20px 12px; }

/* Member info Box*/
#memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { /* font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; */ /* font-weight: normal; */ }

/* MJOL */
.jfontsize-button { border: none; font-weight: normal; }
.jfontsize-button:hover { border: none; background: none; color: #000 !important; }
#mjolContainer h1 { clear: both; float: left; }
form#frmSummary h1 { float: none; }
div#divClassifications td { padding: 5px 10px; }
form#frmClassifications h2 { font-family: 'Effra-Heavy',Tahoma,Verdana,Geneva,sans-serif; font-size: 78px; font-weight: normal; border-bottom: none; padding-bottom: 0; }

#mjolContainer h1#header0, #mjolContainer h1#header1 { display: none !important; }
#fldsetPersonalInfo legend { padding: 20px 0 0 0; margin: 0 0 10px 0; /* font-size: 30px; */ }
div#updateMemberProfile legend { font-size: 20px; }
div#updateMemberProfile .btnLinkToContainerNoHistory { margin-bottom: 0; line-height: 22px; }

#updateMemberProfile .tfnCheckbox { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#mjolContainer #lblFollowUpText, #mjolContainer #lblMemberText, #mjolContainer #btnCancel { }
#mjolContainer #btnCancel { outline: 0; text-decoration: none; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 20px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; background-color: #002855; color: #fff !important; }
#mjolContainer #btnCancel:hover { color: #fff; text-decoration: none; background: #004088; }

#mjolContainer .oc-radiogroupex label { font-size: 1.1em; }

#mjolNavBar li { padding: 8px 0; *padding: 20px 12px; /* IE6/7 */ background: #fde391; border-right: solid 1px #fff; color: #686A69; font-weight: normal; border-left: 0; font-size: 19px !important; background: none; margin-right: 30px; color: #333; }

.mjol_body div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel { width: auto; }

#mjolContainer #divproceed input#Proceed { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; color: #fff!important; font-size: 20px; }
#mjolContainer #divproceed input#Proceed:hover { background-color: #004088 !important; }

#mjolContainer .additionalOptionContainer select.mjolInsuranceOptionSelect { min-width: 116px; }
#mjolContainer .additionalOptionContainer select.mjolInsuranceOptionSelect, #mjolContainer .additionalOptionContainer .fiLabel { display: block; }
div#mjolContainer form#frmSummary div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel p, div#mjolContainer form#frmSummary div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
div#mjolContainer form#frmSummary div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel p, div#mjolContainer form#frmSummary div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; width: 100%; }
div#mjolContainer form#frmSummary div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer #dropdown { display: block; margin: 0; font-weight: normal; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

#mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable th {background: #ffd000;  }

/*MJOL Revamp Sep18 - Core Styles*/
.mjol_body #mjolContainer #stepContainer form {/*margin-top: 80px !important*/}
.mjol_body h2, .mjol_body #pageTitleText  {font-size: 63px !important;padding: 40px 0px 30px 0px !important; display:inline-block; font-family: 'effra-heavy',Tahoma,Verdana,Geneva,sans-serif;}
.mjol_body p, .mjol_body ul li {padding-bottom: 0px; font-size: 18px !important}

.mjol_body div#topMenu {display:none !important}

.mjol_body #validationSummary {background: none; border: none; margin-bottom: 0;}
.mjol_body #validationSummary ul {list-style-position: outside; padding-left: 0px !important}
.mjol_body #validationSummary ul li {color: #CF432A; font-size: 14px !important; list-style: square}

.mjol_body .pageBlurb lead {font: 20px 'Droid Serif';line-height: 30px;}
.mjol_body .pageBlurb lead br {display: inline-block !important}
.mjol_body ul li {padding-left: 0px;font-size: 20px;line-height: 1.5em; padding-bottom: 0; list-style-position: outside;}
.mjol_body ul  {padding-left: 20px !important}

.mjol_body #footer ul.footer li:last-of-type, .mjol_body #footer ul.footer li:last-of-type span {padding-right: 0}

.mjol_body a#btnPrev {float: none !important; display: inline-block !important; margin: 0px 0px 0px 5px;}

.mjol_body #pageTitleText {display: table-cell; width: 100%}
.mjol_body .hcTooltipDiv {display: table-cell; width: 100%; text-align:right; vertical-align: bottom; padding-bottom: 40px;}
.mjol_body #tooltip h3, .mjol_body #tooltip h3 p, .mjol_body #tooltip ul li {font-size: 11px !important}
.mjol_body #tooltip {background-color: #fef0c3 !important; margin-right: 10px !important; padding: 5px 10px;}

.mjol_body .hcTooltipDiv > div {position: relative}
.mjol_body .hcTooltipDiv span.tooltipText {
    position:absolute;
    right: 0px;
    top: 30px;
    background: #fef0c3;
    z-index: 999;
    min-width: 150px;
    text-align: left;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px !important;
}

.mjol_body #footer {background: none}

.mjol_body #btnSaveContainer a.oc-button span {white-space: normal !important}
.mjol_body #btnNext {margin-left: 15px}
.mjol_body #btnSave, .mjol_body #btnPrev {
    background: none;                                  
    padding: 4px 10px !important;
    position: relative;
}
.mjol_body #btnSave span, .mjol_body #btnPrev span {font-family:'effra-regular'; font-weight: normal;color: #002855 !important; border-bottom: 2px solid #fff; padding-bottom: 5px; padding-top: 10px}
.mjol_body #btnSave:hover span, .mjol_body #btnPrev:hover span {border-bottom: 2px solid #ffd000 !important;}

/*Mjol Revamp Sep2018 - No scroll sections on mobile*/
@media (hover: none) {
    .mjol_body #mjolInvestmentOptionsTable tbody,
    .mjol_body form#frmAdditionalDetails #fldsetAdditionOptions,
    .mjol_body #tfnModule #TFNDualConsentIntroText,
    .mjol_body #frmDeclaration .declaration-outro {max-height: none !important; height: auto !important;overflow-y: visible !important;}   
}

/*Mjol Revamp Sep2018 - Radio buttons/checkboxes*/
/*@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { */
    .mjol_body input[type=radio], .mjol_body input[type=checkbox] { visibility: hidden; position: relative; margin-top:0;}
    .mjol_body div > input[type=radio]:before, .mjol_body div > input[type=checkbox]:before {position: relative;top: -1px; left: 0;}
    .mjol_body td > input[type=radio]:before, .mjol_body td > input[type=checkbox]:before { position: absolute; top: 8px; left: 0;}
    .mjol_body li > input[type=radio]:before, .mjol_body li > input[type=checkbox]:before { position: absolute; top: -1px; left: 0;}

    .mjol_body input[type=radio]:before {
        content: url(images/radio-u.png);
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: top;
        margin-right: 8px;
        /*background-color: #e6e6e6;  */
        border-radius: 8px;
        visibility: visible;
        left: 0;
    }
    .mjol_body input[type=checkbox]:before {
        content: url(images/check-u.png);  
        display: inline-block;  
        width: 16px;  
        height: 16px;  
        vertical-align:top;
        margin-right: 8px;  
       /* background-color: #e6e6e6; */ 
        border-radius: 4px;
        visibility: visible;
        left: 0;
    }
    .mjol_body input[type=radio]:hover:before {
        content: url(images/radio-h.png); /* \2022 Bullet */
        color:white;
        /*background-color: #7226e0;*/
        font-size:2em;
        text-align:center;
        line-height: 15px;
        visibility: visible;
        left: 0;
    }
    .mjol_body input[type=checkbox]:hover:before {
        content: url(images/check-h.png);
        color:white;
        /*background-color: #7226e0; */
        text-align:center;
        font-size: 13px;
        line-height:15px;
        visibility: visible;
        left: 0;
    }
    .mjol_body input[type=radio]:checked:before {
        content: url(images/radio-c.png); /* \2022 Bullet */
        color:white;
        /*background-color: #7226e0;*/
        font-size:2em;
        text-align:center;
        line-height: 15px;
        visibility: visible;
        left: 0;
    }
    .mjol_body input[type=checkbox]:checked:before {
        content: url(images/check-c.png); /* \2714 Tick */
        color:white;
        /*background-color: #7226e0; */
        text-align:center;
        font-size: 13px;
        line-height:15px;
        visibility: visible;
        left: 0;
    }

    .mjol_body input#SelectedClassification_1:before, input#SelectedClassification_0:before {top: -5px;}
    .mjol_body #divClassifications .SelectedClassificationColumn2 {padding-left: 10px !important}

    .mjol_body #nominationOptions label[for="inputDefault"], .mjol_body #nominationOptions label[for="inputChoice"], .mjol_body #frmInsuranceOptions .BlankLabel span, .mjol_body #frmInsuranceOptions .YesLabel span {padding-left: 10px}

    .mjol_body .tfnCheckbox span {margin-left: 20px; display: inline-block; margin-top: -2px;position: absolute;text-indent: 0px;}
    .mjol_body #frmDeclaration span {padding-left: 10px;}

    .mjol_body #frmDeclaration input:before {margin-top:-3px}

/*}*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mjol_body input[type=radio], .mjol_body input[type=checkbox] {
        visibility: visible;
    }
    .mjol_body input[type=checkbox]:before, .mjol_body input[type=checkbox]:hover:before, .mjol_body input[type=checkbox]:checked:before,
    .mjol_body input[type=radio]:before, .mjol_body input[type=radio]:hover:before, .mjol_body input[type=radio]:checked:before {display:none}
    .mjol_body div > input[type=radio], .mjol_body div > input[type=checkbox] {position:relative;top: -1px; left: 0}
    .mjol_body td > input[type=radio], .mjol_body td > input[type=checkbox] { position: relative; top: 12px; left: 0}
    .mjol_body li > input[type=radio], .mjol_body li > input[type=checkbox] { position: relative; top: -1px; left: 0}

    .mjol_body .SelectedClassificationTable tr td input[type="radio"]{margin-top: -8px !important}
    .mjol_body #nominationOptions input, .mjol_body #frmInsuranceOptions .BlankLabel input, .mjol_body #frmInsuranceOptions .YesLabel input {vertical-align: middle}

    .mjol_body .tfnCheckbox input[type='checkbox'] {top: 8px !important}
    .mjol_body #mjolContainer #frmDeclaration input#IsTermsAndConditionsAccepted {top: 0px}
    .mjol_body input::-ms-clear { display: none; }
} 
@supports (-ms-ime-align:auto) {
    .mjol_body input[type=radio], .mjol_body input[type=checkbox] {
        visibility: visible;
    }
    .mjol_body input[type=checkbox]:before, .mjol_body input[type=checkbox]:hover:before, .mjol_body input[type=checkbox]:checked:before,
    .mjol_body input[type=radio]:before, .mjol_body input[type=radio]:hover:before, .mjol_body input[type=radio]:checked:before {display:none}
    .mjol_body div > input[type=radio], .mjol_body div > input[type=checkbox] {position:relative;top: -1px; left: 0}
    .mjol_body td > input[type=radio], .mjol_body td > input[type=checkbox] { position: relative; top: 12px; left: 0}
    .mjol_body li > input[type=radio], .mjol_body li > input[type=checkbox] { position: relative; top: -1px; left: 0}

    .mjol_body .SelectedClassificationTable tr td input[type="radio"]{margin-top: -8px !important}
    .mjol_body #nominationOptions input, .mjol_body #frmInsuranceOptions .BlankLabel input, .mjol_body #frmInsuranceOptions .YesLabel input {vertical-align: middle}

    .mjol_body .tfnCheckbox input[type='checkbox'] {top: 8px !important}
    .mjol_body #mjolContainer #frmDeclaration input#IsTermsAndConditionsAccepted {top: 0px}
    .mjol_body input::-ms-clear { display: none; }
}
@-moz-document url-prefix() {
    .mjol_body input[type=radio], .mjol_body input[type=checkbox] {
        visibility: visible;
    }
    .mjol_body input[type=checkbox]:before, .mjol_body input[type=checkbox]:hover:before, .mjol_body input[type=checkbox]:checked:before,
    .mjol_body input[type=radio]:before, .mjol_body input[type=radio]:hover:before, .mjol_body input[type=radio]:checked:before {display:none}
    .mjol_body div > input[type=radio], .mjol_body div > input[type=checkbox] {position:relative;top: -1px;}
    .mjol_body td > input[type=radio], .mjol_body td > input[type=checkbox] { position: relative; top: 8px;}
    .mjol_body li > input[type=radio], .mjol_body li > input[type=checkbox] { position: relative; top: -1px;}

    .mjol_body .SelectedClassificationTable tr td input[type="radio"]{margin-top: -3px !important}
    .mjol_body #nominationOptions input, .mjol_body #frmInsuranceOptions .BlankLabel input, .mjol_body #frmInsuranceOptions .YesLabel input {vertical-align: middle}
}
/**Safari*/
.mjol_body .tfnCheckbox input[type="checkbox"]:not(:root:root) { 
    top: 0px !important;
}


/*Mjol Revamp Sep2018 - Resume application*/
.mjol_body #frmResumeApplication input {width: 100%; margin-top: 20px}

/*Mjol Revamp Sep18 - landing page*/
.mjol_body .SelectedClassificationTable tr td input[type="radio"]{margin-top: 5px}
.mjol_body #frmClassifications .pageBlurb p:first-of-type {padding-top: 28px}
.mjol_body #mjolimagePlaceholder1 {width: 275px; height: 275px; margin: 20px 0/*auto*/;background: url(images/HP_SI_Document_Pencil_LGrey_RGB.png) 0 0 no-repeat; background-size: cover;}
.mjol_body form#frmClassifications {width: 100%;}
.mjol_body form#frmClassifications ul {padding-bottom: 8px}
.mjol_body .landingPage #mjolButtonContainer .saveBtn, .mjol_body .landingPage #mjolButtonContainer .previousBtn,
.mjol_body .aboutYouPage #mjolButtonContainer #btnPrev {display: none !important}
@media (min-width:769px) {
    .mjol_body #mjolimagePlaceholder1 {float: right;  margin: 0; display: inline-block;width: 300px;height: 300px; background: url(images/HP_SI_Document_Pencil_LGrey_RGB.png) 0 0 no-repeat; background-size: cover;}
    .mjol_body form#frmClassifications {width: 54%;display: inline-block;}
}
@media (max-width:768px) {
    .mjol_body #mjolimagePlaceholder1 {display:none}
}

/*Mjol Revamp Sep18 - resume application*/
.mjol_body input#ApplicationId {border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 4px solid #d4d5d4 !important}

/*Mjol Revamp Sep18 - about you*/
.mjol_body #fldsetPersonalInfo h2 {display: none;}
.mjol_body #stepContainer {min-height: 360px !important;}
.mjol_body .PersonalDetailsFields input, .mjol_body .EmailFields input, .mjol_body .ContactDetailsFields input {padding-left: 5px}
.mjol_body .PersonalDetailsFields .fiElem, .mjol_body .PersonalDetailsFields .fiElem input, .mjol_body .PersonalDetailsFields .fiElem select,
.mjol_body .EmailFields .fiElem, .mjol_body .EmailFields .fiElem input,
.mjol_body .ContactDetailsFields .fiElem, .mjol_body .ContactDetailsFields .fiElem input {width: 100%;}
.mjol_body #frmPersonalDetails .formItem input, .mjol_body #frmPersonalDetails .formItem select, .mjol_body #frmPersonalDetails .formItem,
.mjol_body #frmEmail .formItem input, .mjol_body #frmEmail .formItem select, .mjol_body #frmEmail .formItem,
.mjol_body #frmContactDetails .formItem input, .mjol_body #frmContactDetails .formItem select, .mjol_body #frmContactDetails .formItem {background-color: none;height: 40px;margin-bottom: 20px;}
.mjol_body #nominationOptions {background-color: #fff}

.mjol_body img#emailTooltip, .mjol_body  img#dobTooltip, .mjol_body img#mobileTooltip {position: absolute; right: 0;}
.mjol_body img#mobileTooltip {margin-top: -60px}

.mjol_body #frmPersonalDetails .formItem:first-of-type {width: 100%;}
.mjol_body #frmPersonalDetails .formItem:first-of-type .fiElem:nth-child(1) {width: 30%; display: inline-block;}
.mjol_body #frmPersonalDetails .formItem:first-of-type .fiElem:nth-child(2) {width: 63%;display: inline-block; margin-left: 5.5%}

.mjol_body #frmPersonalDetails .formItem:nth-child(4) {width: 100%; background-color: #fff}
.mjol_body #frmPersonalDetails .formItem:nth-child(4) .fiElem:nth-child(1) {width: 49%;display: inline-block;}
.mjol_body #frmPersonalDetails .formItem:nth-child(4) .fiElem:nth-child(2) {width: 44%;display: inline-block; margin-left: 5%; float: right}
.mjol_body #frmPersonalDetails .formItem:nth-child(4) .fiElem:nth-child(2) .fiElem,
.mjol_body #frmPersonalDetails .formItem:nth-child(4) .fiElem:nth-child(2) .fiElem input {width: 100% !important}

.mjol_body #frmContactDetails .formItem:nth-child(7) {width: 55%; display: inline-block}
.mjol_body #frmContactDetails .formItem:nth-child(7) select {width: 100%}
.mjol_body #frmContactDetails .formItem:nth-child(8) {width: 39%; display: inline-block; float: right}
.mjol_body .ContactDetailsFields fieldset#fldsetPostalAddress h2 {display:none;}

/*.mjol_body #frmContactDetails input, .mjol_body #frmContactDetails .fiElem {width: 100% !important}*/

.mjol_body #frmPersonalDetails .ui-datepicker-trigger {display: none;}
.mjol_body  SPAN.suburb, .mjol_body INPUT.suburb {text-transform: none}

.mjol_body ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #707372;opacity: 1; /* Firefox */}
.mjol_body :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #707372 !important;}
.mjol_body ::-ms-input-placeholder {/* Microsoft Edge */ color: #707372 !important;}
.mjol_body :-moz-placeholder { /* Firefox 18- */ color: #707372;}

@media (min-width:769px) {
    .mjol_body #frmPersonalDetails, .mjol_body #frmEmail, .mjol_body #frmContactDetails {position: absolute;width: 45%;}
    .mjol_body #frmContactDetails {right: 0px;}
    .mjol_body #frmEmail {top: 180px;}
    .mjol_body img#mobileTooltip {top: 240px; margin-top: 0px}
}

/*Mjol Revamp Sep18 - your investment choice*/
.mjol_body #stepContainer #frmInvestment h2, .mjol_body #stepContainer #frmInsuranceOptions h2 {padding: 0 !important; margin: 0 !important; display: inline-block !important}
.mjol_body #stepContainer #TooltipInvestments, .mjol_body #stepContainer #TooltipInsurance {display: inline-block; float: right;}
.mjol_body #frmInsuranceOptions h2 p b, .mjol_body #frmInvestment h2 p b {color: #707372; font-size: 14px}
.mjol_body #frmInvestment, .mjol_body #frmInsuranceOptions {/*width: 45%*/;display: inline-block;padding-top: 20px;padding-bottom: 20px;background-color: none;/*height: 400px;*/}
.mjol_body #frmInsuranceOptions {float: right;}

.mjol_body .ioPerfText, .mjol_body #mjolDefaultInvestmentOptionsTable tr.total td:last-of-type {display: none !important}
.mjol_body form#frmInsuranceOptions .formItem .additionalOptionContainer .fiLabel {max-width: 100%;}
.mjol_body #frmInsuranceOptions .formItem {height: 440px;}
.mjol_body #frmInsuranceOptions .formItem .groupedRadioButtonHorizontally {overflow-y: scroll; height: 261px}

.mjol_body table#mjolDefaultInvestmentOptionsTable tr:hover {background-color: #eaeaea}

.mjol_body #nominationOptions div {display: inline-block; width: auto; margin-right: 30px}
.mjol_body #nominationOptions label[for="inputDefault"], .mjol_body #nominationOptions label[for="inputChoice"] {padding-left: 10px}

/* ^ the table*/
.mjol_body #mjolDefaultInvestmentOptionsTable .itemRow td.ioTransferSplit  {text-align: right !important;}
.mjol_body #mjolDefaultInvestmentOptionsTable tr td#ioTransferSplitSum {padding: 20px 12px}
.mjol_body #mjolInvestmentOptionsTable .itemRow, .mjol_body #mjolDefaultInvestmentOptionsTable tr {background-color: #eaeaea}
.mjol_body #mjolDefaultInvestmentOptionsTable_wrapper #mjolDefaultInvestmentOptionsTable tr.rowHeading {display: none}
.mjol_body #mjolDefaultInvestmentOptionsTable_wrapper #mjolDefaultInvestmentOptionsTable tfoot tr td#ioTransferSplitSum {/*padding-right: 7%*/}
.mjol_body #mjolDefaultInvestmentOptionsTable_wrapper #mjolDefaultInvestmentOptionsTable tfoot tr td {padding-top: 10px !important; padding-bottom:10px !important}
.mjol_body #mjolDefaultInvestmentOptionsTable_wrapper #mjolDefaultInvestmentOptionsTable tr td {display: inline-block; width: 40% !important}
.mjol_body #mjolDefaultInvestmentOptionsTable tfoot tr,
.mjol_body #mjolDefaultInvestmentOptionsTable tfoot tr td {background-color: #fef0c3 !important}

.mjol_body #mjolInvestmentOptionsTable .itemRow:after {content: '%   '; white-space: pre; line-height: 40px}
.mjol_body #mjolInvestmentOptionsTable thead, .mjol_body #mjolDefaultInvestmentOptionsTable thead,
.mjol_body #mjolInvestmentOptionsTable tfoot tr.total td:nth-child(3) {display: none}
.mjol_body #mjolInvestmentOptionsTable tfoot tr td {border: none !important; padding-top: 10px !important; padding-bottom: 10px !important;}
.mjol_body #mjolInvestmentOptionsTable tfoot tr td#ioTransferSplitSum {padding-right: 56px !important}
.mjol_body #mjolInvestmentOptionsTable, .mjol_body #mjolDefaultInvestmentOptionsTable {width: 100% !important}
.mjol_body #nominationOptions {padding: 0 0 15px 0}
.mjol_body #mjolInvestmentOptionsTable tbody {height:200px;width: 200%;display:block;overflow-y:scroll;}
.mjol_body table#mjolInvestmentOptionsTable tbody tr td, .mjol_body #mjolContainer table#fundTable tr td,
.mjol_body table#mjolInvestmentOptionsTable th, .mjol_body table#mjolDefaultInvestmentOptionsTable th {padding: 10px 12px !important;border: none;}

.mjol_body #frmInvestment tr.itemRow td {width: /*172px*/ 50% !important;}
.mjol_body tr.itemRow.odd td, .mjol_body tr.itemRow.even td, .mjol_body table#mjolDefaultInvestmentOptionsTable td {background-color: #eaeaea !important;border: none !important;}
.mjol_body #frmInvestment .ioTransferSplit input {width: 80px; float: right;}
.mjol_body td#ioTransferSplitSum { text-align: right !important; padding-right: 20px}

/* ^ insurance*/
.mjol_body #frmInsuranceOptions .additionalOptionContainer:first-of-type .radioButtonLabel {margin: .5em 0 1em}
.mjol_body #frmInsuranceOptions .groupedRadioButtonHorizontally .additionalOptionContainer:first-of-type .radioButtonLabel {margin: 0}
.mjol_body #frmInsuranceOptions .formItem > .additionalOptionContainer:first-of-type div:nth-child(2),
.mjol_body #frmInsuranceOptions .formItem > .additionalOptionContainer:first-of-type div:nth-child(3) {display: inline-block; width: auto; margin-right: 30px}
.mjol_body table#radiobuttonhorrizontal {width: 96%}
@media (hover: none) {.mjol_body table#radiobuttonhorrizontal {width: 98%}}
.mjol_body table#radiobuttonhorrizontal tr th {background: #fff !important; border: none; padding-top: 8px;padding-bottom: 8px;}
.mjol_body table#radiobuttonhorrizontal tr th:first-of-type {width:60%}
.mjol_body #frmInsuranceOptions .groupedRadioButtonHorizontally .additionalOptionContainer {margin-bottom: 10px}
.mjol_body #frmInsuranceOptions .groupedRadioButtonHorizontally .additionalOptionContainer .radioButtonLabel {display: inline-block; width: 60% !important}
.mjol_body #frmInsuranceOptions .groupedRadioButtonHorizontally .additionalOptionContainer > div:nth-child(2),
.mjol_body #frmInsuranceOptions .groupedRadioButtonHorizontally .additionalOptionContainer > div:nth-child(3) {display: inline-block; width: 18% !important; vertical-align:top; padding-top: 10px; text-align: center}

.mjol_body form#frmAdditionalDetails #fldsetAdditionOptions {max-height: 320px; overflow-y: scroll}
.mjol_body #frmblankModule1 h2 {display: none}
.mjol_body #frmblankModule1 p {font-size: 16px !important}
.mjol_body #fldsetAdditionOptions h2 {padding: 0 !important; margin: 0 !important; margin-top: 15px !important}
.mjol_body #fldsetAdditionOptions .fiLabel {width: 100%}
.mjol_body #frmAdditionalDetails LABEL {margin-left: 0px}
.mjol_body #frmAdditionalDetails LABEL input:before {margin-top: 2px}
.mjol_body #frmAdditionalDetails LABEL span {margin-left: 15px}
.mjol_body #frmAdditionalDetails {margin: 0px 0px 15px 0px;}
/*.mjol_body .additionalOptionContainer {display: flex; flex-wrap: wrap; margin: 15px 0px}
.mjol_body .additionalOptionContainer div.fiLabel {flex: 1 50%}
.mjol_body .additionalOptionContainer div:nth-child(2) {flex: 1 50%}
.mjol_body .additionalOptionContainer div:nth-child(3) {margin-left: 50%}*/
.mjol_body #frmAdditionalDetails .radio {display: none}
.mjol_body span.labelSpan {margin-left: 10px}



/* Mjol Revamp Sep18 - tfn*/
.mjol_body #frmTaxFileNumber p:first-of-type {margin-bottom: 30px}
.mjol_body #frmTaxFileNumber .formItem .fiElem {width: 50%}
.mjol_body #frmTaxFileNumber .formItem .fiElem input {width: 100%; margin-top: 20px}
.mjol_body #frmTaxFileNumber #TFNDualConsentIntroText {/* padding: 30px; */background-color: #fff;/* border: 1px solid #333; */max-height: 185px;overflow-y: scroll;margin: 40px 0px 40px 0px;}
.mjol_body #frmTaxFileNumber #TFNDualConsentIntroText p {margin-bottom: 10px}
.mjol_body fieldset#tfnModule legend {display: none}
.mjol_body #tfnModule .tfnCheckbox {display: block;height: 90px;}
@media (max-width: 400px){.mjol_body #tfnModule .tfnCheckbox {display: block;height: 125px;}}

/* Mjol Revamp Sep18 - password*/
.mjol_body #frmPassword p {margin-bottom: 20px}
.mjol_body #frmPassword p br {display:block; margin-bottom: 8px; content:""}
.mjol_body #frmPassword .fiLabel {display: block; width: 100%}
.mjol_body #frmPassword .fiElem {width: 100%; margin-bottom: 10px;}
.mjol_body .fiElem input#Password, .mjol_body input#ConfirmPassword {width: 70%;}
.mjol_body #frmPassword .EmailFields {margin-top: 10px}
.mjol_body #frmPassword .EmailFields .fiElem {width: 450px; margin-top: 20px}
.mjol_body #weakPassword img, .mjol_body #confirmPasswordUnmatch img,
.mjol_body #confirmPasswordMatch img, .mjol_body #passwordStrong img {display: none}
.mjol_body #weakPassword span, .mjol_body #confirmPasswordUnmatch span {background: none ;border: none; font-family: 'effra-regular',Tahoma,Verdana,Geneva,sans-serif; font-size:16px; color: #CF432A}
.mjol_body #confirmPasswordMatch span, .mjol_body #passwordStrong span {background: none ;border: none; font-family: 'effra-regular',Tahoma,Verdana,Geneva,sans-serif; font-size:16px; color: #3e9c06}
.mjol_body #frmPassword #confirmPasswordMatch, .mjol_body #frmPassword #passwordStrong,
.mjol_body #frmPassword #confirmPasswordUnmatch, .mjol_body #frmPassword #weakPassword {padding-left: 0px !important;}

/* Mjol Revamp Sep18 - t&cs*/
.mjol_body #frmDeclaration h2 {border-bottom: none;}
.mjol_body #frmDeclaration .declaration-outro {/* padding: 30px; *//* background-color: #eaeaea; *//* border: 1px solid #333; */max-height: 200px;overflow-y: scroll;margin: 20px 0px;}
.mjol_body #frmDeclaration .declaration-outro ul {padding-left: 0; margin-left: 0}
.mjol_body #frmDeclaration label {float: right; margin-top: 10px}
.mjol_body #frmDeclaration input#IsTermsAndConditionsAccepted {margin-top: 5px}

/* Mjol Revamp Sep18 - summary*/
.mjol_body #frmSummary .summaryHeader h2 {/* display: none !important; */margin: 0 !important;padding: 0 !important;position: absolute;}
.mjol_body #frmSummary .summaryHeader .summaryEditContainer {/*float: right*/ display: block}
.mjol_body #frmSummary .moduleSummaryContainer {width: 45%}
.mjol_body #frmSummary .moduleSummaryContainer .formItem {padding: 2px 0px 0px 0px;width: 94%;}
.mjol_body #frmSummary .moduleSummaryContainer .fiLabel {/*width: auto*/; margin-right: 20px}
.mjol_body #frmSummary .moduleSummaryContainer .fiElem {margin-top: 2px}
.mjol_body #frmSummary .moduleSummaryContainer .dataGroup {border-bottom: none; min-height: 10px}
.mjol_body #frmSummary #mjolInvestmentOptionsTable {width: auto;}
.mjol_body #frmSummary .fiElem {overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; hyphens: auto; padding-right: 10px;}

.mjol_body #frmSummary .fiElem, .mjol_body #frmSummary .fiLabel, .mjol_body #frmSummary .formItem div, .mjol_body #frmSummary #frmInvestment TR.rowHeading TD {font-size: 18px}

.mjol_body #frmSummary {min-height: 750px;}
.mjol_body #frmSummary #mjolDefaultInvestmentOptionsTable_wrapper {display: block}
.mjol_body #frmSummary #frmInvestment .ioTransferSplit {text-align: right}
.mjol_body #frmSummary #frmInvestment #mjolInvestmentOptionsTable tbody {height: auto; max-height: 205px}
.mjol_body #frmSummary #frmInvestment tfoot {display: none}
.mjol_body #frmSummary #frmInvestment {height: auto;width: 100%;padding: 10px 0px;margin-top: 10px;}
.mjol_body #frmSummary #mjolInvestmentOptionsTable_wrapper {border:none;}
.mjol_body #frmSummary #mjolInvestmentOptionsTable tbody {width: 100%}

.mjol_body #frmSummary #insuranceOptions .fiElem {font-family: 'Effra-Light',Tahoma,Verdana,Geneva,sans-serif;display:block}
.mjol_body #frmSummary #insuranceOptions .formItem {display: table; width: 100%}
.mjol_body #frmSummary #insuranceOptions .formItem .fiLabel {display: table-cell; width: 70%!important}
.mjol_body #frmSummary #insuranceOptions .formItem .fiElem {display: table-cell; text-align: right}

.mjol_body #frmSummary #mjolAdditionalDetailsDetailsSummaryContainer h2 {margin: 0px !important; padding: 0px !important}
.mjol_body #frmSummary #mjolAdditionalDetailsDetailsSummaryContainer .fiElem {font-family: 'Effra-Bold'}
.mjol_body #frmSummary #mjolAdditionalDetailsDetailsSummaryContainer .fiElem span.additionInfoValue {display: block;font-family: 'Effra-Regular'; margin-left: 0px; margin-top: 5px}

.mjol_body #frmSummary #mjolBlankModule1SummaryContainer {display: none}

@media (min-width:1025px) {
    .mjol_body #frmSummary #mjolInsuranceOptionsSummaryContainer,
    .mjol_body #frmSummary #mjolTaxFileNumberContainer {right: 0; position: absolute; display: block}
    .mjol_body #frmSummary #mjolInsuranceOptionsSummaryContainer {top: -10px}
    .mjol_body #frmSummary #mjolTaxFileNumberContainer {top: 544px}

    .mjol_body #frmSummary #mjolInsuranceOptionsSummaryContainer div[name="publicscreen"] {max-height: 490px; overflow-y: scroll;}
}


/* Mjol Revamp Sep18 - final page*/
.mjol_body #mjolCompleteContainer h3, .mjol_body #mjolCompleteContainer #divMemberDocs,
.mjol_body #mjolCompleteContainer #divAdditionalDocs{display: none}

.mjol_body #mjolCompleteContainer .mjolSummaryImages > div {width: 29%; display: inline-block; margin-top: 2%; margin-right: 6%}
.mjol_body #mjolCompleteContainer .mjolSummaryImages > div:last-of-type {margin-right: 0%}
.mjol_body #mjolCompleteContainer .mjolSummaryImages img {width: 100%}


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

#mjolNavBar li.highlight { background-color: #ffd000; color: #333; background: none; border-bottom: 2px solid #ffd000; }
.visitedStep:after { content: none !important; }


#transfer-details tr { background: #fff !important; }
table#transfer-details > tbody > tr > td { display: block; }
table#tbFundList tr { background-color: #fef0c3 !important; }
table#transfer-details #superDetailsContainer { margin: 0; }
table#transfer-details .fundselectionlistresult, #transfer-details table#tbFundList { width: 100% !important; }
#transfer-details .fundselectionlistheader tbody tr th { text-align: left; border-bottom: 0 !important; }
table#transfer-details > tbody > tr > td { padding: 0; }

#mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable { background: #fef0c3; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th { background: #ffd000 !important; color: #686A69 !important; border: 1px solid #fff; text-align: left; padding: 20px 12px; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr { background: #fef0c3 !important; }
        #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr:hover { background-color: #fde391; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
        #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr td { border: 1px solid #fff; text-align: left; }
        #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr:hover { background-color: #fde391 !important; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tfoot th { background: transparent; border: 1px solid #fff; text-align: left; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable th { color: #686A69 !important; }

form#frmPassword { padding: 0; }

a.dt-button.buttons-selected.buttons-edit, a.dt-button.buttons-selected.buttons-remove { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 21px; height: auto; border-radius: 0; color: #fff; font-size: 20px; }
a.dt-button.buttons-selected.buttons-remove { margin-right: 0; }
    a.dt-button.buttons-selected.buttons-edit:hover, a.dt-button.buttons-selected.buttons-remove:hover { background: #004088; }
    a.dt-button.buttons-selected.buttons-edit.disabled, a.dt-button.buttons-selected.buttons-remove.disabled { background: #eaeaea; }

.DTED_Lightbox_Content { box-shadow: none !important; border: 0 !important; border-radius: 0 !important; position: relative; }
.DTE.DTE_Action_Create { border-radius: 0 !important; border: 0 !important; }
.DTE_Header { background: #ffd000 !important; color: #686A69 !important; border-radius: 0 !important; border: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { background-color: #fff; border: 1px solid transparent; }
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { background-color: #002855 !important; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; }
    div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover { background-color: #004088 !important; }
div.DTE_Body { padding: 50px 0 70px 0; }
.DTE_Form_Buttons .btn { background: #002855 !important; display: inline-block; padding: 9px 20px 9px 18px !important; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; height: auto; font-size: 20px !important; font-weight: normal !important; line-height: 21px !important; border-radius: 0 !important; box-shadow: none !important; border: 0 !important; }
div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover { background: #004088 !important; }

#mjolContainer table.dataTable tbody th, table.dataTable tbody td, #mjolContainer table.dataTable tfoot th, table.dataTable tfoot td { padding: 20px 12px; }
#mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr .control { position: relative; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr .control:before, #mjolContainer table#fundTable tr td:before { top: 50% !important; margin-top: -10px !important; left: 50% !important; margin-left: -10px !important; }
#mjolContainer #frmBeneficiaries #beneDetailsContainer tr:hover, #mjolContainer #beneficiariesTable tr:hover { background: #fde391 !important; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
#mjolContainer #beneficiariesTable tr th, #mjolContainer #beneficiariesTable tr td { padding: 20px 12px; border: 1px solid #fff; text-align: left !important; }
#mjolContainer table.dataTable.no-footer { border-bottom: 0; }
#mjolContainer #beneficiariesTable .sorting_1:before, #mjolBeneficiariesSummaryContainer #beneficiariesTable tbody tr td:before { top: 50%; margin-top: -10px; left: 50%; margin-left: -10px; text-indent: 3px; }

table#mjolDefaultInvestmentOptionsTable tr, table#mjolInvestmentOptionsTable tbody tr, #mjolContainer #beneficiariesTable tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
    table#mjolDefaultInvestmentOptionsTable tr:hover { background-color: #fde391; }
table#mjolDefaultInvestmentOptionsTable thead tr th, table#mjolInvestmentOptionsTable thead tr th, #mjolContainer table#fundTable tr th { border: 1px solid #fff !important; padding: 20px 12px; }
table#mjolDefaultInvestmentOptionsTable td {border: 1px solid #fff;text-align: left !important;}
table#mjolInvestmentOptionsTable tbody tr td, #mjolContainer table#fundTable tr td { padding: 20px 12px !important; border: 1px solid #fff; }
table#mjolInvestmentOptionsTable tfoot tr, #mjolContainer table#fundTable tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }

#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child ul { padding: 0; }

#frmBeneficiaries #beneDetailsContainer .dt-buttons { top:100%; margin: 15px 0 0 0; }
#frmBeneficiaries #beneDetailsContainer .dataTables_wrapper { position: relative; }

/* Beneficiaries*/
.realData { text-align: center; }
#beneDetailsContainer .removeLink { cursor: pointer; color: #686A69; text-decoration: underline; float: none; }
table#totalRow { margin-top: 0; }
table#beneficiariesTable { margin-bottom: 0; }
    table#beneficiariesTable tr td { border-bottom: 0; }
#totalRow TD.benefit { width: 80px; }
table#beneficiariesTable tbody tr:nth-child(odd) { background: #eaeaea !important; }
span#totalText { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#frmInvestment .ioTransferSplit { width: 100px; text-align: center; }
table#mjolInvestmentOptionsTable th { text-align: left !important; padding: 20px 12px !important; }
td#ioTransferSplitSum { text-align: center !important; color: #707372; }

div#beneDetailsContainer a#btnDetailsCancel { color: #fff !important; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; background: #002855; text-decoration: none !important; font-size: 20px; }
    div#beneDetailsContainer a#btnDetailsCancel:hover { background: #004088; }

div#beneficiaries .oc-button { margin-bottom: 0; }
div#beneficiaries #btnDetailsCancel { margin-bottom: 0; }

/* Your other funds*/
form#frmConsolidateSuper h2 { font-size: 42px; margin-bottom: 0; }

/* Confirmation */
div#insuranceOptions { width: 100%; }
#simplemodal-container .oc-button { background: #002855; }
    #simplemodal-container .oc-button:hover { background: #004088; }
    #simplemodal-container .oc-button span {font-size: 20px;font-weight: normal;font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;font-weight: normal;background: none;border: 0;margin: 0;padding: 9px 20px 9px 18px;}
#btnSaveContainer a#btnSave, #mjolPopupContainer #btnCancel {background: #ffd000;margin-left: 0 !important;width: auto !important;display: inline-block;padding: 0 !important;}
#btnSaveContainer a#btnSave span { color: #000 !important; }
    #btnSaveContainer a#btnSave:hover, #mjolPopupContainer #btnCancel:hover { background: #ffe24e; }

table#mjolDefaultInvestmentOptionsTable { text-align: center; }
    table#mjolDefaultInvestmentOptionsTable tbody tr td { text-align: left !important; }
    table#mjolDefaultInvestmentOptionsTable tr th { text-align: left !important; }
td.ioInvestOptions, td.ioTransferSplit, td.ioDrawDownSplit { padding: 20px 12px !important; }
span#totalText { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#frmClassifications .pageBlurb { display: none; }
.mjolModule { background: none; border: none; padding: 0; margin-bottom: 0; font-size:px; }
form#frmInsuranceOptions #bottomContent ul { padding: 0 0 15px 20px; }
form#frmDeclaration ul { padding-left: 15px; font-size: 16px; list-style-type: square; line-height: 1.5em; }
#mjolButtonContainer {margin-right: 20px;width: 985px;padding: 0;box-sizing: border-box;margin: 60px 0 20px 0;text-align: right;}
a#btnPrev {float: left;}
.mjolModule #divFollowUpContent { background: #eaeaea; border: 0; padding: 20px 12px; /* min-height: 80px; */ float: left; font-size: 16px; width: 100%; box-sizing: border-box; }
div#mjolMemberProfileSummaryContainer .fiLabel label, div#addressContainer .fiLabel { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

table.SelectedClassificationTable tr td { font-size: 16px; }

div#divClassifications tr { background: #fff !important; }

.stepHeader { text-transform: none; }
#stepContainer ul { list-style-position: outside; padding-left: 0px; }

#mjolContainer #validationSummary, #mjolContainer #stepContainer, #mjolContainer #stepContainer .pageBlurb { clear: both; }
#validation-summary-valid ul li { font-size: 1em; }
div#divMemberDocs table, #divAdditionalDocs table { text-align: left; font-size: 16px; }

#nominationOptions {background-color: #eaeaea;border: 0;margin: 10px 0;padding: 20px 12px;}

table .td1 img { display: none; }
table .td1 { width: 10px; background: url(/images/icons/pdf.gif) 0px 4px no-repeat; }
table .iconCell img { display: none; }
table .iconCell { background: url(/images/icons/pdf.gif) center center no-repeat; }

#divClassifications { font-size: 16px; }
#divClassifications table { text-align: left; }
#divClassifications .SelectedClassificationColumn1 { padding-top: 7px; padding-left: 0px;}
#divClassifications .SelectedClassificationColumn2 {padding-left: 0px}

DIV#wrapper { _padding-right: 11px; /** IE6 wapper white space fix **/ }

/* Change your password */
#forcePasswordChangeContainer .buttonPanel { text-align: left; margin-left: 200px; }
div#resetPassword a.btnLinkToFullPage { background: #002855; color: #fff !important; }
    div#resetPassword a.btnLinkToFullPage:hover { background: #004088; }
div#resetPassword .fiLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

/* Change your email */
div#initialChangeEmailContainer a#btnChange span { color: #fff; }
div#initialChangeEmailContainer a#btnChange:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }

div#confirmChangeContainer a.btnLinkToContainer { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; }
    div#confirmChangeContainer a.btnLinkToContainer:hover { background: #004088; text-decoration: none; }

#mjolContainer .pwdHint { width: auto; *display: inline-block; vertical-align: top; }
.fiElem INPUT#Password, .fiElem IMG#imgPasswordTooltip { *float: left; }
#mjolContainer fieldset div.fiLabel { width: 28%; }

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

form#frmMemberProfile h2, form#frmInsuranceOptions h2, form#frmConsolidateSuper h2, form#frmBeneficiaries h2, form#frmInsuranceOptions h2, form#frmSummary h1.mjolSummaryModuleHeader, div#mjolContainer h1 {display: block !important;font-family: 'Effra-Heavy',Tahoma,Verdana,Geneva,sans-serif !important;font-size: 78px !important;font-weight: normal !important;border-bottom: none;padding-bottom: 0 !important;margin-bottom: 0 !important;}
#mjolContainer h2 {margin: 20px 0;font-weight: normal;font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;color: #002855;padding: 7px 0px;margin-bottom: 0.5em;font-size: 30px;}
#frmMemberProfile SELECT, #frmMemberProfile input{overflow:visible !important; border: 1px solid #a9a9a9;}

.ui-autocomplete LI.ui-menu-item A { color: #686A69; }

.insuranceCaption { }
#insuranceOptions .insuranceValue { margin-left: 0; font-weight: bold; }

/*#weakPassword span, #confirmPasswordUnmatch span, #passwordStrong span, #confirmPasswordMatch span { display: none; }*/

#mjolContainer h1.mjolSummaryModuleHeader { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; margin: 0; }
#mjolContainer .summaryHeader { margin: 10px 0 0px; }
    #mjolContainer .summaryHeader h2 { border-bottom: 0; margin-bottom: 0; }
div#mjolMemberProfileSummaryContainer .dataGroup { border-bottom: 1px solid #eaeaea; width: 100%; }

div#mjolButtonContainer .oc-button { margin-bottom: 0; }
a#btnSubmit span { color: #fff; }

#mjolContainer .declaration-outro ul li { padding-bottom: 5px; font-size: 1em; }

/*Declaration disclosure statement*/
span.mjolDoc.mjolMustDownloadDoc { color: #002855; border-bottom: 0; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 20px; padding-left: 40px; background-image: url('Images/host-plus-pdf.jpg'); background-repeat: no-repeat; }
    span.mjolDoc.mjolMustDownloadDoc:hover { color: #000; text-decoration: underline; }
form#frmDeclaration table { padding: 0; margin: 0; display: block; margin-bottom: 25px; }
    form#frmDeclaration table tr .td1 { display: none; }
    form#frmDeclaration table tr { background: none; }
        form#frmDeclaration table tr td { padding: 0; }
div#tfnButtonContainer a { display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; background: #ffd000 !important; margin: 0 10px 0 0; }
    div#tfnButtonContainer a span { padding: 0 !important; margin: 0 !important; background: none !important; color: #000; font-size: 20px !important; border: 0 !important; border-radius: 0 !important; }

/* Calendar */
.ui-datepicker table { text-align: center; margin-bottom: 0; }
.ui-widget-header { background: #eaeaea; }
.ui-datepicker-calendar th { background: #ffd000; }
.ui-datepicker-week-col { color: #686A69 !important; }
.ui-state-default, .ui-widget-content .ui-state-default { text-align: center; }
.ui-datepicker-week-col { background: #eaeaea; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 2px solid #fff; background: #fef0c3; color: #686A69; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 2px solid #fff; background: #fde391; color: #686A69; }
span.ui-icon.ui-icon-circle-triangle-w { background-image: url('images/hostplus-leftarrow.png'); background-position-x: 9px; background-position-y: 7px; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0; }
span.ui-icon.ui-icon-circle-triangle-e { background-image: url('images/hostplus-rightarrow.png'); background-position-x: 9px; background-position-y: 7px; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0; }
a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover { border: 0; background: none; top: 2px; left: 2px; }
a.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover { border: 0; background: none; top: 2px; right: 0px; }

/* MJOL */
.mjol_body, .mjol_body .SelectedClassificationTable tr td, .mjol_body .mjolModule #divFollowUpContent, .mjol_body p, .mjol_body .summaryEditContainer .mjolEditButton {font-size: 16px;line-height: 1.5;}

.mjol_body label.display-label { font-size: 18px; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-weight: 700; }
.mjol_body select, .mjol_body input {color: #002855 !important;transition: border 200ms cubic-bezier(0.39,.575,.565,1) !important;border: 0 !important;font-family: Effra-Regular,Tahoma,Verdana,Geneva,sans-serif;border-bottom: 2px solid #d4d5d4 !important;font-weight: normal !important;font-size: 18px;}
.mjol_body select:focus, .mjol_body input:focus { border-color: #ffd000 !important; outline: 0; }
.moduleSummaryContainer .dataGroup {width: 100%; }

.mjol_body #frmClassifications .pageBlurb { display: block; }

/* MJOL pop-up */
#mjolPopupContainer h3 { margin-top: 0; padding-right: 20px; }
#mjolPopupContainer fieldset div.fiLabel { width: 35%; min-width: 130px; }
#mjolPopupContainer #btnSave { padding: 7px 10px; }
#mjolPopupContainer #btnCancel { background: #d4d4d4; }
#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button { padding: 7px 10px; }
    #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span { color: #333; }

div#mjolPopupContainer a#btnCancel { background: #ffd000; }
    div#mjolPopupContainer a#btnCancel span { color: #000 !important; }

#dialogContainer div a span { color: #fff !important; }

form#frmInsuranceOptions .formItem .additionalOptionContainer .fiLabel {width: 100%;max-width: 250px;}
div#mjolPopupContainer .fiElem, div#mjolPopupContainer .fiElem #Email, div#mjolPopupContainer .fiElem #ConfirmEmail { width: 100%; }



/* Digital Member Card */
#digitalMemberCardContainer .fiLabel { width: 165px; }

/* SuperMatch styles */
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch { border: 0; }
#superMatch2FundDetailContainer .superMatch2AccountCategoryHeader { color: #333; text-align: left; background: #ffd000; border-bottom: 2px solid #fff; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color; }
#superMatch2FundDetailContainer .superMatch2AccountCategoryHeader .fundAccounType span { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 1.25em; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails { background: #fef0c3; font-size: 16px; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif !important; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails .form-item div, #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails .BalanceReported .fiLabel { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif !important; font-weight: normal !important; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails .form-item { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { width: auto; margin-left: -35px; text-indent: initial; background: none; height: auto; margin-top: -26px; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:after { content: "\f107"; font-family: "FontAwesome"; font-size: 40px; color: #333; display: block; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:after { content: "\f106" !important; font-family: "FontAwesome"; font-size: 40px; color: #333; display: block; }
#superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s { width: auto; margin-left: -35px; text-indent: initial; background: none; height: auto; margin-top: -26px; }
div#simplemodal-container { width: auto !important; padding: 20px 40px 20px 20px; }
div.simplemodal-container A.modalCloseImg {background: url(images/close.png) no-repeat;}
#superMatch2AtoDetails .atoMoniesType, #supermatch2AtoMonieListComplete .fundATOMonies, #supermatch2AtoMoniesList .atoMoniesType { color: #002855; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-hover, #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-active, #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-focus { color: #002855; background: #fcb40e; }
.superMatchTandC li { list-style-position: outside; }
#superMatch2AtoDetails .atoMoniesAmount, #supermatch2AtoMonieListComplete .atoMoniesAmount, #supermatch2AtoMoniesList .atoMoniesAmount { color: #002855; }
.superMatchFSI, .superMatchFSI h3 { margin: 0 0 10px 0; }
#superMatch2FundDetailContainer > div > p > span > #isTermsAndConditionsChecked { float: none; margin: 0 5px 0 0; }
.superfundAccountDetails .fundCheckBox input, #superMatch2AtoDetails .fundAtoMoniesDetails .fundATOMonies .atoMoniesCheckbox input, #superMatch2FundDetailContainer > div > p > span > #isTermsAndConditionsChecked { height: 22px; width: 22px; }
#superMatch2AtoDetails .atoMoniesCheckbox, #supermatch2AtoMonieListComplete .atoMoniesCheckbox, #supermatch2AtoMoniesList .atoMoniesCheckbox { margin-right: 10px; }
#superMatch2AtoDetails .atoMoniesType, #supermatch2AtoMonieListComplete .fundATOMonies, #supermatch2AtoMoniesList .atoMoniesType { width: 78%; }
div#tooltip.superMatch2FundDetailsTable { display: none !important; }


@media (max-width:1024px) {
    .mjol_body { font-size: 16px; }
    .mjol_body #header .pageHeader { padding: 0 0 20px 0; }
    .mjol_body A#homeLink{background-size: 90px; top: 25px; height: 60px; width: 55%; left: 15px;}
    .mjol_body #mainContent { padding: 15px !important; }
    .mjol_body #content { width: 100% !important; box-sizing: border-box; padding: 0; }
    .mjolModule {padding: 0 !important;}
    #mjolButtonContainer { width: 100% !important; padding: 0; }
    .mjol_body #frmClassifications { padding: 0 0 20px 0; }
    .mjol_body .progress-wrapper { padding-right: 10px; }
    div#mjolContainer h1, div#mjolContainer h1.mjolSummaryModuleHeader, .mjol_body form#frmMemberProfile h2, .mjol_body form#frmMemberProfile h2, .mjol_body form#frmInsuranceOptions h2, .mjol_body form#frmConsolidateSuper h2, .mjol_body form#frmSummary h1.mjolSummaryModuleHeader, .mjol_body h1.mjolSummaryModuleHeader, .mjol_body form#frmClassifications h2, .mjol_body form#frmBeneficiaries h2 { font-size: 58px !important; margin-bottom: 35px !important; padding-bottom: 0; line-height: 1.1; }
    h1.mjolSummaryModuleHeader { line-height: inherit; }
    fieldset#fldsetPostalAddress legend, .mjol_body fieldset#tfn legend, .mjol_body #transfer-details fieldset legend {font-size: 20px;padding-top: 20px;margin-bottom: 20px;line-height: 1.2;}
    .mjol_body  .mjolModule #divFollowUpContent { margin: 0 0 20px 0; }
    #mjolContainer #frmDeclaration input#IsTermsAndConditionsAccepted { float: left; margin-right: 10px; }
    #mjolContainer #frmDeclaration label { padding: 0; text-indent: 0; }
    #mjolContainer fieldset div.fiLabel { width: 100% !important; }
    .mjol_body div#mjolMemberProfileSummaryContainer h2 { display: inline-block; }
    .mjol_body .fundselectionlistresult table#tbFundList { width: 100% !important; }
    .mjol_body #transfer-details .fundselectionlistheader tbody tr th, .mjol_body #transfer-details .mjol_body .fundselectionlistresult table tbody tr td { padding: 20px 0; font-size: 12px; width: 30% !important; text-align: center; border-bottom: 0; }
    .mjol_body #transfer-details .fundselectionlistresult #tbFundList tbody tr td:first-child { width: 30% !important; }
    .mjol_body #transfer-details p#previousNameContainer, .mjol_body #transfer-details #FundNameToSearch { width: 100% !important; margin-left: 0; }
    div#mjolContainer .summaryHeader h2 { margin-top: 0; padding-top: 0 !important; }
    #mjolContainer .summaryHeader {margin: 20px 0 0 0;}
    .mjol_body #simplemodal-container .oc-button span { color: #000; }
    .mjol_body div.simplemodal-container A.modalCloseImg { background: url('Images/hp-close.png') 0 0 no-repeat !important; }
    div#mjolPopupContainer #simplemodal-container { height: auto !important; }
    .mjol_body div#simplemodal-container #btnSaveContainer .oc-button {box-sizing: border-box;display: block;}
    .mjol_body div#simplemodal-container { height: auto !important; }
    .mjol_body div#simplemodal-container #btnSaveContainer .oc-button span { color: #000 !important; }
    .mjol_body .fundselectionlistresult #tbFundList tbody tr td { border:2px solid #fff !important; }
    .mjol_body .summaryEditContainer .mjolEditButton { border: 0; }

    .mjol_body .simplemodal-container #tfnButtonContainer a#btnChange, .mjol_body .simplemodal-container #tfnButtonContainer a#btnIgnore  { display: block !important; width: auto !important; padding: 9px 20px 8px 18px; margin: 0 0 10px 0; }
    .mjol_body #tfnButtonContainer a#btnChange span, .mjol_body div#tfnButtonContainer a#btnIgnore span { color: #000 !important; }
    #mjolContainer #mjolBeneficiariesSummaryContainer #beneficiariesTable td { padding: 30px 30px 8px 30px; }
    #mjolContainer #mjolBeneficiariesSummaryContainer #beneficiariesTable td:before { margin-top: -20px !important; }

    .mjol_body .DTED_Lightbox_Container .btn, .mjol_body .DTED_Lightbox_Container .btn:focus, .mjol_body .DTED_Lightbox_Container .btn:hover {background: #002855 !important;transition: none;filter: none;background-color: #002855 !important;/* animation: initial; *//* animation-duration: initial; */}

    div.DTE button.btn:focus:after, div.DTE div.DTE_Form_Buttons button:focus:after {background: #002855 !important;color: #fff !important;-webkit-animation-play-state: paused; /* Chrome, Safari, Opera */animation-play-state: paused;}

    /*Mjol revamp sep2018 - main*/
    body.mjol_body, .mjol_body fieldset div.fiLabel {font-size: 16px !important}
    .mjol_body #content {border-top: none}
    .mjol_body #stepContainer h2, .mjol_body #pageTitleText {font-size: 58px !important; padding: 20px 0px 30px 0px !important}
    .mjol_body .pageBlurb lead {font-size: 18px !important;}
    .mjol_body .hcTooltipDiv {padding-bottom: 20px !important}

    #divClassifications .SelectedClassificationColumn2 {padding-left:15px !important}

    /*Mjol revamp sep2018 - about you*/
    .mjol_body #frmPersonalDetails {margin-top: 18px}
    .mjol_body #frmEmail {top: 198px;}
    .mjol_body #frmContactDetails {top: 18px;}

    /*Mjol revamp sep2018 - investments and insurance*/
    .mjol_body #tfnModule #TFNDualConsentIntroText {max-height: 200px; margin-bottom: 40px}
    .mjol_body #mjolInvestmentOptionsTable tbody {width: 200%;}
    .mjol_body table#radiobuttonhorrizontal {width: 96%}
    fieldset#fldsetAdditionOptions .formItem .additionalOptionContainer label input[type="radio"] {width: auto}
    .mjol_body #fldsetAdditionOptions h2 {padding: 0 !important; margin: 0 !important; margin-top: 15px !important}

    /*Mjol revamp sep2018 - summary*/
    .mjol_body #frmSummary .moduleSummaryContainer {width: 100%}
    .mjol_body #frmSummary #frmInvestment {padding: /*5px*/0px !important;}
    .mjol_body #frmSummary #mjolInvestmentOptionsTable {margin-bottom: 10px;}
    .mjol_body #frmSummary .moduleSummaryContainer .formItem {width: auto}
    .mjol_body #frmSummary .summaryHeader, .mjol_body #frmSummary .summaryEditContainer {padding: 0; margin: 0}
    .mjol_body #frmSummary #mjolInvestmentOptionsTable tbody {width: auto}
    .mjol_body #frmSummary #frmInvestment td {text-align: left !important; font-size: 16px !important}
    .mjol_body #frmSummary #frmInvestment td.ioTransferSplit {text-align: right !important}
    .mjol_body #frmSummary .fiElem {width: auto; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; hyphens: auto}
    .mjol_body #frmSummary #mjolInvestmentOptionsTable {margin-left: 0px}

    /* 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 { overflow: visible !important; border: 1px solid #a9a9a9; }


    /* Your details */
    .mjol_body span.mjolDoc.mjolMustDownloadDoc { font-size: 16px; width: auto; display: inline-block; min-height: 26px; }
    .mjol_body span.mjolMustDownloadDocIndicator, img.tooltipIcon { display: inline; vertical-align: top; }
    .mjol_body div#ui-datepicker-div { width: 100% !important; box-sizing: border-box; max-width: 255px; }
    div#mjolMemberProfileSummaryContainer h2 { display: inline-block; }

    /* Resume application */
    .mjol_body div#btnResumeContainer a { margin-top: 0; width: 100% !important; float: none !important; box-sizing: border-box; margin-left: 0 !important; }
    .mjol_body #validationSummary { margin-left: 0 !important; margin-right: 0 !important; }

    /*Footer*/
    .mjol_body #footer { width: 100% !important; text-align:center !important; box-sizing: border-box; min-width: 0;}
    .mjol_body #footer ul li a { vertical-align: inherit; }
    .mjol_body #footer span { padding: 10px 15px; display: inline-block; width: auto; }
    .mjol_body #footer span.version{font-size:.90em !important;}
    .mjol_body div#footer ul li { padding: 0; }

    /* iPad fix */
    #content div#subPanel { margin: 162px 0 0 0; }
    #divInteractiveStatementDashboard_283 img { width: 100%; }
}

@media (max-width: 768px) {
    .mjol_body, .mjol_body .SelectedClassificationTable tr td, .mjol_body .mjolModule #divFollowUpContent, .mjol_body ul li, .mjol_body p, .mjol_body .summaryEditContainer .mjolEditButton {font-size: 16px !important; !important}
    .mjol_body #transfer-details #tbFundList #trTemplate td { padding: 20px 0; font-size: 12px; width: 30% !important; text-align: center; border-bottom: 0; display: table-cell; float: none; margin: 0; }

    /*Mjol revamp sep2018 - main*/
    div#mjolContainer h1, div#mjolContainer h1.mjolSummaryModuleHeader, .mjol_body form#frmMemberProfile h2, .mjol_body form#frmMemberProfile h2, .mjol_body form#frmInsuranceOptions h2, .mjol_body form#frmConsolidateSuper h2, .mjol_body form#frmSummary h1.mjolSummaryModuleHeader, .mjol_body h1.mjolSummaryModuleHeader, .mjol_body form#frmClassifications h2, .mjol_body form#frmBeneficiaries h2 {font-size: 50px !important;}
    .mjol_body #stepContainer h2, .mjol_body #pageTitleText {font-size: 50px !important;padding: 0px 0px 10px 0px !important; line-height: 1.15;}
    .mjol_body div#simplemodal-container {width: 90% !important}

    /*Mjol revamp sep2018 - about you*/
    .mjol_body #frmContactDetails {margin-top: -18px}
    .mjol_body #frmEmail {margin-top: -15px;}
    .mjol_body #frmContactDetails h2 {display:none}
    .mjol_body #frmPersonalDetails, .mjol_body #frmEmail, .mjol_body #frmContactDetails {width: 100%}
    

    /*Mjol revamp sep2018 - investments and insurance*/
    .mjol_body #frmInvestment {width: auto;  height: auto}
    .mjol_body #frmInsuranceOptions {float: none !important; display: block; margin-top: 20px; width: auto; height: auto;}
    .mjol_body #mjolDefaultInvestmentOptionsTable_wrapper #mjolDefaultInvestmentOptionsTable tfoot tr td#ioTransferSplitSum {/*padding-right: 8%*/}

    /*Mjol revamp sep2018 - tfn*/
    .mjol_body #tfnModule .formItem .fiElem {width: 100%}
    
    /*Mjol revamp sep2018 - password*/
    .mjol_body .fiElem input#Password, .mjol_body input#ConfirmPassword {width: 100%;}

    .mjol_body #frmDeclaration label {float: none}

    /*Mjol revamp sep2018 - final page*/
    .mjol_body #mjolCompleteContainer .mjolSummaryImages > div {width: 100%;padding: 0%;display: block;margin-right: 0%;margin-bottom: 15px;}

}

@media (max-width: 756px){
#mjolContainer #fundTable td.fundName {
    padding-top: 50px !important;
}
#mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr .control:before, #mjolContainer table#fundTable tr td:before {
    top: 30% !important;
}
}

@media (max-width: 510px) {
    .mjol_body div#simplemodal-container #btnSaveContainer .oc-button { width: 100% !important; }
    #mjolContainer #fundTable td.fundName { padding-top: 50px !important; }
    #mjolContainer table#fundTable tr td:before { top: 30% !important; }

    .mjol_body #frmTaxFileNumber {min-height: 460px}
}

@media (max-width:420px) {
    .mjol_body .oc-button, div#mjolButtonContainer .oc-button, .mjol_body #superDetailsContainer .oc-button, .mjol_body #btnCancel { width: 100%; box-sizing: border-box; margin-bottom: 10px; margin-left: 0; }
    .mjol_body span.mjolDoc.mjolMustDownloadDoc { width: 70%; }
    #mjolContainer .dt-buttons { width: 100%; bottom: 7px !important; }
    #mjolContainer #beneButtonContainer #btnAdd { margin-bottom: 100px; }
    .mjol_body a.dt-button.buttons-selected.buttons-edit, .mjol_body a.dt-button.buttons-selected.buttons-remove { width: 100%; margin-bottom: 5px !important; }
    div#mjolContainer div#beneficiariesTable_wrapper th, div#mjolContainer div#mjolDefaultInvestmentOptionsTable_wrapper td, table#mjolDefaultInvestmentOptionsTable tr th, #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr td, table#mjolInvestmentOptionsTable th, table#mjolInvestmentOptionsTable td, #mjolContainer table#fundTable tr th, #mjolContainer table#fundTable tr td { font-size: 11px !Important; text-align: center !important; padding: 20px 0 !important; }
    #mjolContainer #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tfoot th .tablet { text-align: center !important; }
    div#mjolContainer select.mjolInsuranceOptionSelect { width: 100%; font-size: 16px; }
    form#frmInsuranceOptions .formItem .additionalOptionContainer .fiLabel { margin: 10px 0 0 0; }
    .mjol_body table.dataTable thead th { background-position-y: top !important; background-position-x: center !important; }
    #mjolContainer #frmPassword .fiElem img#imgPasswordTooltip { position: absolute; margin-top: -15px; right: 4.5%; }
    #mjolContainer #frmDeclaration #confirmPasswordMatch, #mjolContainer #frmDeclaration #confirmPasswordUnMatch, #mjolContainer #frmDeclaration #passwordStrong, #mjolContainer #frmDeclaration #weakPassword { position: relative; }
    #mjolContainer #frmDeclaration #passwordStrong img, #mjolContainer #frmDeclaration #weakPassword img { padding-left: 2px; bottom: 0; position: absolute; top: 18px; }
    div#mjolPopupContainer form h3 { font-size: 17px; }
    div#mjolPopupContainer #btnSaveContainer .oc-button { padding-left: 0 !important; }
    .mjol_body div#simplemodal-container .oc-button span { /*width: 100% */}
    .mjol_body div#mjolPopupContainer #btnSaveContainer .oc-button { width: 100%; text-align: center; padding: 0; }
    .mjol_body div#mjolPopupContainer #btnSaveContainer .oc-button span { padding-left:0; padding-right: 0; }

    .mjol_body #frmInsuranceOptions .formItem .groupedRadioButtonHorizontally {height: 270px}
    .mjol_body #mjolDefaultInvestmentOptionsTable tr td#ioTransferSplitSum {float: none}
    .mjol_body #mjolDefaultInvestmentOptionsTable tr td#ioTransferSplitSum {float: none !important}

    .mjol_body #frmTaxFileNumber {min-height: 480px}
    .mjol_body #mjolButtonContainer {display: flex; flex-direction: column-reverse;}
}

@media (max-width: 320px) {
    .mjol_body div#beneButtonContainer { padding-bottom: 0; }
    #mjolContainer #frmPassword .fiElem img#imgPasswordTooltip { position: absolute; margin-top: -15px; right: 1.5%; }
}