/* APSS  */

/* RED - #C00 
   GREY GREEN - #aec6ca
   GREY - #DCDDDF
   PENSION - #d9d9c3 (OLIVE)
*/


/* fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);


/* General styles */
body { font-size:17px;color:#333333;background: #fff;font-family:Calibri;}
html {background:#fff;}

#topMenu li a { color:#333;text-decoration: none; outline: none; padding:5px 0; font-size: 14px;}
#topMenu li a:hover { text-decoration: none; outline: none; }
a, a:link, a:active, a:visited, a:hover {color: #C00; text-decoration:none;}
#topMenu A#btnTopMenuSettings span {text-decoration:none;}

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

h1 { color: #C00;font-size:35px;line-height:30px;font-weight:normal;border-bottom:none; font-family:Calibri;}
h2 { color: #C00;font-size:20px;line-height:20px;font-weight:bold;border-bottom:none; }
h3 { color: #C00;font-weight:normal; }
h4 { color: #C00;font-size: 20px; line-height: 19px; font-weight: bold;}
h5 { color: #C00;font-size: 15px; line-height: 19px; font-weight: normal; }

td, li, ul { font-size:0.9em; }
ul { list-style-position: inside; padding: 5px; }
ul li { padding: 2px 0; }

p { margin:0;padding:0 0 15px 0; }
.pageBlurb p:nth-child(5) {background: #c00; color: #fff; padding: 16px; margin-bottom: 15px; font-size: 17px;}

input, select, textarea { padding: 6px 5px; border:1px solid #d9d9d9 !important; font-family:Calibri;}

table th { text-align:left;background:#C00;color:#fff;font-size: 0.85em; }

#validationSummary { background:#fff2f2; color:#201d1e; border: 1px solid red; }
#validationSummary ul { padding:0; }
#validationSummary ul li { list-style:none; }
div.filterContainer { padding: 1em 0.5em; /*background: #ee7518;*/ border-color: #ECECEC}
#validationSummary.validation-summary-errors { display: block; padding: 10px 0;}
.ui-widget-content { background:#f6f6f6; }
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable {  color: #333;}
div#validationSummary ul li{text-indent: 0 !important; font-size: 17px; margin-left: 0;}


/* calendar */
.ui-datepicker-calendar th{background: #C00; color: #fff;}
.ui-datepicker-week-col{text-align:center; background: none repeat scroll 0 0 #DCDDDF;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color: #000;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #aec6ca; border: #aec6ca; }


/* layout */
div#wrapper {text-align: left;}
#content { width:985px;margin:0 auto;background: #fff;padding:0 15px;}
#mainContent.subPanelled {width: 684px;}
#mainContent {padding:20px 0;}
#subPanel { width:280px;margin: 60px 0 0 15px; }

#bottomContent { margin-top:15px; }

/* eRollover */
div#superEditContainer h2 { font-size: .90em; color: #333;}
#superListContainer .fundselectionlistbody tr:nth-child(even){background: #DCDDDF;}
#superListContainer .fundselectionlistbody tr:hover{background-color: #aec6ca !important;}
div#superEditContainer p{font-weight:normal;}
a.oc-button.btnLinkToContainerNoHistory{background: #C00;}
a.oc-button.btnLinkToContainerNoHistory span{color: #fff;}


/* headers */
#header { width:1015px;margin:0 auto;background: #fff;padding:0; }
.pageHeader { background: #FFF; position: relative; height: 100px; border:none;}
.pageHeader h1 { padding:45px 20px 0 10px;font-size: 25px;line-height: 25px; color: #C00;}
.pageHeader h1 span.memberonlineheader { color: #19aee5; }
A#homeLink { background: transparent url(images/apss_logo.png) 0 0 no-repeat; width:220px; height:120px;display:block; left: 11px; top: 13px;  }

#topMenu {width:100%; text-align:right; top: 0; padding:5px 0}
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu DIV.dropDownListControl UL { background:#ccc;color: #333; top:27px; opacity:1;}
#topMenu DIV.dropDownListControl LI {border-bottom: 1px solid #DCDDDF; text-align:left;}
#topMenu div.dropDownListControl li:hover { background:#C00;color: #45525b; text-decoration:none;}
#topMenu div.dropDownListControl li a { color: #333; font-size:14px; display:block;}
#topMenu div.dropDownListControl li a:hover { color:#fff; text-decoration:none;}
#topMenu div.dropDownListControl li:hover a { color:#fff; }
div#topMenu {font-size: 14px;}


/* Buttons */
.oc-button span { background:none;margin-right:0;color:#fff;padding:0;  }
.oc-button span:hover { color:#fff;}
DIV.formAction A{margin-left:10px;}
a#btnDetailsCancel{margin-right: 10px;}

.oc-button, .oc-button span { font-family:calibri;font-size:17px;font-weight:normal; }
.oc-button, #forgottenPassword DIV.formAction A  { height:auto;color:#fff !important;background:#C00;padding:7px 25px;border:0;border-radius:0;bottom:0;font-weight:normal; }
#forgottenPassword .pageBlurb {width: 620px;}
.oc-button:hover { border:0;color:#45525b; }
.backBtn { height:20px;background:#d4d4d4;color:#fff;position: relative;padding:7px 25px;border:0;border-radius:0;bottom:0;font-size:15px; }
.backBtn:hover { border:0;background:#d4d4d4; }

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

#btnNext,#btnSave { margin-left:5px; }

#btnResumeContainer a#btnResume.oc-button { padding: 7px 25px; }
#createQuoteButton {margin-left:0;}
a#btnGenerateQuote {padding: 8px 12px; margin-left: 7px;}
#filterPayeeTypeContainer {margin-left: 10px}

/* Nav styles */
#mainMenu { background: #DCDDDF; height: 35px; width:100%; border-bottom:0;}

div.tabs { position: relative; top: 0; left: 0; _margin: 0; width: 1015px; margin: 0 auto;}
#tabsMainContent { padding-top: 3.5em; *padding-top: 4.5em; }

div.tabs ul li { border-bottom: 0; height: 35px;color: #a2a9ad; width: 150px;}
div.tabs ul li.active { border: 0; height: 35px; }

div.tabs ul li a { background: none !important; height: auto; text-align: left;}
div.tabs ul li a span { background: none !important; font-size:16px;font-weight:bold;color: #464646; margin: 0 !important; height: 29px; border-left: 1px solid #DCDDDF; border-right: 1px solid #DCDDDF; padding-left: 20px;}
div.tabs ul li a:visited { background: none !important; }
div.tabs ul li a:visited span { background: none !important; }
div.tabs ul li a:hover { background: #C00 !important; }
div.tabs ul li a:hover span { background: #fff !important; color: #333;}
div.tabs ul li a:active { background: #DCDDDF !important; }
div.tabs ul li a:active span { background: #DCDDDF !important; color:#333;}

div.tabs ul li.active a span {color: #000; height:29px; background:none !important;}
div.tabs ul li.active a { height: auto !important; background:none !important;}
div.tabs ul li.active a:visited {}
div.tabs ul li.active a:visited span {}
div.tabs ul li.active a:hover { background: #fff !important; color: #ee7518 }
div.tabs ul li.active a:hover span { background: #C00; }
div.tabs ul li.active a:active { background: #C00; }
div.tabs ul li.active a:active span { background: #C00; }

#tabContainer li:hover{background: #fff;}

DIV.tabs LI.active UL.tabSubLinks{display:none;}
DIV.tabs LI:hover UL.tabSubLinks{display:block; position:relative; overflow:auto;}
div.tabs ul ul.tabSubLinks { width: 200px; margin: 0; background: #fff; padding:10px; top: 0; height:auto; border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; position:relative;}
div.tabs ul ul.tabSubLinks li {border: none;margin-left:0;margin-right:0;float:none;height:auto;display:block; width: 200px; margin: 2px 0; overflow:auto;}
div.tabs UL UL.tabSubLinks li a { padding:7px 15px;font-size:14px;color: #464646; text-decoration: none; background: none;float:left !important; !important;display:block; width:85%;}
div.tabs UL UL.tabSubLinks li.subActive a { text-decoration:none; background:#C00 !important; color:#fff; width: 85%;}
div.tabs ul ul.tabSubLinks li a:visited { color: #464646; text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li a:hover { background:#C00 !important;color:#fff !important;text-decoration:none; }
div.tabs ul ul.tabSubLinks li.active a { text-decoration: none; font-weight: normal; background: none;}


/* Login styles */
#mainLoginPage  h1{ border-bottom: none;}
#mainLoginPage div.pageBlurb { float: left; line-height: 1.4em;margin:0; }
#mainLoginPage div.pageBlurb ul li { line-height: 1.3em;font-weight:normal;font-size:1.1em; margin-left: 25px;}
#mainLoginPage div.pageBlurb h3 { padding-bottom:10px; }
div.maintenanceMessages { margin:0 0 1.5em; background: white; }
#mainContent .maintenanceMessages ul li { text-indent:0; }
div#bottomBar .messageOk {display:none;} 

#siteEntryPoints {margin-bottom: 1em; float: right; width: 400px; }

#loginEntry { border:1px solid #aec6ca; width:360px;margin-left:0;margin-right:0;padding:20px;position: relative; background:#aec6ca}
#loginEntry h2 { line-height: 22px; font-weight: bold;  border-bottom: 0; color: #fff; font-size: 22px;}
#loginEntry div.fiLabel { width:145px; padding-top: 6px; color: #333; font-weight:normal;}
#loginEntry div.fiElem { width:205px; }
#loginEntry div.fiElem input { border:0; padding: 5px;width: 98%;box-sizing: inherit; }
#loginEntry div.formAction a { color: #fff; text-decoration: none; }
#loginEntry div.formAction a:hover { color: #c00; text-decoration: none; }
#loginEntry div.formAction a#lnkForgottenPassword { float:right; margin-top:10px;font-size:14px;line-height:16px; }
#loginEntry div.formAction a#lnkForgottenPassword:hover { color:#fff;text-decoration:underline; }

#loginEntry div.formAction a#btnLogin { height:20px;background:#C00;color:#333;position: relative;padding:7px 25px;float:left;border:0;}
#loginEntry div.formAction a#btnLogin span { font-weight:normal;color:#fff; }
#loginEntry div.formAction a#btnLogin:hover { color:#fff; background:#C00;}
#loginEntry div.formAction a#btnLogin:hover span {transition:.5s}
#loginEntry div.formAction a.oc-button span:hover {color:#005cab; }
.validation-summary-valid {margin-top:0; font-size:.85em; padding: 5px 10px !important;}

#registrationEntry { padding:20px; width:360px;line-height: 1.2em; background:#DCDDDF; margin-top:20px; color:#333; margin-bottom: 10px; border:1px solid #DCDDDF}
#registrationEntry h2{border-bottom: 0; font-weight:bold; font-size: 22px;}
#registrationEntry p { clear:both;float:left;padding:0; }
#registrationEntry p a { height:20px;background:#C00;color:#fff;position: relative;padding:7px 25px;float:left;border:0; margin-top:13px; text-decoration:none;}
#registrationEntry p a:hover {background:#C00; color:#fff; text-decoration:none;}


h3.declarationHeader {margin:0;}

.loginLeftContent .pageBlurb p:nth-child(2), .loginLeftContent .pageBlurb h4{color: #C00; font-size: 22px; line-height: 5px; font-weight: normal;  border-bottom: none; font-family: Calibri; margin-top: 20px;}


#mainLoginPage,
#registrationWizard,
#forgottenPassword { }

#userReg DIV.fiLabel { min-width: 220px; }


.ui-widget { font-family:'FrutigerLTStd',arial,san-serif; }

/* Terms and Conditions */
#termsAndConditionsContainer .content { width: 98%; }
#termsAndConditionsPage ul li {font-size:1em; text-indent: -1.5em; margin-left: 25px; margin-bottom: 5px;}
#mainContent ul li {font-size: 1.1em; text-indent: -1.5em; margin-left: 10px;}

/*Registration */
#userReg h3 { color: #666666; font-size: 1.6em; }
#userReg .termsConditions { border: 1px solid #28344E; padding: 10px 10px 0 10px; margin: 20px 0; }
#secQuestions p { clear:both;padding-top:10px; }
#userReg DIV.fiLabel{vertical-align:middle;}
#userReg p.required { text-align:left !important; }

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

/* Styling of dashboard */
#dashboard .dashboardBoxSmall { background: url(Images/dash_top.jpg) repeat-x top left; border-color: #ECECEC;padding:7px 1em 1em 1em;width:288px; height:300px; }
#dashboard .dashboardBoxLarge { background: url(Images/dash_top.jpg) repeat-x top left; border-color: #ECECEC; padding: 7px 16px; }

#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #818285; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #45525b; font-weight: bold; margin: 0 0 15px 0; font-size: 1em; }
#divInsuranceCover { font-size:.90em; }
#activityTable td { padding: 5px !important;font-size:0.8em; }
#activityTable { margin-bottom: 10px}
.highcharts-axis-labels tspan { color: #818285; fill: #818285; }
#dashboard .chartLegendTable td.col2 { text-align: right; }
#dashboard .chartLegendTable td.col3 span { float: right; }

#chart1 #accountSummaryIntroText { margin: 25px 0 15px 0; font-size: 15px; text-align: left; }
#chart1 #accountSummaryDefinedBenefitText, 
#chart1 #totalBalanceText { margin: 15px 0; font-size: 15px; text-align: left; }
#chart1 #currentBalanceText { font-size: 20px; padding-top: 7px; text-align: center; }

#activityTable,#eventTable { text-align: right; }
#activityTable td.date,#activityTable td .description,#eventTable td.date,#eventTable td.description { text-align: left; }
#eventsAccordion h3 { background: #CCCCCC; color: #666; }
#eventsAccordion .header .title { color: #666; }
#crsFilter table tr td {width: 100px !important;}
#resetPassword DIV.fiLabel {width: 200px}
#prominentCurrentBalance {font-size:2.2em;}
#divInsuranceCover .iconIP {margin-bottom: 30px;}
#divInsuranceCover .iconDisable {margin-bottom: 14px;}
div#insuranceUnderWritingDiv {display:none;}
div#IncreaseInsuranceContent .pageContent div h3 {display: none;}
#dashboard .dashboardBoxSmall .actionLinkContainer#retirementButton a{font-size:17px;}
#memberInfoPlaceholder{margin-top: 70px;}
#memberInfoBox{padding: 10px 0 0 10px; width: 265px !important;}
#memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel{max-width: 110px;}
#memberInfoBox span.memberID, #memberInfoBox span.memberName, #memberInfoBox span.memberLastLogin{width: calc(100% - 110px); margin-bottom: 5px;}
#memberInfoBox ul {padding: 0;}
#memberInfoBox li.memberInfolist{font-size:17px;}
.generic{ background: #c00;font-size: 17px;color: #fff; width: 248px; padding: 15px; margin-bottom: 20px;}
.calc{ background: #aec6ca;font-size: 17px;color: #333; width: 248px; padding: 15px; margin-bottom: 20px;}
#totalBenefitEstimateText{font-size:20px; padding-top: 7px;}
#totalBenefitEstimate {margin-top: 0; margin-bottom: 20px;}

/* Your Account - Third Party Retirement */
iframe.rw-iframe {margin: 50px auto; max-height: 100%; overflow: auto; width: 800px; height: 800px;}

/* Your Account - Benefit Quote */
table#poolBT3 tr.noBorder{display: none;}
select#benefitQuoteType { font-size:0.90em;margin-right: 5px; }

.benefitQuotePoolBDetail table tr td:nth-child(2) { text-align: right; }

/* Your Account - Member Savings Balance Enquiry */
div#filterFinancialYear{font-size: 17px;}
select#SelectedReviewPeriod {margin-left: 10px;}
table#balanceEnquiryAccountBalanceTable{margin-bottom: 30px;}

/* Action Link */
div#prominentCurrentBalance {margin-top: 0;}

	#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer {
        float: none;
        display: block;
        margin: 20px auto 0;
        padding: 10px 3px;
        background: #C00;
        cursor: pointer;
        opacity: 1;
        text-align:center;
        width: 60%;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;

	}
    #dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer:hover{opacity:.8} 

	#dashboard .dashboardBoxSmall #retirementButton.actionLinkContainer a {font-size: 17px; }
	#dashboard .dashboardBoxSmall .actionLinkContainer,
	#dashboard .dashboardBoxLarge .actionLinkContainer { background-color: #C00; }
	#dashboard .dashboardBoxLarge .actionLinkContainer a { background: #C00; color:#FFF; }
    #dashboard .dashboardBoxSmall .actionLinkContainer a{background:none; color: #fff; padding-right: 0;}

/* Member Info Box */
#memberInfoBox { background: #aec6ca; border-color: #aec6ca; font-size: 17px; color:  #333;}
#messagesBox ul li a{font-size: .9em;}

/* 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: 20px; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; }
legend { font-weight: bold; font-size: 1em; width: 310px; color: #666; border-bottom: 1px solid #666666; padding: 7px 0px; margin-bottom: 0.5em; }
.accountsummarydetailcontainer { padding-top: 5px; }
.accountsummarydetailcontainer th { background: none; color: #818285; font-size: 17px; }
fieldset div.fiLabel { width: 36%; font-size:17px !important;}
#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; }
.quick-links h3{background:#595959; color:#fff; display:block; text-align:center; text-transform:uppercase; margin-bottom:10px; font-size:18px; height:30px; line-height:30px}
.quick-links ul{padding:0; margin:0}
.quick-links ul li{list-style:none; display:block; text-align:center; color:#fff; background:#c00000; margin-bottom:10px; height:25px; line-height:25px}
.quick-links ul li a{color: #fff;}
.quick-links ul li a:hover{color: #fff;}
div.form fieldset:nth-child(8) {
    width: 100%;
}
div.form fieldset:nth-child(8) legend {
    width: 100%;
}
#updateMemberProfile .form > div.formItem { border: 1px solid #666; background: #f0f0f0; padding: 1em;}
#updateMemberProfile .form > div.formAction { border: none; background: none; padding: 0;}
#membershipdetails .fiLabel { width: 120px !important;   vertical-align: top;}
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }

.header { border: none; }
#topMenu UL {margin-right:25px;}

DIV.formAction {text-align:left;}
#simplemodal-container .oc-button span { background: #C00; border-bottom: 4px solid #C00;}
#simplemodal-container .oc-button:hover span{ background: #dbe2c0; border-bottom: 4px solid #dbe2c0;}

div#employerdetails table tbody tr {border:none !important;}

/* Beneficiaries */
#beneficiaries th { text-align:left;background:#c00;color:#fff;font-size:15px;font-weight:normal; }
#beneficiaries td { border: none; }
#beneficiaries td.benefit { text-align: left; 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: 70px; }
#beneficiaries td.tableActions { font-size: 0.7em; }
#beneUpdatedMsg { background: none; border: 1px dotted #FF4F4F; color: #FF4F4F; }
tr.total td,
tr.noRecords td { border-top: 1px solid #d5daef; border-bottom: 1px solid #CCC; }
#beneficiaries TR.total TD, #beneficiaries TR.noRecords TD { border-top:0; }
.benefitQuotePoolBDetail table#poolBT2 td.poolBT2Td3, .benefitQuotePoolBDetail table#poolBT3 tr td:nth-child(3) { display: none;  }
#pageBenefitQuotePoolB a#btnGenerate { margin: 10px 0 10px 0; }
a#btnContinue{margin-left: 10px;}
fieldset#beneDetailsFields div.fiLabel, fieldset#contactDetailsFields div.fiLabel{width: 100%}
div#beneDetailsContainer #bottomContent{margin: 50px 0 0 0;}
#beneDetailsContainer div#bottomContent li{font-size: 17px;}
div#beneDetailsContainer ol{margin-top:10px;}

#beneficiaries TH.beneName {width: 160px}
#beneficiaries TH.addrProvided, #beneficiaries TD.addrProvided {text-align:center}
#beneficiaries TH.tableActions, #beneficiaries TD.tableActions {width: 80px}
#beneficiaries th.benePctHead, #beneficiaries TD.benefit {width: 70px}

/* Your transactions */
div#transactionHistoryFilter span, div#transactionHistoryFilter label{font-size: 17px;}
div#customDateBox {margin:0;}
table#transactionHistoryGrid td{font-size: 14px; padding: .5em 0; font-family: Calibri;}
td.transactionType{padding-left: 15px !important;}
td.total{padding-right: 15px !important;}
table.ui-jqgrid-ftable td{font-family:Calibri; font-size: 17px; padding: .5em !important;}


/* Your personal details */

#AccountSummaryContainer{position:relative;}
/*div#AccountSummaryLeftContainer fieldset:nth-child(4){ position: absolute; right: 20px; top: 390px;}*/
#employerdetails tr td, #beneficiarydetails tr td{font-size:17px;}


div#beneficiarydetails td{width: 100% !important;}
#contactdetails .fiLabel{width: 95px;}
#employerdetails tr:nth-child(1){width: 51%;}
#employerdetails tr:nth-child(2){width: 49%;}


SELECT.countries{width: 190px;}
div#initialChangeEmailContainer p.required{text-align:left !important;}
div#validationSummary ul{margin-left: 10px !important;}

/* Payment Options */
#paymentOptionFilters { text-align: left;background:#c00;color:#fff;font-weight:normal;padding:1em;font-size: 17px; }
#paymentOptions .paymentOptionImage { height: 50px; }
#paymentOptionFilters .oc-radiogroupex li { font-weight:bold;padding-right:10px;font-size:15px; }
#paymentOptions td { padding: 5px; }
#currentPaymentType { color: #333; font-size: 17px; }
.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; }
div#paymentOptions li{font-size: 17px;}

/* Balance Enquiry */

input.filterRadio { vertical-align: baseline; }
#chartTitle { font-size: 20px; color: #C00; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background:#c00;color:#fff;padding:1em;border:none; }
#balanceEnquiryFilter { text-align: left; color: #666; font-size: 1em; font-weight: bold; }
#balanceEnquiryPreservationTable tr td.preservedAmt { width: 235px; }
#balanceEnquiryFilter div.filterItem { margin:0; }
#balanceEnquiryFilter .dropdown { vertical-align: middle; width: 125px;}
.legendTitle { font-size: 20px;color: #c00; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; }
#assetAllocationDashboardChart {width:285px}
/*tr.total td { border-top: 1px solid #CCC !important; border-bottom: 1px solid #CCC !important; } */
.nocContainer, hr { border: none !important;border-top: 1px solid #d4d4d4 !important;background-color:#d4d4d4; }
#balanceEnquiryAccountBalanceTable td{padding-right: 15px;}

/* Retirement Calculator */
#frmYourSuper fieldset, #frmYourSuperSalary fieldset, #frmYourContributionsRetirement fieldset {padding-bottom: 0;}
#frmYourEstimatedInvestment fieldset legend {font-size: .95em; padding-bottom: 7px; width: 800px;}
#frmYourEstimatedInvestment fieldset {width: 800px;}
#step3 fieldset div.fiLabel {width: 300px !important; float:left;} /* 40% */
#frmYourEstimatedInvestment .fiElem {width: 200px; float:left;}
button#btnStartCalculator {cursor: pointer;}
#frmYourEstimatedInvestment .table thead th {text-align:center;}
form#frmYourSuper ul li { list-style-position: inside; margin-left: 10px;}
#frmYourEstimatedInvestment .fieldset {width: 800px;}
div#step3 table tr td:nth-child(2){text-align: center;}

/* Pension Details */
#tabsMainContent UL{margin-left: 1.5em !important;}
ul.pension-payment-legend li{text-align:right;}
ul.pension-payment-legend li span{padding-right: 30px; font-weight:normal; font-size: .9em; text-align:left;}
th.paymentBsb-header{width: 55px;}
.PensionDetailsFullContainer legend{background: #c00; color: #fff;padding-left: 10px; font-size: .85em;}

/* Concessional Contributions */
#subPageBody .page table tr td{border:none;} 
#subPageBody table{border:none;}
.concessional-contribution-details .sub-head, .Previousinfo .fiLabel,
.nonconcessional-contribution-details .form-item.sub-head,
.NonConcessioalPreviousInfo {background-color: #C00;font-family: inherit !important; font-weight: bold}

.concessional-contribution-details, .concessionalContributions .Previousinfo,
.nonconcessional-contribution-details, .concessional-contribution-details .form-item, .concessionalContributionAccordionDetails .form-item,
.nonconcessional-contribution-details .form-item {border: none}

.concessional-contribution-details .form-item, .concessionalContributionAccordionDetails .form-item,
.nonconcessional-contribution-details .form-item {padding: 0.25em 1em}
.concessionalContributionAccordionHeader {padding: 0.25em 0em;}


/* Contribution Payment Options */
.aPayment{margin-bottom: 20px;}
div#paymentOptions ol{margin-top: 0;}

/* table cell width */
#benefitQuoteContainer .memberShipDetailsSectionThreeColumns tr td:first-child { width: 480px; }


/* Benefit Quote */
#pageBenefitQuote .pageBlurb { display:none; }
#benefitQuote .sectionTitle { font-size: 1.6em; color: #666666; }
#quoteDate {color: #333; font-size: 17px; font-weight: bold;}
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 150px; }
th.benefitType,
th.preservationType,
th.taxType { padding: 1em 0.5em; background: #DCDDDF; color: #45525b; }
#benefitQuote tr.header td { font-weight: bold; color: #666; }
#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:#DCDDDF;color:#464646;margin-top: 7px; }
.summaryBenefit table { background: #FFF; clear: both; }
.summaryBenefit div { padding: 0.5em;color:#45525b; }
#tooltip {width: 550px;}
table#preservationTable th, table#taxTable th, table.fundselectionlistheader th, table#correspondenceTable th, div#eRolloverGridContainer table th{background: #c00; color: #fff; }

#subPageBody .page #beneficiarydetails table tr { border: none; }
#filterBenefitQuote .fiBenefitQuote{margin: 7px 7px 7px 0;}


/* Transaction History */
#gview_transactionHistoryGrid th { background:#c00;color:#45525b; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color:#fff; }
#transactionHistoryGrid td.received{padding-left: 5px;}
.ui-widget-content TR.ui-row-ltr{border:none;}
.ui-tooltip{font-size:14px !important; line-height: 20px;}


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

.ui-jqgrid .ui-jqgrid-ftable TR { border-top:1px solid #ccc; }
DIV.filterItem, #filterTransactionType, #filterAccountType { font-size:13px; }
DIV.ftElem DIV.dateRange input#BeginDate, DIV.ftElem DIV.dateRange input#EndDate { width:80px; font-size: .80em; }
DIV.ftElem DIV.dateRange LABEL{margin-right: 23px;}

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { padding: 2px 1em; }
#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans { padding: 10px 5px ; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice { text-align: right; width: 100px;}
DIV.currentInvestments TH.ioValue { width: 80px; }
DIV.currentInvestments TH.ioUnits { width: 80px; }
DIV.currentInvestments TH.ioUnitPrice { width: 70px; }
#fmCurrentOptions tr.rowHeading {display:none} /* hide the row as per Crystal & Steph's request*/
TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans { width:140px; }
#investmentEnquiryFilter{padding: 5px 0 0 0;}
#investmentEnquiryFilter .filterItem { text-align: left; color: #666; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-size: 17px; font-weight: bold; display:block; margin-left: 50px;}
#tabsMainContent #investmentEnquiryFilter UL { margin-left:0!important; }
#tabsMainContent #investmentEnquiryFilter UL label font { color:#C00!important;font-size: 17px; }
div.currentInvestments th.ioInvestOptions { /*width: 160px;*/}
#investmentOptions tr.metaHeading span { border-bottom: 1px dashed #333; width: 273px;}
#investmentOptions tr.metaHeading th { color: #666; }
#investmentOptions tr.rowHeading td { background: #FFFFFF; color: #222 }
#investmentOptions input { text-align: right; font-size:.9em;}
#investmentEnquiry DIV.formItem {text-align: left; font-size: .90em;}
div#investmentEnquiryTerms p {padding: 0;}
div#investmentEnquiryTerms h4 {margin: 1.5em 0 .5em 0;}
div#filterYear {font-size: 12px;}
.filterItem.filterAction.unitPricesFilterInline.unitPricesGenerateButtonMargin .oc-button {padding: 5px 15px; margin-left: 5px;}
div#unitPricesFilter, a#btnGenerate span {font-size: 17px;}
#unitPricesFilter .unitPricesGenerateButtonMargin {margin: 10px 0 0 0;}
#unitPricesFilter .unitPricesFilterInline select {width: 11%;}
.unitPricesGenerateButtonMargin.unitPricesFilterInline.filterAction.filterItem .oc-button {padding:5px 10px}
input.highcharts-range-selector { width: 100px !important; height: 24px !important;}
select#SelectedInvestmentOptionId {width: 19% !important; font-size: .95em;}
#investmentOptions tr.rowHeading {display:none;}
#filterDrawdownOptions {display:block !important; padding: 10px 0 0 0 !important; font-size: 17px;}
#investmentEnquiryFilter p {display:none}
#investmentEnquiry div.formItem {text-align:left;}
#investmentEnquiryTerms p {display:none;}
#investmentEnquiryTerms h4 {margin-bottom: 5px;}
div#investmentEnquiryFilter label, #filterDrawdownOptions{font-size: 17px;}

td.ioInvestOptions, td.ioTransferSplit, td.ioDrawDownSplit{vertical-align:middle;}

#investmentEnquiryContainer h2{color: #333333; font-size: 17px; font-weight: normal;}
a#btnReset{margin-left: 8px;}
.valueValid{color: #333;}
.valueInvalid{color: #c00}
.introHeader{margin-top: 20px;}
table#poolBT1 tr td, #poolBT2 tr td, #poolBT3 tr td{font-size: 17px;}

TR.rowHeading TD { background:#cfcfcf !important; }

/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
table#insuranceCoverGrid tr td {text-align: center !important;}
#gview_insuranceCoverGrid th, .ui-jqgrid-htable th { background: #DCDDDF; border: none; }
#gview_insuranceCoverGrid th td, .ui-jqgrid-htable th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #45525b; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
#gview_insuranceCoverDetailGrid th, .ui-jqgrid-htable th, .ui-widget-content TH.ui-state-default { background: #DCDDDF; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #45525b; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
.ui-jqgrid .ui-jqgrid-htable th div {padding: 2px 4px 6px 0px; font-size: 15px; font-family: Calibri; font-weight:normal;}
#gview_ConsolidateSuperOverviewGrid tr td {padding: 0;border: 1px solid #ddd;}
td.consolidate-super-grid-action {font-size: .72em;}
fieldset.consolidationFieldsetContent ul li {font-size: 1em; list-style-position: inside;text-indent: -1em; padding-left: 1em;}
table.apply-avsuper tr td {border: 2px solid #DCDDDF;}
table.apply-avsuper tr th {background: #DCDDDF; text-align: center; padding: 5px; color: #333;}
table.apply-avsuper tr th a {background:#004364 ; color: #fff; padding:3px 7px;}


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


/* Consolidate Super */
#superEditContainer .pageBlurb { display:none; }
#superEditContainer #FundNameToSearch { margin-left:5px; }
#gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th { padding-top:10px; }
#consolidationFieldsetContent ul li { padding-bottom: 5px;font-size: 1em; }
td.consolidate-super-grid-action {padding: 0; font-size: .80em;}
.pageBlurb h4 {color: #333333; font-weight: normal; font-size:.85em;}
div#consolidateSuper h1 {margin: 0;}
#gview_ConsolidateSuperOverviewGrid td {padding-right: 2px !important; word-wrap: break-word;}
#gview_ConsolidateSuperOverviewGrid thead th {padding-bottom: 10px !important;}
#gview_ConsolidateSuperOverviewGrid .s-ico {display: block;}
#gview_ConsolidateSuperOverviewGrid table th[role="columnheader"] div {font-size: 14px !important;}
#gview_ConsolidateSuperOverviewGrid tr td {padding: 2px 0px;}

/* Messages */
#gview_MessageGrid th { background: #c00; border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #fff; }
ul.messageNavBar li,
#messageNavBar ul li { display: inline; margin: 0 10px 0 0; }
ul.messageNavBar li a,
#messageNavBar ul li a { color: #666; text-decoration: none; }
ul.messageNavBar li a:hover,
#messageNavBar ul li a:hover { text-decoration: underline; cursor: pointer; }
#messagesContainter .topBar ul li a { background: #28344E; }
#messageHeader { color: #666666; }
table.noRecords td, table#MessageGrid td {font-size: 14px;}
#messagesContainter .topBar ul li a{background: #aec6ca; font-weight: normal;color: #333;padding: 5px 15px;}
#messagesContainter .topBar{margin: 22px 0 40px 0;}

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

/* Communications */
#correspondenceTable{table-layout:fixed;}
table#correspondenceTable .crsTitle{word-wrap: break-word; }
#correspondenceContainter th:first-child{width: 300px;}


/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header{ background: #a2a9ad; border: 1px solid #a2a9ad; border-bottom: 0; color: #FFF; font-weight: normal; margin-top: 0 ; padding-left: 1em;border-radius:0; }
#alertAccordion.ui-accordion .ui-accordion-header {background: #666; color:#fff;}
#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-accordion .ui-icon { background-image: url("Images/ui-icons_469bdd_256x240.png"); }

#alertBox {font-size: .85em;}
#alertBox .ui-widget-content { border: 1px solid #cccccc; background: #cccccc}
.campaignSection {margin-bottom: 30px;}
.campaignSectionHeader { background-color: #ECECEC; display:none;} /* hide the grey section on the right pane banner */
.collapsibleContainerTitle { border-bottom: 1px solid #ECECEC; color: #666; background: #F6f6f6 }
.campaignContent {overflow:hidden; margin: 0;}
.campaignContent p {padding: 0;}

/* contact us */
#contactUsFormContainer .pageBlurb { display:none; }
.feedbackHeader .label { color:#C00; font-weight:normal !important; font-size:2em;}
#contactUsContainer .label, #contactUsContainer .fiLabel {width: 225px; padding-left: 5px}
#contactUsContainer .formAction{margin-left: 237px}
div#contactUsFormContainer #btnSubmit{margin-left: 10px;}

/* Footer */
#footer {color: #FFF; font-weight: bold; border: 0;text-align:left;padding:30px; border-top: 1px solid #ddd;}
ul.footer { width: 1015px;padding-left:0; } 
ul.footer li { padding:0;margin:0;color:#31291e;font-size:11px;line-height:11px; }
ul.footer li a { padding:0;margin-right:10px;font-size:13px;line-height:11px;text-transform:uppercase;  }
ul.footer a:link, ul.footer a:visited { color:#666; text-decoration:none; text-transform:capitalize;}
ul.footer a:hover { text-decoration: none; color: #C00; }
ul.footer li a.footerPageHelp,ul.footer li a.btnLinkToFullPage { display:none; }
#footerContainer #subFooterResourceContainer { color:#C00; }
#footerContainer #subFooterResourceContainer p { margin-bottom:0; }
#footer span { width: 1015px;padding:0;margin:0 auto; }
#footer span.version { text-align:left;font-size:12px;font-weight:normal;color:#555;padding-top:10px; }
div#bottomContent h4 {margin: 40px 0 10px 0;}
p.required{text-align:left !important; font-weight:normal; font-size: 17px !important;}
p.copyright{font-size: 9pt !important;}
div#mainLoginPage p.required{text-align:right !important;}

div#bottomContent{text-align:left; font-size: 17px;}
div#bottomContent p {text-align: left;font-size: 17px;  font-style: normal;}

/* Crediting Rates */
select#credintingrateDropdown{font-size: .9em;}
div#creditingRateIntroText{margin-bottom: 30px; text-align:justify;}
table.formItem td, table#smoothedRate td{font-size: 17px; padding: .5em 0;}
input#butCalculate{background: #C00;color: #fff; position: relative; padding: 7px 25px; cursor: pointer;}
div#creditingRateBootomContent{margin-top: 30px; text-align:justify;}
table#smoothedRate td:nth-child(1){width: 541px;}
span#theRate {float: right; margin-right: 410px;}
table.formItem td:nth-child(1){width: 541px;}
.sidegreen {
    width: 280px;
    height: auto;
    display: block;
    padding: 15px;
    position: absolute;
    top: 24px;
    right: 0px;
    z-index: 7;
    background-color: #aec6ca;
    font-family: Calibri,;
    font-size: 15px;
    font-style: normal;
    color: #000;
}

    .sidegreen h5 {
    font-family: Calibri;
    font-size: 25px;
    line-height: normal;
    color: #FFF;
    font-weight: normal;
    margin: 0px 0px .5em 0px;
}

 .sidegreen a{color: #CC0000; text-decoration:none;}

 #creditInvestmentType #creditingRateOptionLabel{padding-right: 415px;}
 #creditInvestmentOption #creditingRatesAccountTypeLabel{padding-right: 387px;}
 #creditInvestmentOption {margin-top: 16px;}

/* MJOL */
.jfontsize-button { border:none;font-weight:normal; }
.jfontsize-button:hover { border:none;background:none; color: #333 !important;}
#mjolContainer h1 { clear:both;float:left; }

#mjolContainer h1#header0,#mjolContainer h1#header1,#frmMemberProfile h2 { display:none !important; }
#mjolContainer h2 { border-bottom:1px solid #C00; }
#fldsetPersonalInfo legend { padding:20px 0 0 0;margin:0 0 10px 0; }

#mjolContainer #lblFollowUpText,#mjolContainer #lblMemberText,#mjolContainer #btnCancel { font-size:0.9em }
#mjolContainer #btnCancel { outline:0; }
#btnCancel {color: #C00}

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

#mjolNavBar li { padding:11px 20px;*padding: 11px 23px; /* IE6/7 */background:#a2a9ad;border-left: solid 1px #fff;color: #fff;font-weight:normal; }
@media all and (min-width:0) { #mjolNavBar li { padding: 11px 23px \0/; } /* IE9-IE10pp4 */ }
@-moz-document url-prefix() { #mjolNavBar li { padding: 11px 23px; } /* FIREFOX */ }
#mjolNavBar li.highlight { background-color:#C00; color: #fff; }
.visitedStep { background: #dbe2c0 !important; color: #53462d !important;}
.visitedStep:after { content:none !important; }

#frmClassifications .pageBlurb { display:none; }
.mjolModule { background:none;border:none;padding: 0 20px 20px;margin-bottom:0; }
#mjolButtonContainer { margin-right:20px; }

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

#mjolContainer #validationSummary,#mjolContainer #stepContainer,#mjolContainer #stepContainer .pageBlurb { clear:both; }
#validation-summary-valid ul li { font-size:1em; }

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

#divClassifications .SelectedClassificationColumn1 { padding-top:4px; }

DIV#wrapper { _padding-right: 11px; /** IE6 wapper white space fix **/margin:auto; padding-bottom:0;}

#forcePasswordChangeContainer .buttonPanel {text-align: left; margin-left:135px;}

#mjolContainer .pwdHint { width:190px;*display:inline-block; }
.fiElem INPUT#Password,.fiElem IMG#imgPasswordTooltip { *float:left; }
#mjolContainer fieldset div.fiLabel { width:22%;  }

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

#frmMemberProfile h2 { border-bottom:0; }

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

#mjolContainer h1.mjolSummaryModuleHeader { font-family: 'FrutigerLTStd',arial;font-weight:normal;margin:0; }
#mjolContainer .summaryHeader { border-bottom:1px solid #005cab;margin:10px 0 20px; }
#mjolContainer .summaryHeader h2 { border-bottom:0;margin-bottom:0; }

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

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



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