/*********************    CHRISTIAN SUPER - CH    **********JZ**********/

/* Fonts */
@font-face {
    font-family: 'Open Sans';

    src: url('OpenSans-Regular.eot');
    src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular.woff') format('woff'),
         url('OpenSans-Regular.ttf') format('truetype'),
         url('OpenSans-Regular.svg#Open Sans') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body { color: #333; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; background: #333; }

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

h1, h2, h3 { letter-spacing: 1.25px; }
h1 { color: #333;font-family: 'Open Sans Bold', arial, san-serif;font-size: 36px;line-height: 40px;margin: 10px 0;border-bottom: none;}
h1:after { background: #339933 none repeat scroll 0 0; content: ""; display: block; height: 2px; margin-top: 10px; width: 25px; }
h2 { color: #333; font-size: 1.5em;font-weight:bold; }
h3 { color: #333;font-size: 24px;font-weight:bold; }
h4 { color: #333;font-weight:bold;font-size: 1.1em;margin:25px 0 10px; letter-spacing: 1px; }
.pageHeader h1 { color:#333; padding-top:25px;}
.pageHeader h1:after { display: none; }
#termsAndConditionsPage h4 { color: #333; font-size: 18px; }

table { background: #fff; border: 1px solid #ccc; }
table th { text-align: left; background: #F3F3F3; color: #333;font-weight:bold; }
table td { font-size:13px; }

input[type=text],input[type="password"], textarea, select { border: 1px solid #ccc; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); padding: 6px; }
#header { border-bottom: none; width: 986px; margin: 0 auto;}
.pageHeader { background:transparent; border-bottom: none; width: 986px; padding: 30px 0 0 0; }
A#homeLink { background: url(images/CSuper_logo.png) no-repeat center left; display: block; left: 0; top:20px; width: 231px; height: 78px; }
#container #wrapper { padding-bottom: 0; }
#container { background: #FFF; }

/* Buttons */
.oc-button { border:0; text-align: center; background: #063652; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height: 40px; }
.oc-button:hover { background: #e8e8e8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.oc-button:hover span { color:#3a3a3a; }
.oc-button span { background: none; padding: 0 18px !important; margin-right: 0; color: #FFF; line-height: 40px; letter-spacing: 1.25px; text-transform: uppercase; }
.oc-button span:hover { background:#e8e8e8; color:#3a3a3a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.oc-button, .oc-button span { font-weight:normal; }

a.btnLinkToSubmenuPage, a#btnEventsSeeMore, #AccountSummaryLeftContainer a { color: #339933; font-weight: normal;font-size:14px; }
a.btnLinkToSubmenuPage:hover, a#btnEventsSeeMore:hover, #AccountSummaryLeftContainer a:hover { color: #339933; text-decoration: underline; }

/* page Header Top Menu */
#topMenu { right: 10px; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu li a { color: #161616; text-decoration: none; border: none; }
#topMenu li a:hover { color: #339933; }

#topMenu div.dropDownListControl li:hover { background:#FFF;color:#161616; }
#topMenu div.dropDownListControl li:hover a { color:#161616; }
#topMenu div.dropDownListControl li a { color: #161616; }
#topMenu div.dropDownListControl li a:hover { color: #161616; }

/* Nav styles */
#mainMenu { width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); height: 70px; }
div.tabs { position: relative; top: 0; left: 0; _margin: 0; height: 70px; width: 980px; margin: 0 auto; } 
#tabsMainContent { padding-top: 3.5em; }

div.tabs ul li, div.tabs ul li.active { margin: 0; position: relative; }
div.tabs ul li a { background: #FFF !important;font-weight:normal; padding: 0 12px; height: 60px; }
div.tabs ul li a span { background: #FFF !important; font-size: 1em; font-weight: bold; color: #161616; padding: 0; margin: 0 !important; text-transform: uppercase; height:45px; line-height: 70px; letter-spacing: 0.5px; }
div.tabs ul li a:visited { background: #54902e !important; }
div.tabs ul li a:visited span { background: #54902e !important; }
div.tabs ul li a:hover,
div.tabs ul li:hover a { background: #FFF !important; }
div.tabs > ul > li > a:hover span { border-bottom: 2px solid #339933; }
div.tabs ul li a:hover span,
div.tabs ul li:hover a span { background: #FFF !important; color: #161616; }
div.tabs ul li a:active { background: #FFF !important; color: #161616; }
div.tabs ul li a:active span { background: #FFF !important; color: #161616; }
div.tabs ul li.active, div.tabs ul li.active a { height: 40px; }
div.tabs ul li.active a span { height: 45px; background: #FFF !important; color: #161616; line-height: 70px; border-bottom: 2px solid #339933; }
div.tabs ul li.active a { height: 60px !important; background: none !important; }
div.tabs ul li.active a:visited { background: #FFF; }
div.tabs ul li.active a:visited span { background: #FFF; }
div.tabs ul li.active a:hover { background: none !important; }
div.tabs ul li.active a:hover span { background: #FFF; }
div.tabs ul li.active a:active { background: #FFF; color: #161616; }
div.tabs ul li.active a:active span { background: #FFF; color: #161616; }
div.tabs ul li:hover ul.tabSubLinks { display: block; }
div.tabs ul li.active ul.tabSubLinks { display: none; }
div.tabs ul li.active:hover ul.tabSubLinks { display: block; }

div.tabs ul ul.tabSubLinks { width: 205px; height: auto; margin: 0; border-bottom: none; background:#FFF; padding: 5px 0; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); 
    border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); top: 60px; display: none; border-top-left-radius: 0; border-top-right-radius: 0;} 
div.tabs ul ul.tabSubLinks li { float: left; width: 100%; margin: 0; height: 34px; }
div.tabs ul ul.tabSubLinks li:hover { background: #f5f5f5; } 
div.tabs ul ul.tabSubLinks li a { color: #161616; text-decoration: none; padding: 0 18px; letter-spacing: 0.5px; text-transform: uppercase; font-weight: bold; line-height: 34px; }
div.tabs ul ul.tabSubLinks li a:visited { color: #161616; text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li a:hover { color: #161616; text-decoration: none; background: #f5f5f5 !important; }
div.tabs ul ul.tabSubLinks li a:active { color: #161616; text-decoration: none; background: #f5f5f5; }
div.tabs ul ul.tabSubLinks li.active a { background: #FFF;}
div.tabs ul ul.tabSubLinks li.subActive { background: #f5f5f5; }
div.tabs ul ul.tabSubLinks li.subActive a { text-decoration: none; }

/*Reset Password*/
#resetPassword { margin-top: 1em; }
#forgottenPassword .pageBlurb { width: 680px; }
#registrationWizard, #forgottenPassword { padding-top: 3.5em; }
#forgottenPassword h1 { font-size: 22px; line-height: 28px; }

/*Maintenance Messages*/
.maintenanceMessages { padding: 0.5em;}
.maintenanceMessages h1 { margin: 0; }
.maintenanceMessages ul li { margin-left: 2em }

/* Login styles */
#mainLoginPage div.pageBlurb { float: left; width: 680px;}
div.maintenanceMessages { margin: 2em 0 1em; background: white; }
#mainLoginPage { padding-top: 0; }

#loginEntry { padding: 20px; width: 265px; margin: 0;border:0;margin:0;float: right; border-left: 1px solid #efefef; }
#loginEntry h2 { color: #FFF; font-size: 22px; border-bottom: 0;display: none; }
#loginEntry div.fiLabel { color: #333; width: 130px; padding: 5px 0; font-weight: bold; font-size: 14px; padding-left: 0px;}
#loginEntry div.fiElem input { font-size: 14px; color: #666; text-shadow: none; background: #FFF; width: 240px; box-sizing: initial; border: 1px solid #ccc; border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); height: 24px; padding: 6px 12px; }
#loginEntry div.formAction a { text-decoration: underline; }
#loginEntry div.formAction a:hover { text-decoration: none; }
#loginEntry div.formAction #lnkForgottenPassword { float: left; margin-top: 10px; color: #339933;text-decoration: none; }
#loginEntry div.formAction #lnkForgottenPassword:hover { text-decoration:underline; }
#loginEntry #lnkForgottenUserName { float: left; margin-top: 5px; text-decoration: none;  }
#loginEntry #lnkForgottenUserName:hover { text-decoration:underline; }
#loginEntry div.formAction a#btnLogin { float: right;background: #063652; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: -15px; }
#loginEntry div.formAction a#btnLogin:hover { background:#e8e8e8; }
#loginEntry div.formAction a#btnLogin span { color: #FFF; padding: 0 20px; font-size: 16px; font-weight: normal; line-height: 40px; text-transform: uppercase; } 
#loginEntry div.formAction a#btnLogin:hover span { color: #3a3a3a; background:none; } 

#registrationEntry { padding:0; }
#registrationEntry h2 { border-bottom: none; color:#333; font-weight: bold; }

.loading-container p { font-family: 'Open Sans', Arial, sans-serif; }

/*error message*/
#validationSummary UL { padding-left:0; }
div#validationSummary li {  list-style: none; }

/* 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 { margin:58px 0 0 0;float:right;width:280px; }
#subPageBody .pageBlurb { margin:0 0 1em;width:100%; }

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { background: url(Images/dashboard-bg.png) repeat-x center 0 #fff; }
#dashboard .dashboardBoxLarge { background: url(Images/dashboard-bg.png) repeat-x center 0 #fff; }

#dashboard .title { width: 100%; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; color: #818285; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #FFF;margin: 0 0 15px 0; text-shadow:none;}
.highcharts-axis-labels tspan { color: #818285; fill: #818285; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }
#activityTable, #eventTable { text-align: right; }
#activityTable td { padding: 4px 2px; }
#activityTable td.date,
#activityTable td .description,
#eventTable td.date,
#eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #deeaf5; color: #000; font-weight: normal; }
#eventsAccordion .header .title { color: #003970; 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: #F3F3F3; color: #FFFFFF; text-decoration: none; padding: 10px; font-weight: normal; border: 1px solid #003970; }
	#dashboard .dashboardBoxSmall .actionLinkContainer,
	#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #333333; }
	#dashboard .dashboardBoxSmall .actionLinkContainer a,
	#dashboard .dashboardBoxLarge .actionLinkContainer a { background: #333333; color: #FFFFFF;}

/* 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; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; }
legend { font-weight: bold; font-size: 1.2em; width: 310px; color: #333; border-bottom: 1px solid #CCC; padding: 7px 0px; margin-bottom: 0.5em; }
.accountsummarydetailcontainer { padding-top: 5px; }
.accountsummarydetailcontainer th { background: none; color: #818285; }
fieldset div.fiLabel { width: 120px; *width: 100px; }
#updateMemberProfile FIELDSET { width: 100%; display: inline-block; margin-right: 20px;  *margin-right: 10px; vertical-align: top; }
#updateMemberProfile FIELDSET#fldsetResidentialAddress, #updateMemberProfile FIELDSET#fldsetPostalAddress, #updateMemberProfile FIELDSET:nth-child(1), #updateMemberProfile FIELDSET:nth-child(2) { width: 320px; }

*+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; }
#employerdetails table,#beneficiarydetails table { border:0;background:none; }

/* Beneficiaries */
#beneficiaries th { text-align: left; background: #F3F3F3; color: #333; font-weight: bold;/*background: url(Images/dashboard-bg.png) repeat-x -10px -5px; */ }
#beneficiaries th.tableActions { width: 130px; }
#beneficiaries th.beneName { width: 180px; }
#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: 55px; }
#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; }
div#beneficiaries .pageBlurb { margin-bottom: 2em; }

/* Payment Options */
#paymentOptionFilters { text-align: left; background: #FAFAFA; color:#161616; padding: 1em; border: 1px solid #ccc; font-size: 1.2em; font-weight: bold; }
#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; color:#333;font-weight:normal; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: #F3F3F3; color: #333; padding: 1em; border: none; }
#balanceEnquiryFilter { text-align: left; color: #333; font-size: 1.2em; font-weight: bold; background: #FAFAFA; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin:0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; }
.legendTitle { font-size: 1.3em;color:#333;font-weight:bold; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; }
tr.total td { border-top: 1px solid #CCC !important; border-bottom: 1px solid #CCC !important; }
.highcharts-title { color: #003970;}

/* Benefit Quote */
#benefitQuote .sectionTitle { font-size: 1.6em;font-weight:bold; }
#quoteDate { font-size: 1em; }
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: #f3f3f3; margin-top: 7px; }
.summaryBenefit table { background: #fff; clear: both; }
.summaryBenefit div { padding: 0.5em; color: #333; }

/* Transaction History */
#gview_transactionHistoryGrid th { background: #F3F3F3; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color: #333; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }
#transactionHistoryGrid tr { border-left: 0 !important; border-right: 0;}
#transactionHistoryGrid td { border-right: 1px solid #CCC;}
#transactionHistoryGrid td.details { border-right: 0 !important;}
#gview_transactionHistoryGrid .ui-jqgrid-ftable { table-layout:auto}
DIV.filterContainer { background: #FAFAFA; border: 1px solid #CCC; }
.ui-widget-content { background: #FFF; border: 1px solid #CCC; }
#subPageBody #transactonHistory .filterAction { margin-left: 0; }
#btnSearch { margin-left: 0; }
#btnSearch span { padding: 0 8px!important; letter-spacing: 0; font-size: 14px; }
.ui-tooltip table { border:none !important; }

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { padding: 0 1em; }
#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans { padding: 1em; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice { text-align: right; }
DIV.currentInvestments TH.ioValue { width: 80px; }
DIV.currentInvestments TH.ioUnits { width: 80px; }
DIV.currentInvestments TH.ioUnitPrice { width: 80px; }
TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans { width: 65px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #333; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-size: 1.2em; font-weight: bold; }
#investmentOptions tr.metaHeading span { border-bottom: 1px dashed #333; }
#investmentOptions tr.metaHeading th { color: #333; }
#investmentOptions tr.rowHeading td { background: #FAFAFA; }
#investmentOptions input { text-align: right; }

/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th { background: #F3F3F3; border: none; }
#gview_insuranceCoverGrid th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #333; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_insuranceCoverDetailGrid th { background: #F3F3F3; 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 #CCC; }

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

/* consolidate super */
#superListContainer .fundselectionlistbody tr:nth-child(even) { background: #FAFAFA; }
#superListContainer .fundselectionlistbody tr:hover { background-color: #FAFAFA !important; }
#smsfMessageContainer { background: #FAFAFA; border: 1px solid #CCC; }
#smsfWarningContainer { background: #FAFAFA; border: none; }

/* Messages */
#gview_MessageGrid th { background: #F3F3F3; border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #333; }
#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 #CCC;}
#gview_MessageGrid td.details { border-right: 0 !important;}
#gview_MessageGrid .ui-jqgrid-ftable { table-layout:auto}
ul.messageNavBar li,
#messageNavBar ul li { display: inline; margin: 0 10px 0 0; }
ul.messageNavBar li a,
#messageNavBar ul li a { color: #333; text-decoration: none; }
ul.messageNavBar li a:hover,
#messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }
#messagesContainter .topBar ul li a { background: #F3F3F3; }
#messageHeader { color: #003970; }
.messageNavBar ul li a { background: #F3F3F3; border:1px solid #003970; text-decoration: none; padding: 5px; color: #FFF; font-weight: normal;}
.messageNavBar ul li a:hover { background: #003970; color: #FFF; }
.ui-pg-table,.ui-jqgrid-btable { border:0; }

/* Correspondence */
#gbox_correspondenceGrid {border: none; margin-top: 20px;}
#gview_correspondenceGrid th { background: #F3F3F3; 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-weight: normal; font-size: 1.2em; margin-left: 0; }

/* pension */
#myPensionApplication { margin-bottom: 30px; }
.myApplications thead { background: #F3F3F3; }
    

/* RHS Member ID Box */
#memberInfoBox { background:none; color: #000; border: 0; border-top:0; border-bottom:0;font-size:13px; border-left: 1px solid #efefef; }
#memberInfoBox ul { padding: 10px 10px 10px 15px;}
#memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { width: 100px}

/* RHS styles */
#alertAccordion ul { font-size:13px; }
#alertAccordion ul li { padding-bottom:5px; }
.ui-accordion .ui-accordion-icons { padding-left:10px; }
#messageAccordion.ui-accordion .ui-accordion-header, 
#alertAccordion.ui-accordion .ui-accordion-header { background: #003970; 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;color: #161616; }
.campaignSection { border: 1px solid #cccccc; }
.campaignSectionHeader { background-color: #666666; }
.collapsibleContainerTitle { border-bottom: 1px solid #e6b212; color: #333; background: #eeeeee }

/* Links */
#externalLinksContainer .externalLinks ul li a { font-weight:normal; }
#loginEntry DIV.fiLabel, #resetPassword DIV.fiLabel, #userReg DIV.fiLabel { width: 165px; }
    
/* Privacy */
#privacy h4 { color: #54902E; }
#privacy table { background:none; }

/* reset secrity question */
#secQuestions DIV.fiElem input { width: 320px; }

/* Footer */
#footer { height: 100px; border-top: none;background:#333333; }
ul.footer { padding:25px 0 25px 0; }
ul.footer li { color: #888;padding:0;margin:0; }
ul.footer li a { /*background: url("images/footertoolbar-joiner.gif") no-repeat 0 0;*/padding:0 10px 0 12px;margin:0; text-decoration: underline; }
ul.footer li a.btnLinkToFullPage { background:none;padding-left:0; }
ul.footer li a,ul.footer li a:link,ul.footer li a:visited, .version { color: #888; }
ul.footer li a:hover { color: #339933; }

/* Print Styles */
@media print
{ 
	#header { background: none; }
	#topMenu, tabContainer, #subPanel { display: none; }
}

/* Consolidate TEMP */
p#sameAddressContainer { *float: none; *padding-top: 40px; }
#fldsetPreviousName { *float: left; *padding: 10px 0 0 0; }
#fldsetPreviousName DIV.formItem { *float: right; *width: 320px; }

/********** MJOL **********/

/* nav */
#mjolNavBar li { color: #161616;background: #e8e8e8;border-left:solid 1px #FFF;font-weight:normal;text-align:center;padding: 11px 23px; }
#mjolNavBar li.highlight, #mjolNavBar li.highlight.visitedStep { background-color: #063652; color: #FFF; }
#mjolNavBar li.visitedStep { background-color: #333; color: #888; font-weight: bold; }

/* headings */
#mjolContainer h1 { font-family: 'Open Sans Bold', Arial, Helvetica, sans-serif;color:#333; }
#mjolContainer h1:after { display: none; }

/* modules */
.mjolModule { background:#fff;border:1px solid #ccc; }
.mjolModule table { background:none;border:0; }
.mjolModule table td { font-size:14px;}

.intro { padding-bottom:10px; }
.declaration-outro { padding:10px 0 15px; }
.mjolModule #divFollowUpContent { background: #FAFAFA; }
#divClassifications .SelectedClassificationColumn1 { padding-top: 6px; }
#btnCancel { color: #339933; text-decoration: none; }
#btnCancel:hover { text-decoration: underline; } 
#frmClassifications { border: 0; padding: 0 4px; }

/* your details */
#mjolContainer fieldset div.fiLabel { width: 20%; }
#nominationOptions { background: #FAFAFA; }

/* declaration */
#frmCaptcha .fiLabel { width: 20%; }

/* confirmation */
.summaryEditContainer .mjolEditButton { font-weight: normal; }

/* Beneficiaries table contact */
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th { background:#54902e;color:#fff; }
table#beneficiariesTable th { background:#54902e;color:#fff; }

/* Beneficiaries table == delete this once the base styling is updated */
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable th { background:#eee;color:#333;outline:0; }
table.dataTable thead th, table.dataTable thead td { border-bottom:0; }
table.dataTable tfoot th, table.dataTable tfoot td { border-color:#ccc; }
#frmBeneficiaries #beneDetailsContainer { position:relative; }
#frmBeneficiaries #beneDetailsContainer .dataTables_wrapper { position:initial; }
#frmBeneficiaries #beneDetailsContainer .dt-buttons { position:absolute;float:none;right:0;bottom:0; }
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable { margin-bottom:10px; }
button.dt-button, div.dt-button, a.dt-button { border:0;color:#fff;padding:8px 15px;font-size:12px;line-height:12px; }
button.dt-button:hover, div.dt-button:hover, a.dt-button:hover { background:#54902e; color: #fff;}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { border:0;background:#2384c6;color:#fff; }
div#beneButtonContainer { margin-top: 15px; }
table.dataTable tbody > tr,table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { cursor:pointer; }

/* 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:#FFF;border:0;text-shadow:none;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#161616;padding:7px 15px;font-weight:bold; }
div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover { border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#54902e;background-image:none;color:#fff; }
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:#54902e;background-image:none;color:#fff; }
    

/* popup window */
div#simplemodal-container{width: 35% !important;}
#simplemodal-container .oc-button span{background:#54902E; color: #fff;border-bottom:none;margin:0 0 10px 0;}
a.modalCloseImg.simplemodal-close{display:block !important;}
div.simplemodal-container A.modalCloseImg{background:url(Images/modalclose.gif) no-repeat;}

/* Transfer Details */
table.fundselectionlistheader tr th:nth-child(1){width: 115px !important;}
table.fundselectionlistheader tr th:nth-child(2){width:85px !important;}
table.fundselectionlistheader tr th:nth-child(3){width: 75px !important;}
#tbFundList #trTemplate td{width: 30% !important;padding-left: 9px;}
table#fundTable th { background-color:#54902e;color:#fff; }
table.dataTable.no-footer { border-color:#dfdfdf; }


/* Calendar */
.ui-datepicker-calendar th{background: #54902e;}
.ui-datepicker-week-col{background: rgb(154, 195, 76); color: #fff !important; text-align: center;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color: #54902e;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #FAFAFA; border: 1px solid #CCC; }
.ui-widget-content .ui-state-hover { background: #FAFAFA !important; border: 1px solid #CCC; }

/*  PJOL */
#tabsMainContent #contactdetails, #tabsMainContent #financialAdviceContainer table { background: #fff; }

#tabsMainContent input:read-only { padding: 2px 1px; background: rgb(235, 235, 228); border: 1px solid #bbb; }

.documentContainer { border: none; }

.ttpolContainer h2 { margin: 10px 0 5px; border: none; }
.ttpolContainer #breadcrumb .step { background: #FFF; color: #161616; }
.ttpolContainer #breadcrumb .activeStep { background: #007734; color: #fff; }
.ttpolContainer #breadcrumb .visitedStep { background: #54902e; color: #fff; }
#ttpol .abpRadioText { padding: 2px 0 10px 0; }

.scroll_tabs_container { border-color: #54902e; }
.scroll_tabs_container .scroll_tab_left_button, .scroll_tabs_container .scroll_tab_right_button { color: #54902e; }
.scroll_tabs_container .scroll_tab_left_button_over, .scroll_tabs_container .scroll_tab_right_button_over { color: #007734; }

#tabsMainContent table { border: none; }

#tabsMainContent #AccountSummaryContainer #contactdetails, #tabsMainContent #AccountSummaryContainer #financialAdviceContainer  { background:none; } 

/***** MJOL Responsive *****/
@media (max-width: 1024px) {

    .mjol_body body {
        -webkit-text-size-adjust: 100%;
    }

    /* Header */

    .mjol_body #header .pageHeader {
        background: none;
        height: 90px;
    }

        .mjol_body #header .pageHeader h1 {
            margin: 10px 15px 0 0;
        }

    .mjol_body A#homeLink {
        background-size: 180px;
        top: 5px;
        height: 80px;
        width: 93%;
        left: 10px;
    }



    /* === Content Section === */

    .mjolModule table td {
        line-height: 18px;
    }

    #mjolContainer h1 {
        line-height: 24px;
    }

    #mjolContainer fieldset legend {
        font-family: 'MundoSansPro-Medium', arial, san-serif;
    }

    .mjol_body table#beneficiariesTable, table th {
        background: #54902E;
    }

    .mjol_body form#frmDeclaration table .td1 {
        width: 4px;
    }

    .mjol_body img.ui-datepicker-trigger {
        margin-top: 5px;
    }
    /* should be in base styling */

    /* Popup Window */
    #mjolPopupContainer h3 {
        font-family: 'MundoSansPro-Medium', arial, san-serif;
    }

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

    .mjol_body div.DTE button.btn, .mjol_body div.DTE div.DTE_Form_Buttons button {
        background: #54902e;
        color: #fff;
        text-shadow: none;
    }

   .mjol_body div.DTE button.btn:hover, .mjol_body div.DTE div.DTE_Form_Buttons button:hover {
            background: #eee;
            color: #333;
        }

    /* Beneficiaries Table */
    .mjol_body button.dt-button, .mjol_body div.dt-button, .mjol_body a.dt-button {
        background: #54902e;
    }

    .mjol_body table#beneficiariesTable th {
        text-align: left !important;
    }

    .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr td {
        text-align: center;
    }

    .mjol_body table#beneficiariesTable tr.child th {
        text-align: left !important;
    }

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

    /* Investment Choice */
    table#mjolInvestmentOptionsTable {
        width: 100% !important;
    }

    .mjol_body th.ioInvestOptions.all.sorting_disabled {
        text-transform: initial;
    }

    table#mjolInvestmentOptionsTable tr th {
        text-transform: inherit;
    }

    .mjol_body #frmInvestment .ioTransferSplit {
        text-align: center;
        width: 20%;
    }

    .mjol_body th.ioTransferSplit.all.sorting_disabled {
        text-transform: inherit;
    }

    .mjol_body tr.total td.ioInvestOptions {
        padding-left: 30px;
    }

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

    /* Your Other Funds - Transfer Details */
    .mjol_body #superListContainer .fundselectionlistbody tr:nth-child(even) {
        background: #dedede;
    }

    .mjol_body #superListContainer .fundselectionlistbody tr td {
        border: none;
    }


    /* Responsive Table */
    .mjol_body table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        background-color: #54902e;
    }

    .mjol_body table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
        background-color: #54902e;
    }

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


    /* footer */
    .mjol_body div#footer ul li {
        margin: .25em 0 1em 0;
        font-size: .80em;
    }

    .mjol_body ul.footer {
        padding: 40px 0 0 0;
        background: url("images/footerBG.png") no-repeat center center;
        background-size: 94%;
    }

        .mjol_body ul.footer li a {
            padding: 0 5px 0 7px;
        }

    .mjol_body body {
        font-size: 14px;
    }

    /*  homepage */
    .mjol_body #divClassifications LABEL {
        -webkit-padding-start: 0;
    }

    .mjol_body #lblMemberText {
        padding-left: 0;
    }

    /* Progress Indicator */
    .mjol_body .stepProgressText {
        margin-left: 0;
        text-align: left;
    }

    /* Error Message */
    .mjol_body div#validationSummary {
        padding: 3% 0;
        margin: 4% 0 0 0;
    }

        .mjol_body div#validationSummary ul li {
            list-style: none;
        }

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

    .mjol_body .pageHeader A#homeLink {
        position: absolute;
    }

    .mjol_body A#homeLink {
        background-size: 160px;
        top: 25px;
        height: 60px;
        width: 93%;
        left: 10px;
        position: absolute;
    }

    .mjol_body #header .pageHeader {
        height: 100px;
        padding: 0;
        margin: 0;
        width: 100%;
        position: relative;
    }

        .mjol_body #header .pageHeader h1 {
            padding: 0;
            font-size: 1em;
            float: right;
        }

    .mjol_body #topMenu {
        position: initial;
        top: initial;
        text-align: right;
        font-size: 12px;
        padding: 10px 10px 0 0;
    }

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

    .mjol_body .stepHeader {
        font-size: 13px;
    }

    .mjol_body div#simplemodal-overlay {
        background-color: #000;
    }

    .mjol_body div#simplemodal-container {
        width: 92% !important;
        left: 2% !important;
        right: 2% !important;
        padding: 2% !important;
        top: 10px !important;
    }

    .mjol_body div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { text-align: center; }
    .mjol_body div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after { padding-left: 0; }



    /* Content Section */
    .mjol_body div#headersContainer h1 {
        font-size: 16px;
        line-height: 20px;
    }

    .mjol_body #container div#wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .mjol_body #mainContent {
        padding: 15px;
    }

    .mjol_body #content {
        width: 100%;
        border-top: 2px solid #777;
        padding-top: 0;
    }

    .mjol_body td.ioPerfText p {
        margin: 0;
    }

    #mjolContainer h1 {
        margin: 20px 0;
        padding: 0;
        font-size: 20px;
        font-weight: bold;
    }

    #mjolContainer h2 {
        font-size: 1.2em;
        margin: 0 0 15px 0;
    }

    #mjolMemberProfileSummaryContainer .dataGroup, .moduleSummaryContainer .dataGroup {
        width: 100%;
    }

    #mjolCommunicationDetails DIV.fiLabel, #mjolCommunicationDetails DIV.fiElem {
        width: auto;
    }

    #mjolButtonContainer {
        float: none;
        width: 100%;
        text-align: right;
    }

    .mjolModule {
        padding: 15px;
    }

        .mjolModule #divFollowUpContent {
            overflow: auto;
        }

    .mjol_body #stepContainer #frmClassifications br {
        display: none;
    }

    .mjol_body div#divFollowUpContent #btnCancel {
        margin: 20px 0 0 0;
    }

    .mjol_body a#btnPrev {
        float: left;
    }

    .mjolModule table td {
        line-height: 18px;
    }

    .mjol_body #divClassifications .SelectedClassificationColumn1 {
        padding: 6px 2px 0 0;
    }

    .mjol_body #frmInvestment TR.rowHeading TD {
        font-size: 1em;
    }

    table#mjolDefaultInvestmentOptionsTable tr td#ioTransferSplitSum {
        text-align: center;
    }

    /* Nominate Beneficiaries Table */
    .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;
    }

    /* Confirmation Step */
    .mjol_body .summaryEditContainer {
        text-align: right;
        padding: 0;
        margin: 0 0 15px 0;
    }

    .mjol_body .summaryHeader h2 {
        padding-top: 15px;
    }

    /* Registration Complete */
    .mjol_body #stepContainer .iconCell {
        width: 5px;
    }

    .mjol_body table .iconCell {
        background: none;
    }


    /* Open saved member application */
    .mjol_body #btnResumeContainer .oc-button {
        vertical-align: middle;
    }

    .mjol_body #btnResumeContainer {
        padding: 15px 0;
        float: none;
        text-align: right;
    }

    .mjol_body form#frmResumeApplication, .mjol_body form#frmForgotApplication {
        padding: 0 2%;
    }


    /** Beneficiary Table **/
    .mjol_body #frmInvestment .ioTransferSplit, .mjol_body #frmInvestment .ioPerfText {
        width: 100%;
    }

    .mjol_body table#beneficiariesTable {
        margin-top: 30px;
    }


    /* popup window */
    .mjol_body div.simplemodal-container {
        padding: 15px 12px 12px;
    }

    .mjol_body div#simplemodal-container {
        font-size: .95em;
    }
    /* height: auto !important; top: 20px !important; width: 90% !important; left: 4% !important;  */
    .mjol_body div.simplemodal-container A.modalCloseImg {
        display: inline !important;
    }

    .mjol_body #dialogContainer {
        padding: 5px;
    }

    #mjolPopupContainer h3 {
        padding-bottom: 10px;
        font-size: 1.2em;
        margin: 0;
    }

    .mjol_body #btnSaveContainer {
        text-align: center;
    }

    div#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button {
        margin-left: 0;
    }

    div#mjolPopupContainer #frmSave fieldset {
        width: 100%;
    }

        div#mjolPopupContainer #frmSave fieldset div.fiLabel {
            width: 100%;
            font-size: 90%;
        }

    .mjol_body div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
        border: 0;
        margin: 15px;
    }

    /* Loading Spinner */
    .mjol_body #loadingSpinner {
        left: 45%;
    }

    /* Forms */
    #mjolContainer fieldset div.fiLabel {
        width: 100%;
    }

    #mjolContainer .fiElem {
        width: 100%;
    }

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

    .mjol_body #frmMemberProfile input {
        width: 91%;
        padding: 5px;
    }

    .mjol_body img.emailTooltip {
        margin-left: 2px !important;
    }

    .mjol_body img#imgPasswordTooltip {
        margin: 0;
        padding: 0;
    }

    .mjol_body .fiElem input#Password, .mjol_body input#ConfirmPassword {
        width: 85%;
        padding: 5px;
    }

    .mjol_body input#IsTfnConsentOptIn {
        float: left;
        width: 10px;
        margin: 0 5px 0 0;
    }

    .mjol_body input#IsTermsAndConditionsAccepted {
        margin-left: 0;
        margin-bottom: 0;
    }

    .mjol_body #frmInvestment .ioInvestOptions {
        width: 20%;
        text-align: left;
    }

    .mjol_body #frmInvestment .ioPerfText {
        width: 30%;
    }

    table#mjolDefaultInvestmentOptionsTable th {
        font-size: .85em;
        text-align: left;
    }

    #mjolContainer .pwdHint {
        width: 100%;
        padding: 5px 0;
    }

    .mjol_body fieldset#fldsetAdditionOptions .formItem .additionalOptionContainer .fiLabel, .mjol_body #frmCaptcha .fiLabel {
        width: 100%;
    }

    .mjol_body fieldset#fldsetAdditionOptions .formItem .additionalOptionContainer label input[type="radio"] {
        width: 5%;
        float: left;
    }

    .mjol_body #confirmPasswordUnmatch, .mjol_body #confirmPasswordMatch, .mjol_body form#frmPassword fieldset .formItem .fiElem #confirmPasswordUnmatch, .mjol_body #confirmPasswordMatch {
        padding-left: 0 !important;
    }

    .mjol_body #validationSummary {
        margin: 3% 5% 5% 5%;
    }

    .mjol_body div#beneButtonContainer {
        margin: 5% 0 0 0;
    }

    .summaryEditContainer .mjolEditButton {
        font-size: 1em;
        background: #54902e;
        padding: 5px 15px;
        text-align: center;
        color: #fff;
    }


    /* footer */
    .mjol_body #footer {
        margin: 1em 0;
    }

    .mjol_body ul.footer {
        width: 100%;
        text-align: center;
    }

    .mjol_body div#footer ul li {
        float: none;
    }

    .mjol_body .outro {
        font-size: .80em;
        line-height: 17px;
    }

    .mjol_body ul.footer li {
        line-height: 20px;
    }
}

