/* 
	CSS Document 
	clubplussuper.com.au - 19/11/12
    Recent update        - 31/10/16

*/

/* Fonts */
/*  UAT FONT FILE PATH
@font-face {
    font-family: 'StolzlBook';
    src: url('fonts/TheNorthernBlockLtdStolzlBook.eot');
    src: url('fonts/TheNorthernBlockLtdStolzlBook.eot') format('embedded-opentype'),
         url('fonts/TheNorthernBlockLtdStolzlBook.woff2') format('woff2'),
         url('fonts/TheNorthernBlockLtdStolzlBook.woff') format('woff'),
         url('fonts/TheNorthernBlockLtdStolzlBook.ttf') format('truetype'),
         url('fonts/TheNorthernBlockLtdStolzlBook.svg#TheNorthernBlockLtdStolzlBook') format('svg');
}
@font-face {
    font-family: 'StolzlRegular';
    src: url('fonts/TheNorthernBlockLtdStolzlRegular.eot');
    src: url('fonts/TheNorthernBlockLtdStolzlRegular.eot') format('embedded-opentype'),
         url('fonts/TheNorthernBlockLtdStolzlRegular.woff2') format('woff2'),
         url('fonts/TheNorthernBlockLtdStolzlRegular.woff') format('woff'),
         url('fonts/TheNorthernBlockLtdStolzlRegular.ttf') format('truetype'),
         url('fonts/TheNorthernBlockLtdStolzlRegular.svg#TheNorthernBlockLtdStolzlRegular') format('svg');
}
@font-face {
    font-family: 'StolzlMedium';
    src: url('fonts/TheNorthernBlockLtdStolzlMedium.eot');
    src: url('fonts/TheNorthernBlockLtdStolzlMedium.eot') format('embedded-opentype'),
         url('fonts/TheNorthernBlockLtdStolzlMedium.woff2') format('woff2'),
         url('fonts/TheNorthernBlockLtdStolzlMedium.woff') format('woff'),
         url('fonts/TheNorthernBlockLtdStolzlMedium.ttf') format('truetype'),
         url('fonts/TheNorthernBlockLtdStolzlMedium.svg#TheNorthernBlockLtdStolzlMedium') format('svg');
}*/


/*  PROD FONT FILE PATH*/
@font-face {
    font-family: 'StolzlBook';
    src: url('TheNorthernBlockLtdStolzlBook.eot');
    src: url('TheNorthernBlockLtdStolzlBook.eot') format('embedded-opentype'),
         url('TheNorthernBlockLtdStolzlBook.woff2') format('woff2'),
         url('TheNorthernBlockLtdStolzlBook.woff') format('woff'),
         url('TheNorthernBlockLtdStolzlBook.ttf') format('truetype'),
         url('TheNorthernBlockLtdStolzlBook.svg#TheNorthernBlockLtdStolzlBook') format('svg');
}
@font-face {
    font-family: 'StolzlRegular';
    src: url('TheNorthernBlockLtdStolzlRegular.eot');
    src: url('TheNorthernBlockLtdStolzlRegular.eot') format('embedded-opentype'),
         url('TheNorthernBlockLtdStolzlRegular.woff2') format('woff2'),
         url('TheNorthernBlockLtdStolzlRegular.woff') format('woff'),
         url('TheNorthernBlockLtdStolzlRegular.ttf') format('truetype'),
         url('TheNorthernBlockLtdStolzlRegular.svg#TheNorthernBlockLtdStolzlRegular') format('svg');
}
@font-face {
    font-family: 'StolzlMedium';
    src: url('TheNorthernBlockLtdStolzlMedium.eot');
    src: url('TheNorthernBlockLtdStolzlMedium.eot') format('embedded-opentype'),
         url('TheNorthernBlockLtdStolzlMedium.woff2') format('woff2'),
         url('TheNorthernBlockLtdStolzlMedium.woff') format('woff'),
         url('TheNorthernBlockLtdStolzlMedium.ttf') format('truetype'),
         url('TheNorthernBlockLtdStolzlMedium.svg#TheNorthernBlockLtdStolzlMedium') format('svg');
} 


