/*
    CSS Document
    LGsuper

    - Forest Green (sec text): #4b7838
    - Dark Purple (headers): #4B3048

*/

/* General styles */
body { background: #fff; font-family: 'Lato', sans-serif; color: #333; font-size: 14px; }

@font-face {
    font-family: 'Chunkfive';
    src: url('Chunkfive-webfont.eot');
    src: url('Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('Chunkfive-webfont.woff') format('woff'),
         url('Chunkfive-webfont.ttf') format('truetype'),
         url('Chunkfive-webfont.svg#Chunkfive-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato';
    src: url('Lato-Regular.eot');
    src: url('Lato-Regular.eot') format('embedded-opentype'),
         url('Lato-Regular.woff') format('woff'),
         url('Lato-Regular.ttf') format('truetype'),
         url('Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Bold';
    src: url('Lato-Bold.eot');
    src: url('Lato-Bold.eot') format('embedded-opentype'),
         url('Lato-Bold.woff') format('woff'),
         url('Lato-Bold.ttf') format('truetype'),
         url('Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gill';
    src: url('GILL1.eot');
    src: url('GILL1.eot?#iefix') format('embedded-opentype'),
         url('GILL1.woff') format('woff'),
         url('GILL1.ttf') format('truetype'),
         url('GILL1.svg#GILL1') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Icons';
    src: url('icomoon.eot');
    src: url('icomoon.eot?#iefix') format('embedded-opentype'),
         url('icomoon.woff') format('woff'),
         url('icomoon.ttf') format('truetype'),
         url('icomoon.svg#Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:link { color: #4B7838; text-decoration: none; }
a:visited { color: #4B7838; }
a:hover { color: #4B7838; text-decoration: underline; outline: none; }
a:focus {text-decoration: underline; color: #4B7838; }
a:active { color: #06c; text-decoration: underline; }
.accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #4B7838; text-decoration: underline; }

strong, b { font-family: 'Lato-Bold'; font-weight: normal; }

h1, h2, h3 { margin: 30px 0 15px 0; padding: 0; color: #4b7838; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-family: 'Chunkfive', Arial, Helvetica, sans-serif; font-weight: normal; border: none; font-size: 30px; margin: 40px 0; }
h2 { font-family: 'Chunkfive', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 22px; }
h3 { font-family: 'Chunkfive', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 18px; margin-top: 0; }

ul { list-style-position: outside; padding: 5px; }
ul li { padding: 2px 0; font-size: 14px; }

input, select, textarea { padding: 5px; border: 1px solid #ecefe8; }

.small { color: #999; font-size: 14px; line-height: 1.3em; }

table th,
table th div { text-align: left; background: none; font-family: 'Lato-Bold', sans-serif !important; font-size: 14px; font-weight: normal; border: none; border-bottom: 1px solid #333; }
table td { text-align: left; background: none; font-size: 14px; font-weight: normal; border: none; border-bottom: 1px solid #d6d6d6; }
TR.total TD,
TR.noRecords TD { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }

#validationSummary { background: #FFFFFF; color: #ff0000; border: 2px solid #ff0000; }
#unitPrices div.filterContainer { padding: 1em; background: #fff; }
div.ui-jqgrid-sortable .ui-icon { background-image: url(Images/ui-icons_white_256x240.png); }
.oc-wizard-error { background: #fff; border: 2px solid #4B3048; margin: 1em 0; color: #4B3048; }

/* layout */
.loggedIn { background: #ecefe8 url(Images/striped-banner.png) no-repeat center 175px; }
div#wrapper { width: 100%; margin: 0 auto; text-align: left; padding-bottom: 0; border: none; border-top: none; }
#LG #container { background: url(Images/login-bg.jpg) no-repeat top left; }
#LG.loggedIn #container { background: none; }
div#header { width: 100%; margin: 0 auto; text-align: left; background: #fff; }
#content { width: 1024px; min-height: 570px; padding: 0em; }
#mainContent { padding: 2em; }
#mainContent.subPanelled { width: 70%; padding: 3em 0; }
#tabsMainContent { padding-top: 0; }

/* headers */
.pageHeader { position: relative; width: 1160px; height: 100px; background: none; border: 0; padding: 8px 0; }
.loggedIn .pageHeader { width: 1024px; }
.pageHeader h1 { color: #4b7838; margin: 60px 25px 0 0; padding: 0; text-shadow: 0px 0px 0px #FFF; }

A#homeLink { background: url(Images/logo-LGsuper.png) no-repeat top left; display: block; left: 0em; top: 1em; width: 220px; height: 74px; }

#topMenu { right: 20px; *right: 10px; padding: 5px 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu ul { padding: 0; }
#topMenu li { display: inline-block; }
#topMenu li a { color: #4B3048; text-decoration: none; font-size: 14px; }
#topMenu li a:hover { text-decoration: underline; }

#topMenu DIV.dropDownListControl UL { background: #4B3048; }
#topMenu div.dropDownListControl li,
#topMenu div.dropDownListControl li:hover { margin: 0; padding: 0; background: none; text-decoration: none; }
#topMenu div.dropDownListControl li a { display: block; padding: 7px 10px; color: #fff; text-decoration: none !important; }
#topMenu div.dropDownListControl li a:hover,
#topMenu div.dropDownListControl li a:hover span { color: #c5a9b8; }
#topMenu div.dropDownListControl li a span { color: #fff; text-decoration: none !important; }
#topMenu A#btnTopMenuSettings span { text-decoration: none !important; }

#topMenu .fontSizeBox { display: block; }
.jfontsize-button { display: inline-block; background: none; border: none; color: #4B3048; text-align: center; font-weight: normal; text-decoration: none; }
.jfontsize-button:hover { background: none; border: none; color: #4B3048 !important; text-decoration: underline; }

/* RHS Member ID Box */
#memberInfoPlaceholder { margin: 0 0 20px 0; }
#memberInfoBox { width: auto; margin: 0; padding: 15px; background: #4b7838; color: #fff; border: none; }
#memberInfoBox ul { padding: 0; }
#memberInfoBox ul li { margin: 0 0 10px 0; padding: 0; }
#memberInfoBox span.memberIDlabel,
#memberInfoBox span.memberNameLabel { width: 50%; font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#memberInfoBox span.memberID,
#memberInfoBox span.memberName,
#memberInfoBox span.memberLastLogin { width: 50%; }

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header,
#alertAccordion.ui-accordion .ui-accordion-header { margin: 0; padding: 15px; background: #4B3048; border: none; border-radius: 0; color: #fff; font-family: 'Lato-Bold', sans-serif; font-size: 16px; font-weight: normal; text-transform: uppercase; }
#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-circle-arrow-s,
#alertAccordion .ui-icon-triangle-1-s { background-image: url("images/ui-icons_469bdd_256x240.png"); background-position: -16px -192px; }
#subPanel .ui-widget-content { padding: 15px; background: #dfdade; border: none; color: #333; }

.campaignSection { border: 1px solid #d6d6d6; }
.campaignSectionHeader { background-color: #666666; }

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

/* Footer */
#footer { width: 100%; margin: 0; padding: 0; background: none; border: none; color: #d6d6d6; line-height: 28px; text-align: right; font-family: "Gill"; font-size: 13px; }
ul.footer { width: 1160px; padding: 1em 0; border: none; text-align: left; }
ul.footer li { padding: 0px 10px; color: #fff; border: none; }
ul.footer li a { color: #333 !important; font-size: 14px; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: normal; }
ul.footer li a:hover { color: #333 !important; text-decoration: underline; }

.loggedIn ul.footer { width: 1024px; border-top: 2px solid #4B3048; }

/* Buttons */
.oc-button {
    height: auto;
    padding: 5px 20px;
    font-size: 14px;
    text-align: center;
    border: 2px solid #4b7838;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #fff;
    background: #4b7838;
}
.oc-button:hover { background: rgba(75, 120, 56, 0.75); }
.oc-button span { margin: 0; padding: 0; color: #fff; background: none; font-family: 'Lato', sans-serif; font-weight: normal; text-decoration: none; }
/* a.btnLinkToSubmenuPage,
a#btnEventsSeeMore { text-decoration: underline; font-weight: normal; } */

/* Nav styles */
#mainMenu { width: 100%; height: 60px; margin: 0 auto; padding: 0; text-transform: none; background: #fff; border: none; }

div.tabs { position: relative; width: 1024px; margin: 0 auto; }
DIV.tabs ul { float: left; width: 100%; margin: 21px 0 0 0; }
div.tabs ul li,
div.tabs ul li.active { margin: 0; padding: 0; }
div.tabs ul li a { display: block; height: auto !important; margin: 0; padding: 10px 20px; background: none !important; }
div.tabs ul li a span { height: auto !important; background: none !important; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px; color: #333; text-transform: uppercase; margin: 0 !important; padding: 0; }
div.tabs ul li a:visited { background: none !important; }
div.tabs ul li a:visited span { background: none; }
div.tabs ul li a:hover { background: none !important; }
div.tabs ul li a:hover span { background: none !important; color: #4b7838; }
div.tabs ul li a:active { background: none !important; color: #4b7838; }
div.tabs ul li a:active span { background: none !important; color: #4B3048; }
div.tabs ul li.active,
div.tabs ul li.active a { height: auto !important; background: none !important; }
div.tabs ul li.active a span { background: none !important; color: #4b7838; }
div.tabs ul li.active a:hover { background: none !important; }
div.tabs ul li.active a:hover span { background: none; color: #4b7838; }
div.tabs ul li.active a:active { background: none !important; }
div.tabs ul li.active a:active span { background: none; color: #4b7838; }

div.tabs ul ul.tabSubLinks { width: 100%; height: auto; top: 60px; left: -10px; margin: 0; padding: 0; background: #4B3048; }
div.tabs ul ul.tabSubLinks li { display: inline-block; height: auto; margin: 0; background: none !important; zoom: 0; }
div.tabs ul ul.tabSubLinks li a { display: block; color: #fff; text-decoration: none; margin: 0px; padding: 10px; font-family: 'Lato', sans-serif; font-size: 16px; text-transform: uppercase; }
div.tabs ul ul.tabSubLinks li a:visited { color: #fff; text-decoration: none; background: none; }
div.tabs ul ul.tabSubLinks li a:hover { color: #c5a9b8; text-decoration: none; background: none !important; }
div.tabs ul ul.tabSubLinks li a:active { color: #c5a9b8; text-decoration: none; background: none; }
div.tabs ul ul.tabSubLinks li.subActive a { text-decoration: none; color: #c5a9b8 !important; background: none !important; }
div.tabs ul ul.tabSubLinks li:first-child { padding-left: 20px; }

/* Login styles */
#mainLoginPage { margin-bottom: 33px; padding-top: 0; }
#mainLoginPage div.pageBlurb { width: auto; }

div.maintenanceMessages { margin: -40px 0 -10px 0; background: #fff; }

#siteEntryPoints DIV.entryPoint { display: block; }

.loginLeftContent { float: left; width: 60%; }
.loginLeftContent h1 { text-transform: uppercase; }
.loginLeftContent h1 span { display: block; }
.loginLeftContent h1 span.purple { color: #4B3048; }
.loginLeftContent h1 span.green { font-size: 40px; color: #4b7838; }
.loginLeftContent h2 { margin: 1em 0; padding: 0; font-family: 'Lato-Bold'; font-size: 20px; font-weight: normal; color: #333; }

.loginLeftContent .pageBlurb { margin: 7em 0 0 0; }
.loginLeftContent .pageBlurb h3 { font-family: 'Lato-Bold'; font-size: 20px; font-weight: normal; text-align: center; color: #4b7838; }
.loginLeftContent .pageBlurb ul { margin: 2em 0; padding: 0; }
.loginLeftContent .pageBlurb ul li {
    display: inline-block;
    font-size: 12px;
    width: 15%;
    padding: 1%;
    color: #4B3048;
    text-align: center;
}
.loginLeftContent .pageBlurb ul li:first-child { padding-left: 0; }
.loginLeftContent .pageBlurb ul li.second { width: 24%; }
.loginLeftContent .pageBlurb ul li.fourth { width: 20%; }
.loginLeftContent .pageBlurb ul li:last-child { padding-right: 0; }

.loginLeftContent .pageBlurb ul li img { width: 50px; height: 50px; }

#siteEntryPoints { float: left; width: 35%; margin: 40px 0 0 5%; }
#siteEntryPoints DIV.formAction { margin-bottom: 0; }
#siteEntryPoints p { margin-bottom: 0; }

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


#loginEntry { width: auto; padding: 1em 2em; margin: 0; background: #4b7838; border: none; }
#loginEntry h2 { margin-top: 0; color: #fff; font-size: 29px; text-transform: uppercase; border: none; }
#loginEntry DIV.formItem { margin: 0 0 1em 0; }
#loginEntry DIV.formItem:nth-child(6) { padding: 10px 0 0 0; }
#loginEntry DIV.formItem:last-child { position: relative; margin: 0; padding: 10px 0 0 0; }
#loginEntry div.fiLabel { color: #fff; width: auto; font-weight: normal; font-size: 14px; vertical-align: middle; }
#loginEntry div.fiLabel label[for="UserName"], 
#loginEntry div.fiLabel label[for="Password"] { display: block; margin: 0 0 5px 0; }
#loginEntry DIV.fiElem { display: block; }
#loginEntry div.fiElem input { font-size: 14px; color: #333; background: rgba(255, 255, 255, 0.75); padding: 7px; width: 95%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; }
#loginEntry div.formAction a { text-decoration: underline; }
#loginEntry div.formAction a:hover { text-decoration: none; }
#loginEntry div.formAction #lnkForgottenPassword { position: absolute; top: -52px; right: 0px; margin: 20px 0; color: #fff; display: block; }
#loginEntry div.formAction #lnkForgottenUserName { display: block; }
#loginEntry input#rememberMe { margin-right:5px;float:left; }
#loginEntry div.formAction a#btnLogin {
    display: block;
    padding: 5px 20px;
    font-size: 1.1em;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #4b7838;
    background: #fff;
}
#loginEntry div.formAction a#btnLogin span { color: #4b7838; padding: 0; }
#loginEntry div.formAction a#btnLogin:hover { background: rgba(255,255,255,0.75); }

#registrationEntry { width: auto; margin: 1em 0; padding: 2em; color: #fff; background: #4B3048; border: none; }
#registrationEntry h2 { margin-top: 0; font-family: 'Lato-Bold'; font-size: 16px; font-weight: normal; border: none; color: #fff; text-align: center; }
#registrationEntry a {
    display: block;
    padding: 5px 20px;
    font-size: 1.1em;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #4B3048;
    background: #fff;
    text-align: center;
}
#registrationEntry a:hover { background: rgba(255,255,255,0.75); }
#btnCancel { color: #4b7838; text-decoration: none; }

/* Forgotten Username */
#forgottenUserName DIV.formAction { float: none; text-align: left; margin-bottom: 15px; }
#forgottenUserName DIV.formAction A { margin-left: 0; }

/* Settings */
#secQuestions p:first-child { display: none; }

#resetPassword DIV.fiLabel, 
#userReg DIV.fiLabel, 
#resetQuestions DIV.fiLabel, 
#changeUserName DIV.fiLabel { display: inline-block !important; width: 200px !important; vertical-align: middle; }

#resetPassword DIV.fiElem, 
#userReg DIV.fiElem, 
#resetQuestions DIV.fiElem, 
#changeUserName DIV.fiElem { display: inline-block; }

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

/* Registration */
#userReg h3 { font-size: 1.6em; }
#userReg .termsConditions { border: 1px solid #def3f9; padding: 5px; margin: 20px 0; }

/* Subpages styles */
#subPanel { width: 27%; margin: 132px 0 0 2%; }
#subPageBody .pageBlurb { margin: 0 0 1em; width: 100%; }

DIV.filterContainer { background: #fff; border: none; }

SPAN.ftLabel { font-family: 'Lato-Bold'; font-weight: normal; }

/* JQUERY tables etc */
.ui-jqgrid { width: 96% !important; padding: 2%; background: #fff !important; }
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-htable,
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-btable,
.ui-jqgrid .ui-jqgrid-sdiv,
.ui-jqgrid .ui-jqgrid-ftable,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-table { width: 100% !important; }

.ui-jqgrid .ui-pg-table { display: block; }
.ui-jqgrid .ui-pg-table .ui-pg-table { width: auto !important; display: table; margin: auto; }

.ui-jqgrid .ui-widget-content,
.ui-jqgrid .ui-state-default,
.ui-jqgrid .ui-widget-content .ui-state-default,
.ui-jqgrid .ui-widget-header .ui-state-default { background: none; }

.ui-jqgrid .ui-jqgrid-hbox { float: none; }

.ui-jqgrid .ui-jqgrid-htable th { height: auto; }
.ui-jqgrid table tr th { border: none !important; }
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable { margin: 0; padding: 0; color: #333 !important; border: none; }
.ui-jqgrid tr.jqgrow td { height: auto; padding: 5px !important; }

DIV.ftElem DIV.dateRange input#BeginDate, 
DIV.ftElem DIV.dateRange input#EndDate { width: 105px; }

/* Dashboard */
#dashboard h1 { margin-bottom:10px; }
.important-notice { padding: 10px 20px; background: #fff; }
.important-notice h2 { margin: 10px 0; font-family: 'Lato-Bold'; font-size: 18px; color: #333; text-transform: uppercase; }

#dashboard .MsoTableGrid {
    background: #fff;
}
#dashboard .MsoTableGrid tr td {
    width: auto !important;
    border: none !important;
    padding: 20px !important;
}
#dashboard .MsoTableGrid p { line-height: 1.5em; }

#dashboard .dashboardBoxSmall { width: 45%; margin: 0 0 2% 0; padding: 2%; background: #fff; border: none; }
#dashboard .dashboardBoxLarge { width: 96%; margin: 0 0 2% 0; padding: 2%; background: #fff; border: none; }
#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #4B3048; font-family: 'Lato-Bold', sans-serif; font-weight: normal; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #4b7838 !important; text-align: left; margin: 0 0 15px 0; font-family: 'Lato-Bold', sans-serif; font-weight: normal; font-size: 20px; }
#dashboard .controlHeader p { font-family: 'Lato', sans-serif; color: #333; }
.highcharts-axis-labels tspan { color: #333333; fill: #333333; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }

#dashboard #chart1 { background: none; text-align: left; }
#dashboard #chart2,
#dashboard #activitiesContainer { height: auto; min-height: 430px !important; }
#dashboard #chart1,
#dashboard #chart2 { margin-right: 2%; }
#dashboard #insuranceCoverContainer { background: none; }

#dashboard #prominentCurrentBalance { font-family: 'Lato-Bold', sans-serif; font-weight: normal; text-align: left; }
#dashboard #currentBalanceText { width: 60%; margin-top: 20px; font-size: 16px; }

#dashboard #divInsuranceCover { margin-top: 20px; }
#dashboard #divInsuranceCover DIV.formItem { margin: 0; padding: 10px 0; border-top: 1px solid #fff; }
#dashboard #divInsuranceCover .fiElem { margin: 0; padding: 0; }
#dashboard #divInsuranceCover .fiLabel { font-family: 'Chunkfive', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; }
#dashboard #divInsuranceCover .iconDeath { width: 38px; height: 38px; background: url(images/icon-life-colour.png) 0px 0px no-repeat; }
#dashboard #divInsuranceCover .iconDisable { width: 38px; height: 38px; background: url(images/icon-tpd-colour.png) 0px 0px no-repeat; }
#dashboard #divInsuranceCover .iconIP { width: 43px; height: 43px; background: url(images/icon-income-colour.png) 0px 0px no-repeat; }

#dashboard #accountBalanceHistoryChart { margin: 40px 0 0 0; }
#dashboard #accountBalanceHistoryChart .highcharts-container { width: auto !important; }

#dashboard #activitiesContainer .controlHeader p { font-size: 14px; }
#dashboard #activityTable, #eventTable { text-align: right; }
#dashboard #activityTable td { padding: 5px; border: none; border-bottom: solid 1px #d6d6d6; }
#dashboard #activityTable td.date,
#dashboard #activityTable td .description,
#dashboard #eventTable td.date,
#dashboard #eventTable td.description { text-align: left; }
#dashboard #eventsAccordion h3 { background: #def3f9; color: #000; font-weight: normal; }
#dashboard #eventsAccordion .header .title { color: #4B3048; font-weight: normal; }

/* Action Link */
#dashboard .dashboardBoxSmall .actionLinkContainer,
#dashboard .dashboardBoxLarge .actionLinkContainer {
    float: none;
    width: auto;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center;
    background: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

#dashboard .dashboardBoxSmall .actionLinkContainer a,
#dashboard .dashboardBoxLarge .actionLinkContainer a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 5px 20px;
    font-size: 14px;
    text-align: center;
    border: 2px solid #4b7838;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #fff;
    background: #4b7838;
    text-decoration: none;
}
#dashboard .dashboardBoxSmall .actionLinkContainer a:hover,
#dashboard .dashboardBoxLarge .actionLinkContainer a:hover { background: rgba(75, 120, 56, 0.75); border-color: rgba(75, 120, 56, 0.75); }

#insuranceCoverContainer a.tooltipImg { background-image: url(Images/infoIcon.png); vertical-align: middle; }
#tooltip h3 { font-family: 'Lato', sans-serif; color: #333; font-size: 14px; font-weight: normal; }

/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; width: 310px; *width: auto; margin-bottom: 1em; }
#AccountSummaryRightContainer { margin-left: 1em; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 11px; font-size: 12px; text-decoration: underline; }
#AccountSummaryLeftContainer a:hover,
#AccountSummaryRightContainer a:hover { text-decoration: none; }
legend { font-family: 'Lato-Bold', sans-serif; font-weight: normal; font-size: 1.2em; width: 310px; color: #4b7838; border-bottom: 1px solid #4b7838; padding: 7px 0px; margin-bottom: 0.5em; }
.accountsummarydetailcontainer { padding-top: 5px; }
.accountsummarydetailcontainer th { background: none; color: #333333; font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#AccountSummaryContainer TABLE TH,
#AccountSummaryContainer TABLE TD { padding: .5em; }
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; }MJO
#membershipdetails .fiLabel { width: 120px; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
.header { border: none; }
a.personalEmailUpdateBtn { /*color: #4b7838;*/ text-decoration: underline; font-weight: normal; }
#PersonalDetails_IsTfnConsentOptIn { margin: 0 5px 20px 0; }
#frmMemberProfile SELECT{ width: 151px; }

/* Beneficiaries */
#beneficiaries th { text-align: left; background: none; color: #333; }
#beneficiaries td { border: none; }
#beneficiaries td.benefit { text-align: right; width: 60px; }
#beneficiaries td.benePercentage { text-align: right; }
#beneficiaries td.benefit #benePercentTotal { float: right; }
#beneOverviewContainer #beneficiaries td.benefit #benePercentTotal { float: none; padding: 0; }
#beneficiaries td.benefit input { text-align: right; width: 50px; }
#beneUpdatedMsg { background: none; border: 1px dotted #FF4F4F; color: #FF4F4F; }
tr.total td,
tr.noRecords td { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
#beneficiaries TH.tableActions, #beneficiaries TD.tableActions { width: 130px !important; *width: 135px !important; }

/* Payment Options */
#paymentOptionFilters { text-align: left; background: #fff; color: #333; padding: 1em; border: none; font-size: 1.2em; font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#paymentOptions .paymentOptionImage { height: 50px; }
#paymentOptionFilters .oc-radiogroupex li { font-family: 'Lato-Bold', sans-serif; font-weight: normal; padding-right: 10px; }
#paymentOptions td { padding: 5px; border: none; }
#currentPaymentType { color: #333; 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; display :none; }
td.paymentImageBpay { background-position: 5px 5px; height: 45px; }
#paymentOptions .aPayment table { border: none; }

/* Balance Enquiry */
input.filterRadio { vertical-align: baseline; }
#chartTitle { font-family: 'Lato-Bold', sans-serif; font-weight: normal; font-size: 1.4em; color: #333; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: none; color: #333; }
#balanceEnquiryFilter { text-align: left; color: #333; font-size: 1.2em; font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin: 0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; }
.legendTitle { font-size: 1.4em; font-family: 'Lato-Bold', sans-serif; font-weight: normal; color: #333; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; }
tr.total td { border-top: 1px solid #d6d6d6 !important; border-bottom: 1px solid #d6d6d6 !important; }
.highcharts-title { color: #4B3048; }

/* Benefit Quote */
#benefitQuote .sectionTitle { font-size: 1.4em; color: #333; }
#quoteDate, .generatedBenefitIntro { font-size: 1.25em; }
.generatedBenefitIntro { margin-bottom: 10px; }
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 150px; }
th.benefitType,
th.preservationType,
th.taxType { padding: 1em 0.5em; }
#benefitQuote tr.header td { font-family: 'Lato-Bold', sans-serif; font-weight: normal; color: #333; }
#benefitQuote tr.footer td { font-family: 'Lato-Bold', sans-serif; font-weight: normal; border-top: 1px solid #d6d6d6 !important; border-bottom: 1px solid #d6d6d6 !important; }
#benefitQuote tr.lineItem td, .memberShipDetailsSectionThreeColumns td, .memberShipDetailsSectionTwoColumns td  { padding-left: 20px; }
#benefitQuote .benefitType, .payeeType { color: #fff; }
.summaryBenefit { background: #4B3048; margin-top: 7px; }
.summaryBenefit table { background: #fff; clear: both; }
.summaryBenefit div { padding: 0.5em; }
.benefitQuotePoolBDetail .introHeader, #beneficiaryCategoriesContainer .category { padding: 5px; background: #4B3048; color: #FFF; font-family: 'Chunkfive', Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: normal !important; }
#beneficiaryCategoriesContainer .category { height: auto; }
#beneficiaryCategoriesContainer .details { margin-left: 10px; }
#beneficiaryCategoriesContainer .individualBene { height:auto; padding: 5px 0; }

.poolBT1Td2, .poolBT2Td2, .poolBT2Td3, .poolBT3Td2 { text-align: right; }
.memberShipDetailsSectionThreeColumns .noBorder td, .memberShipDetailsSectionTwoColumns .noBorder td { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
.memberShipDetailsSectionThreeColumns .indent2, .memberShipDetailsSectionThreeColumns .indent1, .memberShipDetailsSectionTwoColumns .indent2, .memberShipDetailsSectionTwoColumns .indent1 { padding-left: 40px; }
#poolBBottomContent { margin-top: 30px; }

/* Transaction History */
#gview_transactionHistoryGrid th { background: none; padding: 5px; font-size: inherit; border: none; }
#gview_transactionHistoryGrid th#transactionHistoryGrid_Received { width: 60px !important; padding-left: 5px; }
#gview_transactionHistoryGrid th.transactionType { width: 460px !important; }
#gview_transactionHistoryGrid th:nth-child(3) { width: 34px !important; }
#gview_transactionHistoryGrid th#transactionHistoryGrid_Details { width: 32px !important; }
#gview_transactionHistoryGrid th div { color: #ffffff; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }
#transactionHistoryGrid tr { border-left: 0 !important; border-right: 0; }
#transactionHistoryGrid td { border: none; }
#transactionHistoryGrid td.details { border-right: 0 !important; }
#gview_transactionHistoryGrid .ui-jqgrid-ftable { table-layout: auto; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #d6d6d6; background: #d6d6d6; font-family: 'Lato-Bold', sans-serif; font-weight: normal; color: #c77405; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #d6d6d6; background: #d6d6d6; color: #363636; }

.ui-widget-header { border: 1px solid #4B3048; background: #4B3048; }
.ui-datepicker-week-col { background:#eee; border-bottom: 1px solid #eee; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #00782F; color: #00782F; }

.ui-dialog.ui-widget-content { background: #fff; padding: 0; }
.ui-dialog .ui-widget-header { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid #4B3048; background:#4B3048; font-size: 16px; font-weight: normal; padding: 5px 12px; }
.ui-dialog #divDetails #accountDetails { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
.ui-dialog #divDetails #accountDetails #spanAccountName { width: 135px; }
.ui-dialog table { border: 1px solid #d6d6d6; background: #F9F9F9; }
.ui-dialog table td { padding: 3px 0px 3px 5px; vertical-align: top; display: table-cell !important; }
.ui-dialog #spanInvestmentNameValue, .ui-dialog #spanUnitsValue, .ui-dialog #spanUnitPriceValue, .ui-dialog #spanAmountValue { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }

#spanInvestmentNameLabel { width: 65px !important; }
#spanInvestmentNameValue { width: 135px !important; }
#spanUnitPriceLabel { width: 100px !important; }
#spanAmountValue { padding-right: 5px !important; width: 85px !important; }
#spanInvestmentNameValue, #spanUnitsValue, #spanUnitPriceValue, #spanAmountValue { text-align: left; width: 90px; }
#spanUnitsLabel, #spanUnitPriceLabel, #spanAmountLabel { text-align: right; }

#contributionDetails, #pensionDetails { border: none; background:none; }
#contributionDetails td, #pensionDetails td { padding:0 0 0 0; }
#spanTransactionTotalLabel, #spanTransactionTotalValue { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#spanTransactionTotalLabel { width: auto !important; padding-bottom: 20px !important; }
#spanTransactionTotalValue { width: 370px !important; }

.ui-dialog .ui-dialog-buttonpane { padding: .5em; margin-top: 0; }
.ui-dialog .ui-dialog-content { padding: .5em; }
.ui-state-default, .ui-widget-content .ui-state-default { color: #333; }

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { /*padding: 0 1em;*/ }
#investmentOptions .edit th.ioInvestOptions { width: 60px; }
#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans { padding: .5em; }
#investmentOptions .edit th.ioBalanceSplit,
#investmentOptions .edit th.ioFutureTrans { width: 120px; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice { text-align: right; }
DIV.currentInvestments TH.ioValue { width: 80px; }
DIV.currentInvestments TH.ioUnits { width: 80px; }
DIV.currentInvestments TH.ioUnitPrice { width: 85px; }
TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans { width: 120px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #333; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-size: 1.2em; font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
div.currentInvestments th.ioInvestOptions { /*width: 160px;*/ }
#investmentOptions tr.metaHeading span { border-bottom: none; }
#investmentOptions tr.metaHeading th { color: #333; }
#investmentOptions tr.rowHeading td { background: #dfdade; color: #4B3048; font-family: 'Chunkfive', Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: normal !important; }
#investmentOptions input { text-align: right; }
#investmentEnquiry DIV.formItem { text-align: left; }
#investmentEnquiryTerms #IsAgreeToTermsConditions { float: left; }

/* DIO */
#investmentEnquiry #dioContainer {
    width: 100%;
    margin: 0;
}
#investmentEnquiry .halfColumn { float: left; width: 50%; margin: 0; }
#investmentEnquiry .halfColumn:first-child { width: 48%; margin: 0 2% 0 0; }

div#dioDetailsContent #btnRegister {display: none;}

/* UAT TEMP
#investmentEnquiryContainer, 
#investmentOptions { float: left; }
#investmentEnquiry #dioContainer { float: left; width: 48%; margin-right: 2%; }
#investmentEnquiry .halfColumn { float: left; width: 50%; }
#investmentEnquiry .halfColumn:first-child { width: auto; margin: 0; } */

#investmentEnquiry .controlBox { width: 92%; margin: 0 0 2% 0; padding: 4%; background: #fff; border: none !important; }
#investmentEnquiry .controlHeader { margin: 0 0 20px 0; padding: 0; background: none; font-family: 'Lato-Bold', sans-serif; font-size: 16px; color: #4b7838; }
#investmentEnquiry .controlContent { padding: 0; }
#dioDetailsContent { padding: 0; }

#investmentEnquiry #dioChartContainer { padding: 4%; background: #fff; }
#investmentOptionsChart .highcharts-title { display: none; }

#grandTotalContainer, 
#dioChartContainer, 
#dioDetailsContainer { border: none; }

#dioRegistrationPage .tcBody { border: none; }
#ioReceiptTable { margin: 0; width: 100%; }

#superListContainer .fundselectionlistbody tr:hover { background-color: #eee!important; }
#grandTotalContainer .grandTotalAmount { margin-top: -4px; }

/* Investment Explorer */
#insuranceExplorer.page .pageBlurb b { color: #4b7838 !important; }
.totalrestinsuranceamount { border-top: 1px dotted #4B3048; }

div.insuranceExplore a.oc-button,
div.insurancedownload a.oc-button,
div.insuranceClaim a.oc-button {
    height: 22px;
    padding: 5px 15px;
    font-family: 'Chunkfive', Arial, Helvetica, sans-serif !important;
    font-size: 1.3em;
    font-weight: normal;
    color: #FFF200;
}
#rest-slider table.sliderTable td a#btnDecrement, #rest-slider table.sliderTable td a#btnIncrement { background: #4B3048; }
.sliderContainer .ui-slider a#handle_slider { background: #4B3048 !important; }
.sliderContainer .ui-slider .filler { background: #C6B8BB; }
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content { border-left-width: 0; }

#insuranceExplorerStep #tabs ul li.tabsTitle h2 { background: url(images/iconHelp.png) 0 0 no-repeat; }
#insuranceExplorerStep #tabs ul { width: 45%; }
#insuranceExplorerStep #tabs div.ui-tabs-panel { width: 48%; }
#insuranceExplorerStep #tabs ul li a { color: #4b7838; padding-left: 0; }
#insuranceExplorerStep #tabs ul li a:hover { text-decoration: underline; }
#insuranceExplorerStep #tabs ul li.ui-tabs-active { background: #4b7838; }

.insuranceStepCancel #btnStep1Cancel,
.insuranceStepPrevious #btnNextStep1,
.insuranceStepPrevious #btnStep2,
.insuranceStepPrevious #btnStep3,
.insuranceStepPrevious #btnCancel,
.insuranceStepCancel #btnStep1Cancel {
    background: #75a872;
    background: -moz-linear-gradient(top, #75a872 0%, #138338 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75a872), color-stop(100%, #138338));
    background: -webkit-linear-gradient(top, #75a872 0%, #138338 100%);
    background-image: -ms-linear-gradient(top, #75a872 0%, #138338 100%);
    background: -o-linear-gradient(top, #75a872 0%, #138338 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a872', endColorstr='#138338', GradientType=0 );
    background: linear-gradient(top, #75a872 0%,#138338 100%);
}
#accessDIOOnlineContent, #accessDIOOnlineButtonContainer, #accessDIOOnlineContainer { height: auto !important; }

/* Insurance Cover */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th { background: #4B3048; border: none; }
#gview_insuranceCoverGrid th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #ffffff; padding: .5em; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_insuranceCoverDetailGrid th { background: #4B3048; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #ffffff; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#insuranceCoverGrid tr { border-right: 0; }
#insuranceCoverGrid tr td { border-right: 1px solid #d6d6d6; }

/***** Insurance Cover *****/
#insuranceContainer h1 { float:left; }
#insuranceContainer .print-insurance { float:right;margin:5px 15px 0 0; }
#insuranceContainer .print-insurance p { text-transform:uppercase; }
#insuranceContainer .print-insurance p a { color:#4b7838;background: url(images/icon-print.png) no-repeat 0 2px;padding:5px 0 5px 25px; }
#insuranceContainer p { clear: both; }
#insuranceContainer #InsuranceDetailsInfo p { clear: initial; }

#insuranceContainer .ui-corner-all,#insuranceContainer .ui-corner-top,#insuranceContainer .ui-corner-bottom { border-radius:0; }

/* Non-Collapsible */
#InsuranceDetailsInfo .NonCollapsible table { margin:0; }
#InsuranceDetailsInfo .NonCollapsible table tbody tr th { border-top: 1px solid #e0e0e0;padding:0.8em 0; }
#InsuranceDetailsInfo .NonCollapsible table tbody tr th:nth-child(1) { width:55%; padding-left: 5px; }
#InsuranceDetailsInfo .NonCollapsible table tbody tr th:nth-child(2),#InsuranceDetailsInfo .NonCollapsible table tbody tr th:nth-child(3) { width:22.5%;text-align:center; }

#InsuranceDetailsInfo .ui-accordion .ui-accordion-header { margin-top:0; }
#InsuranceDetailsInfo table th,
#InsuranceDetailsInfo  table th div { background:#fff; border:none; color:#333; }
#InsuranceDetailsInfo .InsuranceAccordiontitle { border-color:#e0e0e0;border-right:0;border-left:0;border-bottom:0;background: #fff; }
#InsuranceDetailsInfo .insurance-type { font-size:20px;margin:0;padding: 10px 0 10px 45px; }
#InsuranceDetailsInfo .cover-label { font-family:'Lato', sans-serif;text-transform:uppercase;font-size:11px; }
#InsuranceDetailsInfo .cover-value { font-family: 'Lato-Bold', sans-serif; font-weight: normal;font-size:18px; }
#InsuranceDetailsInfo .cost-label { font-family: 'Lato-Bold', sans-serif; font-weight: normal;text-transform:uppercase;font-size:11px; }
#InsuranceDetailsInfo .cost-value { font-family: 'Lato-Bold', sans-serif; font-weight: normal;font-size:18px; }

#InsuranceDetailsInfo .ui-accordion .ui-accordion-content { padding:15px 0 15px; }
#InsuranceDetailsInfo .ui-accordion .ui-accordion-icons { padding-left:0.5em; }
#InsuranceDetailsInfo .ui-accordion-header table tbody tr th { padding:0;margin:0; }
#InsuranceDetailsInfo .ui-accordion-header table tbody tr th:nth-child(1) { width:55%; }
#InsuranceDetailsInfo .ui-accordion-header table tbody tr th:nth-child(2),#InsuranceDetailsInfo .ui-accordion-header table tbody tr th:nth-child(3) { width:22.5%;text-align:center; }
#InsuranceDetailsInfo .insuranceDetailsRowTable { position: relative; }
#InsuranceDetailsInfo .insuranceDetailsRowTable td { text-transform:uppercase;padding:0;margin:0;font-size: 11px;vertical-align:middle;border:none; }
#InsuranceDetailsInfo .insuranceDetailsRowTable td span { float:right;font-size:14px; }
#InsuranceDetailsInfo .insuranceDetailsRowTable td:nth-child(1) { width:55%;padding-left:3%; }
#InsuranceDetailsInfo .insuranceDetailsRowTable td:nth-child(2),#InsuranceDetailsInfo .insuranceDetailsRowTable td:nth-child(3) { width:22.5%;text-align:center;font-size:14px;font-family: 'Lato-Bold', sans-serif; font-weight: normal;font-size:16px; }
#InsuranceDetailsInfo .insuranceDetailsRowTable td span.tooltipImg { background: url(images/icon-life-info.png) no-repeat;height: 20px;width: 19px;position: absolute;top: -1px;right: 10px; }

#InsuranceDetailsInfo #accordion-life .insuranceDetailTables { background:#f6f8f5; }
#InsuranceDetailsInfo #accordion-life table th  { color:#4b7838 !important; }
#InsuranceDetailsInfo #accordion-life.ui-accordion .ui-icon { background: url(images/expand-arrow-life.png) no-repeat;width: 20px;height: 20px; }
#InsuranceDetailsInfo #accordion-life.ui-accordion .ui-accordion-header-active .ui-icon { background: url(images/collapse-arrow-life.png) no-repeat; }
#InsuranceDetailsInfo #accordion-life .ui-widget-content { border-color:#f6f8f5; }
#InsuranceDetailsInfo .accordion-content-life { background:#f6f8f5;color:#4b7838; }
#InsuranceDetailsInfo #accordion-life .insurance-type { background: url(images/icon-life-colour.png) no-repeat 0 5px; }

#InsuranceDetailsInfo #accordion-tpd .insuranceDetailTables { background:#f5f3f4; }
#InsuranceDetailsInfo #accordion-tpd table th  { color:#515151 !important; }
#InsuranceDetailsInfo #accordion-tpd.ui-accordion .ui-icon { background: url(images/expand-arrow-tpd.png) no-repeat;width: 20px;height: 20px; }
#InsuranceDetailsInfo #accordion-tpd.ui-accordion .ui-accordion-header-active .ui-icon { background: url(images/collapse-arrow-tpd.png) no-repeat; }
#InsuranceDetailsInfo #accordion-tpd .ui-widget-content { border-color:#f5f3f4; }
#InsuranceDetailsInfo .accordion-content-tpd { background:#f5f3f4;color:#515151; }
#InsuranceDetailsInfo #accordion-tpd .insurance-type { background: url(images/icon-tpd-colour.png) no-repeat 0 5px; }
#InsuranceDetailsInfo #accordion-tpd .insuranceDetailsRowTable td span.tooltipImg { background: url(images/icon-tpd-info.png) no-repeat; }

#InsuranceDetailsInfo #accordion-vol .insuranceDetailTables { background:#f5f3f4; }
#InsuranceDetailsInfo #accordion-vol .insuranceDetailTables .insurance-type { padding-left:65px; }
#InsuranceDetailsInfo #accordion-vol table th  { color:#addb90 !important; }
#InsuranceDetailsInfo #accordion-vol.ui-accordion .ui-icon { background: url(images/expand-arrow-vol.png) no-repeat;width: 20px;height: 20px; }
#InsuranceDetailsInfo #accordion-vol.ui-accordion .ui-accordion-header-active .ui-icon { background: url(images/collapse-arrow-vol.png) no-repeat; }
#InsuranceDetailsInfo #accordion-vol .ui-widget-content { border-color:#f5f3f4; }
#InsuranceDetailsInfo .accordion-content-vol { background:#f4fbf0;color:#3e5e1f; }
#InsuranceDetailsInfo #accordion-vol .insurance-type { background: url(images/icon-vol-insurance.png) no-repeat 0 9px; }
#InsuranceDetailsInfo #accordion-vol .insuranceDetailsRowTable td span.tooltipImg { background: url(images/icon-vol-info.png) no-repeat; }

#InsuranceDetailsInfo #accordion-income .insuranceDetailTables { background:#f4edf1; }
#InsuranceDetailsInfo #accordion-income table th  { color:#4b3048 !important; }
#InsuranceDetailsInfo #accordion-income.ui-accordion .ui-icon { background: url(images/expand-arrow-income.png) no-repeat;width: 20px;height: 20px; }
#InsuranceDetailsInfo #accordion-income.ui-accordion .ui-accordion-header-active .ui-icon { background: url(images/collapse-arrow-income.png) no-repeat; }
#InsuranceDetailsInfo #accordion-income .ui-widget-content { border-color:#f4edf1; }
#InsuranceDetailsInfo .accordion-content-income { background:#f4edf1;color:#4b3048; }
#InsuranceDetailsInfo #accordion-income .insurance-type { background: url(images/icon-income-colour.png) no-repeat 0 5px; }

.content-income { float:left;width:96%;padding:2%; }
.content-income p { margin:0;text-transform:uppercase;font-size:11px; }
.content-income p span { font-family: 'Lato-Bold', sans-serif; font-weight: normal;font-size:18px;padding-left:5px; }
.content-income p:nth-child(1) { float:left; }
.content-income p:nth-child(2) { float:right; }

#InsuranceTotal { background:none;padding:20px;margin-bottom: 50px;color: #3b3b3b;margin-top: 3px; }
#InsuranceTotal .total-label { font-family: 'Lato-Bold', sans-serif; font-weight: normal;text-transform: uppercase;float: left; }
#InsuranceTotal .unit-value-container { float:right;margin-right: 30px; }
#InsuranceTotal .total-unit { text-transform:uppercase;text-align:center;margin:0;font-size:11px; }
#InsuranceTotal .total-value { text-align:center;font-family: 'Lato-Bold', sans-serif; font-weight: normal;font-size: 25px;line-height: 25px;margin:10px 0 20px; }
#InsuranceTotal #changeInsuranceBtn { color:#fff;padding:10px 30px;height: auto;font-family:'Lato', sans-serif;margin: 0 auto;display: block;background:#4a7838;border-color:#4a7838;font-size:16px;font-weight:normal;clear:both; }
#InsuranceTotal #changeInsuranceBtn:hover { cursor:pointer; }


/* Insurance FAQ */
#CoverInformation { margin-bottom:30px;clear: both; }
#CoverInformation h3 { color:#4b7838;margin-bottom:10px;font-size:20px; }
#CoverInformation ol { margin: 0;padding: 0 0 0 20px; }
#CoverInformation ol li { padding:0 0 10px 0;line-height:16px;font-size:13px; }

#CoverInformation .ui-corner-all,#CoverInformation .ui-corner-top,#CoverInformation .ui-corner-bottom { border-radius:0; }
#CoverInformation .ui-state-default { font-family: 'Chunkfive', Arial, Helvetica, sans-serif;font-weight: normal;font-size: 20px;color:#fff;padding: 15px 30px; }
#CoverInformation .ui-accordion .ui-accordion-content { padding: 15px 30px; }
#CoverInformation .ui-accordion .ui-accordion-content h4 { margin: 15px 0 5px 0; }
#CoverInformation .ui-accordion .ui-accordion-content p { margin: 0 0 20px; }
#CoverInformation .ui-accordion .ui-icon { background: url(images/expand-arrow.png) no-repeat;width:20px;height:20px; }
#CoverInformation .ui-accordion .ui-accordion-header-active .ui-icon { background: url(images/collapse-arrow.png) no-repeat; }
#CoverInformation .oc-button { display: inline-block;margin-top: 15px;color: #666666;padding: 10px 15px;font-size: 14px;line-height: 14px;height: auto;background: transparent; }

#CoverInformation #lifeLearMoreAccordianHeader { background:#4b7838;border-color:#4b7838;color:#fff; }
#CoverInformation #lifeLearMoreAccordianHeader:hover { color:#fff !important;}
#CoverInformation .lifeLearMoreAccordianDetails { background:#f6f8f5;border-color:#f6f8f5;color:#4b7838; }
#CoverInformation .lifeLearMoreAccordianDetails .oc-button { border-color:#4b7838;color:#4b7838; }
#CoverInformation .lifeLearMoreAccordianDetails .oc-button:hover { background:#4b7838;color:#fff; }

#CoverInformation #tpdLearMoreAccordianHeader { background:#515151;border-color:#515151;color:#fff; }
#CoverInformation #tpdLearMoreAccordianHeader:hover { color:#fff !important;}
#CoverInformation .tpdLearMoreAccordianDetails { background:#f5f3f4;border-color:#f5f3f4;color:#515151; }
#CoverInformation .tpdLearMoreAccordianDetails .oc-button { border-color:#515151;color:#515151; }
#CoverInformation .tpdLearMoreAccordianDetails .oc-button:hover { background:#515151;color:#fff; }

#CoverInformation #ipLearMoreAccordianHeader { background:#4b3048;border-color:#4b3048;color:#fff; }
#CoverInformation #ipLearMoreAccordianHeader:hover { color:#fff !important;}
#CoverInformation .ipLearMoreAccordianDetails { background:#f4edf1;border-color:#f4edf1;color:#4b3048; }
#CoverInformation .ipLearMoreAccordianDetails .oc-button { border-color:#4b3048;color:#4b3048; }
#CoverInformation .ipLearMoreAccordianDetails .oc-button:hover { background:#4b3048;color:#fff; }


/***** Change Insurance *****/
.category_headerDetails { font-family: 'Chunkfive', Arial, Helvetica, sans-serif;font-weight: normal;font-size: 20px;color:#fff;padding: 15px 30px 15px 50px; }
#divbasicCurrentCoverAmountSTDDO,#divnewCoverAmountIdSTDDO,#divbasicCurrentCoverAmountSTDTPD,#divnewCoverAmountIdSTDTPD,#divbasicCurrentCoverAmountVOLDO,#divnewCoverAmountIdVOLDO,#divbasicCurrentCoverAmountVOLTPD,#divnewCoverAmountIdVOLTPD,#divbasicCurrentCoverAmountADDDO,#divnewCoverAmountIdADDDO,#divbasicCurrentCoverAmountADDTPD,#divnewCoverAmountIdADDTPD,#divnewCoverAmountIdVOLDOVOL,#divcurrentCoverAmountVOLDOVOL,#divnewTotalCostPerMonthVOL,#divcurrentCoverAmountVOLDTVOL,#divnewCoverAmountIdVOLDTVOL,#divnewCoverAmountIdVOLTOVOL,#divcurrentCoverAmountVOLTOVOL { font-size: 18px;font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
.currentCover { font-size: 12px;font-family:'Lato', sans-serif; }

#divChangeInsurance table tr th,
#divChangeInsurance table tr td { border: none !important; }

#category_DO { background: #fff; }
#category_DO .category_headerDetails { background:url(images/icon-life-white.png) no-repeat #4b7838 5px 8px; }
#category_DO #tblCoverDetails { color:#4b7838;padding: 0 20px;border-collapse: separate;margin: 0; }
#category_DO #tblCoverDetails th { font-family: 'Lato-Bold', sans-serif; font-weight: normal; background:#fff;color:#4b7838;border-bottom:1px dashed #7da9b9 !important;text-align:center; }
#category_DO #tblCoverDetails th:nth-child(3),#category_DO #tblCoverDetails td:nth-child(3) { background: #f3f6f2;position: relative; }
#category_DO #tblCoverDetails td { width:25%;padding:5px 0;text-align:center;position: relative; }
#category_DO #tblCoverDetails td:nth-child(1) { width:30%;text-align:left; }
#category_DO #tblCoverDetails td:nth-child(4) { width:20%; }
#category_DO #tblCoverDetails td .oc-button { border:1px solid #4b7838;color:#4b7838;background-color:transparent;height: auto;padding: 7px 10px;font-size: 14px;line-height: 14px;margin-bottom: 3px; }
#category_DO #tblCoverDetails td .oc-button:hover { color:#ffffff;background-color:#4b7838; }
#category_DO #tblCoverDetails td span.tooltipImg { background: url(images/icon-life-info.png) no-repeat;height: 20px;width: 19px;position: absolute;top:30%;right: 5px; }
#tbl_TotalDO { background:#92ad7f;color:#ffffff;border-collapse:separate;padding:20px;margin-top:0; }
#tbl_TotalDO td { font-size:14px;font-family:'Lato', sans-serif;padding:5px 0 5px;width: 25%;text-align: center;text-transform:uppercase; }
#tbl_TotalDO td:nth-child(1) { width:30%;text-align:left; }
#tbl_TotalDO td:nth-child(2),#tbl_TotalDO td:nth-child(3) { font-size:18px; }
#tbl_TotalDO td:nth-child(4) { width:20%;}

#tbl_TotalDO td { position: relative; }
#tbl_TotalDO .tooltipImg { background: url(images/icon-info-white.png) no-repeat;height: 20px;width: 19px;position: absolute;right: 5px;top: 7px; }


#category_TPD { background: #fff; }
#category_TPD .category_headerDetails { background:url(images/icon-tpd-white.png) no-repeat #515151 5px 8px; }
#category_TPD #tblCoverDetails { color:#515151;padding: 0 20px;border-collapse: separate;margin: 0; }
#category_TPD #tblCoverDetails th { font-family: 'Lato-Bold', sans-serif; font-weight: normal;background:#fff;color:#515151;border-bottom:1px dashed #7da9b9 !important;text-align:center; }
#category_TPD #tblCoverDetails th:nth-child(3),#category_TPD #tblCoverDetails td:nth-child(3) { background: #f3f3f3;position: relative; }
#category_TPD #tblCoverDetails td { width:25%;padding:5px 0;text-align:center;position: relative; }
#category_TPD #tblCoverDetails td:nth-child(1) { width:30%;text-align:left; }
#category_TPD #tblCoverDetails td:nth-child(4) { width:20%; }
#category_TPD #tblCoverDetails td .oc-button { border:1px solid #515151;color:#515151;background-color:transparent;height: auto;padding: 7px 10px;font-size: 14px;line-height: 14px; }
#category_TPD #tblCoverDetails td .oc-button:hover { color:#ffffff;background-color:#515151; }
#category_TPD #tblCoverDetails td span.tooltipImg { background: url(images/icon-tpd-info.png) no-repeat;height: 20px;width: 19px;position: absolute;top:30%;right: 5px; }
#tbl_TotalTPD { background:#6d6e6d;color:#ffffff;border-collapse:separate;padding:20px;margin-top:0; }
#tbl_TotalTPD td { font-size:14px;font-family:'Lato', sans-serif;padding: 5px 0 5px;width: 25%;text-align: center;text-transform:uppercase; }
#tbl_TotalTPD td:nth-child(2),#tbl_TotalTPD td:nth-child(3) { font-size:18px; }
#tbl_TotalTPD td:nth-child(1) { width:30%;text-align:left; }
#tbl_TotalTPD td:nth-child(4) { width:20%; }

#tbl_TotalTPD td { position: relative; }
#tbl_TotalTPD .tooltipImg { background: url(images/icon-info-white.png) no-repeat;height: 20px;width: 19px;position: absolute;right: 5px;top: 7px; }


#category_VOL { background: #fff; }
#category_VOL .category_headerDetails { padding-left:70px;background: url(images/icon-vol-insurance-white.png) no-repeat #addb90 5px 14px; }
#category_VOL #tblCoverDetails { color:#3e5e1f;padding: 0 20px;border-collapse: separate;margin: 0; }
#category_VOL #tblCoverDetails th { font-family: 'Lato-Bold', sans-serif; font-weight: normal;background:#fff;color:#3e5e1f;border-bottom:1px dashed #7da9b9 !important;text-align:center; }
#category_VOL #tblCoverDetails th:nth-child(3),#category_VOL #tblCoverDetails td:nth-child(3) { position: relative; width: 45%; }
#category_VOL #tblCoverDetails td { width:25%;padding:5px 0;text-align:center;position: relative; }
#category_VOL #tblCoverDetails td:nth-child(1) { width:30%;text-align:left; }
#category_VOL #tblCoverDetails td:nth-child(4) { width:20%; }
#category_VOL #tblCoverDetails td .oc-button { border:1px solid #3e5e1f;color:#3e5e1f;background-color:transparent;height: auto;margin-bottom: 3px;padding: 7px 10px;font-size: 14px;line-height: 14px; }
#category_VOL #tblCoverDetails td .oc-button:hover { color:#ffffff;background-color:#3e5e1f; }
#category_VOL #tblCoverDetails tr td span.tooltipImg { background: url(images/icon-vol-info.png) no-repeat;height: 20px;width: 19px;position: absolute;top: 7px;right: 5px; }
#category_VOL #tblCoverDetails tr td .newCoverAmount span.tooltipImg { top: 7px; }
#category_VOL #tblCoverDetails tr#vol-tpd-only-cover td span.tooltipImg { top: 34%; }
#tbl_TotalVOL { background:#aed298;color:#ffffff;border-collapse:separate;padding:20px;margin-top:0; }
#tbl_TotalVOL td { font-size:14px;font-family:'Lato', sans-serif;padding: 5px 0 5px;width: 25%;text-align: center;text-transform:uppercase; }
#tbl_TotalVOL td:nth-child(2),#tbl_TotalVOL td:nth-child(3) { font-size:18px; }
#tbl_TotalVOL td:nth-child(1) { width:30%;text-align:left; }
#tbl_TotalVOL td:nth-child(4) { width:20%; }

#tbl_TotalVOL td { position: relative; }
#tbl_TotalVOL .tooltipImg { background: url(images/icon-info-white.png) no-repeat;height: 20px;width: 19px;position: absolute;right: 5px;top: 7px; }


#category_IP .category_headerDetails { background:url(images/icon-income-white.png) no-repeat #4b3048 5px 8px; }
#category_IP { background:#6f596d;color:#ffffff; }
#category_IP div:nth-child(2) { padding:10px 20px 20px; }
#category_IP div:nth-child(2) div { padding:0; }
#category_IP #tblIpCover td { width:25%;text-transform:uppercase; }
#category_IP #tblIpCover td:nth-child(1) { width: 30%; }
#category_IP #tblIpCover td:nth-child(2) { width: 25%; font-size: 18px;font-family:'Lato', sans-serif; text-align: center; }
#category_IP #tblIpCover td:nth-child(4) { width: 20%;text-transform:none;text-align: center; }
#category_IP .ip-cover-details { margin:10px 0; }
#category_IP .ip-cover-details p { text-transform:uppercase;margin:0; }
#category_IP .ip-cover-details p.waitingPeriodTextLabel { padding-bottom:5px; }
#category_IP .ip-cover-details p span { font-size:18px;font-family:'Lato', sans-serif; }
#category_IP td { padding: 0; }
#category_IP #btnApplyIP { background-color:transparent;border-color:#ffffff;color:#ffffff;height:auto;padding:7px 10px;display:inline-block;margin-bottom: 3px;font-size: 14px;line-height: 14px; }

#tblIpCover .tooltipImg { height: 20px;width: 19px;font-size: 10px; }

.total-cost { float:left;width:91%;margin:2px 0 50px;background: #ffffff;border: 4px solid #4b7838;padding:4%;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; }
#tblTotalCover th { font-size: 12px;font-family: 'Lato-Bold', sans-serif; font-weight: normal;background:#fff;color:#000;text-transform:uppercase;padding:0;text-align:center; }
#tblTotalCover th:nth-child(1) { font-size: 14px;text-align:left; }
#tblTotalCover th:nth-child(3) { color:#4B7838; }
#tblTotalCover td { font-size:20px;font-family: 'Lato-Bold', sans-serif; font-weight: normal;padding:0;text-align:center;color:#000; }
#tblTotalCover td:nth-child(3) { color:#4B7838; }
#tblTotalCover td #divTermsAndCondition .termsConditions { background:#f1f1f1;margin:20px 30px;padding:30px;height:300px;overflow-y:scroll; }
#tblTotalCover td #divTermsAndCondition .termsConditions h3 { text-align:left;font-size:16px;text-transform:uppercase; }
#tblTotalCover td #divTermsAndCondition .termsConditions p { font-size:13px;font-weight:normal;text-align: left; }
#divTermsAndCondition .middleText { text-align: center;font-size: 13px;font-weight: normal;margin:0 30px 20px; }
#tblTotalCover td .changeInsuranceBtns { margin: 0 30px; }
#tblTotalCover td #btnSubmit { float:right;color:#fff;height:auto;padding:10px 0;font-family: 'Lato', Arial, Helvetica, sans-serif;font-size:15px;width: 50%; }
#tblTotalCover td #btnSubmit:hover { background: #4b7838;-webkit-filter:none; }
#tblTotalCover td #btnCancelChanges { float:left;color:#5d5d5d;background:#f0f2f1;border:1px solid #d9d9d9;height:auto;padding:10px 0;font-family: 'Lato', Arial, Helvetica, sans-serif;font-size:15px;width: 45%; }

.sliderTable { width:280px;margin:0 auto;cursor:pointer; }
.ui-slider-horizontal { background:#eee;border-color:#fff; }
.ui-slider .filler { height:10px; }
#insuranceContainer .ui-slider-handle { border-radius:1.2em; }
#insuranceContainer .ui-slider-handle:hover { cursor:pointer; }
.insurance-info { width: 100% !important;text-align: center !important; }
.insurance-info div:nth-child(1) { display:inline; }
#category_DO .insurance-info, #category_TPD .insurance-info { border-bottom: 1px dashed #7da9b9 !important;position: relative; }
#category_DO #tblCoverDetails .sliderTable th:nth-child(3),#category_DO #tblCoverDetails .sliderTable td:nth-child(3),#category_TPD #tblCoverDetails .sliderTable th:nth-child(3), #category_TPD #tblCoverDetails .sliderTable td:nth-child(3) { background:none; }

#category_DO #tblCoverDetails td.sliderContainer { width:200px; }
#category_DO #tblCoverDetails td.sliderContainer .ui-slider .filler { background:#4b7838; }
#category_DO #tblCoverDetails td.decreaseButton { width:25px; }
#category_DO #tblCoverDetails td.decreaseButton a { width: 25px;height: 25px;margin-right:15px;background: #4b7838;float: left;text-align: center;vertical-align: middle;line-height: 22px; }
#category_DO #tblCoverDetails td.decreaseButton span { color:#fff;font-size:16px;font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#category_DO #tblCoverDetails td.increaseButton { width:25px; }
#category_DO #tblCoverDetails td.increaseButton a { width: 25px;height: 25px;margin-left:15px;background: #4b7838;float: right;text-align: center;vertical-align: middle;line-height: 26px; }
#category_DO #tblCoverDetails td.increaseButton span { color:#fff;font-size:16px;font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#category_DO .ui-state-default { border:2px solid #4b7838;background:#fff; }

#category_DO #tblCoverDetails td.insurance-info span.tooltipImg { top:0;right:100px; }

#category_TPD #tblCoverDetails td.sliderContainer { width:200px; }
#category_TPD #tblCoverDetails td.sliderContainer .ui-slider .filler { background:#515151; }
#category_TPD #tblCoverDetails td.decreaseButton { width:25px; }
#category_TPD #tblCoverDetails td.decreaseButton a { width: 25px;height: 25px;margin-right:10px;background: #515151;float: left;text-align: center;vertical-align: middle;line-height: 22px; }
#category_TPD #tblCoverDetails td.decreaseButton span { color:#fff;font-size:16px;font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#category_TPD #tblCoverDetails td.increaseButton { width:25px; }
#category_TPD #tblCoverDetails td.increaseButton a { width: 25px;height: 25px;margin-left:15px;background: #515151;float: right;text-align: center;vertical-align: middle;line-height: 26px; }
#category_TPD #tblCoverDetails td.increaseButton span { color:#fff;font-size:16px;font-family: 'Lato-Bold', sans-serif; font-weight: normal; }
#category_TPD .ui-state-default { border:2px solid #515151;background:#fff; }

#category_TPD #tblCoverDetails td.insurance-info span.tooltipImg { top:0;right:100px; }

#insuranceContainer DIV.errorContainer { margin:5px 0 0; }
#insuranceContainer DIV.errorContainer ul { margin:0;padding:5px 0; }
#insuranceContainer DIV.errorContainer ul li { list-style:none;padding:0;font-size: 14px; }

#divConfirmPopup div { font-size:14px; }
#divConfirmPopup #btnOkPopup { float:right;color:#fff;height:auto;padding:10px 40px;font-family: 'Lato', Arial, Helvetica, sans-serif;font-size:15px;background:#4b7838;margin-top:50px; }
#divConfirmPopup #btnCancelPopup { float:left;color:#5d5d5d;background:#f0f2f1;border:1px solid #d9d9d9;height:auto;padding:10px 40px;font-family: 'Lato', Arial, Helvetica, sans-serif;font-size:15px;margin-top:50px; }
div.simplemodal-container { border:0; }
div.simplemodal-container A.modalCloseImg { background:url(images/icon-close.png) no-repeat; }

#divSuccessMessage { text-align: center;padding: 20px 0;background: #e1ed98;color: #636363;font-size: 16px;margin-bottom: 15px; }

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

#unitPricesFilter .unitPricesFilterInline select { width: 12%; }

/* Combine Super */
#smsfMessageContainer { width: 92%; padding: 4%; background: #fff; border: none; }
#smsfWarningContainer.selfmanagedwarning { padding: 4%; margin: 10px 0; background: #f7f7f7; border: none; }
#smsfWarningContainer .button { padding-top: 20px; }

#gview_ConsolidateSuperOverviewGrid TR.ui-row-ltr { border-left: none; }
#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th { font-size: 1em; background: none; }
#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th div { height: auto; padding: 5px; }
#gview_ConsolidateSuperOverviewGrid tr td { border-right: none; }

/* Messages */
#gview_MessageGrid th { background: none; border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #ffffff; }
#gview_MessageGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_MessageGrid tr { border-left: 0 !important; border-right: 0;}
#gview_MessageGrid td { border-right: 1px solid #d6d6d6; }
#gview_MessageGrid td.details { border-right: 0 !important; }
#gview_MessageGrid .ui-jqgrid-ftable { table-layout: auto; }

#messagesContainter .topBar .messageNavBar { display: none; }
#messageHeader { font-weight: normal; }
#messageBody { margin: 10px 0; }
#bottomBar { display: block; width: 100%; }
#messageCounter { display: block; width: auto; }

#bottomBar DIV.navBar { float: none; width: 100%; }
ul.messageNavBar li,
#messageNavBar ul li { display: inline-block; margin: 0 0 0 10px; }
ul.messageNavBar li a,
#messageNavBar ul li a, 
.messageNavBar ul li a {
    background: #4b7838;
    border: 2px solid #4b7838;
    text-decoration: none;
    padding: 5px 10px;
    color: #fff;
    font-weight: normal;
    border-radius: 5px;
}
ul.messageNavBar li a:hover,
#messageNavBar ul li a:hover, 
.messageNavBar ul li a:hover { color: #fff; background: rgba(75, 120, 56, 0.75); border-color: rgba(75, 120, 56, 0.75); }

/* Inbox */
.treeTable tr th,
.treeTable tr td { width: auto !important; }
.treeTable tr th div { border: none; }
.treeTable tbody td { border: none; border-bottom: 1px solid #d6d6d6; }

#crsFilter table tr td { border: none; }
#correspondenceContainter a.viewLink { color: #4B7838; text-decoration: none; }
#correspondenceContainter a.viewLink:hover { text-decoration: underline; }

#correspondenceContainter #crsFilter table { background: #fff; }

#correspondenceSearchButton {
    display: block;
    padding: 5px 20px;
    font-size: 1.1em;
    border: 2px solid #4b7838;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    color: #fff;
    background: #4b7838;
	outline: 0;
    cursor: pointer;
}
#correspondenceSearchButton:hover { color: #fff; background: rgba(75,120,56,0.75); border-color: rgba(75,120,56,0.75); }

.ui-datepicker-calendar th { background: none; }
div.fiElem .hasDatepicker { width: 105px; }

/* Correspondence */
#gbox_correspondenceGrid { border: none; margin-top: 20px; }
#gview_correspondenceGrid th { background: #4B3048; border: none; padding: 0.5em; }
#gview_correspondenceGrid th td { border: none; }
#gview_correspondenceGrid div.ui-jqgrid-sortable { color: #ffffff; }
#gview_correspondenceGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_correspondenceGrid th#correspondenceGrid_Title { width: auto !important; }
#correspondenceContainter div.ftElem { font-family: 'Lato-Bold', sans-serif; font-weight: normal; font-size: 1.2em; margin-left: 0; }
.treeTable tbody tr td:first-child { padding-left: 5px !important; }
#correspondenceTable tr.collapsed td a.expander { margin: 19px !important; }

/* contact us */
.contactDetails { font-size: 11pt; }
#frmContactUs p { font-size: 11pt; }
#frmContactUs .formItem { font-size: 11pt; }
#frmContactUs .feedbackHeader .label { width: auto; margin-bottom: 20px; color: #4B3048; font-weight: normal; }
/*#frmContactUs .formItem .btnLinkToFullPage { padding: 7px 16px; margin-right: 0; font-size: 12pt; font-family: 'Chunkfive', Arial, Helvetica, sans-serif; background: #EEE; color: #50324C; border: 1px solid #777; border-radius: 5px; text-decoration: none; }
#frmContactUs .formItem .btnLinkToFullPage:hover { background: #DDD; }*/
#frmContactUs #btnSubmit { /*padding: 2px 2px; */margin-right: 0; }
#frmContactUs .formItem.formAction { float:right; }



/* –––––––––––––––––––––––––––––––––––––––––––––––---
------------------- MJOL VERTICAL -------------------
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* GENERAL */
html { height: 100%; }
body.mjol_body {
    height: 100%;
    background: #f3f3f3;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: normal;
}

.mjol_body b,
.mjol_body strong,
.mjol_body #subscriptionContainer .bold { font-family: 'Lato-Bold', sans-serif; font-weight: normal; }

.vertical_mjol #mainContent #topVerticalPanels { margin: 0 !important; }
.vertical_mjol #mainContent ul, 
.vertical_mjol #mainContent ol { margin-left: 15px !important; padding-left: 0; }

.mjol_body #dobTooltip,
.mjol_body #emailTooltip { margin: 0 !important; }

.mjol_body #container { background: none !important; }
.mjol_body div#wrapper { width: 100%; }
.mjol_body div#header {
    width: 100%;
    background: #fff;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.mjol_body .pageHeader { width: 1024px; background: none; }
.mjol_body A#homeLink { left: 0px; }

.mjol_body #content { width: 1024px; min-height: 650px; margin: 40px auto; background: none; border: none !important; }
.mjol_body #mainContent { padding: 0; }
.mjol_body #divLandingPageContainer { width: 90%; margin: 0 auto; padding: 4%; background: #fff; border: none; }
.mjol_body #divLandingPageContainer #divContent { width: 100%; margin: 40px 0; padding: 0; }
.mjol_body #divLandingPageContainer center { text-align: center !important; }
.mjol_body #divLandingPageContainer ul li { font-size: 1em; }

.mjol_body #footer {
    width: 100%;
    margin: 0 !important;
    padding: 25px 0;
    background: #e6e6e6;
    border: none;
}

.mjol_body ul.footer { padding: 0; text-align: center; }
.mjol_body ul.footer li a { color: #333 !important; font-weight: normal; }

.mjol_body .ui-widget {
    font-family: 'Lato', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1.5em;
}

.mjol_body #bottomContent { margin: 20px 0; }

/* Buttons */
.mjol_body .oc-button,
.mjol_body #btnResumeContainer a#btnResume.oc-button,
.vertical_mjol #btnDisabledNext,
.mjol_body #btnContinueContainer .oc-button,
#mjolContainer a#btnSubmit.oc-button,
.summaryEditContainer .mjolEditButton {
    width: auto;
    height: auto;
    margin: 0;
    padding: 10px 30px;
    background: #4b7838 !important;
    border: 2px solid #4b7838 !important;
    border-radius: 5px;
    color: #fff !important;
    text-transform: uppercase;
    text-align: center;
}
.mjol_body .oc-button:hover,
.mjol_body #btnResumeContainer a#btnResume.oc-button:hover,
.vertical_mjol #btnDisabledNext:hover,
.mjol_body #btnContinueContainer .oc-button:hover,
.summaryEditContainer .mjolEditButton:hover {
    background: rgba(75,120,56,0.75) !important;
    border: 2px solid rgba(75,120,56,0.75) !important;
}

.mjol_body .oc-button span,
.mjol_body #btnResumeContainer a {
    height: auto;
    padding: 0;
    color: inherit;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: normal;
    text-transform: uppercase;
}

.mjol_body #btnResumeContainer a#btnResume.oc-button { margin-left: .75em !important; }

.mjol_body #btnCancel,
.mjol_body #btnResumeContainer a,
.mjol_body #btnPrev,
.mjol_body #btnContinueContainer a {
    width: auto;
    margin: 0;
    padding: 10px 30px;
    background: none !important;
    border: 2px solid #4b7838 !important;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #4b7838;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    box-sizing: unset;
    line-height: normal;
}
.mjol_body #btnCancel:hover,
.mjol_body #btnResumeContainer a:hover,
.mjol_body #btnPrev:hover,
.mjol_body #btnContinueContainer a:hover { border: 2px solid rgba(75,120,56,0.75) !important; color: rgba(75,120,56,0.75) !important; }
.mjol_body #btnPrev { margin-right: 10px; }
.mjol_body #btnPrev span { color: #4b7838; }

.mjol_body #simplemodal-container .oc-button span {
    font-family: 'Lato', sans-serif;
    background: none;
    border: none;
    font-size: initial;
    line-height: normal;
    padding: 0;
    margin: 0;
    border-radius: 0px;
}

#mjolPopupContainer #btnSaveContainer { float: left; width: 100%; margin-top: 20px; padding: 0; }
#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button { float: left; padding: 10px 30px; }
#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span { color: #4b7838; }
#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button:hover span { color: rgba(75,120,56,0.75); }
#mjolPopupContainer #btnSaveContainer #btnSave { float: right; padding: 10px 30px; }

#mjolContainer a#btnSubmit.oc-button { float: right; }

#mjolPopupContainer fieldset,
.mjol_body fieldset { width: auto; }
#mjolPopupContainer fieldset div.fiLabel,
.mjol_body fieldset fieldset div.fiLabel { width: 30%; }

.vertical_mjol #btnNext { float: right; }
.vertical_mjol #btnDisabledNext { float: right; opacity: 0.3; }
.vertical_mjol #btnDisabledNext span { height: auto; padding: 0; color: #fff; font-size: 14px; line-height: normal; }

.mjol_body #tooltip { padding: 5px 10px; background: #f3f3f3; border: none; }
.mjol_body #tooltip h3,
.mjol_body #tooltip div,
.mjol_body #tooltip table { font-family: 'Lato', sans-serif; color: #333; font-size: 12px; font-weight: normal; }

/* inputs */
.vertical_mjol #mjolContainer div.formItem,
#mjolPopupContainer div.formItem,
.mjol_body div.formItem { margin: 0 0 15px 0; }
.vertical_mjol #mjolContainer div.fiLabel,
#mjolPopupContainer div.fiLabel,
.mjol_body div.fiLabel { width: 30%; }
.vertical_mjol #mjolContainer div.fiElem,
.mjol_body div.fiElem { width: 45%; }
.vertical_mjol #mjolContainer div.fiElem input,
.mjol_body div.fiElem input { width: 80%; }
.vertical_mjol input,
.vertical_mjol select,
#mjolPopupContainer div.fiElem input,
#mjolPopupContainer div.fiElem select,
.mjol_body div.fiElem input,
.mjol_body div.fiElem select { padding: 10px; font-size: 16px; border: 1px solid #b7c9af !important; }

#mjolPopupContainer div.fiElem, .mjol_body div.fiElem { width: 65%; }
#mjolPopupContainer div.fiElem input { width: 100%; }

.vertical_mjol img.ui-datepicker-trigger {
    margin-left: -26px;
    margin-top: 10px;
    width: 20px;
    height: 20px;
}

/* tables */
.mjol_body table.dataTable thead th,
.mjol_body table.dataTable thead td,
.mjol_body table.dataTable tbody th,
.mjol_body table.dataTable tbody td,
.mjol_body table.dataTable tfoot th,
.mjol_body table.dataTable tfoot td { padding: 10px !important; border: none; }


.mjol_body div#ui-datepicker-div { border-radius: 0px; }
.mjol_body .ui-datepicker .ui-datepicker-header { border-radius: 0px; }
.mjol_body .ui-datepicker-calendar th { background: #8f5d89; }
.mjol_body .ui-datepicker .ui-datepicker-prev { top: 15px; left: 10px; width: 15px; height: 15px; cursor: pointer; }
.mjol_body .ui-datepicker .ui-datepicker-next { top: 15px; right: 10px; width: 15px; height: 15px; cursor: pointer; }
.mjol_body .ui-datepicker .ui-datepicker-prev-hover { top: 15px; left: 10px; background: none !important; border: none !important; }
.mjol_body .ui-datepicker .ui-datepicker-next-hover { top: 15px; right: 10px; background: none !important; border: none !important; }
.mjol_body .ui-datepicker .ui-datepicker-prev span { background: url(images/icon-white-left-arrow.svg) center center no-repeat; }
.mjol_body .ui-datepicker .ui-datepicker-next span { background: url(images/icon-white-right-arrow.svg) center center no-repeat; }

/* errors */
.mjol_body ul.group-validation-summary { margin: 1em 0; padding: 10px 20px; }
.mjol_body ul.group-validation-summary li { margin: 0 0 0 20px; padding: 0; line-height: 1.5em; }

.mjol_body #validationSummary {
    background: #FF4F4F;
    padding: 5px 15px;
    margin: 1em 0;
    color: #fff;
    display: none;
    position: relative;
}

/* INTERNAL */

/* structure */
.mjolModule { padding: 0; background: none; border: none; }

.mjol_body #divLandingPageContainer #divApplicationDurationContent,
.mjol_body #divApplicationInstructions,
.mjol_body #divPageFooter { margin: 0; }

.mjol_body h1,
#mjolContainer h1,
.mjol_body h2,
.mjol_body h3,
.mjol_body h4 { margin: 1em 0 0.5em 0; padding: 0; color: #4B3048; line-height: 1em; font-weight: normal; text-align: left; }
.mjol_body h1,
#mjolContainer h1 { font-size: 36px; }
.mjol_body h2 { font-size: 30px; }
.mjol_body h3 { font-size: 22px; }
.mjol_body h4 { font-size: 16px; }

.mjol_body #divLandingPageContainer center { text-align: left; }

/* progression bar */
.mjol_body #progression { margin: 0 0 40px 0; font-size: 12px; line-height: 1.6em; }
.mjol_body div#progressBar {
    float: right;
    width: 85%;
    height: 5px;
    padding: 5px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
}
.mjol_body .ui-progressbar .ui-progressbar-value { margin: 0; background: #4b7838; border: none; }

.mjol_body .ui-corner-all,
.mjol_body .ui-corner-bottom,
.mjol_body .ui-corner-left,
.mjol_body .ui-corner-bl { border-bottom-left-radius: 10px; }
.mjol_body .ui-corner-all,
.mjol_body .ui-corner-top,
.mjol_body .ui-corner-left,
.mjol_body .ui-corner-tl { border-top-left-radius: 10px; }

/* content */
.vertical_mjol #classificationsAccordion .ui-accordion-header {
    margin-top: 5px;
    padding: 20px 20px 20px 50px;
    background: #4b7838;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.vertical_mjol #classificationsAccordion .ui-accordion-header.ui-state-active { border-radius: 5px 5px 0 0; }
.vertical_mjol #mjolContainer .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }
.vertical_mjol #classificationsAccordion .ui-accordion-header:before {
    content: " ";
    background: url(images/icon-white-right-arrow.svg) center center no-repeat;
    position: absolute;
    left: 20px;
    top: 23px;
    height: 15px;
    width: 15px;
}
.vertical_mjol #classificationsAccordion .ui-accordion-content { padding: 20px; background: #fff; border: none; }
.vertical_mjol #classificationsAccordion .class_btnset { margin: 20px 0 0 0; }

.vertical_mjol #currentStepHeader .about-header { padding: 40px 40px 10px 40px !important; color: #4B3048 !important; background: #fff !important; }
.vertical_mjol #currentStepHeader {
    font-family: 'Chunkfive';
    font-size: 30px;
    color: #4B3048;
}

.mjol_body #topVerticalPanels { padding: 0; }

#mjolContainer .visitedStep .completeIndicator {
    background: url(images/icon-Ok.svg) 0px 0px no-repeat;
    width: 24px;
    height: 24px;
}

.vertical_mjol #stepContainer .accordionGroupHeader:before {
    font-family: 'Icons' !important;
    content: '\e040';
    color: #4b3048;
    font-size: 22px;
    padding-right: 15px;
    vertical-align: text-bottom;
}
.vertical_mjol #stepContainer .accordionGroupHeader.ui-accordion-header-active:before {
    font-family: 'Icons' !important;
    content: '\e041';
    color: #4b3048;
}

#mjolContainer H3.ui-accordion-header SPAN.completeIndicator {
    background: none;
    width: 24px;
    height: 24px;
}
#mjolContainer H3.ui-accordion-header SPAN.failedIndicator {
    background: none;
    width: 24px;
    height: 24px;
}
.vertical_mjol #stepContainer .accordionGroupHeader .failedIndicator:before {
    font-family: 'Icons' !important;
    content: '\e043';
    background: none;
    font-size: 22px;
    color: #D61726;
}

.vertical_mjol #topVerticalPanels .visitedStep { background: #7b9b64 !important; }
.vertical_mjol #topVerticalPanels .visitedStep,
.vertical_mjol #bottomVerticalPanels li {
    width: auto;
    margin: 0 0 5px 0;
    padding: 20px;
    background: #92ad7f;
    font-family: 'Chunkfive';
    font-size: 30px;
    color: #fff;
    border: none;
}
.vertical_mjol #topVerticalPanels li:first-child { border-radius: 5px 5px 0px 0px; }
.vertical_mjol #bottomVerticalPanels li:last-child { border-radius: 0px 0px 5px 5px; }

.vertical_mjol #currentStepHeader span:first-child {
    display: block;
    margin: 0;
    padding: 20px;
    color: #fff;
    background: #4b7838;
}
.vertical_mjol #currentStepHeader span.completeIndicator { display: none; }

.vertical_mjol #stepContainer { margin: 0; padding: 40px; background: #fff; }
.vertical_mjol #mjolAccordionContainer { margin: 0; padding: 0; background: #fff; }

.vertical_mjol #stepContainer .accordionGroupBody {
    margin: 0;
    padding: 0 20px 20px 20px;
    background: none;
    border: none;
    border-bottom: 1px solid #b7c9af;
    border-radius: 0px;
}
.vertical_mjol #stepContainer .accordionGroupHeader {
    margin: 0;
    padding: 20px !important;
    font-size: 22px;
    line-height: 1.4em;
    background: none;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #b7c9af;
}
.vertical_mjol #stepContainer .accordionGroupHeader,
.vertical_mjol #stepContainer .accordionGroupHeader:before { font-family: 'Chunkfive', Arial, Helvetica, sans-serif; color: rgba(75, 48, 72, 0.5); }

.vertical_mjol #stepContainer .accordionGroupHeader:hover,
.vertical_mjol #stepContainer .accordionGroupHeader:hover::before { color: #4B3048; }

.vertical_mjol #stepContainer .accordionGroupHeader.ui-accordion-header-active,
.vertical_mjol #stepContainer .accordionGroupHeader.ui-accordion-header-active:before {
    color: #4B3048;
    border: none;
}

.vertical_mjol #mjolButtonContainer { float: left; width: 92%; margin: 0; padding: 0 4% 4% 4%; background: #fff; }

.vertical_mjol #bottomVerticalPanels { padding: 0; }

.vertical_mjol .intro { margin: 0 0 20px 0; }

.vertical_mjol #mjolContainer .pwdHint { float: left; width: auto; margin: 10px 0; padding: 0; }
.vertical_mjol #confirmPasswordUnmatch,
.vertical_mjol #confirmPasswordMatch { padding: 0 !important; }

.vertical_mjol #passwordStrong span,
.vertical_mjol #confirmPasswordMatch span,
.vertical_mjol #weakPassword span,
.vertical_mjol #confirmPasswordUnmatch span {
    padding: 0 10px;
    font-weight: normal;
    font-size: 14px;
    background: none;
    border: none;
}
.vertical_mjol #passwordStrong span,
.vertical_mjol #confirmPasswordMatch span { color: #3e9c06; }
.vertical_mjol #weakPassword span,
.vertical_mjol #confirmPasswordUnmatch span { color: #db2d16; }

.vertical_mjol table .td1 { background-position: 0px 11px; }

/* personal details */
.mjol_body #frmDeclaration input#IsTermsAndConditionsAccepted { margin-bottom: 20px; }
.mjol_body #frmPassword input#Username { box-sizing: inherit; }

/* investments */
.mjol_body #Investment h2 { display: none; }

/* insurance */
.mjol_body #nominationOptions {
    padding: 10px;
    background-color: #f6f6f6;
    border: none;
}

.mjol_body #mjolInvestmentOptionsTable,
.mjol_body #mjolDefaultInvestmentOptionsTable {
    width: 100% !important;
    table-layout: auto;
}
.mjol_body #frmInvestment TR.rowHeading TD {
    background: none;
    font-family: 'Lato-Bold';
    font-weight: normal;
    font-size: inherit;
}
.mjol_body #frmInvestment TR { background: #fff; }
.mjol_body #frmInvestment TR.odd { background: #f6f6f6; }
.mjol_body #frmInvestment TR.even { background: #edeaec; }
.mjol_body #frmInvestment .ioTransferSplit input { width: 100%; }
.mjol_body TR.total TD,
.mjol_body TR.noRecords TD { font-family: 'Lato-Bold'; font-weight: normal; }

/* review */
.mjol_body .summaryEditContainer .mjolEditButton {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none !important;
}
.mjol_body .summaryEditContainer .mjolEditButton span { padding: 0 !important; }

#mjolMemberProfileSummaryContainer .dataGroup { width: 60%; }

.verticalMjolContainer #mjolCommunicationDetails .header,
.verticalMjolContainer #frmSummary .fiLabel {
    font-family: 'Lato-Bold';
    font-weight: normal;
}

/* confirmation */
.mjol_body #divMemberDocs table tr td { border: none; }

/* resume/forgot */
#mjolPopupContainer #frmResumeApplication fieldset,
#frmForgotApplication fieldset { width: auto; }
#mjolPopupContainer #frmResumeApplication fieldset div.fiLabel { width: 25%; }
#frmForgotApplication fieldset div.fiLabel { width: 15%; }
#mjolPopupContainer #frmResumeApplication div.fiElem,
#mjolPopupContainer #frmResumeApplication div.fiElem input,
#frmForgotApplication div.fiElem,
#frmForgotApplication div.fiElem input { width: auto; }
#mjolPopupContainer #frmResumeApplication fieldset a { display: inline-block; margin-top: 20px; }

#mjolPopupContainer #frmResumeApplication #btnResumeContainer,
#frmForgotApplication #btnContinueContainer { float: left; width: 100%; margin-top: 20px; padding: 0;  }
#mjolPopupContainer #frmResumeApplication #btnResumeContainer a,
#frmForgotApplication #btnContinueContainer a { float: left; }
#mjolPopupContainer #frmResumeApplication #btnResumeContainer .oc-button,
#frmForgotApplication #btnContinueContainer .oc-button { float: right; }


/* MJOL VERTICAL RESPONSIVE */
@media (max-width: 1024px) {
    .vertical_mjol #content { width: 98%; }
    .mjol_body #divLandingPageContainer { width: 90%; }

    .mjol_body #progression { text-align: center; }
    .vertical_mjol #progression #progressBar { float: none; width: 80%; margin: 10px auto; }

    .vertical_mjol #mjolAccordionContainer { padding: 4%; }

    .vertical_mjol #mjolButtonContainer { padding: 0 4% 4% 4%; text-align: left; }
    .vertical_mjol #mjolButtonContainer #btnPrev,
    .vertical_mjol #mjolButtonContainer #btnSave,
    .vertical_mjol .btnLinkToContainerNoHistory { padding: 10px 30px; }
    .vertical_mjol #mjolButtonContainer #btnSave span { margin: 0; }

    .vertical_mjol #stepContainer .accordionGroupHeader.ui-accordion-header-active:before { padding-right: 15px; }

    .mjol_body .summaryEditContainer {
        float: none;
        width: 100%;
        display: block;
        margin: 20px 0;
        text-align: left;
    }

    .mjol_body #frmInvestment .ioTransferSplit { text-align: right; }
    .mjol_body .total #ioTransferSplitSum { text-align: right; }

    .mjol_body form#frmResumeApplication, .mjol_body form#frmForgotApplication { width: auto; padding: 0 15px; }
    .mjol_body #content { width: 100%; }
    .mjol_body #btnResumeContainer a#btnResume.oc-button { margin-left: 0 !important; }
}

@media (max-width: 785px) {
    .mjol_body #frmInvestment TR.rowHeading TD { padding: 10px !important; }

    .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,
    .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child { padding-left: 30px !important; }

    .mjol_body table.dataTable>tbody>tr.child span.dtr-title {
        display: block;
        margin-bottom: 10px;
        font-family: 'Lato-Bold';
        font-weight: normal;
    }
}

@media (max-width: 768px) {
    .vertical_mjol #mjolContainer div.fiLabel,
    #mjolPopupContainer div.fiLabel,
    .mjol_body div.fiLabel { width: auto !important; display: block; }
    .vertical_mjol #mjolContainer div.fiElem,
    #mjolPopupContainer div.fiElem,
    .mjol_body div.fiElem { width: 100%; }

    .vertical_mjol #stepContainer { padding: 10px; }

    .mjol_body h1,
    #mjolContainer h1 { font-size: 28px; }
    .mjol_body h2 { font-size: 22px; }
    .mjol_body h3, 
    .vertical_mjol #stepContainer .accordionGroupHeader { font-size: 18px; }
    .mjol_body h4 { font-size: 16px; }

    .vertical_mjol #stepContainer .accordionGroupHeader:before { padding-right: 5px; }

    .vertical_mjol #topVerticalPanels .visitedStep, 
    .vertical_mjol #bottomVerticalPanels li, 
    .vertical_mjol #currentStepHeader { font-size: 24px; }
}

@media (max-width: 499px) {
    .mjolModule .rightAlign { float: none; }

    .vertical_mjol #stepContainer .accordionGroupBody { padding: 0 0 20px 0; }

    .vertical_mjol #mjolButtonContainer #btnPrev,
    .vertical_mjol #mjolButtonContainer #btnSave,
    .vertical_mjol .btnLinkToContainerNoHistory,
    .mjol_body #btnCancel,
    .mjol_body .oc-button,
    .vertical_mjol #btnDisabledNext,
    #btnResumeContainer a,
    #btnResumeContainer a#btnResume.oc-button,
    #btnContinueContainer a {
        width: 83% !important;
        float: none !important;
        margin: 0 0 10px 0 !important;
        padding: 3% 8% !important;
    }
    #btnResumeContainer a,
    #btnContinueContainer a { display: block; }
    #btnContinueContainer { float: none; }

    .vertical_mjol #stepContainer .accordionGroupHeader { padding: 10px !important; }

    .vertical_mjol div#footer ul li { display: block; border: none; }

    .vertical_mjol #frmInvestment .ioTransferSplit { text-align: right; }
}

@media (max-width: 399px) {
    .vertical_mjol #stepContainer .accordionGroupHeader { font-size: 14px; }
}