@media (max-width: 768px) {
.mjol_body #loadingSpinner{left: 33%;}
div#mjolPopupContainer #frmSave fieldset div.fiLabel{width: 30%; float: left;}
.mjol_body div#validationSummary{margin: 2% 0 1% 0; padding: 2% 0;}

/* Your Other Funds - Transfer Details */
.mjol_body #tbFundList #trTemplate td{width: 30% !important;float: left;display: inline-block; text-align: left; margin-right: 10px;font-size: .90em; padding-left: 5px;}
.mjol_body table.fundselectionlistheader tr th{width: 30% !important; text-align: left; padding: 10px 0 10px 5px;}
.mjol_body table.fundselectionlistheader tr th:nth-child(1){width: 90px !important;}
.mjol_body table.fundselectionlistheader tr th:nth-child(3){width: 80px !important;}
}

@media (max-width: 700px) {
.mjol_body div#tfnButtonContainer a#btnChange {width: 115px;}

/* Your Other Funds - Transfer Details */
.mjol_body #tbFundList #trTemplate td{width: 26% !important;}
.mjol_body table.fundselectionlistheader tr th{width: 26% !important;}
.mjol_body table.dataTable>tbody>tr.child ul{width: 100%;}
}

@media (max-width: 480px) {
    .mjol_body fieldset { width:100%; }
    .mjol_body div#simplemodal-container #btnSaveContainer .oc-button { padding-right: 0; width: 100%; }
    .mjol_body div#simplemodal-container .oc-button span { width: 80%; }
    #mjolBeneficiariesSummaryContainer #beneficiariesTable tbody tr td{padding-left: 30px;}
}

@media (max-width: 320px) {
.mjol_body ul.footer{padding: 50px 0 0 0;}
div#mjolPopupContainer #frmSave fieldset div.fiLabel{width: 35%;}
}