/* General styles */
body { background: #fff; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #000; }
body.loggedIn { font-family: 'StolzlRegular'; }

a:link { color: #003366; text-decoration: underline; outline: none; }
a:visited { color: #003366; text-decoration: underline; outline: none; }
a:hover { color: #194262; text-decoration: none; outline: none; }
a:active { color: #003366; text-decoration: underline; outline: none; }
.accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #000; text-decoration: none; }

h1 { border-bottom: none; color: #4d4d4d; font: normal 2em 'StolzlMedium'; margin: 10px 0; }
h2 { color: #4d4d4d; font: normal 1.8em 'StolzlBook'; }
h3 { color: #3D3D3D; font: normal 1.5em 'StolzlRegular'; }
h4 { font: normal 1.4em 'StolzlRegular'; }

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

input, select, textarea { padding: 1px; }

table th { text-align: left; background: #cae8b4; color: #000; }

#validationSummary { background: #d40000; color: #fff; border: 2px solid #d40000; margin-bottom: 0; }
#validationSummary ul { padding: 0; list-style: none; }
div.filterContainer { padding: 1em; background: #f8f8f8; border: none; border-radius: 10px; box-shadow: 0 1px 1px #aaa; }

#mjolContainer #validationSummary { margin-top: 10px; }

/* layout */
div#wrapper {width: 1024px; margin:0 auto; text-align: left; padding-bottom: 0;}
#content { margin-top: 0; padding: 0em; background: #FFF; width: 100%; }
#tabsMainContent {  }
#mainContent { padding: 1em 1.5em }

/* headers */
.pageHeader { background: none; position: relative; height: 85px; border: 0; }
.pageHeader h1 { position: absolute; bottom: -60px; right: 0; z-index: 10; color: #595959; margin: 0 1em 0 0; padding: 0; max-width: 155px; float: right; text-align: right; font: normal 22px 'StolzlRegular'; }
.pageHeader h1:first-line { color: #003150; }
.pageHeader h1:before { display: inline-block; width: 23px; height: 23px; margin: 0 10px -2px 0; background: url(Images/pageHeader_phone.png) top left no-repeat; content: " "; }

A#homeLink { background: url(Images/Clubplussuper-logo-white.jpg) no-repeat center left; background-size: 100%; display: block; left: 1em; top: 10px; width: 161px; height: 111px; }

#topMenu { right: 20px; z-index: 20; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu li a { color: #164567; }
#topMenu div.dropDownListControl li:hover { background: #333 }
#topMenu div.dropDownListControl li a { color:#333; }
#topMenu div.dropDownListControl li a:hover { color:#FFF; }


/* Buttons */
.oc-button { height: 30px; background: #69be28; border: none; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.oc-button:hover { background: #333; }
.oc-button span { background: none; padding: 5px 15px; margin-right: 0; color: #FFF; font: normal 1.1em/21px 'StolzlRegular'!important; }
.oc-button span:hover { color: #FFFFFF; }
.oc-button, .oc-button span { transition: .5s ease-out all; }

a.btnLinkToSubmenuPage, a#btnEventsSeeMore { color:  #0e9ec3; text-decoration: none; }

.btnOK { height: 30px; background: #003366; border: 1px solid #CCC; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.btnOK span { border: 0; background: none; padding: 5px 15px; margin-right: 0; color: #FFFFFF; cursor: pointer; }
.btnOK, .btnOK span { display: inline-block; line-height: 21px; font-family: Arial; font-size: 1.05em; font-weight: 700; text-decoration: none!important; }
.btnOK:hover { background: #00c0b5; }
.btnOK span:hover { color: #FFFFFF; }

/* Nav styles */
#mainMenu { background: none; height: 30px; width: 100%; margin: 0 0 20px; }

div.tabs { position: relative; top: 0; left: 0; _margin: 0;}
div.tabs ul li, div.tabs ul li.active { height: 30px; margin: 0 3px 0 0; border-right: 0px; }

div.tabs ul li a { height: 30px; background: #b2b2b2 !important; border-radius: 0 0 5px 5px; font: normal .9em 'StolzlRegular'; }
div.tabs ul li a span { background: none !important; font-size: 1.2em; color: #00c0b5; padding: 8px 25px 2px 25px; margin: 0 !important; }
div.tabs ul li a:hover { background: #00c0b5 !important; }
div.tabs ul li a:hover span { background: none !important; color: #fff; }
div.tabs ul li a:active { background: #00c0b5 !important; }
div.tabs ul li a:active span { background: none !important; color: #fff !important; }

div.tabs ul li.active, div.tabs ul li.active a { height: auto!important; border-radius: 0 0 5px 5px; }
div.tabs ul li.active a span { height: 20px; background: none !important; color: #fff; }
/*div.tabs ul li.active a:visited { background: none !important; }
div.tabs ul li.active a:visited span { background: none !important; }*/
div.tabs ul li.active a:hover { background: #00c0b5 !important; }
div.tabs ul li.active a:hover span { background: none !important; color: #fff !important; }
div.tabs ul li.active a:active { background: #00c0b5 !important; }
div.tabs ul li.active a:active span { background: none !important; color: #fff !important; }

div.tabs ul ul.tabSubLinks { top: 30px; width: 1024px; margin: 0; border-bottom: none; padding: 17px 0 2px; background: #e8f3de; border-top: 3px solid #fff; font: normal 1em 'StolzlRegular'; }
div.tabs ul ul.tabSubLinks li { margin-left: 1.3em; }
div.tabs ul ul.tabSubLinks li a { color: #fff; text-decoration: none; margin-left: 10px; font: normal 1em 'StolzlRegular'; }
div.tabs ul ul.tabSubLinks li a:visited { text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li a:hover { color: #000; text-decoration: underline; background: none !important; }
div.tabs ul ul.tabSubLinks li a:active { color: #000; text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li.active a { text-decoration: underline; font-weight: normal; background: none !important;}
div.tabs ul ul.tabSubLinks li a, div.tabs ul ul.tabSubLinks li a:visited { color: #000; }
div.tabs ul li.active, div.tabs ul li.active a, div.tabs ul li a:hover, div.tabs ul li.active a:hover, div.tabs ul li.active a:active, div.tabs > ul > li:hover > a { background: #7ac142!important; }
div.tabs ul li a span, div.tabs ul li a:hover span { color: #fff; }


/* Login styles */
tr:nth-child(odd) td { background: #f2f2f2; }

#mainLoginPage #siteEntryPoints { margin: 0; }

DIV.fiElem { position: relative; }

#loginEntry {position: relative;background: #FFF;width: 290px;min-height: 298px;margi;margin: -20px 0 8px;r: none;padding: 1.5em 1.5em 0;border: 1px solid #cae8b4;border-radius: 10px;float: right;box-sizing: border-box;}
#loginEntry h2 { padding: 0; margin: 0; font: normal 1.8em 'StolzlMedium'; border: none; }
div.fiLabel { padding: 5px 0; color: #000; font: normal 1.1em 'StolzlMedium'!important; }
#loginEntry div.fiLabel, #loginEntry div.fiElem { display: block; }
#loginEntry DIV.fiLabel { display: inline-block; width: auto; padding-right: 10px; }
div.fiElem input[type="text"],div.fiElem input[type="password"] { display: block; font-size: 14px; color: #000; background: #ebebeb; padding: 5px 10px; width: 230px; height: 25px; border: none; box-shadow: 3px 3px 1px #ccc inset; border-radius: 2px; box-sizing: border-box; }
#loginEntry input#rememberMe { margin: 10px 0 0; }
#loginEntry div.formAction { margin-top: .5em; text-align: center; }
#loginEntry div.formAction a { text-decoration: underline; }
#loginEntry div.formAction a:hover { text-decoration: none; }
#loginEntry div.formAction #lnkForgottenPassword, #loginEntry div.formAction #lnkForgottenUserName { display: block; text-align: center; margin: 5px 0; font: normal 1.1em 'StolzlRegular'; color: #4d4d4d; }
#loginEntry div.formAction a#btnLogin { height: auto; background: #69be28; display: inline-block; color: #fff; font: normal 1.4em 'StolzlRegular'!important; text-transform: uppercase; text-decoration: none!important;  padding: 3px 10px; margin: .4em auto 0; text-align: center; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#loginEntry div.formAction a#btnLogin:hover { background: #333; }
#loginEntry div.formAction a#btnLogin span { color: #fff; padding: 0; margin: 0; font-family: 'StolzlRegular'; font-weight: normal; height: auto; }
#loginEntry div.formAction a#btnLogin:after { display: inline-block; width: 11px; height: 13px; margin: 0 0 0 10px; background: url(Images/arrow_right.png); content: " "; }
#loginEntry #validationSummary { position: absolute; top: 0; left: 0; width: 100%;  box-sizing: border-box; opacity: .95; }

.loginLeftContent h1 { position: relative; top: 63px; z-index: 10; width: 446px; height: 31px; padding: 22px 27px 25px; border-radius: 0 0 10px 10px; background-color: #fff!important; background-color: rgba(255,255,255,.9)!important;background:  url(images/loginLeftContent-h1.png) center 45% no-repeat; float: left; text-indent: -9999px; }
.loginLeftContent h1:before { position: absolute; top: -23px; left: 0; display: block; width: 1024px; height: 23px; margin: 0 0 0 -0.62em; background: url(Images/loginentry-h1header.png); content: " "; }
#siteEntryPoints h2 { color: #4d4d4d; }

#mainLoginPage div.pageBlurb { float: left; width: 702px; height: 465px; margin: -90px 0 10px -1.25em; background: url(images/clubplus-welcome.jpg); }

#registrationEntry { display: block; width: 290px; padding: 1.3em 1.5em; clear: right; text-align: center; float: right; box-sizing: border-box; background: #cae8b4; border-radius: 10px; }
#registrationEntry h2 { padding: 0; margin: 0 0 5px; font: normal 1.8em 'StolzlMedium'; border: none; }
/*#registrationEntry h2 + p { display: none; }*/
#registrationEntry p { margin-bottom: 0; }
#registrationEntry a { background: #69be28; display: inline-block; color: #fff; font: normal 1.4em 'StolzlRegular'!important; text-decoration: none!important; padding: 3px 10px; margin: 0 auto; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: .5s ease all; }
#registrationEntry a:hover { background: #333; }
#registrationEntry a:after { display: inline-block; width: 11px; height: 13px; margin: 0 0 0 10px; background: url(images/arrow_right.png); content: " "; }

#bottomContent { margin-top: 10px; clear: both; }
#bottomContent #loginWhyUse { margin: 0 0 0 -1.25em; padding: 20px; background: #f2f2f2; }
#bottomContent #loginWhyUse h3 { margin: 0 0 30px; padding: 0; font: normal 1.8em 'StolzlBook'; text-align: center; }
#bottomContent #loginWhyUse ul { display: table; table-layout: fixed; margin: 0; padding: 0; list-style: none; text-align: center; }
#bottomContent #loginWhyUse ul li { display: table-cell; width: 20%; padding: 0 30px; font: normal 1.1em 'StolzlBook'; }
#bottomContent #loginWhyUse ul li:before { display: block; width: 58px; height: 56px; margin: 0 auto 10px; content: " "; }
#bottomContent #loginWhyUse ul li:nth-child(1):before { background:url(images/Statements_MC.png); }
#bottomContent #loginWhyUse ul li:nth-child(2):before { background:url(images/Details_MC.png); }
#bottomContent #loginWhyUse ul li:nth-child(3):before { background:url(images/Contributions_MC.png); }
#bottomContent #loginWhyUse ul li:nth-child(4):before { background:url(images/Investments_MC.png); }
#bottomContent #loginWhyUse ul li:nth-child(5):before { background:url(images/Beneficiaries_MC.png); }
#bottomContent #loginWhyUse ul li img { display: none; }


/* Logged In styles */
.loggedIn .pageHeader { height: 110px; margin: 0 0 5px; }
.loggedIn .pageHeader:after { position: absolute; bottom: 0; left: 7px; display: block; width: 1024px; height: 13px; margin: 0 0 0 -0.62em; background: url(https://membercentre-uat.orientsys.com.au/Content/Styles/CP/images/loginentry-h1header.png); content: " "; z-index: 100; }
.loggedIn .pageHeader h1 { bottom: 20px; }

.loggedIn #mainContent { width: 66%; padding: 1em 1.5em 1em 0; }
.loggedIn #content { padding: 20px 0 0; }
.loggedIn #content h1 { color: #164567; font: normal 2em 'StolzlRegular'; }

.loggedIn #memberInfoPlaceholder { margin-top: 15px; }
.loggedIn #memberInfoBox { padding: 10px 2px 10px 7px; color: #000; background: #cae8b4; border: none; border-radius: 10px; box-sizing: border-box; }
#memberInfoBox span.memberID, #memberInfoBox span.memberName, #memberInfoBox span.memberLastLogin { width: 170px; }

.loggedIn table th { padding: 10px; }
.loggedIn table th, .loggedIn #balanceEnquiryAccountBalanceTable tr.header th, .loggedIn #balanceEnquiryPreservationTable tr th, .loggedIn #balanceEnquiryAssetDetailsTable tr.header td, .loggedIn #gview_insuranceCoverGrid th, .loggedIn #gview_MessageGrid th, .loggedIn #beneficiaries th, .loggedIn .summaryBenefit, .loggedIn #gview_transactionHistoryGrid th, #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th { background: #cae8b4; color: #000; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div, #gview_MessageGrid .ui-jqgrid-htable th div, .summaryBenefit div, #gview_transactionHistoryGrid th div { color: #000!important; }

#resetPassword .fiElem { position: relative; }
#resetPassword DIV.fiLabel, #userReg DIV.fiLabel { width: 180px; padding: 6px 0; }


/*  Temp Styles */
#mainLoginPage div.pageBlurb * { display: none; }


div.maintenanceMessages { background: #f2dede; width: 780px; border-color: #CC0000; margin-left: -14px; margin: 0 0 0 -14px; }
#mainLoginPage,
#registrationWizard,
#forgottenPassword { padding-top: 0; }
/*
 #forgottenPassword { width: 66%; }
 #mainLoginPage  h1{
    background: url(images/home-inner.gif) no-repeat top left #3B4662;
    color: #fff;
    border-bottom: none;
    padding: 50px 30px;
    margin: 0;
}*/

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

/*Registration */
#userReg { padding-top: 0; }
#userReg h3 { color: #003366; font-size: 1.6em; }
#userReg .termsConditions { border: 1px solid #28344E; padding: 5px; margin: 20px 0; }
.oc-wizard-buttons { float: left; margin-left: 30%; }

/* Subpages styles */
#subPanel { width: 30%; margin: .5em 0 0 0em; }
#subPageBody .pageBlurb, #forgottenPassword .pageBlurb, #forgottenUserName .pageBlurb { margin: 0 0 1em; width: 100%; }

.slick-content { padding: 0 10px 0 0; width: auto; background: none; }
.slick-content .single-item { background: none; }
.slick-content .slick-slide { margin: 0 0 10px; }
.slick-content .slick-slide p { padding: 0; margin: 0; }
.slick-content .slick-slide img { width: 100%; }


#userReg h1, #contactUsFormContainer h1, #termsAndConditionsPage h1, #privacy h1, #forgottenPassword h1, #forgottenUserName h1 { max-width: 80%; position: relative; margin-bottom: 40px; padding-top: 12px; }
#userReg h1:after, #contactUsFormContainer h1:after, #termsAndConditionsPage h1:after, #privacy h1:after, #forgottenPassword h1:after, #forgottenUserName h1:after { position: absolute; bottom: -15px; left: 7px; display: block; width: 1024px; height: 10px; margin: 0 0 0 -0.62em; background: url(https://membercentre-uat.orientsys.com.au/Content/Styles/CP/images/loginentry-h1header.png); content: " "; z-index: 100; }

#forgottenUserName .formAction { text-align: left; }

.loggedIn #userReg h1, .loggedIn #contactUsFormContainer h1, .loggedIn #termsAndConditionsPage h1, .loggedIn #privacy h1, .loggedIn #forgottenPassword h1, .loggedIn #forgottenUserName h1 { margin-bottom: 0; }
.loggedIn #userReg h1:after, .loggedIn #contactUsFormContainer h1:after, .loggedIn #termsAndConditionsPage h1:after, .loggedIn #privacy h1:after, .loggedIn #forgottenPassword h1:after, .loggedIn #forgottenUserName h1:after { display: none; }


/* Styling of dashboard */
.loggedIn #dashboard .dashboardBoxSmall, .loggedIn #dashboard .dashboardBoxLarge { position: relative; margin-top: 37px; padding: 1em; background: #fff; border: 2px solid #CCC; border-radius: 0 0 12px 12px; }
.loggedIn #dashboard .controlHeader { position: absolute; top: -37px; left: 0; margin: 0 -2px; padding: 8px 2px; color: #fff; background: #7ac142; font: normal 1.1em 'StolzlMedium'; border-radius: 6px 6px 0 0; }

#dashboard .dashboardBoxSmall { width: 300px; min-height: 120px; margin: 0 10px 10px 0; }
#dashboard .dashboardBoxSmall#chart2 { float: right!important; }

#dashboard .dashboardBoxLarge { width: 640px; }
.loggedIn #dashboard .dashboardBoxLarge .controlHeader { background: #6ecac8; }
.loggedIn #dashboard .dashboardBoxLarge { background: #e1f2f3; border-color: #e1f2f3; }
.loggedIn #dashboard .dashboardBoxLarge#eventsContainer { padding: 2em 1em; text-align: center; }

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

#currentBalanceText { margin-top: 10px; font: normal 1.4em 'StolzlBook'; }

.highcharts-axis-labels tspan { color: #333; fill: #818285; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }

#activityTable, #eventTable { text-align: right; }
#activityTable tr:nth-child(odd) td { background: #f2f2f2; }
#activityTable td { padding: 4px 2px; border-bottom: 1px solid #ccc; }
#activityTable td.date,
#activityTable td .description,
#eventTable td.date,
#eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #ccc; color: #333; font-weight: normal; }
#eventsAccordion .header .title { color: #333; font-weight: normal; }

/* Action Link */
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer { margin: 35px 20px; background-color: transparent; float: none; padding: 0; width: auto; }
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a { background: #003366; color: #FFFFFF; text-decoration: none; padding: 10px; font-weight: normal; border: 1px solid #fff; }
#dashboard .dashboardBoxSmall .actionLinkContainer,
#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #7ac142; }
#dashboard .dashboardBoxSmall .actionLinkContainer a,
#dashboard .dashboardBoxLarge .actionLinkContainer a { background: #7ac142; color: #FFFFFF;}

#dashboard .dashboardBoxSmall .actionLinkContainer { background: #7ac142;width:auto;padding:0;float: none; }	
#dashboard .dashboardBoxSmall .actionLinkContainer a { width:90%;display:block;padding:10px 5%;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;font-size: 1em;font-weight: 700;text-align:center; }
#dashboard .dashboardBoxSmall .actionLinkContainer a:hover { background: #b2b2b2; }

/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; width: 320px;  *width: auto;
margin-bottom: 1em; }
#AccountSummaryRightContainer { margin-left: 1em; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
legend { font-weight: bold; font-size: 1.2em; width: 310px; color: #666; border-bottom: 1px solid #666666; padding: 7px 0px; margin-bottom: 0.5em; }
.accountsummarydetailcontainer { padding-top: 5px; }
.accountsummarydetailcontainer th { background: none; color: #818285; }
fieldset div.fiLabel { width: 34%; *width: 100px; }
#contactdetails .fiLabel { vertical-align: inherit; }

/*#updateMemberProfile fieldset { display: inline-block; width: auto; margin-right: 20px;  *margin-right: 10px; vertical-align: top; }*/
#updateMemberProfile fieldset { position: relative; display: inline-block; margin-top: 47px; margin-right: 1.5%; margin-bottom: 0; padding: 1em; background: #fff; border: 2px solid #CCC; border-radius: 0 0 12px 12px; box-sizing: border-box; width: 48%; vertical-align: top; }
#updateMemberProfile fieldset legend { position: absolute; top: -37px; left: 0; margin: 0 -2px; padding: 8px!important; color: #fff!important; background: #7ac142; font: normal 1.1em 'StolzlMedium'!important; border-bottom: none; border-radius: 6px 6px 0 0; }
#updateMemberProfile fieldset + input + fieldset, #updateMemberProfile fieldset + input + fieldset + fieldset, #updateMemberProfile fieldset + input + fieldset legend, #updateMemberProfile fieldset + input + fieldset + fieldset legend { width: 98%; }

*+HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; }
* HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; }
#membershipdetails .fiLabel { width: 120px; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
.header { border: none; }

#AccountSummaryLeftContainer { padding-right: 10px; }
#AccountSummaryContainer fieldset { position: relative; margin-top: 47px; padding: 1em; background: #fff; border: 2px solid #CCC; border-radius: 0 0 12px 12px; box-sizing: border-box; width: auto; }
#AccountSummaryContainer fieldset legend { position: absolute; top: -37px; left: 0; margin: 0 -2px; padding: 8px!important; color: #fff!important; background: #7ac142; font: normal 1.1em 'StolzlMedium'!important; border-bottom: none; border-radius: 6px 6px 0 0; }
#AccountSummaryLeftContainer a, #AccountSummaryRightContainer a { position: absolute; right: 8px; top: 8px; color: #eee; }
#AccountSummaryLeftContainer a:hover, #AccountSummaryRightContainer a:hover { text-decoration: underline; }
#AccountSummaryContainer table th, #AccountSummaryContainer table td { padding: 4px; }
#AccountSummaryContainer .personalEmailUpdateBtn { text-decoration: none; }


/* Beneficiaries */
#beneficiaries th { text-align: left; background: #00c0b5; color: #fff; }
#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 #CCC; border-bottom: 1px solid #CCC; }

#beneDetailsContainer fieldset, #consolidatedSuperDetailsContainer fieldset { position: relative; display: inline-block; margin-top: 47px; margin-right: 1.5%; margin-bottom: 0; padding: 1em; background: #fff; border: 2px solid #CCC; border-radius: 0 0 12px 12px; box-sizing: border-box; width: 48%; vertical-align: top; }
#beneDetailsContainer fieldset legend, #consolidatedSuperDetailsContainer fieldset legend { position: absolute; top: -37px; left: 0; margin: 0 -2px; padding: 8px!important; color: #fff!important; background: #7ac142; font: normal 1.1em 'StolzlMedium'!important; border-bottom: none; border-radius: 6px 6px 0 0; }
#beneDetailsContainer img.ui-datepicker-trigger { top: 0; right: -25px; }

/* Payment Options */
#paymentOptionFilters { padding: 2em; background: #f8f8f8; border: none; border-radius: 10px; box-shadow: 0 1px 1px #aaa; }
#paymentOptions .paymentOptionImage { height: 50px; }
#paymentOptionFilters .oc-radiogroupex li { font-weight: bold; padding-right: 10px; }
#paymentOptions td { padding: 5px; }
#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; }
td.paymentImageBpay { background-position: 5px 5px; height: 45px; }

/* Balance Enquiry */

input.filterRadio { vertical-align: baseline; }
#chartTitle { font-size: 1.6em; font-weight: normal; color: #003366; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: #00c0b5; color: #fff; padding: 1em; border: none; }
#balanceEnquiryFilter { text-align: left; color: #333; font-size: 1.2em; font-weight: bold; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin:0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; }
.legendTitle { font-size: 1.3em; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; }
tr.total td { border-top: 1px solid #CCC !important; border-bottom: 1px solid #CCC !important;background: #eee; }



/* Benefit Quote */
#benefitQuote .sectionTitle { font-size: 1.6em; color: #003366; }
#quoteDate { font-size: 1.25em; }
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-weight: bold; color: #333; }
#benefitQuote tr.footer td { font-weight: bold; border-top: 1px solid #CCC !important; border-bottom: 1px solid #CCC !important; }
#benefitQuote tr.lineItem td { padding-left: 20px; }
.summaryBenefit { background: #00c0b5; margin-top: 7px; }
.summaryBenefit table { background: #fff; clear: both; }
.summaryBenefit div { padding: 0.5em; color: #fff; }

#disclaimer, #insuranceCover #bottomContent { margin: 10px 0; padding: 1px 15px 5px; background: #F6F0E3; }
#insuranceCover #bottomContent { padding: 1px 15px 20px; }


/* Transaction History */
#gview_transactionHistoryGrid th { background: #00c0b5; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color: white; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }


/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { padding: 0 0.5em; }
#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans { padding: 1em; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice { text-align: right; }
DIV.currentInvestments TH.ioValue { width: 100px; }
DIV.currentInvestments TH.ioUnits { width: 100px; }
DIV.currentInvestments TH.ioUnitPrice { width: 100px; }


TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans { width: 100px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #333; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-size: 1.2em; font-weight: bold; }
div.currentInvestments th.ioInvestOptions { /*width: 160px;*/ 
}
#investmentOptions tr.metaHeading span { border-bottom: none; }
#investmentOptions tr.metaHeading th { color: #333; }
#investmentOptions tr.rowHeading td { background: #E8F6F9; }
#investmentOptions input { text-align: right; }

div#dioDetailsContent a#btnRegister {display: none}

#dioRegistrationPage .tcBody { border: none; }
input#IsAgreeToTermsConditions { float: left; }

#investmentEnquiry DIV.formItem { text-align: left; }

#dioDetailsContent2 {}
#dioDetailsContent2 .notRegisterText  {text-align:right;padding-top: 10px;}

#dioDetailsContent2 .legendAnchor {margin-left:0;}

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

#grandTotalContainer2 {background: #eee;border-left:none !important;border-right:none !important; border-top: 1px solid #CCC !important;border-bottom: 1px solid #CCC !important;}
.grandTotalText, .grandTotalAmount {font-size:1.25em !important;padding:5px;color:#000;}

#cashAccountContainer2 { padding:0;margin: 0 0 0 0 !important;clear: both;text-align: right;}
#accessDIOOnlineContainer {margin: 0 0 0 0 !important;clear: both;text-align:center;width: auto !important;padding: 0 0 30px 0;}
#accessDIOOnlineContent .titleText {padding-top: 10px;}
#accessDIOOnlineContent {width:680px;}
#expandContent {margin-top:10px}
#btnCancelTransfer {float: right;}

#investmentOptions tr.metaHeading a.oc-button span {border-bottom:none;}
#receiptInfoTable td {border-top: 1px solid #CCC !important;}
#ioReceiptTable tr.footerRow {border-top: none;}
#ioReceiptTable thead th {border-bottom: 1px solid #CCC !important;}
#ioReceiptTable tr.footerRow td {background:#eee;border-top: 1px solid #CCC !important;border-bottom: 1px solid #CCC !important;}

#dioDetailsContainer2 .closeCashAccount2 {float: right;clear: none;padding-top: 0 !important;margin-right: 3px;}


tr.footerRow td, #investmentOptions tr.total td {border-top: 1px solid #CCC !important;border-bottom: 1px solid #CCC !important;background: #fff !important; font-weight:bold;}

#btnCloseCashAccount {height: 30px;background: #003366;border: 1px solid #CCC;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;display: inline-block;
line-height: 21px;text-decoration: none!important;width:167px;}
#btnCloseCashAccount:hover {background:#00c0b5;}
#btnCloseCashAccount span {background: none;padding: 5px 15px;margin-right: 0;color: #FFFFFF;display: inline-block;line-height: 21px;height: 22px;font-family: Arial;font-size: 1.05em;font-weight: 700;text-decoration: none!important;}
.transferButtonsRightAlign .oc-button, .accessDIOOnlineTitle2 .oc-button {width:167px;}

#chart2Container ul{list-style-position: outside !important;margin-left: 1em !important;}


/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th { background: #00c0b5; border: none; }
#gview_insuranceCoverGrid th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: white; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_insuranceCoverDetailGrid th { background: #00c0b5; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: white; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }

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

/* Messages */
#gview_MessageGrid th { background: #00c0b5; border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: white; }
#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: #333; text-decoration: none; }
ul.messageNavBar li a:hover,
#messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }
#messagesContainter .topBar ul li a { background: #28344E; }
#messageHeader { color: #003366; }

/* Correspondence */
#gbox_correspondenceGrid {border: none; margin-top: 20px;}
#gview_correspondenceGrid th { background: #00c0b5; border: none; padding: 0.5em;}
#gview_correspondenceGrid th td {  border: none; }
#gview_correspondenceGrid div.ui-jqgrid-sortable {  color: #FFF;}
#gview_correspondenceGrid .ui-jqgrid-htable th div:hover { text-decoration: underline;}
#gview_correspondenceGrid th#correspondenceGrid_Title { width: auto !important;}
#correspondenceContainter div.ftElem {font-weight: bold; font-size: 1.2em; margin-left: 0;}

/* RHS Member ID Box */
#memberInfoBox { color: #003366 }


/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header, 
#alertAccordion.ui-accordion .ui-accordion-header { background: #7ac142; border: 1px solid #cccccc; border-bottom: 0; color: #FFF; font-weight: bold; margin-top: 0 }
#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;}

#alertBox .ui-widget-content { border: 1px solid #cccccc; }
.campaignSection { border: none; }
.campaignSectionHeader { background-color: transparent; }
.collapsibleContainerTitle { border-bottom: none; color: #333; background: none; }
.collapsibleContainerTitle div { background: none; }
.campaignContent { margin: 0; }
#campaignContainer .ui-widget-content { border-bottom: none; background: none; }
#campaignContainer .ui-widget-content img, #campaignContainer .campaignContent img { width: 100%; }

/* contact us */
.feedbackHeader .label { color: #003366; font-family: 'StolzlRegular'; }

/* Footer */
#footer { background: none; height: 50px; font-size: 10px; color: #707070; line-height: 50px; text-align: center; border: none; } 
ul.footer li { color: #194262; }
ul.footer li a { color: #194262 !important; font: normal 1.15em 'StolzlRegular'; text-decoration: none; }
.contactDetails { display: inline-block; margin: 0 0 20px 0; padding: 1.3em 4em 1.3em 1.5em; background: #cae8b4; border-radius: 10px; }

/* Registration > Register User */
.fiElem img#imgAccountNumberTooltip, .fiElem img#imgSurnameTooltip, .fiElem img#imgFirstnameTooltip, .fiElem img#imgEmailTooltip, .fiElem img#imgPasswordTooltip, #userReg img.ui-datepicker-trigger, #resetPassword .fiElem #imgToolTip, #mjolContainer .fiElem .emailTooltip, #mjolContainer .fiElem .ui-datepicker-trigger, #mjolContainer .fiElem .tfnTooltip { position: absolute; top: 0; right: -25px; }
#mjolContainer .fiElem .dobTooltip { position: absolute; top: 0; right: -50px; }

/* MJOL */
#mjolNavBar { width:83%; display: table; padding: 10px 0 0; }
#mjolNavBar li { display: table-cell; text-align: center; vertical-align: middle; color: #000; background: #cae8b4; border-left: solid 1px #fff; padding: 10px; *padding: 10px; /* IE6/7 */ font: normal 1em 'StolzlRegular'; }
@media all and (min-width:0) { #mjolNavBar li { padding: 10px; } /* IE9-IE10pp4 */ }
#mjolNavBar li:last-child { border-radius: 0 5px 0 0; }
#mjolNavBar li:first-child { border-radius: 5px 0 0 0; }
#mjolNavBar li.highlight { background-color: #69be28; color: #fff; }

#mjolContainer .mjolModule { padding: 10px 20px 20px; background: #f8f8f8; border: none; border-radius: 10px; }

#mjolContainer .formItem { /*display: inline-block; width: 49%;*/ margin-bottom: 1em; }
#mjolContainer #fldsetPersonalInfo #IsCompletedPersonalDetailsGroup + .formItem { display: block; }

#mjolContainer #frmPassword .formItem { display: block; width: auto; }
#mjolContainer #frmPassword .formItem .fiLabel { width: 20%; }
/*#mjolContainer fieldset div.fiLabel { width: 40%; }*/
#mjolContainer .fiElem { display: inline-block; }
#mjolContainer .fiElem input { /*display: inline-block!important;*/ width: auto; }
#mjolContainer #confirmPasswordUnmatch, #mjolContainer #confirmPasswordMatch { padding-left: 10px!important; }

#mjolButtonContainer { margin: 20px 0; float: none; text-align: right; }
#mjolButtonContainer .oc-button.previousBtn { float: left; }
#btnSaveContainer #btnCancel { background: #003366; border: 1px solid #CCC; }
#btnSaveContainer #btnCancel:hover { background: #00c0b5; }

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) 0px 4px no-repeat; }

/* Your Details */
.ui-datepicker-calendar th { background: #cae8b4; }
#confirmPasswordUnmatch, #confirmPasswordMatch { padding-left: 0; }

/* Your Options */
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th { background: #cae8b4; }

/* Beneficiaries table */
button.dt-button, div.dt-button, a.dt-button { border:0;background:#69be28;color:#fff;font-size: 13px;font-weight:bold;padding:8px 15px;line-height:12px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled),button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { background-image:none;box-shadow:none;background-color:#333;text-decoration:none;border:0;text-shadow:none; }
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { border:0;background:#333;color:#fff; }
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: #ddd; }
table.dataTable tbody > tr,table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { cursor:pointer; }
div#beneButtonContainer { margin-top: 15px; }

/* Beneficiary Pop Up */
div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { border:0; margin:15px;}
div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { background-color: #fff;border: 1px solid #fff; }
div.DTE div.DTE_Footer { background-color: #fff;border: 1px solid #fff; }
div.DTE button.btn, div.DTE div.DTE_Form_Buttons button { background:#69be28;border:0;text-shadow:none!important;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;padding:7px 15px;font-weight:700; }
div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover,div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus { border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#333;background-image:none; }

/*  External Links Page */
#externalLinksContainer .externalLinks ul li { background: #f8f8f8; padding: 1em; border-radius: 10px; box-shadow: 0 1px 1px #aaa; }

/* Summary beneficiaries table */
#mjolBeneficiariesSummaryContainer #beneficiariesTable tbody tr td { cursor:default;outline:0; }
#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child:hover { background:#fff; }
#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child ul { width:100%; }
#mjolBeneficiariesSummaryContainer table.dataTable > tbody > tr.child span.dtr-title { min-width:100px; }

#mjolContainer #TFNContainer .formItem { display: block; }

/*  Confirmation */
#mjolContainer h1.mjolSummaryModuleHeader { margin-bottom: 0!important; }
.summaryEditContainer .mjolEditButton { font-weight: normal; padding-right: 20px; background: #69be28; border: none; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 15px; color: #fff; font: normal 1.1em/21px 'StolzlRegular'!important; text-decoration: none; margin: 0 0 5px; }
.summaryEditContainer .mjolEditButton:hover { background: #333; }
#mjolMemberProfileSummaryContainer .dataGroup, .beneSummaryContainer, #mjolCommunicationDetails, #insuranceOptions { border: 1px solid #cae8b4; border-radius: 5px; margin: 0 0 10px; padding: 15px; width: auto; background: #fff; }

#mjolContainer #mjolMemberProfileSummaryContainer .formItem { display: block; vertical-align: top; border-bottom: 1px dotted #ddd; }
#mjolContainer #mjolMemberProfileSummaryContainer .fiElem { padding: 10px 0; }
table#mjolDefaultInvestmentOptionsTable thead tr th, table#mjolInvestmentOptionsTable thead tr th { width: auto !important; }
#mjolInvestmentOptionsTable, #mjolDefaultInvestmentOptionsTable { width: 750px !important; }



@media (max-width: 1024px) {
  #mainContent { padding: 15px 10px; }
  #content { margin-top:0; }
  #header .pageHeader { height: 80px; }
  .oc-button { border:0; }
  .oc-button:hover { background:#333; }
  #stepContainer h4 { font-size:1em; }
  div#mjolContainer .breadcrumbs { width:98%; }

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

  /* Save App pop-up */
  div#mjolPopupContainer #frmSave fieldset div.fiLabel { width:36%; }
  #simplemodal-container #mjolPopupContainer #btnSaveContainer .oc-button { border:0; }
  #simplemodal-container .oc-button span { background:#333; }
  #mjolPopupContainer #btnSave { padding:0; }
  #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button { padding:0; }
  div.simplemodal-container A.modalCloseImg { background: url(Images/modal-close.gif) no-repeat; }

  /* Your Details */
  #frmMemberProfile SELECT { width:180px; }

  /* Your Other Funds - Transfer Details */
  #tbFundList #trTemplate td{}
  .mjol_body #superListContainer .fundselectionlistbody, .mjol_body #superListContainer .fundselectionlistbody tr:nth-child(even) {background: #f2f2f2;}
   table.fundselectionlistheader tr th { padding: 10px 0 10px 5px; }
   table.fundselectionlistheader tr th:nth-child(1), table.fundselectionlistheader tr th:nth-child(2), table.fundselectionlistheader tr th:nth-child(3) { width: 33% !important; display: table-cell; }
   table.fundselectionlistheader tr th:nth-child(3) { }
   #tbFundList #trTemplate td { margin: 0; padding: 10px 0 10px 5px; width: 33.33% !important; display: table-cell; box-sizing: border-box; }
   .mjol_body #superListContainer .fundselectionlistbody tr.selected td { background-color: #ccc !important; }
  table.dataTable>tbody>tr.child ul{width: 100%;}
  #superListContainer .fundselectionlistbody tr td { border-bottom:0; }

  /* Confirmation */
  #mjolContainer .summaryHeader h2 {float:left;font-size: 1em;}
  .summaryEditContainer { margin-top:30px; }
  #frmSummary { padding-top:20px; }
  #frmSummary .mjolSummaryModuleHeader { margin-top:0px;float: left !important; }
  #mjolMemberProfileSummaryContainer .summaryHeader .summaryEditContainer { margin-top:0; }
  .summaryEdit  Container .mjolEditButton { background: #003366; color: #fff; text-decoration: none; }

      div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover, div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus, button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { background-color: #69be28 !important; }

  /* Footer */
  div#footer ul li { font-size:1.2em; }
  
  /*  MJOL */
  .mjol_body .pageHeader A#homeLink { position: absolute; left: 1em; top: 0; width: 161px; height: 100px; background-size: 100% auto; }
  .mjol_body #header .pageHeader h1 { top: 25px; bottom: auto; font-size: 1.4em; }
  .mjol_body #content { border-top: none; }
  .mjol_body #mainContent { padding-top: 0; }
  #mjolContainer .pwdHint { padding-left: 10px; width: auto;}
    #mjolContainer #frmPassword .formItem .fiLabel { width: auto; }
  
  #mjolNavBar { width: 100%; }
  #mjolNavBar li { display: none; }
  #mjolContainer .breadcrumbs #mjolNavBar li.highlight { position: static; display: block; width: 50%; padding: 15px 10px; background: #69be28; color: #fff; font-size: 1em; border-radius: 5px 5px 0 0; }
  #mjolNavBar li .stepProgressText { display: inline-block; font-size: inherit; color: inherit; }
  #mjolContainer fieldset div.fiLabel { width: 40%; }
  #mjolContainer .fiElem { width: auto!important; }
  
  .progress-wrapper { margin-top: -50px; }
  
}

@media (max-width: 800px) {
   #mjolContainer .formItem { display: block!important; width: auto!important; }
   div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover { background-color:#69be28; }
   div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus { background:#69be28; }
   .oc-button:hover,.oc-button:focus,.oc-button:visited,.oc-button { background: #69be28; }
   button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { background: #69be28; }
    table.dataTable thead th, table.dataTable thead td { padding:10px; }
}

@media (max-width: 769px) {
  table#mjolDefaultInvestmentOptionsTable thead tr th, table#mjolInvestmentOptionsTable thead tr th { width: 100% !important;  }
}

@media (max-width: 600px) {
    .mjol_body #mjolContainer .pwdHint, .mjol_body #mjolContainer #confirmPasswordMatch { width: 100%; padding-left: 0 !important; }
    .mjol_body #frmPassword .fiElem { width: 95% !important; box-sizing: border-box; }
    #mjolContainer #frmPassword .fiElem input { width: 100%; }
}

@media (max-width: 480px) {
  .mjol_body .pageHeader A#homeLink { width: 151px; top: 5px; left: 5px; }
  
  .progress-wrapper { margin-top: -65px; }
  
  #mjolNavBar li .stepProgressText { display: block; margin: 0!important; }
  
  #mjolContainer fieldset div.fiLabel { display: block; width: 100%!important; }
  #mjolContainer .fiElem { display: block; width: 85%!important; }
  #mjolContainer .fiElem input { display: inline-block!important; width: 100%; }
  
  #mjolContainer .fiElem .ui-datepicker-trigger { position: static!important; margin-left: 15px; }
  #mjolContainer .fiElem .dobTooltip { right: -25px; }
}

@media (max-width: 320px) {
  ul.footer { width: 80%; }  
  
}