/* 
	CSS Document  --- AUSfund

	- Light blue: #007cc3
    - Dark blue : #003d7b
	- light green: #31aba7
    - light grey: #d1d3d4
    - dark grey: #808184

*/

/* General styles */
@font-face {
	font-family: 'Helvetica Neue 47';
	src: url('helvetica-47-light.eot');
	src: url('helvetica-47-light.woff') format('woff'), 
         url('helvetica-47-light.ttf') format('truetype'), 
         url('helvetica-47-light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue 57';
	src: url('helvetica-57.eot');
	src: url('helvetica-57.woff') format('woff'), 
         url('helvetica-57.ttf') format('truetype'), 
         url('helvetica-57.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Helvetica Neue 67';
	src: url('helvetica-67-medium.eot');
	src: url('helvetica-67-medium.woff') format('woff'), 
         url('helvetica-67-medium.ttf') format('truetype'), 
         url('helvetica-67-medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background: #FFF; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #000; font-size: 14px; }
a:link { color: #35bbb6; text-decoration: none; }
a:visited { color: #278a86; }
a:hover { color: #278a86; text-decoration: underline; outline: none; }
a:focus {text-decoration: underline; color: #278a86; }
a:active { color: #278a86; text-decoration: underline; }
.accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #278a86; text-decoration: underline; }

h1 { font-family: 'Helvetica Neue 57', Arial, sans-serif; font-weight: normal; border: none; color: #FFF; font-size: 2.2em; margin: 0 0 20px 0; width: 945px; background: #38414b; padding: 20px 0 20px 15px; }
h2 { font-family: 'Helvetica Neue 57', Arial, sans-serif; font-weight: normal; color: #003d7b; font-size: 1.5em; }
h3 { font-family: 'Helvetica Neue 67', Arial, sans-serif; font-weight: normal; font-size: 1.35em; color:#003d7b; margin-top: 0; }

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

input, select, textarea { padding: 2px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; border: 1px solid #CCC; }
input[type="text"],  select { width: 180px; }
input[type="password"] { width: 174px; }

table th, table th div { text-align: left; background: #38414b; color: #FFF; font-family: 'Helvetica Neue 57', Arial, sans-serif !important; font-size: 14px; font-weight: normal !important; }
table th,table td { padding: 6px; }    
td { font-size: 12px; }
#unitPrices div.filterContainer { padding: 1em; background: #f8f8f8; }
div.ui-jqgrid-sortable .ui-icon { background-image: url(Images/ui-icons_white_256x240.png); margin: 2px; }
.noRecords td { font-size: 14px; }
P.required { font-size: 0.85em; }

/* layout */
div#wrapper { width: 1000px; margin: 0 auto; text-align: left; padding-bottom: 0; border: none; border-top: none; }
div#header { width: 1000px; margin: 0 auto; text-align: left; }
#content { padding: 0em; background: #FFF; width: 1000px; }
#mainContent { padding: 20px; }
#mainContent.subPanelled { width: 677px; padding: 2em 1em 2em 20px; }
#tabsMainContent { padding-top: 0; }

/* headers */
.pageHeader { background: #fff; position: relative; height: 120px; border: 0; padding: 8px 0; }
.pageHeader h1 { margin: 78px 20px 0 0; padding: 0; text-shadow: 0px 0px 0px #FFF; font-size: 1.85em; color: #003d7b; background: #FFF; }

A#homeLink { background: url("images/logo.png") no-repeat top left; display: block; left: 20px; top: 30px; width: 190px; height: 85px; }

#topMenu { right: 20px; *right: 10px; padding: 5px 0; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu ul { padding-right: 5px; }
#topMenu li a { color: #000; text-decoration: none; font-size: 1em; }
#topMenu li a:hover { text-decoration: underline; }
#topMenu div.dropDownListControl li:hover { background: #453c5b; }
#topMenu div.dropDownListControl li a { color: #000; }
#topMenu div.dropDownListControl li a:hover { color:#FFF; }
#topMenu A#btnTopMenuSettings span { text-decoration: none; }
#topMenu A#btnTopMenuSettings span:hover { text-decoration: underline; }
.jfontsize-button { border: 1px solid #fff; color: #fff; }
.jfontsize-button:hover { background: #fff; color: #4B3048 !important; border: 1px solid #fff; text-decoration: none !important; }

/* Buttons */
.oc-button { height: 38px; text-align: center; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; color: #FFF; background: #31aba7; /* Old browsers */ }
.oc-button:hover {  background: #003d7b; }
.oc-button span { background: none; padding: 0 30px; margin-right: 0; font-size: 1em; font-family: 'Helvetica Neue 57', Arial, sans-serif; font-weight: normal; color: #FFF; line-height: 38px; }
a.btnLinkToSubmenuPage, a#btnEventsSeeMore { font-weight: normal; }

/* Nav styles */
#mainMenu { width: 960px; height: 50px; margin: 0 20px 0 20px; padding: 0 0 0 0; text-transform: none; background: #fff; }

div.tabs { position: relative; top: 0; left: 0; margin: 0; height: 47px; width: 100%; border-bottom: 3px solid #ccd7de; } 
div.tabs ul li,
div.tabs ul li.active { padding: 0; margin: 0; height: 50px; text-align: center; position: relative; }
div.tabs > ul > li > a { height: 47px !important; line-height: 50px; padding: 0 20px; border-bottom: 3px solid #ccd7de; background: none !important; }
div.tabs > ul > li.active > a { height: 47px !important; border-bottom: 3px solid #007bc3; line-height: 50px; padding: 0 20px; background: none !important; }
div.tabs ul li a span { background: none !important; font-family: 'Helvetica Neue 57', Arial, sans-serif; font-weight: normal; font-size: 1.3em; color: #616161; padding: 0; margin: 0 !important; }
div.tabs ul li a:visited { background: none !important; }
div.tabs ul li a:visited span { background: none; }
div.tabs ul li a:hover { background: none !important; border-color: #007bc3; }
div.tabs ul li a:active { background: none !important; color: #4A7729; }
div.tabs ul li a:active span { background: none !important; color: #4B3048; }
div.tabs ul li.active a span { background: none !important; color: #616161; }
div.tabs ul li.active a:hover { background: none !important; }
div.tabs ul li.active a:active { background: none !important; }
div.tabs ul li.active ul.tabSubLinks { display: none !important; }
div.tabs ul li.active:hover ul.tabSubLinks { display: block !important; }

div.tabs ul ul.tabSubLinks { width: 180px; margin: 0; background: #FFF; height: auto !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); padding: 15px; top: 50px; left: 0; margin-left: -30px; position: absolute; }
div.tabs ul ul.tabSubLinks li { margin: 0; background: none !important; zoom: 0; line-height: 40px; height: 40px; display: block; border-bottom: 1px solid #d4d4d4; }
div.tabs ul ul.tabSubLinks li:last-child { border-bottom: none; }
div.tabs ul ul.tabSubLinks li a { color: #616161; text-decoration: none; margin-left: 0px; padding: 0 8px; font-size: 1.25em; font-family: 'Helvetica Neue 57', Arial, sans-serif; }
div.tabs ul ul.tabSubLinks li a:visited { color: #fff; text-decoration: none; background: none; }
div.tabs ul ul.tabSubLinks li a:hover { color: #007bc3; text-decoration: none; background: none !important; }
div.tabs ul ul.tabSubLinks li a:active { text-decoration: none; background: none; }
div.tabs ul ul.tabSubLinks li.subActive a { text-decoration: none; background: none !important; }
div.tabs ul ul.tabSubLinks li:first-child { padding-left: 0; }

/* error message */
.oc-wizard-error ul li { list-style: none; }

/* Login styles */
#mainLoginPage { padding-top: 0; }
#mainLoginPage div.pageBlurb {width: 475px;float: left;margin-top: 158px;padding-left: 10px;margin-right: 15px;}
.pageBlurb ul {padding-left: 20px;}
div.maintenanceMessages { margin: 2em 0 1em; background: white; }
#registrationWizard, #forgottenPassword { padding-top: 0; }
#siteEntryPoints {float: left;background-color: #efefef;margin: 24px 0 3px;width: 420px;padding: 0 20px;}
.loginLeftContent {background: url("images/banner-hand.jpg") center -55px no-repeat;height: 180px;}
.loginLeftContent h1 { background: transparent; }
.loginLeftContent .pageBlurb h2 { font-size: 2em; }

#loginEntry {padding: 2em 0;width: 410px;margin: 0px auto 3em;background: transparent;border: none;display: block !important;}
#loginEntry h2 { padding: 0 0 7px 0; color: #003d7b; font-size: 2em; border-bottom: 0px; }
#loginEntry div.fiLabel { color: #000; width: 180px; padding-top: 5px; font-weight: normal; font-size: 1.15em; padding-left: 0px; font-family: 'Helvetica Neue 57', Arial, sans-serif; }
#loginEntry div.fiElem input {font-size: 14px;color: #000;background: #fff;padding: 7px 6px;width: 210px;border: 1px solid #CCC;}
#loginEntry div.formAction #lnkForgottenPassword { margin-top: 10px; color: #35bbb6; display: block; margin-bottom: 6px; float: left; font-family: 'Helvetica Neue 57', Arial, sans-serif; font-size: 1.1em; }
#loginEntry div.formAction #lnkForgottenPassword:hover { color: #278a86; }
#loginEntry div.formAction #lnkForgottenUserName { float: left; clear: left; font-family: 'Helvetica Neue 57', Arial, sans-serif; font-size: 1.1em; }
#loginEntry div.formAction a#btnLogin { float: right; height: 40px; position: relative; margin-top: 0; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; background: #31aba7; /*margin-top: -25px;*/ }
#loginEntry div.formAction a#btnLogin:hover { background: #003d7b; }
#loginEntry div.formAction a#btnLogin span { font-family: 'Helvetica Neue 57', Arial, sans-serif; font-weight: normal; color: #FFF; padding: 0 30px; font-size: 15px; line-height: 40px; } 

#registrationEntry {margin: 0 auto 4em;padding: 2em 0;width: 410px;color: #4B3048;background: transparent;border: none;display: block !important;}
#registrationEntry h2 {border-bottom: none;color: #003d7b;font-size: 2em;}
#registrationEntry h2 > font[size="2"] { font-size: 14px; color: #333;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
h2 font[size="2"] { font-size:28px; font-weight:normal; }
#registrationEntry a {
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    float: left;
    font-size: 15px;
    font-family: 'Helvetica Neue 57', Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    background: #31aba7;
}
#registrationEntry a:hover { background: #003d7b; /*-webkit-filter: brightness(107%); */}
#registrationWizard .oc-wizard-buttons #btnCancel { margin-top: 0; }
#btnCancel { padding: 9.5px 22px; font-size: 14px; font-family: 'Helvetica Neue 67', Arial, sans-serif; background: #f5f5f5; color: #000; border: 1px solid #CCC; border-radius: 60px; text-decoration: none; }
#btnCancel:hover { text-decoration: none; background: #e6e6e6; }

/* Forgotten Username */
#forgottenUserName DIV.formAction { float: none; text-align: left; margin-bottom: 15px; }
#forgottenUserName DIV.formAction A { margin-left: 0; }
#forgottenPassword .pageBlurb { margin: .5em 0 2em; width: 7000px; }
#forgottenPassword .formItem { margin-bottom: 2em; }

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

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

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

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { background: url(Images/dashboard-header-bg2.png) 0px -10px repeat-x; }
#dashboard .dashboardBoxLarge { border: none; }
#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #4B3048; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #FFF !important; text-align: left; margin: -6px 0 20px 0; font-size: 22px; }
#dashboard #eventsContainer .controlHeader { color: #003d7b !important; margin-bottom: 10px; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }
#dashboard .dashboardBoxSmall #activityTable { width: 90%; margin-left: 5%; }
#activityTable, #eventTable { text-align: right; }
#activityTable td { padding: 4px 2px; border: solid 1px #ccc !important; }
#activityTable td.date,
#activityTable td .description,
#eventTable td.date,
#eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #def3f9; color: #000; font-weight: normal; }
#eventsAccordion .header .title { color: #4B3048; font-weight: normal; }

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

/* Action Link */
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer { margin: 35px 20px; background-color: transparent; float: none; padding: 0; width: auto; }
#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a { background: #4A7729; color: #FFF; text-decoration: none; padding: 10px; font-weight: normal; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#dashboard .dashboardBoxSmall .actionLinkContainer,
#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #4A7729; }
#dashboard .dashboardBoxSmall .actionLinkContainer a,
#dashboard .dashboardBoxLarge .actionLinkContainer a { background: #4A7729; color: #FFF; }
#dashboard .dashboardBoxSmall .actionLinkContainer a,
#dashboard .dashboardBoxLarge .actionLinkContainer a { padding-right: 0; }

#activitiesContainer { border: 1px solid #4B3048; /*background: url(Images/dashboard-header-bg.gif) 0px -10px repeat-x;*/ padding: 0 !important; height: 300px !important; width: 320px !important; }
#activitiesContainer .controlHeader { text-align: left; margin-bottom: 20px; padding: 10px; }

/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; width: 310px; *width: auto; margin-bottom: 1em; }
#AccountSummaryRightContainer { margin-left: 1em; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; font-size: 16px; margin-top: 7px; }
legend { font-weight: bold; font-size: 18px; width: 310px; color: #003d7b; border-bottom: 1px solid #003d7b; padding: 7px 0px; margin-bottom: 0.5em; }
.accountsummarydetailcontainer { padding-top: 5px; }
.accountsummarydetailcontainer th { background: none; color: #000333; font-family: arial !important; font-weight: bold !important; }
fieldset div.fiLabel { width: 32%;  *width: 100px; }
#updateMemberProfile FIELDSET { display: inline-block; margin-right: 20px; *margin-right: 10px; vertical-align: top; }
*+HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; }
* HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; }MJO
#membershipdetails .fiLabel { width: 120px; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
.header { border: none; }
#PersonalDetails_IsTfnConsentOptIn { margin: 0 5px 20px 0; }
#frmMemberProfile SELECT{ width: 151px; }

/*  cancel grey style button  */
a.btnLinkToContainerNoHistory, 
.formAction a.btnLinkToFullPage, 
#btnDetailsCancel,
.formAction #btnBack,
.formAction #btnBackToList,
#forgottenPassword .btnLinkToFullPage { padding: 10px 30px; font-size: 1em; font-family: 'Helvetica Neue 67', Arial, sans-serif; background: #f5f5f5; color: #000; border: 1px solid #CCC; border-radius: 60px; text-decoration: none; height: 36px; }
a.btnLinkToContainerNoHistory:hover, 
.formAction a.btnLinkToFullPage:hover,
#btnDetailsCancel:hover,
.formAction #btnBack:hover,
.formAction #btnBackToList:hover,
#forgottenPassword .btnLinkToFullPage:hover { text-decoration: none; background: #e6e6e6; }
a.btnLinkToContainerNoHistory span, 
.formAction a.btnLinkToFullPage span,
#btnDetailsCancel span,
.formAction #btnBack span,
.formAction #btnBackToList span { color: #000; line-height: 36px; }

/* Beneficiaries */
#beneficiaries th { text-align: left; background: #38414b; color: #ffffff; }
#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; }
#beneficiaries TH.tableActions, #beneficiaries TD.tableActions { width: 130px !important; *width: 130px !important; }
#beneDetailsContainer #DateOfBirth { width: 158px; }

/* Payment Options */
#paymentOptionFilters { text-align: left; background: #efefef; color: #000; padding: 1em; border: none; 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: #000; font-size: 1.3em; }
.aPayment table { border-bottom: 1px solid #ddd; }
td.paymentImageEft, td.paymentImageChq { background: url(images/CHQ-3.gif) no-repeat 0 5px; width: 30px; display :none; }
td.paymentImageBpay { background-position: 5px 5px; height: 45px; }
#paymentOptions .aPayment table { border: none; }

/* Balance Enquiry */
input.filterRadio { vertical-align: baseline; }
#chartTitle { font-size: 1.2em; color: #000;}
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: #38414b; color: #ffffff; padding: 1em; border: none; }
#balanceEnquiryFilter { text-align: left; color: #000; font-size: 1em; font-weight: bold; border: none; background: #efefef; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin: 0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; }
.legendTitle { font-size: 1.4em; color: #000; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; border: 1px solid #ccc; }
tr.total td { border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important;/*border: 1px solid #ccc;*/ }
.highcharts-title { color: #4B3048; }

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

.poolBT1Td2, .poolBT2Td2, .poolBT2Td3, .poolBT3Td2 { text-align: right; }
.memberShipDetailsSectionThreeColumns .noBorder td, .memberShipDetailsSectionTwoColumns .noBorder td { font-weight: bold; }
.memberShipDetailsSectionThreeColumns .indent2, .memberShipDetailsSectionThreeColumns .indent1, .memberShipDetailsSectionTwoColumns .indent2, .memberShipDetailsSectionTwoColumns .indent1 { padding-left: 40px; }
#poolBBottomContent { margin-top: 30px; }

/* Transaction History */
#gview_transactionHistoryGrid th { background: #38414b; padding: 6px; border: none; }
#gview_transactionHistoryGrid th div { color: #ffffff; }
#gview_transactionHistoryGrid th div:hover { text-decoration: none; }
#gview_transactionHistoryGrid th.received {width: 59px !important;}     
#gview_transactionHistoryGrid th.transactionType {width: 391px !important;}
#gview_transactionHistoryGrid th.total { width: 126px !important; }    
#gview_transactionHistoryGrid th.Details { width: 46px !important; }
#transactionHistoryGrid tr { border-left: 0 !important; border-right: 0; }
#transactionHistoryGrid td { border-right: 1px solid #38414b; }
#transactionHistoryGrid td.details { border-right: 0 !important; }
#gview_transactionHistoryGrid .ui-jqgrid-ftable { table-layout: auto; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #ccc; font-weight: 700; color: #c77405; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border:1px solid #ccc; background: #ccc; color: #363636; }

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

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

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

#contributionDetails, #pensionDetails { border: none; background:none; }
#contributionDetails td, #pensionDetails td { padding:0 0 0 0; }
#spanTransactionTotalLabel, #spanTransactionTotalValue { font-weight:bold; }
#spanTransactionTotalLabel { width: auto !important; padding-bottom: 20px !important; }
#spanTransactionTotalValue { width: 370px !important; }

.ui-dialog .ui-dialog-buttonpane { padding: .5em; margin-top: 0; }
.ui-dialog .ui-dialog-content { padding: .5em; }
.ui-state-default, .ui-widget-content .ui-state-default { color: #000; }
#mainContent .filterContainer { border: none; background: #efefef; }
#transactionHistoryForm select { width: 145px; background: #FFF; }
#transactionHistoryFilter { padding-right: 8px; }

#btnSearch { height: 36px; text-align: center; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; color: #FFF; background: #31aba7; }
#btnSearch:hover { background: #003d7b; }
#btnSearch span { line-height: 36px; }

DIV.ftElem DIV.dateRange { margin-left: 5px; }
DIV.ftElem DIV.dateRange LABEL { margin-right: 24px; }
#transactionHistoryForm DIV.ftElem DIV.dateRange input { width: 80px; }

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { /*padding: 0 1em;*/ }
#investmentOptions .edit th.ioInvestOptions { width: 60px; }
#investmentOptions .edit th.ioInvestOptions, #investmentOptions .edit th.ioFutureTrans { padding: .5em; }
#investmentOptions .edit th.ioBalanceSplit, #investmentOptions .edit th.ioFutureTrans { width: 120px; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit, th.ioFutureTrans, th.ioValue, th.ioBalanceSplitLast, .ioUnits, .ioUnitPrice { text-align: right; }
DIV.currentInvestments TH.ioValue { width: 80px; }
DIV.currentInvestments TH.ioUnits { width: 80px; }
DIV.currentInvestments TH.ioUnitPrice { width: 85px; }
TABLE.view th.ioBalanceSplit, TABLE.view th.ioFutureTrans { width: 120px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #000; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-weight: bold; }
#investmentOptions tr.metaHeading span { border-bottom: 1px dashed #000; }
#investmentOptions tr.metaHeading th { color: #000; }
#investmentOptions tr.rowHeading td { background: #c5b7ba; color: #4B3048; font-family: 'Helvetica Neue 57' sans-serif !important; font-size: 14px; font-weight: normal !important; }
#investmentOptions input { text-align: right; }
#investmentEnquiry DIV.formItem { text-align: left; }
#investmentEnquiry #investmentEnquiryContainer h2 { display: none; }
#investmentEnquiryTerms #IsAgreeToTermsConditions { float: left; }
#unitPricesFilter .oc-button span { padding: 5px 8px; }

/* DIO */
#dioRegistrationPage .tcBody { border: none; }
#ioReceiptTable { margin: 0; width: 100%; }
a.btnOK.btnLinkToContainerNoHistory {
    padding: 5px 15px;
    height: 18px;
    font-size: 1.3em;
    font-family: 'Helvetica Neue 57' sans-serif;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    border: 1px solid #138339;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF200;
    background: #75a872; /* Old browsers */
    /* background gradient for cross-browser compatibility */
    background: -moz-linear-gradient(top, #75a872 0%, #138338 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75a872), color-stop(100%, #138338)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #75a872 0%, #138338 100%); /* Chrome10+,Safari5.1+ */
    background-image: -ms-linear-gradient(top, #75a872 0%, #138338 100%); /* IE10+ */
    background: -o-linear-gradient(top, #75a872 0%, #138338 100%); /* Opera11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75a872', endColorstr='#138338', GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #75a872 0%,#138338 100%); /* W3C */
}
#superListContainer .fundselectionlistbody tr:hover { background-color: #f4f4f4 !important; }
#grandTotalContainer .grandTotalAmount { margin-top: -4px; }
#dioContainer .controlHeader { background: #4B3048; color: #FFF; font-family: 'Helvetica Neue 57' sans-serif !important; font-size: 14px; font-weight: normal !important; padding: .5em; }

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

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

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

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

/* Insurance Cover */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th { background: #38414b; border: none; }
#gview_insuranceCoverGrid th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #ffffff; padding: .5em; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: none; }
#gview_insuranceCoverDetailGrid th { background: #38414b; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #ffffff; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: none; }
#insuranceCoverGrid tr { border-right: 0; }
#insuranceCoverGrid tr td { border-right: 1px solid #ccc; }
#insuranceCover #insuranceUnderWritingDiv a { color: #35bbb6; }
#insuranceCover #insuranceUnderWritingDiv a:hover { color: #278a86; }

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

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

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

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

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

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

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

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

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

.content-income { float:left;width:96%;padding:2%; }
.content-income p { margin:0;text-transform:uppercase;font-size:11px; }
.content-income p span { font-weight:bold;font-size:18px;padding-left:5px; }
.content-income p:nth-child(1) { float:left; }
.content-income p:nth-child(2) { float:right; }

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


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

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

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

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

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


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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

/* consolidate super */
.consolidate-validate-buttons { width: 190px; }
a.oc-button.btnLinkToContainerNoHistory { padding: 0; }
#superEditContainer #smsfMessageContainer { background: #f4f4f4; }
#smsfOuter #smsfWarningContainer .text { padding-top: 0; }
#smsfOuter #smsfWarningContainer .button { padding-top: 5px; }
label.display-label { font-weight: bold; }
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable { color: #FFF; }

#superEditContainer #smsfWarningContainer { border: none; background-color: #f4f4f4; }
#superEditContainer #smsfWarningContainer a.btnLinkToContainerNoHistory { background: #003d7b; }
#superEditContainer #smsfWarningContainer a.btnLinkToContainerNoHistory:hover { background: #007cc3; }
#superEditContainer #smsfWarningContainer a.btnLinkToContainerNoHistory span { color: #FFF; }

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

/* Messages */
#gview_MessageGrid th { background: #38414b; border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #ffffff; }
#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: #000; text-decoration: none; }
ul.messageNavBar li a:hover,
#messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }
#messagesContainter .topBar ul li a { background: #4B3048; }
#messageHeader { color: #4B3048; }
.messageNavBar ul li a { background: #4B3048; border:1px solid #4B3048; text-decoration: none; padding: 5px; color: #FFF; font-weight: normal; }
.messageNavBar ul li a:hover { background: #4B3048; color: #FFF; }

/* Correspondence */
#gbox_correspondenceGrid { border: none; margin-top: 20px; }
#gview_correspondenceGrid th { background: #4B3048; border: none; padding: 0.5em; }
#gview_correspondenceGrid th td { border: none; }
#gview_correspondenceGrid div.ui-jqgrid-sortable { color: #ffffff; }
#gview_correspondenceGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_correspondenceGrid th#correspondenceGrid_Title { width: auto !important; }
#correspondenceContainter div.ftElem { font-weight: bold; font-size: 1.2em; margin-left: 0; }
.treeTable tbody tr td:first-child { padding-left: 5px !important; }
#correspondenceTable tr.collapsed td a.expander { margin: 19px !important; }
#correspondenceTable .sortDesc { background: url("images/sort_desc.png") no-repeat; }
#correspondenceTable .sortAsc { background: url("images/sort_asc.png") no-repeat; }
#correspondenceTable .sortAscDesc { background: url("images/sort_both.png") no-repeat; }

/*  settings  */
#secQuestions DIV.fiElem INPUT { width: 500px; padding: 5px; margin: 5px 0; }


/* RHS Member ID Box */
#memberInfoBox { background: #efefef; color: #000; border: none; }
#memberInfoBox ul { padding: 10px; }
#memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { width: 105px; font-size: 12px; }
#memberInfoBox span.memberID, #memberInfoBox span.memberName, #memberInfoBox span.memberLastLogin { width: 130px; font-size: 12px; }

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header, 
#alertAccordion.ui-accordion .ui-accordion-header { background: #007cc3; border: 1px solid #007cc3; color: #FFFFFF; font-weight: normal; margin-top: 0; font-size: 14px; padding-left: 20px; }
#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; }

.ui-widget { font-family: 'Helvetica Neue 47', Arial, sans-serif; }
#subPanel .ui-widget-content { background: #fff; border: 1px solid #007cc3; border-top: none; color: #000; }
.campaignSection { border: 1px solid #ccc; }
.campaignSectionHeader { background-color: #666666; }
.collapsibleContainerTitle { border-bottom: 1px solid #e6b212; color: #000; background: #eeeeee; }

/* contact us */
.feedbackHeader .label { color: #003d7b; }
.contactDetails { font-size: 14px; }
#frmContactUs .formItem { font-size: 14px; }
#frmContactUs .formItem .btnLinkToFullPage { padding: 10px 28px; font-size: 14px; font-family: 'Helvetica Neue 67', Arial, sans-serif; background: #f5f5f5; color: #000; border: 1px solid #CCC; border-radius: 60px; text-decoration:none; }
#frmContactUs .formItem .btnLinkToFullPage:hover { background: #e6e6e6; }

/* Footer */
#footer { width: 960px; margin: 0 auto; padding: 15px 0; background: #262c33; border: none; color: #FFF; line-height: 28px; text-align: right; border-top: 1px solid #262c33; font-size: 14px; min-height: 60px; } 
ul.footer { width: 960px; padding-top: 0; border: none; text-align: center; }
ul.footer li { padding: 0px 10px; color: #fff; border-left: 1px solid #FFF; }
ul.footer li:first-child { border: none; }
ul.footer li a { color: #35bbb6 !important; font-size: 1em; text-decoration:none; font-family: 'Helvetica Neue 57',sans-serif; font-weight: 700; }
ul.footer li a:hover { color: #278a86 !important; text-decoration: underline; }
span.version { font-size: 12px; }

/* MJOL */
#mjolNavBar li { color: #4B3048; background: #e2e5ea; padding: 13px 32px 11px 28px; *padding: 13px 32px 11px 28px; /* IE6/7 */ }
    @media all and (min-width:0) { #mjolNavBar li { padding: 13px 32px 11px 28px; } /* IE9-IE10pp4 */ }
    @-moz-document url-prefix() { #mjolNavBar li { padding: 11px 21px 11px 8px; } /* FIREFOX */ }

#mjolNavBar li.highlight { background-color: #4B3048; color: #fff; }
#mjolContainer h2, #mjolContainer h3, #mjolContainer h4 { color: #4B3048 !important; font-weight: normal; }
#mjolContainer h2 { margin: 20px 0 0 0; font-size: 18pt; }
.mjolSummaryModuleIntroText h2 { border-top: 1px solid #dfdfdf; width: 500px; padding: 30px 0 10px 0; }
#mjolMemberProfileSummaryContainer .dataGroup { padding: 0 0 15px 0; border-bottom: none; margin-top: -20px; }
#mjolMemberProfileSummaryContainer .dataGroup:nth-child(4){ border-bottom: 1px solid #dfdfdf; }

#mjolContainer #headersContainer h1 { font-size: 100%; font-weight: normal; color: #4B3048; }
#mjolContainer fieldset legend { color: #4B3048; font-family: 'Helvetica Neue 57' sans-serif; font-weight: normal; font-size: 18pt; }
#mjolContainer fieldset#fldsetPersonalInfo legend { margin: 20px 0 0; padding: 0; border: none; font-size: 18pt; }
#mjolPopupContainer .formItem .fiLabel { width: 50%; }
#mjolContainer fieldset div.fiLabel{ width: 20%; }
#mjolContainer p, #mjolContainer span, #mjolContainer label, #mjolContainer input, #mjolContainer select, 
#mjolContainer .fiElem, #mjolContainer .header, #mjolContainer .fiLabel, #mjolContainer .dataGroup { font-size: 11pt; line-height: 1.5; }
#mjolPopupContainer .intro, #mjolPopupContainer label, #mjolPopupContainer a, #mjolPopupContainer .outro { font-size: 10.5pt; }
#mjolPopupContainer fieldset { width: 400px; }
#mjolButtonContainer .oc-button { margin-right: 10px; padding: 2px 8px; }
#mjolContainer .intro { font-size: 11pt; }
#mjolCommunicationDetails DIV.fiLabel, #mjolCommunicationDetails DIV.fiElem { width: 400px; }
.moduleSummaryContainer .dataGroup {  width: 100%; max-width: 700px; }

.declaration-outro ul { margin-left: 25px; }
.dataTables_wrapper .dataTables_filter { margin:0 0 10px 0; }
div#mjolCommunicationDetails{ padding:0 0 20px 0; }
.beneSummaryContainer{ min-height: 100px; border-bottom: 1px solid #dfdfdf; width: 500px; }
#CaptchaCode { margin: 7px 3px 0 0; }
#validationSummary li { font-size: 14px; list-style: none; }
#subscriptionContainer { font-size: 11pt; line-height: 1.5; }
fieldset#tfn p { line-height: 1.5; }
#mjolContainer p { line-height: 1.5; }
#privacy p, #privacy a { font-size: 12pt; line-height: 1.5; }
#termsAndConditionsPage p { font-size: 12pt; line-height: 1.5; }

#frmInvestment td.ioPerfText { line-height: 1.5; }
#frmInsuranceOptions a { font-weight: bold; }
#frmDeclaration li, #frmDeclaration label { font-size: 11pt; line-height: 1.5; }
#frmInvestment .pageBlurb { font-size: 11pt; }
#frmInvestment #nominationOptions input { float: left; margin-right: 10px; }
#frmInvestment #nominationOptions label { width: 95%; display: inline-block; padding: 0 0 10px; }
#frmInvestment #nominationOptions label + br { display: block; clear: both; }
#frmInvestment .pageBlurb, #frmInvestment #bottomContent, #mjolDefaultInvestmentOptionsTable { font-size: 11pt; }

#tooltip h3 { font-size: 1.2em; }
a#btnPrev { float: left; }
a#btnSave, a#btnPrev { background: #EEE; }
a#btnSave:hover, a#btnPrev:hover { background: #DDD; }
a#btnSave span, a#btnPrev span { color: #50324C; }
div.dt-buttons { margin-bottom: 20px; }

#simplemodal-container .oc-button span{ padding: 5px 15px; margin-right: 0; font-size: 1.1em; font-family: 'Helvetica Neue 57' sans-serif; font-weight: normal; color: #FFF; background: #4A7729; border-bottom: none; }
#simplemodal-container .oc-button{ border: none; }

.ui-datepicker-calendar th, .ui-datepicker table, .ui-datepicker-week-col { background: #e2e5ea; }
.ui-datepicker-calendar th { color: #4B3048; }
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover, a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover { background: #fff; border-color: #fff; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-hover { text-decoration: none; }

/* Complete page */
#mjolContainer #addressContainer { margin-top: -15px; }
/*#mjolContainer #addressContainer .formItem { margin-bottom:0; }*/
#mjolContainer #addressContainer .fiElem p { margin: 5px 0; }
#mjolContainer #addressContainer .fiElem p#addressCountry { margin-bottom: 0; }
#mjolContainer #otherMemberInfoContainer { margin-top: -15px; }
#mjolContainer #divMemberDocs .iconCell { background: none; }
#mjolContainer #frmSummary h1 { font-size: 18pt; margin: 20px 0 0 0; }
#mjolContainer #frmSummary h2 { font-size: 16pt; }
#mjolContainer table#mjolDefaultInvestmentOptionsTable, 
#mjolContainer table#mjolDefaultInvestmentOptionsTable thead tr th, 
#mjolInvestmentOptionsTable_wrapper #mjolInvestmentOptionsTable, 
div#mjolInvestmentOptionsTable_wrapper #mjolInvestmentOptionsTable thead tr th { width: 100% !important; }

/* MJOL RESPONSIVE
-----------------------------------------------*/
@media (max-width: 1024px) {
    .mjol_body body { font-size: 14px; } 
    .mjol_body div#header, .mjol_body #content, .mjol_body .footer, .mjol_body #footer { width: 100% !important; }
    .mjol_body #mjolContainer .breadcrumbs #mjolNavBar li.highlight .stepProgressText { color: #fff; font-size: 13px; margin-left: 13px; }
    .mjol_body #mjolContainer .breadcrumbs #mjolNavBar li.highlight { background: #4B3048; color: #fff; font-size: 13px; font-family: arial, sans-serif; padding: 13px 21px; }
    .mjol_body div#mjolContainer .breadcrumbs { min-height: 54px; }
    .mjol_body .mjolSummaryModuleIntroText h2 { width: 100%; }
    .mjol_body .summaryEditContainer .mjolEditButton { display: block; margin: 10px 0 0 0; background: none; border: 0; }
    .mjol_body div#mjolDefaultInvestmentOptionsTable_filter { margin: 0 0 10px 0; }
    .mjol_body #mjolContainer h2 { font-size: 28px; }
    .mjol_body #mainContent { padding: 15px 10px; }
    .mjol_body #mjolContainer fieldset div.fiLabel { width: 100%; }
    .mjol_body .progress-wrapper .progress-bar { width: 90px; } 
    .mjol_body #transfer-details > tbody > tr > td { display: block; }
    .mjol_body #superListContainer .fundselectionlistbody tr td { display: table-cell; border: 0; }
    .mjol_body .summaryHeader h2 { float: left; padding-top: 0 !important; }
    .mjol_body .summaryEditContainer .mjolEditButton { margin: 20px 0 0 0; padding-top: 1px; }
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 95px !important; }
    .mjol_body #frmInvestment #bottomContent b,.mjol_body  #frmInsuranceOptions #bottomContent b,.mjol_body  #frmConsolidateSuper b { font-size: .80em!important; line-height: 17px; }  
}

@media (max-width: 767px) {

}

@media (max-width: 720px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 65px !important; }
    .mjol_body table.fundselectionlistheader tr th:nth-child(2) { width: 56px !important; }
    .mjol_body table.fundselectionlistheader tr th:nth-child(3) { width: 80px !important; }
}

@media (max-width: 650px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(2) { width: 60px !important; }
    .mjol_body #frmInvestment #nominationOptions label { width: 88%; }
}

@media (max-width: 625px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(2) { width: 60px !important; }
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 70px !important; }
}

@media (max-width: 555px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 80px !important; }
}


@media (max-width: 480px) {
    #mjolPopupContainer form#frmResumeApplication .formItem .fiLabel { width: 100%; }

}

@media (max-width: 400px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(2) { width: 70px !important; }
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 70px !important; }
}

@media (max-width: 320px) {
    .mjol_body table.fundselectionlistheader tr th:nth-child(1) { width: 80px !important; }
}