/* HostPlus SUPER */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

/* fonts */
@font-face {
	font-family: 'Effra-Bold';
	src: url('Effra-Bold.eot');
	src: url('Effra-Bold.eot?#iefix') format('embedded-opentype'),
         url('Effra-Bold.woff2') format('woff2'),
         url('Effra-Bold.woff') format('woff'),
         url('Effra-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Effra-Heavy';
	src: url('Effra-Heavy.eot');
	src: url('Effra-Heavy.eot?#iefix') format('embedded-opentype'),
         url('Effra-Heavy.woff2') format('woff2'),
         url('Effra-Heavy.woff') format('woff'),
         url('Effra-Heavy.ttf') format('truetype');
}
@font-face {
	font-family: 'Effra-Light';
	src: url('Effra-Light.eot');
	src: url('Effra-Light.eot?#iefix') format('embedded-opentype'),
         url('Effra-Light.woff2') format('woff2'),
         url('Effra-Light.woff') format('woff'),
         url('Effra-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Effra-Regular';
	src: url('Effra-Regular.eot');
	src: url('Effra-Regular.eot?#iefix') format('embedded-opentype'),
         url('Effra-Regular.woff2') format('woff2'),
         url('Effra-Regular.woff') format('woff'),
         url('Effra-Regular.ttf') format('truetype');
}

/* General styles */
html { background: #fff; }
body { font-size: 16px; color: #707372; background: url(images/background.png) -9px center fixed;font-family:'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

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

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 500; line-height: 1.2; color: #002855; }
h1 { font-family:'Effra-Heavy',Tahoma,Verdana,Geneva,sans-serif; font-size:78px;font-weight:normal;border-bottom:none; padding-bottom: 0;}
h2 { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size:24px;font-weight:normal;border-bottom:none; }
h3 { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight:normal; font-size: 20px; }
h4 { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;font-size: 16px; line-height: 19px; font-weight: bold;}
h5 { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 14px; line-height: 19px; font-weight: normal; }

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

strong, b { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

p { margin:0;padding:0 0 15px 0; line-height: 20px; }
P.required { font-weight: normal; }

b { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

input, select, textarea { padding: 1px; font-family:'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

table th { text-align:left;background:#ffd000; color: #686A69; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; padding:20px 12px; border: 2px solid #fff; }
table tbody tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
    table tbody tr:hover { background-color: #fde391; }

    table tbody tr td { padding: 20px 12px; border-top: 1px solid #fff; border: 2px solid #fff; }

#validationSummary { background:#fff2f2; color:#201d1e; border: 1px solid #e56a54; margin-top: 20px; }
#validationSummary ul { padding:0; }
#validationSummary ul li { list-style:none; }
div.filterContainer { padding: 20px 12px; background: #ffd000; border: 0;}
div#transactionHistoryFilter .filterItem.filterAction, div#transactionHistoryFilter .filterItem.filterAction .oc-button { margin-left: 0; margin-bottom: 0; }
#createQuoteButton {  display: block !important; text-align: right; margin: 20px 0 0 0 !important;}
#createQuoteButton a { margin: 0; }
#validationSummary.validation-summary-errors { display: block;}
.ui-widget-content { background: #eaeaea; border: 2px solid #d4d5d4; border-radius: 0;}
.ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable {  color: #FFFFFF;}
div#messagesPlaceholder div#messagesBox div#messageAccordion div#ui-accordion-messageAccordion-panel-0 { border: 0; }

/* Loading Spinner*/
.loading-container { left: 35%; width: 30%; }
.loading-container #loadingText { color: #002855; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

/* Errors */
.errorContainer { background: #fff2f2 !important; color: #201d1e !important; border: 1px solid #e56a54; }

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

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

#topMenu { right: 20px; }
#topMenu select { font-size: 1em; padding: 2px; }
#topMenu li a {  }
#topMenu DIV.dropDownListControl UL { background: #004088; color: #fff; opacity: 1; z-index: 1000;}
#topMenu div.dropDownListControl li:hover { background: #fff; color: #004088; }
#topMenu div.dropDownListControl li a { color: #fff; }
#topMenu div.dropDownListControl li a:hover { color:#686A69; }
#topMenu div.dropDownListControl li:hover a { color:#686A69; text-decoration: none; }


/* Buttons */
.oc-button { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; }
.oc-button:hover { border:0;background:#004088; }
.oc-button span { background:none;margin-right:0;color:#fff;padding:0;  }
.oc-button span:hover { color:#fff;background:transparent; }
.oc-button, .oc-button span {font-size:20px;font-weight:normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

a#btnUpdate { margin: 0 0 0 .75em; }

.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:#002855; text-decoration: none; font-weight: normal; }
a.btnLinkToSubmenuPage:hover, a#btnEventsSeeMore:hover { color:#000; text-decoration: underline; }

#btnNext,#btnSave { margin-left:5px; }
#btnNext, #btnSave { margin-left: 5px; background: #ffd000; }
    #btnNext:hover, #btnSave:hover { background: #ffe24e; }
    #btnNext span, #btnSave span { color: #000; font-weight: bold; }

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


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

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

div.tabs ul li { border-bottom: 0; height: auto !important;color: #a2a9ad; margin: 0; position: relative; /* text-align: left; */}
div.tabs ul li.active { border: 0px solid #ECECEC; border-bottom: 0; height: 34px; }
DIV.tabs LI.active UL.tabSubLinks, DIV.tabs LI:hover UL.tabSubLinks {  display: none;  }

div.tabs ul li a { background: none !important; height: 35px; padding: 10px 40px 20px 10px; position: relative;}
div.tabs ul li a span { background: none !important; font-size: 20px;font-weight:normal; color: #002855; margin: 0 !important; padding: 0; height: 20px !important; border-bottom: 2px solid transparent; padding-bottom: 13px;}
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: #fff !important;
 }
div.tabs ul li a:hover span { background: #fff !important; color: #002855; border-bottom-color: #ffd000 !important;}
div.tabs ul li a:active { background: none !important; }
div.tabs ul li a:active span { background: #fff!important; }

.tabs > ul > li:hover > a:after { content: "\f106"; font-family: "FontAwesome"; position: absolute; right: 20px; top: 15px; font-size: 18px; color: #002855; }
.tabs > ul > li > a:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 20px; top: 15px; font-size: 18px; color: #002855; }

div#tabContainer ul li:hover .tabSubLinks { display: block; }

div.tabs ul li.active, div.tabs ul li.active a { height: 33px; }
div.tabs ul li.active a span { height: auto; background: #fff !important; color: #002855;}
div.tabs ul li.active a { background: #fff !important; }
div.tabs ul li.active a:visited { background: #fff !important; }
div.tabs ul li.active a:visited span { background: #19aee5; }
div.tabs ul li.active a:hover { background: #FFF !important; color: #ee7518 }
div.tabs ul li.active a:hover span { background: #fff; border-bottom-color: #ffd000 !important;}
div.tabs ul li.active a:active { background: #fff; }
div.tabs ul li.active a:active span { background: #fff; }
div.tabs ul li:hover a span { border-bottom-color: #ffd000 !important; }

div.tabs ul ul.tabSubLinks { width: 100%; min-width: 160px; margin: 0; border-bottom: none; padding:0; display: block; top: 50px;height: auto;padding-top:0px; /* display: none; */ background-color: #fff;transition: background-color 200ms cubic-bezier(0.39,.575,.565,1);will-change: background-color; left: 0; display: none; box-shadow: 0 6px 11px rgba(0,0,0,.15); padding: 20px 20px; right: 0; box-sizing: border-box;}
div.tabs ul ul.tabSubLinks li {border: none; margin: 0; float: none; auto;}
div.tabs UL UL.tabSubLinks li a { padding: 10px 0; font-size: 16px; color: #002855 !important; text-decoration: none; background: none; float: none!important; height:auto !important;display:block; text-align: left;}
div.tabs UL UL.tabSubLinks li.subActive a { text-decoration:none; background: #fff!important; color: #002855 !important; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1);    will-change: background-color;}
div.tabs ul ul.tabSubLinks li a:visited { color: #FFF; text-decoration: none; background: none;}
div.tabs ul ul.tabSubLinks li a:hover { background: #fff!important; color: #002855 !important; text-decoration: underline; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1);    will-change: background-color;}
div.tabs ul ul.tabSubLinks li.active a { text-decoration: none; font-weight: normal; background: none;}



/* Login styles */
#mainLoginPage  h1{ border-bottom: none; margin: 20px 0;}
#mainLoginPage div.pageBlurb { float: left; line-height: 1.4em;margin:0; }
.memberJoin p a { display: inline-block; padding: 7px 40px 7px 20px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; background: #002855; color: #fff; font-size: 20px; text-decoration: none !important; line-height: 1.5em; }
.memberJoin p a:hover { background-color: #004088; }
.memberJoin p a:after, #registrationEntry p a:after, #loginEntry div.formAction a#btnLogin:after, a#btnSubmit:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }
#mainLoginPage div.pageBlurb ul li { line-height: 1.3em;font-weight:normal;font-size:1.1em; list-style-type: square; }
#mainLoginPage div.pageBlurb h3 { padding-bottom:10px; font-size: 24px; }
div.maintenanceMessages { margin: 2em 0 1em; background: white; }
#mainLoginPage .loginLeftContent .pageBlurb { padding: 20px; box-sizing: border-box; background: #f1f1f1; width: 525px; }
#registrationEntry h3 { margin: 20px 0 0 0; }
.loginLeftContent .pageBlurb p .register-btn { color: #fff; border-radius: 0; padding: 7px 40px 7px 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; font-size: 20px; line-height: 1.5em; display: inline-block; height: auto; background: #002855; text-decoration: none !important; }
.loginLeftContent .pageBlurb p .register-btn:hover {  background: #004088; }
.loginLeftContent .pageBlurb p .register-btn:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }

#loginEntry span.reqStar { display: none; }

div#customContentOne { margin-bottom: 20px; }

#siteEntryPoints { margin-bottom: 1em; float: right; width: 400px; padding: 0 0 0 20px; border-left: 2px solid #ffd000; }
#siteEntryPoints h2 { color:#002855; }

#loginEntry { border:0; background: #fff; width:360px;margin-left:0;margin-right:0;padding: 5px 20px 20px 20px;border-radius:0;position: relative;}
#loginEntry h2 { color: #002855;line-height:22px;padding-bottom:15px;font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;font-weight:normal;border:0; }

#loginEntry .formItem { float: left; width: 100%; }
#loginEntry div.fiLabel { width:145px; padding-top: 6px; color: #002855; font-weight:normal; float: left;}
#loginEntry div.fiElem { width:205px; float: right;}
#loginEntry div.fiElem input { border:0; padding: 5px;width: 100%;box-sizing: border-box; border: 1px solid #000; }


#loginEntry div.formAction a { color: #002855; text-decoration: none; }
#loginEntry div.formAction a:hover { text-decoration: underline; }
#loginEntry div.formAction #lnkForgottenPassword { position: absolute; bottom: 0; font-size:14px;line-height:16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#loginEntry div.formAction a#btnLogin { height: auto; background: #002855; color: #fff; position: relative; padding: 7px 40px 7px 20px; float: right; border: 0; border-radius: 0; line-height: 1.5em; margin-bottom: 0; }
#loginEntry div.formaction a#btnLogin:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }
#loginEntry div.formAction a#btnLogin span { font-weight:normal; color: #fff; line-height: 1.5em; height: auto;}
#loginEntry div.formAction a#btnLogin:hover { background: #004088; color: #fff; }
#loginEntry div.formAction a#btnLogin:hover span { background: transparent; color: #fff; }
#loginEntry div.formAction a.oc-button span:hover { background: transparent;color:#005cab; }

div#loginEntry label.display-label { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#loginEntry .formItem { float: left; width: 100%; position: relative; }
#loginEntry div.formAction #lnkForgottenPassword { position: absolute; bottom: 0; font-size: 14px; line-height: 16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#registrationEntry { padding:20px; width:360px;line-height: 1.2em; }
#registrationEntry h2 { border-bottom: none;  }
#registrationEntry p { clear:both;padding:0; }
#registrationEntry p a:after { display: none; }
/*#registrationEntry p a { background: #002855; color: #fff; border-radius: 0; margin-top: 15px; padding: 7px 40px 7px 20px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; font-size: 20px; line-height: 1.5em; display: inline-block; height: auto; display: none; }
#registrationEntry p a:hover { background: #004088; color: #fff;text-decoration:none;  } */

.oc-wizard-buttons A#btnCancel { vertical-align: top; float: left; text-decoration: none !important; margin-top: 8px; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: Effra-Bold,Tahoma,Verdana,Geneva,sans-serif; font-size: 20px; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; margin: 0; background-color: #002855; color: #fff; height: 22px; /* line-height: 1.5em; */ }
.oc-wizard-buttons A#btnCancel:hover { background-color: #004088; color: #fff; }
div#registrationWizard .oc-wizard-buttons #btnCancel span { color: #fff; text-decoration: none !important; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; line-height: 22px; }
div#registrationWizard .oc-wizard-buttons #btnCancel span:hover { color: #fff; }

div#userReg .fiLabel label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#mainLoginPage,
#registrationWizard,
#forgottenPassword { padding-top: 0; }

a.btnLinkToFullPage { color: #000 !important; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; background: #ffd000; text-decoration: none !important; font-size: 20px; }
div#topMenu .Logout { margin-left: 50px; }

a#btnSubmit, a#btnChange { background-color: #002855; margin: 0 0 0 10px; padding: 9px 40px 9px 18px; line-height: 22px; color: #fff; }
a#btnSubmit:hover, a#btnChange:hover { background-color: #004088; color: #fff; }
a#btnSubmit span, a#btnChange span { color: #fff; }
a#btnSubmit span:hover, a#btnChange span:hover { background: none; }

.ui-widget { font-family:'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

div#loginEntry .formItem { float: left; width: 100%; position: relative; }

/* Sidebar Member Info */
#memberInfoBox li.memberInfolist { font-size:0.9em; background: #ffe24e; }

/* Terms and Conditions */
#termsAndConditionsContainer .content { width: 98%; }
div#termsAndConditionsContainer table td { background: #fff; }

/*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; }
#subscriptionTypeCheckBox { margin: 0 !important; }
#tfnConsentContainer { margin-top:30px; }
#tfnConsentContainer .tfnText { display:none; }

/* 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; */padding:0.7em 1em 1em 1em;width:288px; border: 1px solid #d4d5d4;}
#dashboard .dashboardBoxLarge { background: url(Images/dash_top.jpg) repeat-x top left; border: 1px solid #d4d5d4;}

#dashboard .title { width: 100%; text-align: left; font-size: 1.3em; color: #818285; font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; margin: 5px 0px; }
#dashboard .controlHeader { width: 100%; color: #002855; font-weight: bold; font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; margin: 0 0 15px 0; font-size: 1em; }
div#prominentCurrentBalance { color: #002855;}

#divInsuranceCover { font-size:1em; }
div#divInsuranceCover .fiLabel label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#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: 16px; }
#activityTable,#eventTable { text-align: right; }
table#activityTable tbody tr { background: #fff !important; }
#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; }

/* Asset allocation*/
#assetAllocationDashboard .chartLegend { margin-left:15px; }
div#dashboardFutureAccountBalanceChartTitle { text-align: center; } 
div#assetAllocation tbody tr { background: #fff !important; }

div#assetAllocationDashboardChart table tr { background: #fef0c3 !important; }
div#assetAllocationDashboardChart table .even { background: #eaeaea !important; }

div#dashboardAccountBalanceChartTitle, div#dashboardFutureAccountBalanceChartTitle { color: #002855; }
div#assetFutureAllocationDashboardChart .pageBlurb { text-align: left; font-size: 14px; }

/* 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: #002855; display: inline-block;    padding: 9px 20px 9px 18px;    margin-bottom: 20px;    border: 0;    cursor: pointer;    font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;    font-size: 16px;    white-space: nowrap;    background-image: none;    -ms-touch-action: manipulation;    touch-action: manipulation;    font-style: normal;    font-weight: 400;    text-align: center;    vertical-align: middle;    letter-spacing: -.2px;    -webkit-transform: perspective(1px);    transform: perspective(1px);    -webkit-appearance: none;    transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1);    will-change: background-color,color,border-color; border-radius: 0; font-size: 20px; width: auto;}
	#dashboard .dashboardBoxSmall .actionLinkContainer a,
	#dashboard .dashboardBoxLarge .actionLinkContainer a { background: none; color:#FFF; padding: 0;}

/* Member Info Box */
#memberInfoBox { background: #ffe24e; border: 0;}
    #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
    #memberInfoBox .memberInfolist span:first-child, #memberInfoBox .memberInfolist span:last-child { width: 50%; }

/* Member Profile */
div.form { padding: 0; border: none; background: none; }
fieldset { padding: 0; border: none; margin: 0; width: 320px;  *width: auto;
margin-bottom: 1em; }
div#employerdetails th { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }
#AccountSummaryRightContainer { margin-left: 20px; }
* HTML #AccountSummaryRightContainer { margin-left: 0; }
#AccountSummaryLeftContainer a,
#AccountSummaryRightContainer a { position: absolute; right: 0px; top: 7px; color: #707372; text-transform: capitalize;  }
div#AccountSummaryLeftContainer legend, #AccountSummaryRightContainer legend { font-size: 20px; }
div#AccountSummaryContainer legend a { font-size: 16px; margin-top: 5px; }
legend { font-weight: normal; font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-size: 1em; width: 310px; color: #002855; padding: 7px 0px; margin-bottom: 0.5em; font-size: 30px;}
.accountsummarydetailcontainer { padding-top: 5px; }
div#beneficiarydetails td { background: #fff !important; }
div#employerdetails tbody tr { background: #fff !important; }
.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; }

div#accountBalanceHistoryChart table tr { background: #fff; }
div#accountBalanceHistoryChart span { background: #fff; }

div#updateMemberProfile a#btnBack { background-color: #ffd000; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #000; font-size: 20px; line-height: 22px; float: left; margin: 0; text-decoration: none !important; }
div#updateMemberProfile a#btnBack:hover { background: #ffe24e; }
div#updateMemberProfile a#btnConfirm { margin-bottom: 0; }
div#updateMemberProfile a.btnLinkToContainerNoHistory:hover { text-decoration: none !important; background: #004088; }

/* Beneficiaries */
#beneficiaries th { text-align: left; background: #ffd000; color: #686A69; font-size: 16px; font-weight: normal; border: 2px solid #fff; padding: 20px 12px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#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 #ffd000; border-bottom: 1px solid #CCC; }
#beneficiaries TR.total TD, #beneficiaries TR.noRecords TD { padding: 20px 12px; line-height: 24px; vertical-align: top; border-top: 1px solid #fff; }

a#btnBackToList, a.btnLinkToContainerNoHistory { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; }
a#btnBackToList span, a.btnLinkToContainerNoHistory span { color: #fff; font-size: 20px; }

table.beneficiariestable td { text-align: left; }
table.beneficiariestable .benefit span { float: none; }

div#beneDetailsContainer a#btnDetailsCancel { color: #fff !important; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 22px; height: auto; background: #002855; text-decoration: none !important; font-size: 20px; }
div#beneDetailsContainer a#btnDetailsCancel:hover { background: #004088; }

div#beneficiaries .oc-button { margin-bottom: 0; }
div#beneficiaries #btnDetailsCancel { margin-bottom: 0; }

div#beneOverviewContainer .formItem.formAction a {  margin-bottom: 0; line-height: 22px; }
div#beneOverviewContainer .formItem.formAction a:hover { background: #004088; text-decoration: none; }

/* Payment Options */
#paymentOptionFilters { text-align: left; background: #ffd000; color: #686A69;font-weight:normal; font-size: 16px; border: 0; padding: 20px 12px;
  line-height: 24px;
  vertical-align: top;
  border-top: 1px solid #fff; }
#paymentOptionFilters .oc-radiogroupex li label { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#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; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;}
#balanceEnquiryAccountBalanceTable tr.header th,
#balanceEnquiryPreservationTable tr th,
#balanceEnquiryAssetDetailsTable tr.header td { background: #ffd000; color: #686A69; border: none; padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; }
#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; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;}
#balanceEnquiryAccountBalanceTable td,
#balanceEnquiryPreservationTable td,
#balanceEnquiryAssetDetailsTable td { border: 2px solid #fff; }
tr.total td { border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
.nocContainer, hr { border: none !important;border-top: 1px solid #d4d4d4 !important;background-color:#d4d4d4; }

/* Balance Estimate */
#pageBenefitQuote .summaryBenefit > div { width: 40%; box-sizing: border-box; text-align: left; }
#pageBenefitQuote .summaryBenefit > div:first-child { width: 60%; }
#pageBenefitQuote .summaryBenefit > div span { padding: 0; }
#pageBenefitQuote .summaryBenefit > table tr td:first-child { width: 60%; }
#pageBenefitQuote .summaryBenefit > table tr td { width: 40%; padding: 20px 12px; text-align: left; }

#pageBenefitQuote #componentsTable #preservationTable th, #pageBenefitQuote #componentsTable #taxTable th { width: 40%; box-sizing:border-box; }
#pageBenefitQuote #componentsTable #preservationTable th:first-child, #pageBenefitQuote #componentsTable #taxTable th:first-child { width: 60%; }

/* Pension details */
ul.pension-payment-legend li span { width: 250px; }
th.paymentBsb-header, th.paymentAmount-header, th.paymentPercentage-header, td.paymentBsb, td.paymentAmount, td.paymentPercentage { text-align: left; }
#Pension table tr:nth-child(odd) { background: #eaeaea; }
#Pension th, div#Pension td { text-align: left; }

#Pension a#btnCancel { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; text-decoration: none !important; }
#Pension a#btnCancel:hover { background: #004088; }

#Pension #btnBack { float: left; background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; text-decoration: none !important; }
#Pension #btnBack:hover { background: #004088; }

#PensionDetailsContainer .frmPensionContainer #btnBack { margin-left: 3px; }
#PensionDetailsContainer .disabled span { cursor: default; }

/* Benefit Quote */
#pageBenefitQuote .pageBlurb { display:none; }
#benefitQuote .sectionTitle { font-size: 1.6em; color: #002855; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#quoteDate { font-size: 1.25em; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
th.net { width: 70px; }
th.lumpSum,
th.gross { width: 150px; }
th.benefitType,
th.preservationType,
th.taxType { padding: 20px 12px; }
#benefitQuote tr.header td { color: #666; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
#benefitQuote tr.footer td { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; border-top: 1px solid #fff !important; border-bottom: 1px solid #fff !important; }
#benefitQuote tr.lineItem td { padding-left: 20px; }
.summaryBenefit { background:#ffd000;color:#464646;margin-top: 7px; }
.summaryBenefit table { background: #FFF; clear: both; }
.summaryBenefit div { padding: 20px 12px;color:#686A69; margin:0; }

#benefitQuote tr.header td { color: #666; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div#pageBenefitQuote table th, div#pageBenefitQuote table td { text-align: left; }
div#pageBenefitQuote table tr:nth-child(odd) { background: #eaeaea; }
table#preservationTable .total { background: #fef0c3 !important; }

#transactionHistoryGrid .viewLink { font-style: normal; text-decoration: underline; }
table.ui-jqgrid-htable th { text-align: left !important; }
#transactionHistoryGrid td.total { text-align: center !important; }
#gview_transactionHistoryGrid th div { text-align: left; }
table#transactionHistoryGrid tr:nth-child(odd) { background: #eaeaea; }
div#pg_transactionHistoryGrid_pager td { border: 0; }
td#transactionHistoryGrid_pager_center td { border: 0 !important; }


/* Transaction History */
#gview_transactionHistoryGrid th { background: #ffd000; color: #686A69; padding: 0.5em; border: none; }
#gview_transactionHistoryGrid th div { color:#686A69; }
#gview_transactionHistoryGrid th div:hover { text-decoration: underline; }
div#transactonHistory .ui-jqgrid-hbox th { font-size: 16px; padding: 20px 12px; width: auto !important; border:2px solid #fff; text-align: center;}
#gview_transactionHistoryGrid th:nth-child(3) { text-align: right !important; }
#transactionHistoryGrid td { vertical-align: middle; padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; font-size: 16px; width: auto !important; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }
#transactionHistoryGrid tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
#transactionHistoryGrid tr:hover { background-color: #fde391; }
div#transactonHistory table.ui-jqgrid-ftable tr { background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
div#transactonHistory table.ui-jqgrid-ftable tr:hover { background-color: #fde391; }
div#gbox_transactionHistoryGrid .ui-jqgrid-sdiv td { padding: 20px 12px; line-height: 24px; vertical-align: top; border: 2px solid #fff; font-size: 16px; width: auto !important; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: normal; }

div#gview_transactionHistoryGrid .ui-state-default.ui-jqgrid-hdiv { border: 0; }
table#transactionHistoryGrid .jqgfirstrow { display: none; }

#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: 16px; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;}
DIV.ftElem DIV.dateRange input#BeginDate, DIV.ftElem DIV.dateRange input#EndDate { width:90px; }
table.noRecords tr:hover { background: #fde391; }
table.noRecords tr { background: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }

div#tooltip { border: 0; background: #eaeaea; width: auto; }
div#tooltip table tr td { background: #eaeaea; border: 0; }

div#tooltip h3 { font-size: 20px; max-width: 400px; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; }

.summaryBenefit td:last-child { border-right: 0; }
.summaryBenefit td { border-left: 0; }

#customDateBox { display: block; margin: 10px 0 0 0; }

/* 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:0; }
#investmentOptions tr.metaHeading th { color: #666; padding: 6px 1em; }
#investmentOptions tr.rowHeading td { background: #FFFFFF; color: #000; font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; padding: 7px 1em; }
#investmentOptions TD.ioInvestOptions { padding: 7px 1em; }
#investmentOptions input { text-align: right; }
TR.rowHeading TD { background:#eaeaea !important; }
table.view .rowHeading { display: none; }

div#AdditionalContent table tr { background: none; }
div#AdditionalContent table tr td { padding: 0; }
div#AdditionalContent table tr td .oc-button { margin: 0; }
#grandTotalContainer .grandTotalAmount { font-size: 16px; }



P#hasPendingSwitch { font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#investmentReturnContainer td { border: 0; }

a#btnGetChart { background: none; padding: 0; display: block; float: none !important; margin: 20px 0 0 0 !important; text-align: right; }

a#btnGetChart span { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; 
white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; 
-webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); 
will-change: background-color,color,border-color; line-height: 1.5em; height: auto; margin-bottom: 0; }
    a#btnGetChart span:hover { background: #004088; }

div#investmentEnquiry #dioContainer .halfColumn { width: 100%; margin-bottom: 0;}
div#investmentOptions tbody .even { background: #eaeaea; }
td.ioInvestOptions, td.ioTransferSplit, td.ioDrawDownSplit { padding: 20px 12px !important; }

#investmentOptions { margin: 0; }

form#fmInvestmentOptionsEdit .formItem { text-align: left; }
form#fmInvestmentOptionsEdit a#btnBack { text-decoration: none !important; background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: normal; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; float: left; margin-left: 0; }
form#fmInvestmentOptionsEdit a#btnContinue { background-color: #ffd000; }
form#fmInvestmentOptionsEdit a#btnContinue:hover { background-color: #ffe24e; }
div#investmentEnquiryContainer a.btnLinkToContainerNoHistory:hover, div#investmentEnquiryContainer a#btnBack:hover { background-color: #004088; text-decoration: none !important; }

#investmentEnquiry .lifeStage-tooltip { background: url(/Content/Styles/HC/Images/help36.png) center center no-repeat; background-size: contain; margin: 0 3px; }

/* Investment returns */
#investmentReturn .filterContainer { height: auto; }
div#investmentReturnContainer svg { height: 450px; }
div#investmentReturnContainer div#investmentReturnChartContainer .highcharts-container { height: 450px !important; }


/* Insurance Details */
.ui-jqgrid .ui-jqgrid-htable { margin: 0; }
#gview_insuranceCoverGrid th, .ui-jqgrid-htable th { background: #ffd000; border: none; }
#gview_insuranceCoverGrid th td, .ui-jqgrid-htable th td { border: none; }
#gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #686A69; }
#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: #ffd000; border: none; }
#gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #686A69; }
#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;}
.ui-widget-content TR.ui-row-ltr { border-top: 0; }
div#insuranceCover .ui-widget-content { background: #fef0c3; border: 0; }
div#insuranceCover .ui-state-highlight { background: #fde391; }
#insuranceCover td { border-color: #fff; font-size: 16px; padding: 20px 0; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; text-align: center !important; }

/* Unit Prices */
.unitPricesGenerateButtonMargin { margin: 10px 0 0 3px; }
.filterItem.filterAction.unitPricesFilterInline.unitPricesGenerateButtonMargin { display: block !important; margin: 0 !important; text-align: right; }
.filterItem.filterAction.unitPricesFilterInline.unitPricesGenerateButtonMargin a { margin: 20px 0 0 0; }

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

.fundselectionlistresult table#tbFundList { width: 684px !important; }

table.fundselectionlistheader tbody tr th { width: 200px !important; }
    table.fundselectionlistheader tbody tr th:first-child { width: 200px !important; }
    table.fundselectionlistheader tbody tr th:last-child { width: 200px !important; }
.fundselectionlistresult #tbFundList tbody tr td { width: 200px !important; }
    .fundselectionlistresult #tbFundList tbody tr td:first-child { width: 200px !important; }

div#eRolloverGridContainer { overflow-x:scroll; }

/* Messages */
#gview_MessageGrid th { background: #ffd000; border: none; padding: 0.5em; border: 2px solid #fff; }
    #gview_MessageGrid th:nth-child(4) { width: auto !important; }
#gview_MessageGrid th td { border: none; }
#gview_MessageGrid .ui-jqgrid-htable th div { color: #686A69; padding: 20px 12px; font-size: 16px; }
#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: #28344E; }
div#messagesContainter .noRecords tbody tr td { padding: 20px 12px; font-size: 16px; }
#messageHeader { color: #666666; }
span.ui-grid-ico-sort.ui-icon-asc.ui-icon.ui-icon-triangle-1-n.ui-sort-ltr { background-image: url(images/hostplus-uparrow.png); margin: 0; background-position: center; }
span.ui-grid-ico-sort.ui-icon-desc.ui-icon.ui-icon-triangle-1-s.ui-sort-ltr { background-image: url(images/hostplus-downarrow.png); margin: 0; background-position-x: center; background-position-y: 7px; height: 20px; }

#gview_MessageGrid table.ui-jqgrid-htable thead tr th div { padding: 0; margin: 0; }
#gview_MessageGrid table.ui-jqgrid-htable thead tr th { padding: 20px 12px; }
#MessageGrid tbody tr.jqgfirstrow { display: none; }
#MessageGrid tbody tr td { font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif; font-size: 16px; padding: 20px 12px; border-top: 0; }
#MessageGrid tbody tr { border-right: 0; border-bottom: 2px solid #fff; background-color: #fef0c3; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1); }
div#gview_MessageGrid .ui-state-default.ui-jqgrid-hdiv { border-bottom: 0 !important; }
#MessageGrid tbody tr:last-child { border-bottom: 0 !important; }
#MessageGrid tbody tr:last-child td { border-bottom: 0 !important; }
#MessageGrid tbody tr:hover { background: #fde391; }
#MessageGrid tbody tr.ui-state-hover td a { color: #002855; }
#MessageGrid tbody tr.ui-state-hover td a:hover { color: #000; text-decoration: underline; }
#MessageGrid_pager div#pg_MessageGrid_pager table tbody tr td { border: 0; }
#MessageGrid_pager table tbody tr:hover { background: #fef0c3; }
#MessageGrid_pager { border-bottom: 0 !important; }
#MessageGrid_pager table tbody tr td div { margin-top: 5px; }

table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Date"] { width: 100px;}
table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Message Title"] { width: 402px; }
table#MessageGrid tbody tr td[aria-describedby="MessageGrid_Action"] { width: 100px;}

.navBar { width: 500px !important; }
.navBar.topBar { display: none; }
div#messageHeader { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div#messageBody { margin: 10px 0; border: 1px solid #eaeaea; }
.messageNavBar li a { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-weight: normal; font-size: 20px; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; text-transform: Capitalize; }
.messageNavBar li a:hover { background: #004088; text-decoration: none; }
div#messagesContainter a.messageOk.btnLinkToFullPage:hover { background-color: #ffe24e; }
div#messagesContainter a.messageOk.btnLinkToFullPage { background-color: #ffd000; color: #000; }


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

/* Roll your super */
#superListContainer .fundselectionlistbody tr:hover { background-color: #fde391 !important; }
div#smsfWarningContainer, #smsfMessageContainer { border: 0; background: #eaeaea;}

/* RHS styles */
#messageAccordion.ui-accordion .ui-accordion-header, 
#alertAccordion.ui-accordion .ui-accordion-header { background: #002855; border: #002855; border-bottom: 0; color: #FFF; 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 #d4d5d4; background: #FFF;border-top: 0;}

#alertAccordion ul li { font-size: 16px; }

div#ui-accordion-alertAccordion-panel-0 a { color: #002855; }
div#ui-accordion-alertAccordion-panel-0 a:hover { color: #000; text-decoration: underline; }

.campaignSection { border: 1px solid #ECECEC; }
.campaignSectionHeader { background-color: #ECECEC; }
.collapsibleContainerTitle { border-bottom: 1px solid #ECECEC; color: #666; background: #F6f6f6 }

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

#frmContactUs .formItem .fiLabel, #frmContactUs .label { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; font-weight: normal; }

div#contactUsFormContainer #btnSubmit:after { content:none; }

/* Footer */
#footer { background:#eaeaea url(images/footer-shadow.png) 0 0 repeat-x;color:#686A69; font-weight: bold; border: 0;text-align:left;padding:20px;min-height:100px; min-width: 1015px; }
ul.footer { width: 1015px;padding:0; text-align: right; } 
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:16px;line-height:11px;  }
ul.footer a:link, ul.footer a:visited { color:#686A69; }
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:#686A69;padding-top:10px; }
.footer ul li a, span.version { font-size: 16px !important; }

div#footer ul li a { background: none; font-weight: normal; font-family: 'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif !important; color: #686A69 !important; vertical-align: top; }

/* Messages */
.ui-jqgrid .ui-icon-desc { margin-top: 0; }

/* Statements and correspondence */
table#correspondenceTable th { text-align: left; }
div#crsFilter tr { background: #fff !important; }
div#crsTableContainer .initialized td { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0; border-right: 0; }
div#crsFilter td { width: 130px; }
#correspondenceContainter td.crsTitle { width: 47%; }
#correspondenceContainter td.crsDate { width: 15%; }
#correspondenceContainter td.crsType { width: 13%; }
#correspondenceContainter td.crsSize { width: 12%; }

/* Member info Box*/
#memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { /* font-family:'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; */ /* font-weight: normal; */ }
label.display-label { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }
div#employerdetails td, div#employerdetails th { font-size: 16px !important; }

/* MJOL */
.jfontsize-button { border:none;font-weight:normal; }
.jfontsize-button:hover { border:none;background:none; color: #000!important; }
#mjolContainer h1 { clear:both;float:left; }
form#frmSummary h1 { float: none; }
div#divClassifications td { padding: 5px 10px; }
form#frmClassifications h2 { font-family: 'Effra-Heavy',Tahoma,Verdana,Geneva,sans-serif; font-size: 78px; font-weight: normal; border-bottom: none; padding-bottom: 0; }

#mjolContainer h1#header0,#mjolContainer h1#header1,#frmMemberProfile h2 { display:none !important; }
#fldsetPersonalInfo legend { padding:20px 0 0 0;margin:0 0 10px 0; /* font-size: 30px; */}
#updateMemberProfile legend { font-size: 20px; }
div#updateMemberProfile a.btnLinkToContainerNoHistory { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; }
a.btnLinkToContainerNoHistory span { font-size: 20px; font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; line-height: 21px; }
div#updateMemberProfile .btnLinkToContainerNoHistory { margin-bottom: 0; line-height: 22px; }

#updateMemberProfile .tfnCheckbox { font-weight: 700; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

#mjolContainer #lblFollowUpText,#mjolContainer #lblMemberText,#mjolContainer #btnCancel {}
#mjolContainer #btnCancel { outline:0; text-decoration: none; color: #002855; display: inline-block;    padding: 9px 20px 9px 18px;       border: 0;    cursor: pointer;    font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif;    font-size: 20px;    white-space: nowrap;    background-image: none;    -ms-touch-action: manipulation;    touch-action: manipulation;    font-style: normal;    font-weight: 400;    text-align: center;    vertical-align: middle;    letter-spacing: -.2px;    -webkit-transform: perspective(1px);    transform: perspective(1px);    -webkit-appearance: none;    transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1);    will-change: background-color,color,border-color; background-color: #002855;    color: #fff;}
    #mjolContainer #btnCancel:hover { color: #fff; text-decoration: none; background: #004088;}

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

#mjolNavBar li { padding: 8px 0;*padding: 20px 12px; /* IE6/7 */ background: #fde391;border-right: solid 1px #fff; color: #686A69;font-weight:normal; border-left: 0; font-size: 16px; background: none; margin-right: 30px; color: #333;}
@media all and (min-width:0) { #mjolNavBar li { padding: 11px 23px \0/; } /* IE9-IE10pp4 */ }
#mjolNavBar li.highlight { background-color: #ffd000; color: #333; background: none; border-bottom: 2px solid #ffd000;}
.visitedStep:after { content:none !important; }

#frmClassifications .pageBlurb { display:none; }
.mjolModule { background:none;border:none;padding: 0 20px 20px;margin-bottom:0; font-size: 16px;}
form#frmInsuranceOptions #bottomContent ul { padding: 0 0 15px 20px; }
form#frmDeclaration ul { padding-left: 15px; font-size: 16px; list-style-type: square; line-height: 1.5em;}
#mjolButtonContainer { margin-right:20px; width: 985px; padding: 0 20px; box-sizing: border-box; margin: 20px 0; text-align: right;}
a#btnPrev { float: left; }
.mjolModule #divFollowUpContent { background: #eaeaea; border: 0; padding: 20px 12px; /* min-height: 80px; */ float: left; font-size: 16px; width: 100%; box-sizing: border-box;}
div#mjolMemberProfileSummaryContainer .fiLabel label, div#addressContainer .fiLabel { font-weight: normal; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

div#divClassifications tr { background: #fff !important; }

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

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

#nominationOptions { background-color: #eaeaea; border: 0; margin: 10px 0; padding: 20px 12px; }

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

div#divClassifications { font-size: 16px; }
#divClassifications .SelectedClassificationColumn1 { padding-top: 7px; }

DIV#wrapper { _padding-right: 11px; /** IE6 wapper white space fix **/ }

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

.mjol_body div#mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel { width: auto; }

/* Change your password */
#forcePasswordChangeContainer .buttonPanel {text-align: left;margin-left: 200px;}
div#resetPassword a.btnLinkToFullPage { background: #002855; color: #fff !important; }
div#resetPassword a.btnLinkToFullPage:hover { background: #004088; }
div#resetPassword .fiLabel { font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; }

/* Change your email */
div#initialChangeEmailContainer a#btnChange span { color: #fff; }
div#initialChangeEmailContainer a#btnChange:after { content: "\f105"; font-family: "FontAwesome"; font-size: 27px; margin-left: 15px; position: absolute; }

div#confirmChangeContainer a.btnLinkToContainer { background-color: #002855; display: inline-block; padding: 9px 20px 9px 18px; margin-bottom: 20px; border: 0; cursor: pointer; font-family: 'Effra-Bold',Tahoma,Verdana,Geneva,sans-serif; white-space: nowrap; background-image: none; -ms-touch-action: manipulation; touch-action: manipulation; font-style: normal; font-weight: 400; text-align: center; vertical-align: middle; letter-spacing: -.2px; -webkit-transform: perspective(1px); transform: perspective(1px); -webkit-appearance: none; transition: background-color 200ms cubic-bezier(0.39,.575,.565,1),color 200ms cubic-bezier(0.39,.575,.565,1); will-change: background-color,color,border-color; line-height: 1.5em; height: auto; color: #fff; font-size: 20px; line-height: 22px; }
div#confirmChangeContainer a.btnLinkToContainer:hover { background: #004088; text-decoration: none; }

#mjolContainer .pwdHint { width: auto; *display:inline-block; vertical-align: top; }
.fiElem INPUT#Password,.fiElem IMG#imgPasswordTooltip { *float:left; }
#mjolContainer fieldset div.fiLabel { width: 28%;  }

#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:'Effra-Regular',Tahoma,Verdana,Geneva,sans-serif;font-weight:normal;margin:0; }
#mjolContainer .summaryHeader { margin:10px 0 20px; }
#mjolContainer .summaryHeader h2 { border-bottom:0;margin-bottom:0; }
div#mjolMemberProfileSummaryContainer .dataGroup { border-bottom: 1px solid #eaeaea; width: 100%; }

div#mjolButtonContainer .oc-button { margin-bottom: 0; }

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

#frmBeneficiaries #beneDetailsContainer .dt-buttons { top:100%; margin: 15px 0 0 0; }
#frmBeneficiaries #beneDetailsContainer .dataTables_wrapper { position: relative; }

/* Calendar */
.ui-datepicker table { text-align: center; margin-bottom: 0; }
.ui-widget-header { background: #eaeaea; }
.ui-datepicker-calendar th { background: #ffd000; }
.ui-datepicker-week-col { color: #686A69 !important; }
.ui-state-default, .ui-widget-content .ui-state-default { text-align: center; }
.ui-datepicker-week-col { background: #eaeaea; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 2px solid #fff; background: #fef0c3; color: #686A69; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-highlight, .ui-widget-content .ui-state-highlight { border: 2px solid #fff; background: #fde391; color: #686A69; }
span.ui-icon.ui-icon-circle-triangle-w { background-image: url('images/hostplus-leftarrow.png'); background-position-x: 9px; background-position-y: 7px; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0; }
span.ui-icon.ui-icon-circle-triangle-e { background-image: url('images/hostplus-rightarrow.png'); background-position-x: 9px; background-position-y: 7px; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0;  }
a.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover { border: 0; background: none; top: 2px; left: 2px; }
a.ui-datepicker-next.ui-corner-all.ui-state-disabled.ui-state-hover.ui-datepicker-next-hover { border: 0; background: none; top: 2px; right: 0px; }



/* 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; }
#mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span { color:#333; }


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