/* MTAA SUPER */

/* fonts */
@font-face{
font-family:"FrutigerLTStd";
src:url("FrutigerLTStd.eot?#iefix");
src:url("FrutigerLTStd.eot?#iefix") format("eot"),
	url("FrutigerLTStd.woff") format("woff"),
	url("FrutigerLTStd.ttf") format("truetype"),
	url("FrutigerLTStd.svg#FrutigerLTStd") format("svg");
}
@font-face{
font-family:"frutigerltstd-bold";
src:url("frutigerltstd-bold-webfont.eot?#iefix");
src:url("frutigerltstd-bold-webfont.eot?#iefix") format("eot"),
	url("frutigerltstd-bold-webfont.woff") format("woff"),
	url("frutigerltstd-bold-webfont.ttf") format("truetype"),
	url("frutigerltstd-bold-webfont.svg#frutigerltstd-bold-webfont") format("svg");
}

/* General styles */
html{background:#a7a5a8;}
body { font-size:15px;color:#646363;background: #fff;font-family:'FrutigerLTStd',arial,san-serif; }

a, a:link, a:active, a:visited,#topMenu li a { color:#25CAD3;text-decoration: none; outline: none; }
a:hover,#topMenu li a:hover { color:#a8e5e8;text-decoration: underline; outline: none; }

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

h1 { color: #25CAD3;font-family: 'frutigerltstd-bold',arial;font-size:35px;line-height:26px;font-weight:normal;border-bottom:none; margin-top:20px;}
h2 { color: #25CAD3;font-family: 'FrutigerLTStd',arial;font-size:1.6em;line-height:20px;font-weight:normal;border-bottom:none; }
h3 { color: #201d1e;font-family: 'FrutigerLTStd',arial;font-weight:normal; }
h4 { color: #201d1e;font-size: 15px; line-height: 19px; font-weight: bold;}
h5 { color: #201d1e;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; }

ul.list li, 
ol.list li { font-size: 15px; }

p { margin:0;padding:0 0 15px 0; }

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

table th { text-align:left;background:rgba(38,202,211,.25);color:#646363;font-size: 0.9em; }

#validationSummary { background:#fff2f2; color:#201d1e; border: 1px solid red; }
#validationSummary ul { padding:0; }
#validationSummary ul li { list-style:none; }
div.filterContainer { padding: 1em; /*background: #ee7518;*/ border-color: #ECECEC}
#createQuoteButton {  margin-left: 30px;}
#validationSummary.validation-summary-errors { display: block;}
.ui-widget-content { background:#f6f6f6; }
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable {  color: #45525b;}
#communicationDetails .header{height:auto;}
DIV.errorContainer, .errorMessage { background: #FF4F4F; padding: 5px 15px; margin-bottom: 1em; color: #fff;}

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

#bottomContent { margin-top:15px; }

/* headers */
#header { width:1015px;margin:0 auto;background: #fff;padding:0; }
.pageHeader { background: #FFF; position: relative; height: 94px;border-bottom:0; }
.pageHeader h1 { padding:45px 20px 0 10px;font-size: 25px;line-height: 25px; }
.pageHeader h1 span.memberonlineheader { color: #19aee5; }
A#homeLink { background: transparent url(Images/MTAA_Logo.png) 0 0 no-repeat; width:150px; height:54px;display:block;left:17px;top:20px; background-size:150px;}

#topMenu { right: 20px; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu li a {  }
#topMenu DIV.dropDownListControl UL { background:#25CAD3;color: #fff;opacity:1; }
#topMenu div.dropDownListControl li:hover { background:#25CAD3;color: #45525b; }
#topMenu div.dropDownListControl li a { color:#fff;font-size:1.1em; }
#topMenu div.dropDownListControl li a:hover { color:#45525b; }
#topMenu div.dropDownListControl li:hover a { color:#fff; }
#topMenu A#btnTopMenuSettings span{text-decoration:none;}


/* Buttons */
.oc-button span { background:none;margin-right:0;color:#fff;padding:0;  }
.oc-button span:hover { color:#fff;background:rgba(0,0,0,.5); }

.oc-button, .oc-button span { font-family:'FrutigerLTStd',arial,san-serif;font-size:14px;font-weight:normal; }
.oc-button  { height:20px;color:#fff;background:#75d9de;padding:7px 25px;border:0;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; bottom:0;font-weight:normal; text-align: center; }
.oc-button:hover { border:0;background:#75d9de; color:#fff; }
.oc-button:hover span{background:none !important;}
a#btnNext:hover span{background:none;}
.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:#25CAD3; text-decoration: none; font-weight: normal; }
a.btnLinkToSubmenuPage:hover, a#btnEventsSeeMore:hover { color:#a8e5e8; text-decoration:underline;}

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

#btnResumeContainer a#btnResume.oc-button { padding: 7px 25px; }


/* Calendar Picker */
.ui-datepicker-calendar th{background: #25CAD3;color: #fff;}
.ui-datepicker-week-col{background:none repeat scroll 0 0 rgba(38,202,211,.25); text-align:center;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{color:#25CAD3;}

/* Statements and Correspondence */
div#crsFilter table tr td{width: 50px; padding: 0; margin:0;}
#correspondenceTable .sortAscDesc{height: 19px; float: right; width: 20px; background:url(Images/sort_both.png);}


/* Nav styles */
#mainMenu { background: #FFF; height: 35px; width:1015px; border-bottom:0;}

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

div.tabs ul li { border-bottom: 0; height: 34px;color: #a2a9ad; }
div.tabs ul li.active { border: 0px solid #ECECEC; border-bottom: 0; height: 34px; }

div.tabs ul li a { background: none !important; height: 35px; }
div.tabs ul li a span { background: none !important; font-size:16px;font-weight:normal;color: #8b8a8f; padding: 10px 15px 0 15px; margin: 0 !important; }
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: #25CAD3 !important; }
div.tabs ul li a:hover span { background: #25CAD3 !important; color: #FFF;}
div.tabs ul li a:active { background: none !important; }
div.tabs ul li a:active span { background: #25CAD3 !important; }

div.tabs ul li.active, div.tabs ul li.active a { height: 33px; }
div.tabs ul li.active a span { height: 30px; background: #25CAD3 !important; color: #FFF;}
div.tabs ul li.active a { background: #25CAD3 !important; }
div.tabs ul li.active a:visited { background: #25CAD3; }
div.tabs ul li.active a:visited span { background: #19aee5; }
div.tabs ul li.active a:hover { background: #25CAD3; color: #ee7518 }
div.tabs ul li.active a:hover span { background: #25CAD3; }
div.tabs ul li.active a:active { background: #25CAD3; }
div.tabs ul li.active a:active span { background: #25CAD3; }

div.tabs ul ul.tabSubLinks { width: 1015px; margin: 0; border-bottom: none; background: #e3e0e1; padding:0; top: 45px;  top: 35px;height:35px;padding-top:0px;}
div.tabs ul ul.tabSubLinks li {border: none;margin-left:0;margin-right:0;float:left;height:28px;}
div.tabs UL UL.tabSubLinks li a { padding:10px 15px;font-size:14px;color: #8b8a8f; text-decoration: none; background: none;float:left !important;height:auto !important;display:block; }
div.tabs UL UL.tabSubLinks li.subActive a { text-decoration:none; background:#25CAD3 !important; color: #fff;}
div.tabs ul ul.tabSubLinks li a:visited { color: #FFF; text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li a:hover { background:#25CAD3 !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; }
#mainLoginPage div.pageBlurb h3 { padding-bottom:10px; }
.maintenanceMessages {background: #fff2f2;color: #201d1e;border: 1px solid red !important;padding: 5px 15px !important;margin: 0 !important;}

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

#loginEntry { border:0;background:#25CAD3; width:360px;margin-left:0;margin-right:0;padding:20px;border-radius:0;position: relative;}
#loginEntry h2 { color:#fff;line-height:22px;padding-bottom:15px;font-family:'FrutigerLTStd',arial,san-serif;font-weight:normal;border:0; }
form#frmLogin br{display:none;}

#loginEntry div.fiLabel { width:145px; padding-top: 6px; color: #fff; font-weight:normal;}
#loginEntry div.fiElem { width:205px; }
#loginEntry div.fiElem input { border:0; padding: 5px;width: 100%;box-sizing: initial; }
#loginEntry div.formAction a { color: #fff; text-decoration: none; }
#loginEntry div.formAction a:hover { text-decoration: underline; }
#loginEntry div.formAction #lnkForgottenPassword { float:right; margin-top:10px;font-size:14px;line-height:16px; }

#loginEntry div.formAction a#btnLogin { height:20px;background:#e3e0e1;color:#646363;position: relative;padding:7px 25px;float:left;border:0;border-radius:0; }
#loginEntry div.formAction a#btnLogin span { font-weight:normal; color:#646363;}
#loginEntry div.formAction a#btnLogin:hover { background:#c4c3c5;color:#646363; }
#loginEntry div.formAction a.oc-button span:hover { background:none !important;color:#fff !important; }
#loginEntry div.formAction a#btnLogin:hover span{ background:none !important;color:#646363 !important; }

#registrationEntry { padding:20px; width:360px;line-height: 1.2em; }
#registrationEntry h2 { border-bottom: none;  }
#registrationEntry p { clear:both;float:left;padding:0; }
#registrationEntry p a { background:#75d9de;color:#fff;position: absolute;padding:10px 15px;float:left;border:0;border-radius:0;margin-top:15px; }
#registrationEntry p a:hover { background:#25CAD3;color:#fff;text-decoration:none;  }

#mainLoginPage,
#registrationWizard,
#forgottenPassword { padding-top: 0; }
/*.loginLeftContent { padding: 304px 0 20px 0; background: transparent url(Images/ma-login-banner.jpg) top left no-repeat; margin: 20px 0 0 0; }*/
#mainLoginPage { padding-bottom: 30px; }

#registrationWizard .oc-wizard-buttons { float: left; }

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

.banner-link { display: block; }
#mainLoginPage .banner-link { display: block; margin-top: -40px; }

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

/*Registration */
#userReg h3 { color: #666666; font-size: 1.6em; }
#userReg .termsConditions { border: 1px solid #28344E; padding: 5px; margin: 20px 0; }
#secQuestions p { clear:both;padding-top:10px; }

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

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


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

#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #818285; font-weight: bold; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #646363; font-weight: bold; margin: 0 0 15px 0; font-size: 1em; }
#divInsuranceCover { font-size:1em; }
#activityTable td { padding: 4px 2px 4px 0px;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 #currentBalanceText { font-size: 1.3em; }
#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; }
#assetAllocationDashboard .chartLegend { margin-left:15px; }

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

/* Member Info Box */
#memberInfoBox { background: #e3e0e1; border-color: #ECECEC}

/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; *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; }
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; }
#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; }
#membershipdetails .fiElem { width: 190px; text-align: right; }
#beneficiarydetails .benePercentage { text-align: right; }
.header { border: none; }

#communicationDetails .group { margin: 10px 0 20px 0; }
#communicationDetails DIV.formItem { margin: 0; }
#communicationDetails DIV.fiLabel { width: auto; margin: 0 0 15px 0; padding: 0; }
#communicationDetails DIV.fiElem { padding: 0; }

/* Beneficiaries */
#beneficiaries th { text-align:left;background:rgba(38,202,211,.25);color:#45525b;font-size:12px;font-weight:normal; }
#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; }
#beneficiaries td.tableActions { font-size: 0.8em; }
#beneUpdatedMsg { background: none; border: 1px dotted #FF4F4F; color: #FF4F4F; }
tr.total td,
tr.noRecords td { border-top: 1px solid rgba(38,202,211,.25); border-bottom: 1px solid #CCC; }
#beneficiaries TR.total TD, #beneficiaries TR.noRecords TD { border-top:0; }

/* Payment Options */
#paymentOptionFilters { text-align: left;background:rgba(38,202,211,.25);color:#45525b;font-weight:normal;padding:1em;font-size: 0.9em; }
#paymentOptions .paymentOptionImage { height: 50px; }
#paymentOptionFilters .oc-radiogroupex li { font-weight:bold;padding-right:10px;font-size:1em; }
#paymentOptions td { padding: 5px; }
#currentPaymentType { color: #666; font-size: 1.3em; }
.aPayment table { border-bottom: 1px solid #ddd; }
#paymentOptions td b { }
td.paymentImageEft,
td.paymentImageChq { background: url(images/CHQ-3.gif) no-repeat 0 5px; width: 30px; }
td.paymentImageBpay { background-position: 5px 5px; height: 45px; }

/* Balance Enquiry */

input.filterRadio { vertical-align: baseline; }
#chartTitle { font-size: 1.6em; color: #666666; }
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background:rgba(38,202,211,.25);color:#45525b;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; }
.legendTitle { font-size: 1.3em; }
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: none; }
tr.total td { border-top: 1px solid #CCC !important; border-bottom: 1px solid #CCC !important; }
.nocContainer, hr { border: none !important;border-top: 1px solid #d4d4d4 !important;background-color:#d4d4d4; }


/* Benefit Quote */
#pageBenefitQuote .pageBlurb { display:none; }
#benefitQuote .sectionTitle { font-size: 1.6em; color: #666666; }
#quoteDate { font-size: 1.25em; }
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 150px; }
th.benefitType,
th.preservationType,
th.taxType { padding: 1em 0.5em; }
#benefitQuote tr.header td { font-weight: bold; color: #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:rgba(38,202,211,.25);color:#646363;margin-top: 7px; }
.summaryBenefit table { background: #FFF; clear: both; }
.summaryBenefit div { padding: 0.5em;color:#45525b; }


/* Transaction History */
#gview_transactionHistoryGrid th { background:rgba(38,202,211,.25);color:#45525b; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color:#45525b; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }

#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:75px; }

/* Investment Enquiry */
#investmentOptions th.ioInvestOptions,
#investmentOptions th.ioFutureTrans { padding: 2px 1em; }
#investmentOptions .edit th.ioInvestOptions,
#investmentOptions .edit th.ioFutureTrans { padding: 1em; }
#investmentOptions th.ioBalanceSplitLast { padding: 0 1em; width: 110px; }
th.ioBalanceSplit,
th.ioFutureTrans,
th.ioValue,
th.ioBalanceSplitLast,
.ioUnits,
.ioUnitPrice { text-align: right; width: 100px;}
DIV.currentInvestments TH.ioValue { width: 80px; }
DIV.currentInvestments TH.ioUnits { width: 80px; }
DIV.currentInvestments TH.ioUnitPrice { width: 70px; }
TABLE.view th.ioBalanceSplit,
TABLE.view th.ioFutureTrans { width:140px; }
#investmentEnquiryFilter .filterItem { text-align: left; color: #666; padding: 0.7em 0; border: none; }
#investmentEnquiryFilter .filterItem li { font-size: 1em; font-weight: bold; }
div.currentInvestments th.ioInvestOptions { /*width: 160px;*/  }
#investmentOptions tr.metaHeading span { border-bottom: 1px dashed #333; }
#investmentOptions tr.metaHeading th { color: #666; vertical-align: bottom; }
#investmentOptions tr.rowHeading td { background: #FFFFFF; color: #222 }
#investmentOptions input { text-align: right; }
TR.rowHeading TD { background:#cfcfcf !important; }

/* update table cell width */
#investmentEnquiryContainer #fmCurrentOptions th.ioOpeningBalance { width: 80px; }
#investmentEnquiryContainer #fmCurrentOptions td.ioValue { width: 90px; } 

/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th, .ui-jqgrid-htable th { background: rgba(38,202,211,.25); 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: rgba(38,202,211,.25); 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;}
#gview_ConsolidateSuperOverviewGrid tr td {padding: 0;border: 1px solid #ddd;}
#modalDialog {display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; z-index: 1;}

/* 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; }
.consolidate-validate-buttons { width: 180px; }

/* Messages */
#gview_MessageGrid th { background: rgba(38,202,211,.25); border: none; padding: 0.5em; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #45525b; }
#gview_MessageGrid .ui-jqgrid-htable th div:hover { text-decoration: underline; }
ul.messageNavBar li,
#messageNavBar ul li { display: inline; margin: 0 10px 0 0; }
ul.messageNavBar li a,
#messageNavBar ul li a { color: #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: #75d9de; }
#messagesContainter .topBar ul li a:hover{background: #25CAD3;}


#messageHeader { color: #666666; }

/* 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;}

/* Sidebar */
#memberInfoPlaceholder{margin-top:60px;}

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header, 
#alertAccordion.ui-accordion .ui-accordion-header { background: #e3e0e1; border: 1px solid #e3e0e1; border-bottom: 0; color: #8b8a8f; font-weight: normal; margin-top: 0 ; padding-left: 1em;border-radius:0; }
#messageAccordion .ui-accordion .ui-icon,
#alertAccordion .ui-accordion .ui-icon { background-image: url("Images/ui-icons_469bdd_256x240.png"); }
#messageAccordion .ui-icon-circle-arrow-e, 
#alertAccordion .ui-icon-triangle-1-e  { background-image: url("Images/ui-icons_469bdd_256x240.png"); background-position: 0px -192px;}
#messageAccordion .ui-icon-triangle-1-s, 
#alertAccordion .ui-icon-triangle-1-s { background-image: url("Images/ui-icons_469bdd_256x240.png"); background-position: -16px -192px;}

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

/* contact us */
#contactUsFormContainer .pageBlurb { display:none; }
.feedbackHeader .label { color:#201d1e; }

/* Footer */
#footer { background:#a7a5a8;color: #FFF; font-weight: bold; border: 0;text-align:left;padding:20px;min-height:100px; }
ul.footer { width: 1015px;padding:0; } 
ul.footer li { padding:0 15px 0 0;margin:0;color:#eed9c2;font-size:11px;line-height:11px; }
ul.footer li a { padding:0;font-size:11px;line-height:11px;text-transform:uppercase;  }
ul.footer a:link, ul.footer a:visited { color:#000; }
ul.footer a:hover { text-decoration: underline }
#footerContainer #subFooterResourceContainer { color:#ffffff; }
#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:#000;padding-top:10px; }


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

#mjolContainer h1#header0,#mjolContainer h1#header1,#frmMemberProfile h2 { display:none !important; }
#mjolContainer h2 { border-bottom:1px solid #25CAD3; }
#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; }

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

#mjolNavBar li { padding:11px 23px;*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:#25CAD3; color: #fff; }
.visitedStep { background:#25CAD3 !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 **/ }

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

#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 #25CAD3;margin:10px 0 20px; }
#mjolContainer .summaryHeader h2 { border-bottom:0;margin-bottom:0; }

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .mjol_body #frmBeneficiaries #beneDetailsContainer .dt-buttons { bottom: -43px; } }

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


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

/*** Centrelink Schedule ***/
.pageBlurb ul li{font-size: 15px;}
.pageBlurb ul{margin-bottom: 10px;}


/***** MJOL Responsive *****/

/* Beneficiaries table */
button.dt-button, div.dt-button, a.dt-button { border:0;background:rgba(38,202,211,.25);color:#45525b;font-size: 14px;font-weight:normal;padding:8px 15px;line-height:12px;-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;  }
button.dt-button:active:not(.disabled), button.dt-button.active:not(.disabled), div.dt-button:active:not(.disabled), div.dt-button.active:not(.disabled), a.dt-button:active:not(.disabled), a.dt-button.active:not(.disabled),button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { background-image:none;box-shadow:none;background-color:rgba(38,202,211,.25);text-decoration:none;border:0;text-shadow:none; }
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { border:0;background:rgba(38,202,211,.25);color:#45525b; }
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background-color: #ddd; }
table.dataTable tbody > tr,table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected { cursor:pointer; }
div#beneButtonContainer { margin-top: 15px; }

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


/* Save App pop-up */
#simplemodal-container .oc-button span {background: #75d9de;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0; margin-left:0; }
#mjolPopupContainer #btnCancel { background:#fff; }
div.simplemodal-container A.modalCloseImg { background: url(images/modal-close.gif) no-repeat;display: inline!important; }
div#mjolPopupContainer #frmSave fieldset div.fiLabel { width:36%; }
#simplemodal-container #mjolPopupContainer #btnSave { padding:0;margin-left:0; }
#simplemodal-container #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button { padding:0; }
#simplemodal-container #tfnButtonContainer .oc-button { width:auto; }
#simplemodal-container .oc-button:hover span{color: #fff; background: #75d9de !important;}
div#dialogContainer .oc-button{padding:0;}

/* My Options */
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th { background:#25CAD3; }
#frmBeneficiaries #beneDetailsContainer #beneficiariesTable th{text-align:center;}
    

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

@media (max-width: 1024px) {

    body.mjol_body { background: #fff; }
    .mjol_body #content { width:100%;padding:0; }
    .mjol_body td,.mjol_body li, .mjol_body ul { font-size:1em; }
    .mjol_body .oc-button:hover { background:#75d9de; }

    /***** MJOL Responsive *****/
    
    /* Header */
    .mjol_body #header .pageHeader { height: 65px; }
    .mjol_body #header .pageHeader A#homeLink { background:transparent url(Images/MTAA_Logo.png) 0 0 no-repeat;background-size: 120px;left:10px;top:10px; }
    .mjol_body #topMenu ul { padding:0; }
    .mjol_body #topMenu li a { font-size:14px; }
    .mjol_body .visitedStep { background: #fff !important; }
    div#mjolContainer .breadcrumbs { width:98%; }

    /* Tables */
    .mjol_body table.dataTable tbody th, table.dataTable tbody td { padding:5px; }
    .mjol_body table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td { padding:5px; }
    .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr>td:not([colspan]):first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:not([colspan]):first-child:before{background-color: #25CAD3;}
    .mjol_body table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{background-color: #75d9de;}
    .mjol_body #superListContainer .fundselectionlistbody tr td{border:none;}
    .mjol_body table#beneficiariesTable tr td.sorting_1{padding-left: 30px;}
    .mjol_body #transfer-details #tbFundList tr td, .mjol_body #transfer-details .fundselectionlistheader tr th { width: 33.33% !important; margin: 0; box-sizing: border-box; }
    
    /* Content */
    .mjolModule { padding: 0; }
    .mjol_body .outro { padding:10px 0 15px; }


    /* About Me */
    .mjol_body #frmClassifications { padding-top:20px; }

    /* My Details */
    #mjolContainer fieldset div.fiLabel { width:100%; }
    .mjol_body #frmMemberProfile SELECT { width: 180px; }

    /* Fix for field borders missing on mobile */
    .mjol_body #frmMemberProfile SELECT, .mjol_body #frmMemberProfile input{overflow:visible !important; border: 1px solid #a9a9a9;}
    .mjol_body .fiElem input#Password, .mjol_body input#ConfirmPassword{overflow:visible !important; border: 1px solid #a9a9a9;}

    /* My Options */
    .mjol_body #beneficiariesTable ul { width: 100%; }
    #mjolContainer .oc-radiogroupex label { font-size:1em; }

    /* Consolidate */
    .mjol_body #fundTable ul { width: 100%; }
    .mjol_body div#eRolloverInfoContainer ul li{margin-left: 20px;}

    /* Confirmation */
    .mjol_body #frmDeclaration .declaration-outro p { padding:0; }
    #mjolContainer .summaryHeader h2 { float:left;font-size:15px !important; }
    .mjol_body .summaryEditContainer { margin-top:30px; }
    .mjol_body p#addressLine1,.mjol_body #addressCity { padding-bottom:0; }
    .summaryEditContainer .mjolEditButton { background: rgba(38,202,211,.25);border:0;color:#45525b;font-weight: normal;-webkit-border-radius:0;-moz-border-radius:0; border-radius: 0; }
    #mjolContainer #frmDeclaration label { padding-bottom:20px; }
    #frmSummary .mjolSummaryModuleHeader { margin-top:0px;float: left !important; }
    #mjolMemberProfileSummaryContainer .summaryHeader .summaryEditContainer { margin-top:0; }

    /* Footer */
    .mjol_body #footer { margin:0; }
    .mjol_body ul.footer { width:100%; }
    .mjol_body #footer span{width: 100%;}
    .mjol_body #footer span.version{text-align:center;}
}

@media (max-width: 480px) {

    /***** MJOL Responsive *****/
    .mjol_body fieldset { width:100%; }
    .mjol_body div#simplemodal-container #btnSaveContainer .oc-button { padding-right: 0; width: 100%; }
    .mjol_body div#simplemodal-container .oc-button span { width: 80%; }
    .mjol_body DIV.fiLabel, DIV.fiElem { width:100%; }
    .mjol_body #contactUsFormContainer input[type=text] { width:100%; }
    .mjol_body #Comment { width:100%; }
    .mjol_body #contactUsContainer .formAction { text-align: right;margin-left:0; }
    .mjol_body #contactUsContainer .label { width:100%; }
    .mjol_body .contactDetailItem.operatingHours { display:none; }
    .mjol_body .contactDetails .phone .infoText b { display: block; padding-top: 10px; }
    .mjol_body .contactDetails .email .infoText br { display:none; }

    /* Save App pop-up */
    .mjol_body #simplemodal-container #frmSave DIV.fiElem { width:60%; }
    .mjol_body #simplemodal-container .fiElem input#Email { width:175px; }
    .mjol_body #simplemodal-container .fiElem input#ConfirmEmail { width:175px; }
    .mjol_body #simplemodal-container #btnSaveContainer { padding-top: 10px; }
    
    .mjol_body #simplemodal-container #tfnButtonContainer .oc-button {padding: 0;}

    /* Your Other Funds - Transfer Details */
    .mjol_body #superEditContainer #FundNameToSearch { margin-left:0; }
    .mjol_body #transfer-details td { padding:0; }
    .mjol_body #transfer-details #superListContainer .fundselectionlistresult { margin-bottom: 20px; }
    .mjol_body #transfer-details #superDetailsContainer { margin-left: 0; }
    .mjol_body #transfer-details #superDetailsContainer .fiLabel { width: 100%; }
    .mjol_body #transfer-details p#previousNameContainer { width: 100%; }
    .mjol_body #transfer-details a#btnSuperEditCancel { float:left;margin-left:0; }
    #mjolContainer #stepContainer #IsPreviousName { margin-right:0; }
    #mjolContainer #fmFundTransferEdit #previousNameContainer label { display: inline; }
    #mjolContainer #fmFundTransferEdit input#IsPreviousName { width:15px;height:15px;padding: 0;margin: 0;position: relative;top:2px;float: none; }
    #mjolContainer p#sameAddressContainer { margin-top: 0; }
    #mjolContainer #stepContainer #IsSameAddress { margin-right:0; }
    #mjolContainer #fmFundTransferEdit #sameAddressContainer label { display: inline; }
    #mjolContainer #fmFundTransferEdit input#IsSameAddress { width:15px;height:15px;padding: 0;margin: 0;position: relative;top:2px;float: none; }
    #mjolContainer #superDetailsContainer .oc-button { margin-bottom:0; }
}

/*MTAA - Chat Widget*/
#MA .cx-side-button {font-family: 'frutigerltstd-bold',arial;background-color: #25CAD3;}
#MA .cx-side-button-group {bottom: 0px; right: 140px;
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg); /* Standard syntax */
    z-index: 99 !important;
}
#MA .cx-side-button {width: 105px;height: 40px;position: absolute;bottom: 0;}

#MA .cx-widget.cx-theme-dark * {border-color: #000}
#MA .cx-widget.cx-theme-dark .cx-buttons-window-control .cx-svg-icon-tone1 {fill: #fff;}
#MA .cx-common-container .cx-titlebar {font-family: 'frutigerltstd-bold',arial; background-color: #000;}
#MA .cx-body .cx-input-container { padding: 5px 24px !important; }
#MA .cx-form table, #MA .cx-form table th, #MA .cx-input-container table {border: none} 

#MA .cx-webchat .cx-alert {top: 50px}
#MA .cx-webchat.cx-theme-dark .cx-alert>.cx-wrapper {padding: 30px 20px}

#MA .cx-body {font-family: 'FrutigerLTStd',arial,san-serif;background-color: #00cad4;}
#MA .cx-webchat .cx-form {padding-top: 10px; padding-bottom: 10px}
#MA .cx-widget table th {background: none}
#MA .cx-widget.cx-theme-dark .cx-form-control {background-color: #fff;color: #000;}
#MA .cx-widget label {color: #000 !important}

#MA .cx-widget.cx-theme-dark .cx-btn-primary {background: #fff !important;color: #000 !important; border-color: #fff !important;}
#MA .cx-widget.cx-theme-dark .cx-btn-default {background-color: #8a8a8e;border-color: #dae1e8 !important;}

#MA .cx-transcript span.cx-message-text {color: #646363 !important;}
#MA .cx-webchat .cx-transcript .cx-message .cx-name {color: #000 !important; margin-bottom: 10px}
#MA .cx-message.cx-you .cx-bubble, .cx-message.cx-system {background: #fff !important; border-radius: 2px;
    border: none !important; margin-bottom: 10px !important; padding: 8px !important;}
#MA .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg polygon {fill: #fff}
#MA .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble {background-color: #fff}

#MA .cx-webchat.cx-minimized .cx-webchat-counter {background-color: #FF4F4F} 
#MA .cx-webchat .cx-bubble-arrow polygon {fill: #fff;} 
#MA .cx-widget.cx-theme-dark a {color: #75A8FF;}
#MA .cx-widget.cx-theme-dark a:hover {color: #75A8FF}
/*.cx-webchat .cx-transcript-wrapper {overflow-y: scroll;}*/

#MA .cx-widget.cx-theme-dark .cx-footer {background-color: #ebebeb;padding: 20px; border-top: 1px solid}

#MA .cx-common-container.cx-mobile.cx-minimize .cx-buttons-window-control button.cx-button-minimize {padding: 4px;}
#MA .cx-widget.cx-common-container.cx-webchat.cx-close.cx-minimize.cx-theme-dark.cx-desktop.cx-minimized .cx-button-minimize svg { width: 13px; height: 13px; border: 2px solid #fff !important; }
#MA .cx-widget.cx-common-container.cx-webchat.cx-close.cx-minimize.cx-theme-dark.cx-mobile.cx-minimized .cx-button-minimize svg { width: 15px; height: 15px; border: 2.5px solid #fff !important; }
#MA .cx-widget.cx-common-container.cx-webchat.cx-close.cx-minimize.cx-theme-dark.cx-desktop.cx-minimized .cx-button-minimize svg .cx-svg-icon-tone1,
#MA .cx-widget.cx-common-container.cx-webchat.cx-close.cx-minimize.cx-theme-dark.cx-mobile.cx-minimized .cx-button-minimize svg .cx-svg-icon-tone1 { fill: transparent; }