/* Fonts */ /* Gills Sans*/ @font-face{ font-family:"Gill Sans W01 Light"; src:url("acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix"); src:url("acd8a043-828c-4c2c-98cb-b5224f5d4cdb.eot?#iefix") format("eot"),url("a2926047-aec5-42f4-b352-e593469518be.woff2") format("woff2"),url("c56da29d-9c5b-4d94-900f-770cde3dd317.woff") format("woff"),url("378182d1-8021-4674-a814-cc8f01f9a937.ttf") format("truetype"),url("d8851d95-478d-47a9-a0b0-a8d8e4ca127a.svg#d8851d95-478d-47a9-a0b0-a8d8e4ca127a") format("svg"); } @font-face{ font-family:"Gill Sans W01 Book"; src:url("2cebe80c-b289-4ae0-a3b0-baa82c6c6e10.eot?#iefix"); src:url("2cebe80c-b289-4ae0-a3b0-baa82c6c6e10.eot?#iefix") format("eot"),url("51318b0e-57fc-4136-b7d1-46aee6c2b565.woff2") format("woff2"),url("2bc69477-90c2-4415-a51f-36e36eee3d5e.woff") format("woff"),url("33447d8d-d920-48e7-b0a9-1d3dda80d6a6.ttf") format("truetype"),url("e49c440c-7653-44ce-96d2-f775947ba9fe.svg#e49c440c-7653-44ce-96d2-f775947ba9fe") format("svg"); } /* Muli (Google) */ @font-face { font-family: 'Muli'; src: url('MuliRegular.eot'); src: url('MuliRegular.eot') format('embedded-opentype'), url('MuliRegular.woff2') format('woff2'), url('MuliRegular.woff') format('woff'), url('MuliRegular.ttf') format('truetype'), url('MuliRegular.svg#MuliRegular') format('svg'); } @font-face { font-family: 'HurmeGeometricSans4'; src: url('HurmeGeometricSans4-Bold.eot'); src: url('HurmeGeometricSans4-Bold.eot?#iefix') format('embedded-opentype'), url('HurmeGeometricSans4-Bold.woff') format('woff'), url('HurmeGeometricSans4-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'HurmeGeometricSans4'; src: url('HurmeGeometricSans4-Regular.eot'); src: url('HurmeGeometricSans4-Regular.eot?#iefix') format('embedded-opentype'), url('HurmeGeometricSans4-Regular.woff') format('woff'), url('HurmeGeometricSans4-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HurmeGeometricSans4'; src: url('HurmeGeometricSans4-Light.eot'); src: url('HurmeGeometricSans4-Light.eot?#iefix') format('embedded-opentype'), url('HurmeGeometricSans4-Light.woff') format('woff'), url('HurmeGeometricSans4-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* General styles */ body { font-size: 13px; color: #333; font-family: "Muli", Arial, sans-serif; background-color: #7226E0;} .container { background: #fcf8fd; } a, a:link, a:active, a:visited,#topMenu li a { color: #7226E0; text-decoration: none; outline: none; } a:hover,#topMenu li a:hover { color: #201547; outline: none; } .accountLinks ul a, p a, p a:link, a.standardLink { color: #7226E0;text-decoration: underline; } .accountLinks ul a:hover, p a:hover, a.standardLink:hover { color: #201547; text-decoration: underline; } h1 { color: #7226E0;font-family: 'HurmeGeometricSans4', Arial, sans-serif; font-size:29px;line-height:26px;font-weight:bold;border-bottom:none; } h2 { color: #7226E0;font-family: 'HurmeGeometricSans4', Arial, sans-serif; font-size:1.6em;line-height:20px;font-weight:bold;border-bottom:none; } #investmentEnquiryContainer h2, #consolidateValidationSuper h2, #assetAllocationDashboardChart h2, #beneOverviewContainer h2 { font-weight: normal; } h3 { color: #7226E0;font-family: 'HurmeGeometricSans4', Arial, sans-serif; font-weight:normal;font-size:1.5em; } h4 { color: #201547;font-size: 15px; margin-bottom: .8em;line-height: 19px; font-weight: bold; } h5 { color: #201547;font-size: 15px; line-height: 19px; font-weight: normal; } td, li, ul { font-size: 1em; } ul { list-style-position: inside; padding: 5px; } ul li { padding: 2px 0; } p { margin:0;padding:0 0 15px 0; } input, select, textarea { padding: 1px; border-radius: 0; } input.required.mark-required { } #Proceed { color: #fff; background: #7226E0; padding: 7px 25px; border-radius: 0; bottom: 0; font-weight: normal; line-height: 21px; font-family: 'Muli'; font-size: 14px; border: 1px solid #7226E0; transition: .5s ease all; } #Proceed:hover { background: #282262; } table th { padding: 10px .5em; text-align: left; background: #f6f6f6; color: #000; font-size: 1em; font-family: "HurmeGeometricSans4"; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } table th:first-child { border-left: 1px solid #ddd; } table th:last-child { border-right: 1px solid #ddd; } #loadingSpinner { box-shadow: 0 0 10px rgba(0,0,0,.3); } #validationSummary { background: #E6E6E6; color: #ff0000; border: 1px solid #E6E6E6; padding: 5px; margin-bottom: 10px; } #validationSummary ul { padding:0; } #validationSummary ul li { list-style:none; } div.filterContainer { padding: 1em; border-color: #7226E0; background: #7226E0; color: #fff; } div.filterContainer .filterItem .oc-button { background: #fff; border-color: #fff; color: #7226E0!important; } div.filterContainer .filterItem .oc-button:hover { background: #000; border-color: #000; color: #fff!important; } #createQuoteButton { margin-left: 30px;} #validationSummary.validation-summary-errors {display: block;margin: 15px 0 0 0;background: none;border: 0;} .oc-wizard-error, #errorContainer { background: #e6e6e6; color: #ff0000; } .ui-widget { font-family:Arial; } .ui-widget-content { background: #f6f6f6; color: #000; } .ui-widget-content TH.ui-state-default DIV.ui-jqgrid-sortable { color: #000!important; } /* Loading Spinner*/ .loading-container { left: 35%; width: 30%; } .loading-container #loadingText { color: #7226E0; font:700 26px "HurmeGeometricSans4", Arial, sans-serif; } /* layout */ div#wrapper {text-align: left;padding-bottom:0;background: #fff; } div#wrapper:before { position: absolute; top: 85px; left: 0; width: 100%; height: 330px; background: #ffbf65; content: " "; } #content { width: 1170px; margin: 0 auto; background: #fff; padding: 0 15px; } .loggedIn #content { position: relative; z-index: 2; margin: 45px auto 0; padding: 25px; background: #fff; box-sizing: border-box; } #mainContent.subPanelled { width: 72%; } #subPanel { width: 26%; margin: 0 0 0 15px; float: right; } #memberInfoPlaceholder { margin-top: 55px; } #bottomContent { margin-top:15px; } /* headers */ #header { width: 1170px; margin:0 auto; padding: 30px 0 10px; background: #fff; } .pageHeader { background: #7226E0; position: relative; height: 110px; padding: 0 90px; border-bottom: 0; box-sizing: border-box; } .pageHeader h1 { padding: 45px 10px 0 0; font: bold 25px 'HurmeGeometricSans4', Arial, san-serif; line-height: 25px; color: #fff; text-transform: none; } .pageHeader h1 span.memberonlineheader { color: #19aee5; } A#homeLink { background: transparent url(images/logo.png) 0 0 no-repeat; width: 208px; height: 52px; margin: 8px 0 0; display: block;top: 20px; } #topMenu { top: -25px; right: 0; } #topMenu select { font-size: 1em; padding: 2px; } #topMenu li { font-size:0.9em; } #topMenu li a { } #topMenu DIV.dropDownListControl UL { background: #fff; color: #000; opacity: 1; } #topMenu div.dropDownListControl li { font-size: 10px; border-bottom:1px solid #7226E0; } #topMenu div.dropDownListControl li:hover { background: #201547; color: #7226E0; } #topMenu div.dropDownListControl li a { color: #000; } #topMenu div.dropDownListControl li a:hover { color: #000; } #topMenu div.dropDownListControl li:hover a { color: #fff; } #topMenu A#btnTopMenuSettings span { text-decoration: none; } .slick-content { width: 100%; max-width: 789px; box-sizing: border-box; } /* Buttons */ .oc-button { height: auto; background: #d5daef; border:0; text-align: center; font-family: "HurmeGeometricSans4", Arial, sans-serif; font-weight: 600; } .oc-button span { height: auto; background: none; margin-right: 0; color: inherit; padding: 0; font: inherit; } .oc-button span:hover { } .oc-button, .oc-button span { } .oc-button, a.oc-button { line-height: 20px; background: #7226E0; color: #fff; padding: 7px 25px; border: 1px solid #7226E0; border-radius: 0; bottom: 0; font-weight: normal; transition: .5s ease all; } .oc-button:hover { border-color: #282262; background: #282262; } .backBtn { height: 20px; background: #7ebd54; color: #fff; position: relative; padding: 7px 25px; border: 0; border-radius: 0; bottom: 0; font-size: 15px; } .backBtn:hover { border:0; background:#7ebd54; } a.btnLinkToSubmenuPage, a#btnEventsSeeMore { text-decoration: underline; font-weight: normal; } a.btnLinkToSubmenuPage:hover, a#btnEventsSeeMore:hover { } #AccountSummaryContainer .personalEmailUpdateBtn { text-decoration: underline; } #btnNext, #btnSave { margin-left: 5px; } #btnResumeContainer a#btnResume.oc-button { padding: 7px 25px; } /* Nav styles */ #mainMenu { position: relative; z-index: 5; width: 1170px; height: 35px; margin: -10px auto 0; background: #A091EE; border-bottom: 0; } div.tabs { position: relative; top: 0; left: 0; z-index: 5; width: 100%; } div.tabs ul { width: 100%; } div.tabs ul li { border-bottom: 0; height: 34px;color: #a2a9ad;margin-right:0; } 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:14px;font-weight:normal;color: #000; 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: #8f7fe2 !important; } div.tabs ul li a:hover span { background: #8f7fe2 !important; color: #fff; } div.tabs ul li a:active { background: #8f7fe2 !important; } div.tabs ul li a:active span { background: #8f7fe2 !important; } div.tabs ul li:hover a { background: #8f7fe2 !important;} div.tabs ul li:hover a span { color: #fff;} DIV.tabs UL LI.active { margin-right: 0; } div.tabs ul li.active, div.tabs ul li.active a { height: 33px; } div.tabs ul li.active a span { height: 25px; background:#292460!important; color: #fff; } div.tabs ul li.active a { background: #f1e2f5 !important; } div.tabs ul li.active a:visited { background: #7226E0; } div.tabs ul li.active a:visited span { background: #19aee5; } div.tabs ul li.active a:hover { background: #f1e2f5; color: #7226E0 } div.tabs ul li.active a:hover span { background: #f1e2f5; } div.tabs ul li.active a:active { background: #f1e2f5; } div.tabs ul li.active a:active span { background: #f1e2f5; } div.tabs ul ul.tabSubLinks { width: 100%; margin: 0; border-bottom: none; background: #292460; padding:0; top: 45px; top: 35px;height:36px;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 9px; font-size: 14px; color: #fff; text-decoration: none; background: none;float:left !important;height:auto !important;display:block; } div.tabs UL UL.tabSubLinks li.subActive a { text-decoration: underline; background: none;color: #fff!important; } div.tabs ul ul.tabSubLinks li a:visited { color: #fff; text-decoration: none; background: none;} div.tabs ul ul.tabSubLinks li a:hover { background: #292460 !important; color: #fff!important; text-decoration: underline; } div.tabs ul ul.tabSubLinks li.active a { text-decoration: none; font-weight: normal; background: none;} div.tabs li#YourAccount UL.tabSubLinks li a { padding: 10px 11px 9px; } /* Login styles */ #mainLoginPage { margin: 0; } #mainLoginPage h1{ border-bottom: none;} #mainLoginPage div.pageBlurb { float: left; line-height: 1.4em;margin:0; } #mainLoginPage div.pageBlurb ul { padding:0 0 15px 20px; } #mainLoginPage div.pageBlurb ul li { line-height: 1.3em;font-weight:normal;font-size:1.3em; } #mainLoginPage div.pageBlurb h3 { padding-bottom:10px; } div.maintenanceMessages { margin: 0 0 10px; background: white; } #mainLoginPage div.maintenanceMessages { position: absolute; top: -100px; left: 30%; z-index: 10; width: 40%; } #termsAndConditionsContainer, #userReg, #resetPassword { min-height: 250px; padding: 25px; background: #fff; } div#secQuestions {padding: 0;margin: 20px 0;} div#secQuestions + .formItem { padding-top: 20px; } #resetPassword .form .formItem .fiLabel {display: block;padding-bottom: 10px;padding-top: 10px;} #resetPassword .form .formItem .fiElem input {padding: 8px;} h1 + p a.btnLinkToFullPage { background: #fff; display: block; padding: 75px 25px 25px; margin-top: -54px; } /* Login Page left */ #mainLoginPage { position: relative; } #mainLoginPage .loginLeftContent { float: left; width: 71%; } #mainLoginPage h1 { /*background: url(images/HESTA_member_hero_banner.jpg) right -7px no-repeat; background-size: 600px auto;*/ width: auto; height: 195px; margin: -10px 0 10px; position: relative; font: 700 46px/50px 'HurmeGeometricSans4', Arial, sans-serif; padding: 80px 20px 0 0; text-align: left; text-transform: none; } #mainLoginPage .pageBlurb #memberCustomContent { width: 830px; min-height: 20px; } #mainLoginPage .pageBlurb #memberCustomContent h2 { margin: 0; padding: 20px 0; border-bottom: 0; font: 700 26px "HurmeGeometricSans4", Arial, sans-serif; } #mainLoginPage .pageBlurb #memberCustomContent #customContentOne { background: none; padding: 20px 20px 20px 0; width: 59%; float: left; min-height: 215px; box-sizing: border-box; } #mainLoginPage .pageBlurb #memberCustomContent #customContentOne ul li { color: #7226E0; padding-bottom: 5px; list-style-position: outside; font: 300 1.2em "Muli", arial; } #mainLoginPage .pageBlurb #memberCustomContent #customContentOne ul li span.benefitsListColor { color:#414040; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin { position: relative; color: #201547; font-family: "Gill Sans W01 Light",arial; margin-left: 10px; padding: 20px; width: 34%; float: left; min-height: 220px; float: right; background: #7AE0D2; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin h2 { padding: 20px 20px 0 0; font: 700 26px "HurmeGeometricSans4", Arial, sans-serif; color: inherit; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin p { text-align:center; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin p a { position: absolute; bottom: 20px; right: 20px; padding: 8px 20px; background: #7226E0; color: #fff; font: 600 1.05em "HurmeGeometricSans4", Arial, sans-serif; border: 1px solid #7226E0; transition: .5s ease all; text-decoration: none; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin p a:hover { background: #201547; border-color: #201547; color: #fff; } /* Login Page right */ #siteEntryPoints { margin-bottom: 1em; float: right; width: 28%; } #siteEntryPoints h2 { color:#201d1e; } #loginEntry { display: none !important; background: #FB9126; width: auto; height: auto; margin: 0; padding: 0 0 60px; border-radius: 0; position: relative; border: 0; min-height: 255px; transition: .5s ease all; box-sizing: border-box; } #loginEntry h2 { background: none; color: #201547; line-height: 22px; padding-bottom: 0; border-bottom: none; font: bold 24px 'HurmeGeometricSans4', Arial, san-serif; padding: 20px 20px 5px; margin-bottom: 15px; border-bottom: none; } #loginEntry #validationSummary {position: absolute;top: 0;left: 0;width: 100%;min-height: 55px;margin: 0;text-align: center;box-sizing: border-box;background: #E6E6E6;padding-top: 10px;} #loginEntry #validationSummary ul li font { color: #ff0000; } #loginEntry #frmLogin div.formItem { padding: 0 20px;float: left; } #loginEntry #frmLogin div.fiLabel { font-weight: normal; float: left; width: 97px; padding-top: 7px; color: #201547; } #loginEntry #frmLogin div.fiLabel label .reqStar { display: none; } #loginEntry #frmLogin div.fiElem { float:right; } #loginEntry #frmLogin input[type="text"], #frmLogin input[type="password"] { width: 180px; margin-left: 0px; padding: 10px 5px; border: none; } #loginEntry #frmLogin input[type=text],#loginEntry #frmLogin textarea,#loginEntry #frmLogin select { box-sizing: content-box; } #loginEntry #frmLogin div.formItem.formAction { width:190px;float:right;padding-left:0;margin-top:0; } #loginEntry #frmLogin div.formItem.formAction p { } #loginEntry #frmLogin div.formAction #lnkForgottenPassword { font-style: normal; line-height: 16px; font-size: 12px; margin: 5px 0 10px 0; float: left; color: #201547; } #loginEntry #frmLogin div.formAction #lnkForgottenPassword a:hover { text-decoration:none; } #loginEntry #frmLogin a#btnLogin { position: absolute; bottom: 20px; right: 20px; height: auto; background: #7226E0; color: #fff; padding: 8px 20px; border: 1px solid #7226E0; transition: .5s ease all; font: 600 13.5px "HurmeGeometricSans4", Arial, sans-serif; } #loginEntry #frmLogin a#btnLogin:hover { background: #201547; border-color: #201547; color: #fff; } #loginEntry #frmLogin label.display-label .reqStar { display:none; } #registrationEntry { display: block!important; position: relative; width: auto; font-family: "Muli", arial; padding: 20px; background: #201547; margin: 20px 0 0 0; color: #fff; min-height: 220px; } #registrationEntry h2 { display: none; margin: 0; padding: 20px 20px 35px 0; border-bottom: none; color: inherit; font: 700 26px "HurmeGeometricSans4", Arial, sans-serif; } #registrationEntry .memberRegister h2 { display: block; } #registrationEntry p { display:none;text-align:center; } #registrationEntry .memberRegister p { display: block; max-width: 50%; padding: 0; float: left; text-align: left; font-size: 0.95em; } #registrationEntry .memberRegister p a { position: absolute; bottom: 20px; right: 20px; background: #fff; color: #7226E0; border: 1px solid #fff; text-decoration: none; padding: 8px 10px; font: 600 13.5px "HurmeGeometricSans4", Arial, sans-serif; transition: .5s ease all; } #registrationEntry .memberRegister p a:hover { color: #fff; background: #000; border-color: #000; } #mainLoginPage { } #registrationWizard, #forgottenPassword { position: relative; min-height: 250px; padding: 25px; background: #fff; } /* 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-bottom: 10px;} #secQuestions .fiLabel {padding: 10px 0;} #secQuestions .fiElem input {padding: 8px;} /* Subpages styles */ #subPageBody .pageBlurb { margin: 0 0 1em; width: 100%; } /* Styling of dashboard */ #dashboard .dashboardBoxSmall { min-height: 300px; } #dashboard .dashboardBoxSmall,#assetAllocation .dashboardBoxSmall { background: none; border-color: #ECECEC; padding: 5.5em 1em 1em 1em; width: 48%; box-sizing: border-box; transition: .5s ease all; } #dashboard .dashboardBoxSmall:hover,#assetAllocation .dashboardBoxSmall:hover { box-shadow: 0 0 5px rgba(0,0,0,.1); } #dashboard .dashboardBoxLarge,#assetAllocation .dashboardBoxLarge { background: none; border-color: #ECECEC; padding: 5.5em 1em 1em; width: 98%; box-sizing: border-box; transition: .5s ease all; } #dashboard .dashboardBoxLarge:hover,#assetAllocation .dashboardBoxLarge:hover { box-shadow: 0 0 5px rgba(0,0,0,.1); } #dashboard .title,#assetAllocation .title { width: 100%; text-align: left; font-size: 1.3em; color: #818285; font-weight: bold; margin: 5px 0px; } #dashboard .controlHeader,#assetAllocation .controlHeader { position: absolute; top: 0; left: 0; width: 100%; padding: 15px 0; color: #7226E0; background: #fff; text-align: center; } #dashboard .dashboardBoxSmall .controlHeader, #dashboard .dashboardBoxLarge .controlHeader { font-weight: 700; } #dashboard #netWealthWidget.dashboardBoxSmall { height: 320px; } #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,#assetAllocation .chartLegendTable td.col2 { text-align: right; } #dashboard .chartLegendTable td.col3 span,#assetAllocation .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; } #prominentCurrentBalance { color: #201547; } /* SMS verification page */ #smsVerificationContainer input[type="text"], #smsVerificationContainer input[type="password"] {width: 180px; margin-left: 0px; padding: 10px 5px;} #smsVerificationContainer .input-validation-error {border: 1px solid red;} #smsVerificationContainer #btnCancel {margin-left: 30px; padding-top: 30px; padding-bottom: 30px; color: #7226E0;} #btnCancel {color: #7226E0;} /* SMS setup page */ #smsSetupContainer fieldset {width: 550px; margin-top: 20px;} #smsSetupContainer fieldset div.formItem {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} #smsSetupContainer fieldset div {align-self: center;} #smsSetupContainer fieldset div.fiLabel {max-width: 120px;} #smsSetupContainer fieldset div.fiElem {margin-right: 20px} #smsSetupContainer .formItem.formAction {line-height: 36px;} #smsSetupContainer .formItem.formAction *{align-self: center;} #smsSetupContainer #resendSms {margin-right: 89px; font-weight: bold;} #smsSetupContainer .resendSmsConfirmation { color: #7226E0; font-weight: bold; padding-left: 120px; padding-top: 10px; padding-bottom: 20px; } #smsSetupContainer #validationSummary.validation-summary-errors { background: none; border: 0; margin: 0; padding: 10px 0 10px 120px; } #smsSetupContainer #btnCancel {color: #7226E0;} /* Manage Multi-factor Authentication */ #tblMFAAuthentication tr{border: 1px solid #f0f3f4;} #tblMFAAuthentication tr td{padding: 10px;} #tblMFAAuthentication #AuthenticationHeadings td {font-weight: bold;} #tblMFAAuthentication input {background: #7226e0; color: #fff; border: 0; padding: 8px 10px; cursor: pointer;} #MFAAuthenticationCancel input {float: right;} #multiFactorStepContainer .row .column{display: inline-block;color: #7226E0;padding-right: 10px;} #multiFactorStepContainer .row .column .okta, #multiFactorStepContainer .row .column .android, #multiFactorStepContainer .row .column .apple{height: 50px} /*Dashboard Banner*/ .slick-content { padding: 0; width: 100%; } .slick-track, .slick-active { width: 100% !important; margin-bottom: 10px } /* 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: #7AE0D2; border-color: #7AE0D2; color: #000; } #memberInfoBox ul { font-size: 1em; } #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { font-family: "HurmeGeometricSans4"; } /* Member Profile */ div.form { padding: 0; border: none; background: none; } fieldset { padding: 0; border: none; margin: 0; width: 320px; *width: auto; margin-bottom: 1em; } /* Review Personal Information */ .reviewpersonaldetails .personalDetailVerification {padding-top: 40px;} .reviewpersonaldetails .personalDetailVerification .formItem{margin-bottom: 40px;border-top: 1px solid #7226E0;border-bottom: 1px solid #7226E0;padding: 20px 0;} .reviewpersonaldetails .personalDetailVerification .formItem:after{content: " "; display: block; clear: both;} .reviewpersonaldetails .personalDetailVerification .fiLabel {font-weight: bold;display: block;width: 25%;float: left;padding: 10px 0;clear: left;} .reviewpersonaldetails .personalDetailVerification .fiElem, .reviewpersonaldetails .personalDetailVerification .f{ display: block; width: 25%; float: left; padding: 10px 0; } #btnContinueBenefit{float: right;} #AccountSummaryContainer { } #AccountSummaryLeftContainer, #AccountSummaryRightContainer { width: 48%; } #AccountSummaryContainer fieldset { width: 100%; position: relative; padding: 60px 20px 20px; border: 1px solid #ececec; box-sizing: border-box; transition: .5s ease all; } #AccountSummaryContainer fieldset:hover { box-shadow: 0 0 5px rgba(0,0,0,.1); } #AccountSummaryContainer fieldset legend { width: 90%; position: absolute; top: 10px; left: 20px; padding: 7px 0; color: #7226E0; font: bold 14px 'HurmeGeometricSans4'; border: none; } /*#AccountSummaryContainer fieldset legend:after { position: absolute; top: 100%; left: 0; width: 50%; height: 3px; background: #7226E0; content: " "; }*/ #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 #ebebeb; padding: 7px 0px; margin-bottom: 0.5em; } .accountsummarydetailcontainer { padding-top: 5px; } .accountsummarydetailcontainer th { background: none; color: #000; border: none!important; } #insurancedetails DIV.fiLabel {padding-bottom: 10px;} fieldset div.fiLabel { width: 32%; *width: 100px;} #updateMemberProfile FIELDSET {display: block;width: 100%;min-height: 220px;position: relative;margin; 0 1% 1em 0padding: 60px 20px 20pxvertical-align: top;border: 1px solid #ececec;box-sizing: border-box;transition: .5s ease all;padding: 60px 20px 20px;} #updateMemberProfile FIELDSET > div {position: relative;} #updateMemberProfile FIELDSET > div legend {left: 0;position: relative;padding: 20px 0 10px 0;} #AddVulnerableDetails input[type=text], #AddVulnerableDetails select{width: 250px;} #insuranceDetailsWrapEdit, #insuranceDetailsWrapEdit legend, #insuranceDetailsWrapEdit #insurancedetails DIV.fiLabel {width:100%;} #insurancedetails .header {height: auto;} #insurancedetails DIV.fiElem {font-weight: bold;} #updateMemberProfile FIELDSET:hover { box-shadow: 0 0 5px rgba(0,0,0,.1); } *+HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; } * HTML #updateMemberProfile FIELDSET { display: inline; zoom: 1; } #updateMemberProfile FIELDSET legend { width: 90%; position: absolute; top: 10px; left: 20px; padding: 7px 0; color: #7226E0; font: bold 14px 'HurmeGeometricSans4'; border: none; } /*#updateMemberProfile FIELDSET legend:after { position: absolute; top: 100%; left: 0; width: 50%; height: 3px; background: #7226E0; content: " "; }*/ #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 .header { height: auto; } /* Edit mode */ #AccountSummaryEditPageLeftContainer, #AccountSummaryEditPageRightContainer {float: left;width: 48%;} #AccountSummaryEditPageRightContainer {margin-left: 20px;} #AccountSummaryEditPageRightContainer + div {clear: both;} /* Beneficiaries */ #beneficiaries th { text-align:left;background:#f6f6f6;color:#000;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 #d5daef; border-bottom: 1px solid #CCC; } #beneficiaries TR.total TD, #beneficiaries TR.noRecords TD { border-top:0; } table#beneficiariesTable th.benefit.all{text-align:center;} table#beneficiariesTable th.givenNames{text-align:center;} /* Payment Options */ #paymentOptionFilters { text-align: left;background:#f6f6f6;color:#666;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.2em; color: #666666; } #balanceEnquiryAccountBalanceTable tr.header th, #balanceEnquiryPreservationTable tr th, #balanceEnquiryAssetDetailsTable tr.header td { background:#f6f6f6;color:#666;padding:1em;border:none; } #balanceEnquiryFilter { text-align: left; color: #fff; 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; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px; } /* 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; } #benefitQuote tr.lineItem td#investmentOption { padding-left: 40px; } .summaryBenefit { background:#f6f6f6;color:#666;margin-top: 7px; } .summaryBenefit table { background: #FFF; clear: both; } .summaryBenefit div { padding: 0.5em;color:#45525b; } /* Transaction History */ #gview_transactionHistoryGrid th { background:#f6f6f6;color:#666; padding: 0.5em; border: none; } #gview_transactionHistoryGrid th div { color:#666; } #gview_transactionHistoryGrid th div:hover { text-decoration: underline; } #gview_transactionHistoryGrid th.received { padding-left: 0 } #gview_transactionHistoryGrid th.transactionType { 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; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #ececec; border-bottom-color: #ececec; border-right-color: #ececec; border-color: #ececec; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover { background:#ececec;border-bottom-color:#ececec;border-right-color:#ececec; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border:1px solid #ececec; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { margin-top: 10px; color: #666; border: 0; } #transactonHistory table,#transactionHistoryGrid_pager { border: 0; } #transactonHistory .ui-jqgrid .ui-jqgrid-ftable TR { border-top: 1px solid #f6f6f6; border-bottom: none; background: #fff; } #transactonHistory DIV.ui-jqgrid .ui-jqgrid-pager { border-bottom: 1px solid #f6f6f6; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-radius:0; } #transactonHistory #gbox_transactionHistoryGrid { width: 100%!important; border-bottom: 0; } #transactionHistoryForm a#btnSearch,#transactionHistoryForm a#btnSearch:link,#transactionHistoryForm a#btnSearch:visited,#transactionHistoryForm a#btnSearch:active { color: #fff; } #transactionHistoryForm a#btnSearch:hover { background:#201547; } .ui-jqgrid-pager .ui-pg-input { height: auto; } /* Voluntary Contributions */ #voluntaryContributions .border { margin: 10px 0; padding: 20px; border: none; background: #f6f6f6; } /* 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: #fff; 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: none; } #investmentOptions tr.metaHeading th { color: #666; } #investmentOptions tr.rowHeading td { background: #FFFFFF; color: #222 } #investmentOptions input { text-align: right; } TR.rowHeading TD { background:#e0e0e0 !important; } /* Asset Allocation */ #assetAllocation td { vertical-align: top; } #assetAllocation #assetAllocationDashboardChart { width: 100%; } #divLegendData ul li { list-style: none; } #assetAllocation .dashboardBoxSmall { float: left;border: 1px solid #ECECEC;position: relative;width: 290px;padding:0.7em 1em 1em 1em;;margin: 0 15px 15px 0;overflow: visible; } #assetAllocation #assetChartContainer.dashboardBoxSmall,#assetAllocation #assetChartFutureContainer.dashboardBoxSmall { padding: 5.5em 0 1em; width: auto; margin-right: 0; height: 330px; float: none; } #assetFutureAllocationDashboard { text-align:center; } #assetAllocation #assetAllocationDashboard .controlHeader,#assetAllocation #assetFutureAllocationDashboard .controlHeader { margin:3px 0 20px 0; } #dashboard #assetAllocationDashboardChart { margin-top:0; } #assetAllocation #assetAllocationDashboardChart { margin-top: 0px; } #assetFutureAllocationDashboardChart { margin-top: 15px; } #assetFutureAllocationDashboardChart .pageBlurb { padding:0.7em 1em 1em;width: 295px; } #assetAllocationDashboardChart th { padding:10px .5em;background:#ececec; } #assetAllocationDashboardChart tr.even { background:#f6f6f6; } #memberInfoBox span.memberID, #memberInfoBox span.memberName, #memberInfoBox span.memberLastLogin { width: 150px; } #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { width: 115px; } /* Insurance Details */ .ui-jqgrid .ui-jqgrid-htable { margin: 0; } .ui-jqgrid .ui-jqgrid-htable thead, .ui-jqgrid .ui-jqgrid-btable thead, .ui-jqgrid .ui-jqgrid-htable tbody, .ui-jqgrid .ui-jqgrid-btable tbody { border-left: 1px solid #e6e6e6!important; border-right: 1px solid #e6e6e6!important; } .ui-jqgrid .ui-jqgrid-htable th { padding: 4px 6px; text-align: left; } #gview_insuranceCoverGrid th, .ui-jqgrid-htable th { background: #f6f6f6; border: none; } #gview_insuranceCoverGrid th td, .ui-jqgrid-htable th td { border: none; } #gview_insuranceCoverGrid .ui-jqgrid-htable th div { color: #666; } #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: #fafbfa; border: 1px solid #e6e6e6!important; border-left: none!important; border-right: none!important; } .ui-jqgrid tr.jqgrow td { padding: 7px; background: #fff; border-color: #ececec; border-left: none!important; border-right: none!important; } #gview_insuranceCoverDetailGrid .ui-jqgrid-htable th:first-child div { text-align: left; } #gview_insuranceCoverDetailGrid .ui-jqgrid-htable th div { color: #000; text-align: right; } #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: 7px; border: 1px solid #ddd; background: #fff; } #gbox_insuranceCoverDetailGrid .ui-jqgrid-btable td:first-child { font-weight: bold; } DIV.ui-jqgrid .ui-jqgrid-pager { padding: 10px 0!important; background: #fff; border: none!important; } .insuranceModal { padding: 20px; border: 1px solid #7226E0; border-radius: 10px; } .insuranceModal .ui-widget-header { background: none; border: none; } .insuranceModal h1 { text-transform: none; } #meInsuranceError-dialog-message { padding: 0; } .insuranceModal .ui-dialog-buttonpane { padding: 0; border: none; } .insuranceModal .ui-dialog-buttonpane .ui-dialog-buttonset { float: left; } .insuranceModal .ui-dialog-buttonset button { padding: .4em 1em; background: #7226E0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; font-size: 14px; text-transform: uppercase; font-weight: 700; } .insuranceModal .ui-dialog-buttonset button span { padding: 0; } .insuranceModal .ui-dialog-buttonset button span { padding: 0; } .insuranceModal .ui-dialog-titlebar-close { border: none !important; } .insuranceModal .ui-icon-closethick { background-image: url(/Content/Styles/HS/images/modal-close.gif); background-position: 0 0; background-repeat: no-repeat; width: 23px; height: 23px; } /* removal of blank rows */ #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-sdiv { display: none; } /* removal of blank rows */ #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-btable .jqgfirstrow td { padding: 0; border: none; } table#insuranceCoverDetailGrid, table#ConsolidateSuperOverviewGrid { border-right: 1px solid #ccc; } #gbox_insuranceCoverDetailGrid, #gview_insuranceCoverDetailGrid, #gbox_insuranceCoverDetailGrid .ui-jqgrid-hbox, #gbox_insuranceCoverDetailGrid .ui-jqgrid-hdiv, #gbox_insuranceCoverDetailGrid .ui-jqgrid-htable, #gbox_insuranceCoverDetailGrid .ui-jqgrid-bdiv, #gbox_insuranceCoverDetailGrid .ui-jqgrid-btable, #gbox_ConsolidateSuperOverviewGrid, #gview_ConsolidateSuperOverviewGrid, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-hbox, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-hdiv, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-htable, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-bdiv, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-btable, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-sdiv, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-ftable, #ConsolidateSuperOverviewGrid_pager, .ui-jqgrid, .ui-jqgrid .ui-jqgrid-view, .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-hbox, .ui-jqgrid .ui-jqgrid-htable, .ui-jqgrid .ui-jqgrid-bdiv, .ui-jqgrid .ui-jqgrid-bbox, .ui-jqgrid .ui-jqgrid-btable, .ui-jqgrid .ui-jqgrid-sdiv, .ui-jqgrid .ui-jqgrid-ftable, DIV.ui-jqgrid .ui-jqgrid-pager { width: 100%!important; } #gbox_insuranceCoverDetailGrid .ui-jqgrid-hbox, #gbox_ConsolidateSuperOverviewGrid .ui-jqgrid-hbox { padding-right: 0!important; } /* Unit Prices */ .unitPricesGenerateButtonMargin { margin: 10px 0 0 3px; } /* Consolidate Super */ #superEditContainer h2 { font-weight: normal; } #superEditContainer .pageBlurb { display:none; } #superEditContainer #FundNameToSearch { margin-left:5px; } #gview_ConsolidateSuperOverviewGrid .ui-jqgrid-htable th { padding: 7px; } #consolidationFieldsetContent ul li { padding-bottom: 5px; font-size: 1em; } #superListContainer .fundselectionlistbody tr:hover { background:#f1e2f5 !important;cursor:pointer; } #lnkFundNotInList { text-decoration:underline; } .consolidate-validate-buttons { width: 200px; } .consolidate-validate-update { margin: 0 10px; } #divCompleteRequest .ui-block-a,#divCompleteRequest .ui-block-b { width:100% !important; } #divCompleteRequest .ui-block-a a,#divCompleteRequest .ui-block-b a { margin-right:0 !important;margin-left:0 !important; } #consolidateValidationSuper .warning { padding: 20px; background: #f6f6f6; border-color: #f6f6f6; } /* Messages */ #gview_MessageGrid th { background: #f6f6f6; border: none; padding: 0.5em; } #gview_MessageGrid th td { border: none; } #gview_MessageGrid .ui-jqgrid-htable th div { color: #666; } #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:#39C3AD;font-family: 'Gill Sans W01 Light';font-weight:normal;font-size: 15px; } #messageHeader { color: #666666;font-size:1.1em; } #messagesContainter .topBar { margin:0; } #messagesContainter .navBar { float: right; } #messagesContainter .messageNavBar ul li { margin:0 0 0 5px; } #messagesContainter .ui-jqgrid TABLE.noRecords { border-bottom: 0;border-top: 1px solid #ccc; } #messagesContainter #messageBody { margin:10px 0; } .consolidationFieldsetContent ul { list-style-position: outside; } .consolidationFieldsetContent ul li { font-size: 1em;line-height: 1.4em; } /* 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;} #correspondenceContainter td.crsNoContent { border: 0;font-size: 11px;background: #f6f6f6;border-top: 1px solid #ccc; } /* RHS styles */ #messageAccordion.ui-accordion .ui-accordion-header, #alertAccordion.ui-accordion .ui-accordion-header { background: #FB9126; border: 1px solid #FB9126; border-bottom: 0; color: #000; font-weight: normal; margin-top: 0 ; padding-left: 1em;border-radius:0;font-family:Arial; } #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 #FB9126; background: #fff; font-size: .9em; } .campaignSection { border: 1px solid #f6f6f6; } .campaignSectionHeader { color: #666;background: #ececec; } .collapsibleContainerTitle { border-bottom: 1px solid #f6f6f6; color: #666; background: #F6f6f6 } /* contact us */ #contactUsFormContainer .pageBlurb { display:none; } .feedbackHeader .label { color:#201d1e; } /* Footer */ #footer { border: 0;text-align:left;padding:30px 20px 20px;background: #7226E0;min-height: 180px;color: #B09BBC;line-height: 1.4;margin-top:40px; } ul.footer { width:995px;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; } ul.footer a:link, ul.footer a:visited { color:#fff; } ul.footer a:hover { text-decoration: none;color:#ccc; } #footerContainer #subFooterResourceContainer { color:#000; } #footerContainer #subFooterResourceContainer p { margin-bottom:0; } #footer span { width: 995px;padding:0;margin:0 auto; } #footer span.version { text-align:left;font-size:11px;font-weight:normal;color:#fff;padding-top:10px; } /* NetWealth Fund Styles: HS */ /* NetWealth Add Accounts */ #netWealthAccountContainer #AccountHeader { background: #7226E0; } #netWealthAccountContainer #AccountHeader h2 { color: #fff; } #netWealthAccountContainer .accountCategoryHeader, #netWealthAccountContainer #accountCategoryHeader { background: #e6e6e6; border-color: #7226E0; color: #000; } #netWealthAccountContainer .accountCategoryDetails .accountList, #netWealthAccountContainer .accountCategoryDetails #unknownOrIncompleteAccountDetails #accountFailedMsgDetails { border-color: #aaa; } #netWealthAccountContainer .accountCategoryDetails .accountList .accountManagePreferenceLink a { color: #7226E0; } #netwealthButtonContainer #btnAddAcccount input[type="button"], #addAccountButton input[type="button"] { background: #7226E0; border-radius: 0; } #errorContainer ul li { color: #ff0000; } #addAccountHeaderBar ul li { color: #A091EE; } #addAccountHeaderBar ul li.active { color: #7226E0; } #frmBankList .custom-pagination-banklist a { background: #e6e6e6; border-color: #e6e6e6; color: #7226E0; } #ServiceDetails #financialServiceDetails label { background: #e6e6e6; color: #000; } #ServiceDetails #financialServiceDetails label:hover, #ServiceDetails #financialServiceDetails input:checked + label { background: #7226E0; color: #fff; } #frmBankList .custom-pagination-banklist a:hover, #frmBankList .custom-pagination-banklist a.active { border-color: #7226E0; } /***** MJOL *****/ #mjolContainer { background: #fff; } #mjolContainer h1 { clear:both;float:left;margin:10px 0;font-size:24px; } #mjolContainer h2 { position: relative; padding-bottom: 20px; margin-bottom: 10px; border-bottom: none; } /*#mjolContainer h2:after { position: absolute; top: 100%; left: 0; width: 50px; height: 3px; background: #7226E0; content: " "; }*/ #mjolPopupContainer, #frmForgotApplication { min-height: 250px; padding: 25px; background: #fff; } #mjolContainer #validationSummary { margin: 30px 20px 0; } #mjolNavBar { display: table; width: 100%; margin: 0 0 -10px 0; padding: 0; } #mjolNavBar li { display: table-cell; text-align: center; } #mjolContainer fieldset { padding: 20px; border: 1px solid #ebebeb; box-sizing: border-box; } #mjolContainer fieldset#fldsetPersonalInfo, #mjolContainer fieldset#fldsetPostalAddress { width: 49%; min-height: 370px; margin-bottom: 20px!important; float: left; } #mjolContainer fieldset#fldsetPersonalInfo { margin: 0 1% 0 0; } #mjolContainer fieldset#fldsetPostalAddress { margin: 0 0 0 1%; } #mjolContainer #frmPassword fieldset { background: #ebebeb; } #mjolContainer fieldset legend { padding: 0; margin: 0 0 20px; float: left; border: none; font-weight: bold; font-size: 1.2em; font-family: 'HurmeGeometricSans4'; color: #000; } #fldsetPersonalInfo legend { padding:20px 0 0 0;margin:0 0 10px 0; } #mjolContainer #lblFollowUpText,#mjolContainer #lblMemberText,#mjolContainer #btnCancel { } #mjolContainer #btnCancel { outline:0; } #frmClassifications .pageBlurb { display:none; } .mjolModule { min-height: 200px; background: #fff; border: none; padding: 0; margin: 10px 0; } .mjolModule #divFollowUpContent,#nominationOptions { padding: 10px; background: #f6f6f6; border: 1px solid #ebebeb; } .stepHeader {text-transform: none;} #mjolContainer #stepContainer { padding: 25px; } #stepContainer ul { list-style-position: inside; } #mjolContainer #validationSummary, #mjolContainer #stepContainer, #mjolContainer #stepContainer .pageBlurb { clear:both; } .validation-summary-valid { margin:0 15px; } #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; } 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; } #NE .modalCloseImg.simplemodal-close { display: block!important; } #mjolContainer #topSectionContainer ul,#mjolContainer #bottomContent ul { padding: 0 5px 15px; } #mjolContainer #topSectionContainer ul li,#mjolContainer #bottomContent ul li { font-size: 1em; margin-left: 15px; line-height: 15px; } #insuranceOptions .insuranceValue { margin-left: 0; font-weight: bold; } #frmClassifications h2:after { display: none; } #frmClassifications h2 ul { font-size: 14px; color: #000; padding-left: 20px; } #divMemberDocs, #divAdditionalDocs, #divMemberCentre { padding: 0 10px 10px; border: 1px solid #ddd; margin: 0 0 10px; min-height: 80px; } #mjolContainer div[name="publicscreen"] { background: #f6f6f6; padding: 20px; } #pensionContainer #btnContinueApplication { font-weight: 700; border: 1px solid #7226E0; padding: 2px 1px 2px 4px; } .ttpolContainer #breadcrumb .activeStep { background:#ffbf65 !important; } .ttpolContainer #breadcrumb .step { background: #A091EE; color: #FFF; } .ttpolContainer #breadcrumb .visitedStep { background: #7226E0 !important; } .scroll_tabs_container .scroll_tab_right_button, .scroll_tabs_container .scroll_tab_left_button { color: #7226E0; } .scroll_tabs_container .scroll_tab_right_button_over, .scroll_tabs_container .scroll_tab_left_button_over { color: #A091EE; } .scroll_tabs_container { border-bottom: 2px solid #ffbf65; } .ttpolPensionDetails DIV.fiLabel { width: auto; } /* Navigation */ #mjolNavBar li {padding: 15px;*padding: 11px 19px; /* IE6/7 */background: #A091EE;border-left: solid 1px #fff;color: #fff;font-weight:normal;font-size:14px;} @media all and (min-width:0) { #mjolNavBar li { padding: 11px 19px \0/; } /* IE9-IE10pp4 */ } @-moz-document url-prefix() { #mjolNavBar li { padding: 11px 19px; } /* FIREFOX */ } #mjolNavBar li.highlight { background-color: #7226E0; color: #fff; } #mjolContainer .breadcrumbs #mjolNavBar li.highlight { margin: 0; padding: 0 30px; top: -65px; } .visitedStep { color: #fff !important; background: #7226E0; } .visitedStep:after { content:none !important; } /* Buttons */ #mjolButtonContainer { padding: 0 20px;float:none;text-align:right;margin-right:0; } #mjolButtonContainer #btnPrev { float: left; } .jfontsize-button { border:none;font-weight:normal; } .jfontsize-button:hover { border: none; background: none; color: #201547!important; } /* Resume Application */ #mjolPopupContainer #frmResumeApplication fieldset { width: auto; } #mjolPopupContainer #frmResumeApplication fieldset div.fiLabel { width:18%; } #mjolPopupContainer #frmResumeApplication fieldset a { text-decoration:underline;padding: 15px 0 5px;float: left; } /* About You */ #lblMemberText { padding-left: 0; } /* Your Details */ #mjolContainer fieldset div.fiLabel { width: 21%; padding-right: 20px; } .ui-widget-header { background:#7226E0;border-color:#7226E0; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { color: #7226E0;background: #f1e2f5; } #frmDigitalMemberCard #optOut label { margin-right:10px; } #frmDeclaration ul { list-style-position: outside;padding:0 0 0 20px; } #frmDeclaration ul li { font-size: 1em;line-height: 1.2em; } #frmDeclaration #IsTermsAndConditionsAccepted { margin-left: 0;} /* Your Options */ #subscriptionContainer .inputStyle { margin:0; } #subscriptionContainer .inputStyle .oc-radiogroupex { margin: 10px 0; padding: 10px; background: #fffdff; border: 1px solid #ebebeb; } #subscriptionContainer .inputStyle .oc-radiogroupex li { font-size: 1em; } .insIntroText legend { margin:20px 0 0;border:0; } #stepContainer .insIntroText ul { list-style-position: inside;padding:0; } #stepContainer .insIntroText ul li { font-size: 1em; } #frmInsuranceOptions .additionalOptionContainer { margin-bottom:20px; } #frmInsuranceOptions .additionalOptionContainer .mjolInsuranceOptionSelect { display: block;margin-top: 2px; } #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th{ text-align: left; padding: 10px; background: #eee; color: #000; border-bottom: none; } #frmBeneficiaries #beneDetailsContainer #beneficiariesTable th { border-bottom: none; border-right: none; background: none; } #frmBeneficiaries #beneDetailsContainer .dataTables_wrapper { position: static; } div#cascadingFlowParent .additionalOptionContainer .fiLabel { width: auto; } div#cascadingFlowParent .additionalOptionContainer .fiLabel p { padding: 0 0 5px 0; } div#cascadingFlowParent .additionalOptionContainer .fiLabel #dropdown { width: auto; display: block; margin: 20px 0 0 0; } #beneficiariesTable tr:not(.child) td:last-child:not(.dataTables_empty){text-align:center;} #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th.benefit.all.sorting_disabled{text-align:center;} #subscriptionContainer .subscriptionText { margin-bottom:30px; } #subscriptionContainer .subscriptionText p { display: none; } /* Your Other Funds */ #frmConsolidateSuper ul { margin-left: 15px;padding: 0 0 15px 0;font-size: 1em; } #frmConsolidateSuper ul li { padding: 0 0 5px 0;line-height: 15px; } /* Confirmation */ #mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel p { padding: 0; } #mjolInsuranceOptionsSummaryContainer div#cascadingFlowParent .additionalOptionContainer .fiLabel #dropdown { margin:0 0 20px 0;font-weight:normal; } /* Complete */ #mjolContainer h1.mjolSummaryModuleHeader { font-family: 'HurmeGeometricSans4'; font-weight: normal; font-size: 20px; margin: 0; padding-top: 20px; } #mjolContainer .summaryHeader { border-bottom: none; margin: 10px 0 20px; clear: both; } #mjolContainer .summaryHeader h2 { border-bottom:0;margin-bottom:0; } #mjolContainer .declaration-outro { padding-top:15px; } #mjolContainer .declaration-outro p { padding-bottom:5px; } #mjolContainer .declaration-outro ul li { padding-bottom:5px;font-size:1em;line-height: 15px; } #mjolContainer .summaryEditContainer .mjolEditButton { font-weight:normal;text-decoration:underline;text-transform:lowercase; } #mjolMemberProfileSummaryContainer .dataGroup,.moduleSummaryContainer .dataGroup { display: inline-block; width: 32%; min-height: 200px; padding: 20px; background: #f6f6f6; box-sizing: border-box; border-bottom: 0; } #mjolContainer #stepContainer .iconCell { display: none; } #mjolMemberProfileSummaryContainer .fiLabel { width: 160px; font-family: 'HurmeGeometricSans4'; } #frmSummary #mjolInsuranceOptionsSummaryContainer #insuranceOptions { width: 100%; } /* MJOL pop-up */ #mjolPopupContainer h3 { margin-top: 0; } #mjolPopupContainer fieldset div.fiLabel { width: 115px !important; } #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; } /* Terms and Conditions */ #termsAndConditionsContainer .content p { padding-bottom:0; } #termsAndConditionsContainer .bottomContent h4 { margin-bottom: 5px; } /* Digital Member Card */ #digitalMemberCardContainer .fiLabel { width:165px;font-weight:normal;font-size:15px; } #digitalMemberCardContainer .pageBlurb { width:100%; } #digitalMemberCardContainer .DMCcontentLeft { float: left; width: 60%; } #digitalMemberCardContainer .DMCcontentLeft h1 { font-size:3.6em;line-height: 1.1; } #digitalMemberCardContainer .DMCcontentLeft h2 { font-size: 28px;line-height: 1.1;margin-bottom:20px; } #digitalMemberCardContainer .DMCcontentLeft p { font-size: 15px;line-height: 1.2; } #digitalMemberCardContainer .DMCcontentLeftTop { padding-bottom:10px;margin-bottom:20px; } #digitalMemberCardContainer .DMCcontentLeft ul { padding: 0 0 25px 40px; } #digitalMemberCardContainer .DMCcontentLeft ul li { font-size: 15px;line-height: 1.1; } #digitalMemberCardContainer .DMCcontentRight { float:right;width:380px;padding-left:40px; } #digitalMemberCardContainer DIV.formItem,#digitalMemberCardContainer .required { float:left;clear:left;font-size: 12px;padding: 0; } #digitalMemberCardContainer .formAction { width: auto; margin-left: 220px; clear: none!important; } #digitalMemberCardContainer #bottomContent { margin: 20px 0 0; clear: none; float: left; width: 60%; padding-bottom: 50px; } #digitalMemberCardContainer #bottomContent h3 { margin:15px 0; } #digitalMemberCardContainer #bottomContent p { padding:0 0 10px 0;margin:0;font-size:10px;} .img_DMC { padding-bottom: 15px; } .img_iOS { padding:0 5px 0 15px; } #digitalMemberCardContainer #MemberEmailPhone { width:380px;height:50px;font-size: 15px;border: 1px solid #adadad; padding: 5px 5px 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); -ms-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.3); } .dmcContainer { background: #fff; } .dmcContainer #wrapper { background:none; } .dmcContainer #mainContent { background: #fff; padding: 25px; min-height: 250px; } .slick-dots { margin: 0 !important; } .slick-dots li { margin: 0 !important; } .slick-dots li button { padding: 0; } .slick-prev, .slick-next { width: 23px; } .slick-prev:before, .slick-next:before { font-size: 23px; color: #7226E0; } div#campaignPlaceholder .campaignSectionHeader { background: #fff; height: auto; } #campaignPlaceholder .campaignContent { margin: 0; } div#campaignPlaceholder .campaignSectionHeader { padding: 0; } .campaignSection .collapsibleContainerTitle div { background: #fff; padding: 0; } .campaignSection, .campaignSection #campaignContainer .ui-widget-content, .campaignSection .showTitle .collapsibleContainerTitle, #campaignContainer .ui-widget-content { border: 0; } .campaignSection div#divInteractiveStatementDashboard_99 { background: #fff; } /* popup box */ a.modalCloseImg.simplemodal-close{ display: block !important; } div.simplemodal-container A.modalCloseImg{ background: url(images/modal-close.gif) no-repeat; } #mjolPopupContainer #btnSave{ padding: 7px 10px; margin-left: 0; } #simplemodal-container .oc-button { background: #7226E0; } #simplemodal-container .oc-button:hover { background: #282262; } #simplemodal-container .oc-button span{ background: none; line-height: normal; padding: 0; margin: 0; font: inherit; border: none; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { border-radius: 0; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { border-radius: 0; border: none; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { background: #7226E0; color: #fff; border-radius: 0; margin: -2px; font-family: 'HurmeGeometricSans4'; font-weight: 600; } #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button{ padding: 7px 10px; margin-left: 10px; background: #d4d4d4; color: #333; } #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span{ color: #333; margin:0; } div#btnSaveContainer #btnCancel{ background: none; } #btnSaveContainer{ text-align: left; } div#tfnButtonContainer a#btnChange { width: 115px !important; margin:0; padding:0; } div#tfnButtonContainer a#btnIgnore{ padding: 0 !important; } div.DTE button.btn, div.DTE div.DTE_Form_Buttons button { padding: 7px 20px; background: #7226E0; color: #fff; border: 1px solid #7226E0; border-radius: 0; text-shadow:none; transition: .5s ease all; } div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus, div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover { background: #201547; color: #fff; border-color: #201547; } table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected { background: #ddd; } button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled), button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled) { background: #333; border-color: #333; } /* Calendar Popup */ .ui-datepicker-calendar th { background: #e6e6e6; color: #000; } .ui-datepicker-week-col{ background: none repeat scroll 0 0 #e6e6e6; text-align: center; } /* ME Bank */ .me-pop-up { border: 1px solid #7226E0;border-radius: 10px; } .me-pop-up .ui-dialog .ui-dialog-content { padding: 1em } .me-pop-up .ui-dialog-titlebar { display: none; } .me-pop-up .coverCeasedAlert h1 { margin: 0 0 20px 0;background: none;padding-left: 0;background-size: 0; } .me-pop-up .coverCeasedAlert .ui-widget-content .ui-state-default { background: #7226E0;margin: 0; } .me-pop-up .ui-widget-content { border: 0; } .me-pop-up .ui-state-default, .me-pop-up .ui-widget-content .ui-state-default { background: #7226E0;color: #fff;-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px; } .me-pop-up .ui-state-hover,.me-pop-up .ui-widget-content .ui-state-hover,.me-pop-up .ui-widget-header .ui-state-hover,.me-pop-up .ui-state-focus,.me-pop-up .ui-widget-content .ui-state-focus,.me-pop-up .ui-widget-header .ui-state-focus { background: #7226E0;color: #fff; } /* SuperMatch styles */ #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader {color: #7226E0;} #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails {background: #f0f0f0;} #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch .accountDetails .form-item { font-family: arial; } #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { background: url(images/down-chevron.jpg) no-repeat center center; width: 20px; margin-left: -35px; } #superMatch2FundDetailContainer #accountCollapsibleContentSuperMatch span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s { background: url(images/up-chevron.jpg) no-repeat center center; width: 20px; margin-left: -35px; } div#simplemodal-container { width: auto !important; padding: 20px 40px 20px 20px; } div.simplemodal-container A.modalCloseImg { background: url(images/modal-close.gif) no-repeat; } #superMatch2AtoDetails .atoMoniesType, #supermatch2AtoMonieListComplete .fundATOMonies, #supermatch2AtoMoniesList .atoMoniesType {color: #7226E0;} #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-hover, #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-active, #superMatch2FundDetailContainer .superMatch2AccountCategoryHeader.ui-state-focus { color: #7226E0; } div#superMatch2ThankyouPage #pageIntro, div#superMatch2ThankyouPage #pageIntro h3 { color: #000; } div#consolidateSuper .pageBlurb h4 { margin: 0; padding: 0 0 15px 0; font-size: 13px; color: #333; font-weight: normal; } #loadingSpinner .spinner { display: block; } /* Media Queries –––––––––––––––––––––––––––––––––––––––––––––––––– */ /***** Home Page Full Width *****/ @media (max-width: 1200px) { #header { width: 100%; } #content { width: 985px; } #mainLoginPage .loginLeftContent { width: 640px; } #mainLoginPage h1 { background-position: 120% -40px; } #siteEntryPoints { width: 330px; } /*#loginEntry { margin: 0 0 0 10px; } #registrationEntry { margin: 10px 0 0 10px; }*/ #mainLoginPage .pageBlurb #memberCustomContent { width: 640px; } #mainLoginPage .pageBlurb #memberCustomContent #customContentOne { width: 320px; box-sizing: content-box; } #mainLoginPage .pageBlurb #memberCustomContent h2 { padding: 10px 0 20px; } #mainLoginPage .pageBlurb #memberCustomContent .memberJoin { width: 250px; } /* Logged in */ #mainMenu { width: 100%; } .loggedIn #content { box-sizing: content-box; } #mainContent.subPanelled { width: 684px; } #dashboard .dashboardBoxSmall, #assetAllocation .dashboardBoxSmall { width: 288px; box-sizing: content-box; } #dashboard .dashboardBoxLarge, #assetAllocation .dashboardBoxLarge { width: 620px; box-sizing: content-box; } .slick-content{width: 646px;} .campaignContent img {width: 230px} #subPanel { width: 230px; } #memberInfoBox span.memberID, #memberInfoBox span.memberName, #memberInfoBox span.memberLastLogin { width: 130px; } #memberInfoBox span.memberIDlabel, #memberInfoBox span.memberNameLabel { width: 90px; } #memberInfoBox ul { font-size: .9em; } /* Member Accounts */ #AccountSummaryLeftContainer, #AccountSummaryRightContainer { width: 325px; } #digitalMemberCardContainer .DMCcontentRight { width: 320px; } } /***** MJOL Responsive - CUSTOM STYLES *****/ @media (max-width: 1024px) { .mjol_body td, li, ul{font-size: 1em;} .mjol_body #content{width: 100%; padding:0;} #mjolContainer h1.mjolSummaryModuleHeader{font-size:1.5em; line-height: 1em;} .mjol_body button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled){color: #000;} .mjol_body .visitedStep{ background: #7226E0!important;} .mjol_body #mjolNavBar li.visitedStep .stepProgressText { color: #fff; } /* header */ #mjolPopupContainer h3{font-size:1.5em;} #mjolContainer h2{margin: 1em 0; font-size: 1.3em;} /*#mjolContainer .breadcrumbs #mjolNavBar li.highlight{font-size: 1.5em; color: #8c53a5;}*/ #mjolNavBar li .stepProgressText{margin-left:0;} .mjol_body A#homeLink{top: 15px;} /* forms */ #mjolContainer fieldset div.fiLabel{width: 100%;} .mjol_body #frmMemberProfile SELECT{width: 180px;} #mjolPopupContainer #frmResumeApplication fieldset div.fiLabel{width: 100%;} /* responsive table */ .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: #7226E0;} .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: #7226E0;} .mjol_body table th{background:#7226E0; color: #fff;} .mjol_body button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled){background: #39C3AD;} .mjol_body th.ioTransferSplit.all.sorting_disabled, th.ioInvestOptions.all.sorting_disabled{text-transform: inherit} .mjol_body table#mjolDefaultInvestmentOptionsTable tfoot td{padding:10px;} .mjol_body #superListContainer .fundselectionlistbody tr td{border-bottom: none;} .mjol_body th.ioPerfText.sorting_disabled{font-size: .90em !important;} .mjol_body th.ioTransferSplit.all.sorting_disabled{padding: 10px;} .mjol_body #frmInvestment .ioTransferSplit input{width: 70px;} /* Your Options */ .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th{text-align: left; padding: 10px;} .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable.dataTable tbody tr.child td{padding-left:43px} .mjol_body #frmBeneficiaries #beneDetailsContainer #beneficiariesTable thead th.benefit.all.sorting_disabled{text-align:center;} .mjol_body #beneficiariesTable tr:not(.child) td:last-child:not(.dataTables_empty){text-align:center;} .mjol_body table#beneficiariesTable tbody tr td{padding: 10px 5px;} .mjol_body table.dataTable>tbody>tr.child ul{width:100%} .mjol_body table#beneficiariesTable tbody tr td{padding: 8px;} .mjol_body table#beneficiariesTable th.givenNames{padding: 8px; text-align:left;} /* Other Fund Details - Step 5 */ .mjol_body #superEditContainer #FundNameToSearch{margin-left:0;} /* custom styling */ .mjol_body #superDetailsContainer .fiLabel{width: 100% !important;} .mjol_body div#superDetailsContainer{margin:0;} .mjol_body #FundNameToSearch{width: 100%;} .mjol_body div#superDetailsSubContainer legend{width: 100%;} .mjol_body p#previousNameContainer{width: 100%;} /* popup boxes */ .mjol_body div.DTE button.btn:hover, div.DTE div.DTE_Form_Buttons button:hover{background:#7ebd54;} .mjol_body div.DTE button.btn:focus, div.DTE div.DTE_Form_Buttons button:focus{background:#517d1b;} #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span{} #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button{} #mjolPopupContainer #btnCancel{ } #mjolPopupContainer #btnSave{ margin: 0 0 10px; } #mjolPopupContainer #btnCancel:focus{ } #mjolPopupContainer #btnSave:focus{ } .mjol_body div#dialogContainer h3{font-size: 1.7em;} .mjol_body #simplemodal-container .oc-button{ box-sizing: border-box; } .mjol_body div#tfnConfirmationContainer{padding: 20px 10px;} /* complete */ #mjolContainer .summaryHeader h2{font-size: 1.5em !important; float:left; margin-bottom: 10px; padding-top:0 !important;} #mjolContainer .summaryHeader{margin: 10px 0 15px} /* forgot application */ .mjol_body form#frmForgotApplication h1{font-size: 1.8em; line-height: 12px;} /* footer */ .mjol_body #footer{ width: 100%; min-height: auto; padding: 20px 0; } .mjol_body ul.footer{width: 100%;} .mjol_body #footer span.version{text-align:center; letter-spacing:1px; font-size:10px;} .mjol_body #footer span{width: 100%;} .mjol_body #header { padding-top: 0; } .mjol_body #mainContent { padding: 15px 0; } div#mjolContainer { margin: 70px 0 0; padding: 0; } .mjol_body #stepContainer { padding: 0 10px; } .mjol_body #header .pageHeader{height: 80px;} .mjol_body #header .pageHeader h1{margin: 10px 10px 0 0;} .mjol_body .pageHeader A#homeLink{background-size: 160px;} .mjol_body A#homeLink{top: 10px;} .mjolModule{padding: 0 10px 10px;} div#mjolContainer .breadcrumbs { min-height: 10px; } #mjolNavBar { margin: 0; } /*#mjolContainer .breadcrumbs #mjolNavBar li.highlight { top: -70px; left: 20px; text-align: left; font-family: 'HurmeGeometricSans4'; font-weight: 700; }*/ .progress-wrapper .progress-bar { position: absolute; right: 20px; top: -85px; } #mjolButtonContainer { width: auto; } #mjolMemberProfileSummaryContainer .dataGroup, .moduleSummaryContainer .dataGroup { width: 100%!important; } } @media (max-width: 740px) { #mjolNavBar li { display: none; } #mjolContainer fieldset#fldsetPersonalInfo, #mjolContainer fieldset#fldsetPostalAddress { width: auto; float: none; } } @media (max-width: 380px) { .oc-button, a.oc-button { padding: 7px 18px; } } /*MULTI FACTOR AUTHENTICATION*/ /*MFA buttons - secondary*/ #multiFactorStepContainer .oc-button#btnCancel, #multiFactorStepContainer .oc-button#btnCancel span, #multiFactorStepContainer .oc-button#btnMfaSkip, #oktaMfaSetupContainer #btnSetupCancel, #mfaHelpContainer #btnHelpCancel {background: #fff !important; border: none; text-decoration: underline !important; color: #7226E0} #multiFactorStepContainer .oc-button#btnCancel:hover span {text-decoration: none !important} /*Errors*/ #multiFactorStepContainer #validationSummary {list-style-type: none; padding-left: 10px; color: #FF4F4F; background: none; border: 1px solid #FF4F4F} /*Enroll*/ #multiFactorContainer #registermfa {margin-top: 1em;} #multiFactorContainer > div > span {display: block;} #multiFactorContainer label {margin-top: -1px;} #multiFactorStepContainer .oc-button#btnMfaSkip {padding-left: 12px; margin-right:13px} #multiFactorContainer td #btnEnRol {float: right} /*Enroll Okta*/ img[alt="oktaverifyapp"] {width: 50px; display: inline-block} #OktaDefaultContainer .column, .oktaappurl .column {display: inline-block; vertical-align: middle; margin: 1em 0 1em 0;} .oktaappurl img {margin-right: 1em} .oktadetail {margin-top: 10px;} #oktaMfaSetupContainer #smsVerify .column:nth-child(2), #oktaMfaSetupContainer #emailVerify .column:nth-child(2) {text-decoration: underline; color: #7226e0; margin: 0em 0 1em 0; cursor: pointer} #oktaMfaSetupContainer #divEmailSent, #oktaMfaSetupContainer #divSmsSent {margin-left: 4.2em; border: 2px solid #7226e0; width: 36%; padding: 1em; margin-bottom: 1em; color: #7226e0; font-weight: bold} #mfaOktaEnrolForm .row .column, #mfaOktaEnrolForm .oktaqrcode .column, #mfaOktaEnrolForm #smsVerify .column, #mfaOktaEnrolForm #emailVerify .column {display: inline-block; vertical-align: middle;} #mfaOktaEnrolForm #smsVerify {margin-top: 2em;} #mfaOktaEnrolForm #smsVerify .column:nth-child(2), #mfaOktaEnrolForm #emailVerify .column:nth-child(2) {margin-top: 15px} #mfaOktaEnrolForm img.oktascanicon, #mfaOktaEnrolForm img.oktasmsicon, #mfaOktaEnrolForm img.oktaemailicon {width: 50px; margin-right: 10px} .oktaqrcode img[alt="oktascanimage"]{margin-left: 35px;} #Oktaconfirmation div:nth-child(2) div {font-weight: bold; text-align: center; margin-top: 1em; font-size: 1.25em} #Oktaconfirmation img.oktacompletiontick {margin: 0 auto; display: block; width: 100px;} /* Enroll SMS */ #multiFactorStepContainer span.resendSMSbutton {float: left !important;} #multiFactorStepContainer span.resendSmsConfirmation {display: block; margin: 10px 0} #multiFactorStepContainer fieldset .formAction.actionmfaButtons {float: right} #multiFactorStepContainer fieldset .formAction.resendblock {text-align: left;} #smsSetupContainer a#btnBack {float: right; margin-top: 10px;} a#btnDone {margin-top:10px; float: right; margin-right: 10px;} /*Enroll Google*/ #mfaGoogleAuthEnrolForm > div ul {margin-top: 10px;} #mfaGoogleAuthEnrolForm > div ul > li .row {margin-top: 10px; margin-left: 20px} form#mfaGoogleAuthEnrolForm .row:first-of-type .column {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center} form#mfaGoogleAuthEnrolForm label[for="Enter_Code"] {padding: 0 10px;} /*Verify*/ div#divOtherFactors, div#divOtherUserFactors {margin-top: 10px;} div#divOtherFactors label {margin-top: 4px; display: block;} /*Okta*/ /*SMS*/ #mfaSmsForm fieldset {width: 100% !important} /*#multiFactorStepContainer #mfaSmsVerifyForm #btnCancel {float: left;}*/ /*Google*/ img[alt="googleAuthverifyapp"] {width: 50px;} form#mfaGoogleAuthVerifyForm .row:first-of-type .column {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center} form#mfaGoogleAuthVerifyForm label[for="Enter_passcode"] {padding: 0 10px;} /*Reset*/ #mfaResetContainer #mfaresetbody1 {color: #7226e0; border: 1px solid #7226e0; padding: 0.5em; margin: 0.5em 0; display: block;} #mfaResetContainer .validation-summary-errors {margin: 1em 0} #mfaResetForm .pageBlurb {width: 100%} #mfaResetForm #btnSubmit {float: right} #mfaResetContainer #validationSummary {position: relative;} /*Help*/ div#mfaHelpContainer .pageBlurb, div#mfaHelpContainer .pageBlurb > div:nth-child(2) {width: 100%} div#mfaHelpContainer .pageBlurb > div:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; } div#mfaHelpContainer .pageBlurb > div:nth-child(2) > div:nth-child(3) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end; } /*Manage*/ #topMenu DIV.dropDownListControl UL {left: -145px;} #tblMFAAuthentication .btnOptOut:hover, #tblMFAAuthentication .btnRegister:hover {cursor: pointer;} #MFAAuthenticationCancel input#btnCancel {float: right;margin-top:10px; margin-right: 10px;} #OptOutDialogueSample #heading {display: block; font-size: 1.25em; font-weight: bold; padding: 0.45em 0 1em 0; border-bottom: 1px solid lightgrey} #OptOutDialogueSample .mfaoptoutmsg1 {display: block; padding: 1em 0; border-bottom: 1px solid lightgrey} /*Manage popup*/ .ui-dialog[aria-describedby="OptOutDialogueSample"], .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset, .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonpane {background: #fff} .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-titlebar {background: #7226e0;} .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-widget-content {border-top: none;} .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset button {border: none} .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset .ui-button-text {background: #7226e0; color: #fff; font-weight: bold; border: none; padding: 8px 12px;} .ui-dialog[aria-describedby="OptOutDialogueSample"] .ui-dialog-buttonset button:nth-child(1) .ui-button-text {background: #fff; color: #7226e0} /*Campaign Tile(s)*/ .mfaCampaignMain {height: 110px; display: flex; justify-content: center; align-items: center; background: #7AE0D2;} .mfaCampaignMain span.mfaCampaign {font-family: "HurmeGeometricSans4"; color: #7226E0; font-size: 23px; font-weight: bold;width: 60%;} .mfaCampaignMain input {cursor:pointer} .mfaCampaignSubpanel { height: 200px; background: #7AE0D2; padding: 20px; display:flex; flex-wrap: wrap; align-content:space-between;} .mfaCampaignSubpanel span.mfaCampaign {font-family: "HurmeGeometricSans4"; color: #7226E0; font-size: 23px; font-weight: bold; width: 100%;} .mfaCampaignSubpanel input {margin-left: 0 !important; cursor:pointer} /*HESTA - Chat Widget*/ #HS .cx-side-button {font-family: 'HurmeGeometricSans4', Arial, sans-serif;background-color: #292460; color: #fff;} #HS .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; } #HS .cx-side-button {width: 105px;height: 40px;position: absolute;bottom: 0;} #HS .cx-widget.cx-theme-dark * {border-color: #000;} #HS .cx-widget.cx-theme-dark .cx-buttons-window-control .cx-svg-icon-tone1 {fill: #fff;} #HS .cx-common-container .cx-titlebar {font-family: 'HurmeGeometricSans4', Arial, sans-serif; background-color: #292460;} #HS .cx-body .cx-input-container { padding: 5px 24px !important; } #HS .cx-form table, #HS .cx-input-container table {border: none} #HS .cx-webchat .cx-alert {top: 50px;} #HS .cx-webchat.cx-theme-dark .cx-alert>.cx-wrapper {padding: 30px 20px; background-color: #fff; color: #292460;} #HS .cx-webchat .cx-form .cx-form-control.cx-error {color: #da2028 !important;} #HS .cx-body {font-family: "Muli", arial, sans-serif;background-color: #fff; padding-top: 10px !important;} #HS .cx-webchat .cx-form {padding-top: 10px; padding-bottom: 10px;} #HS .cx-widget table th {background: none; border: none; color: #414040 !important;} #HS .cx-widget.cx-theme-dark .cx-form-control {background-color: #fff !important; color: #414040 !important;} #HS .cx-widget.cx-theme-dark .cx-form-control:focus {border-color: #7226e0 !important;} #HS .cx-widget label {color: #292460 !important;} #HS .cx-avatar .cx-svg-icon-tone1 {fill: #7226e0 !important;} #HS .cx-common-container .cx-body {padding: 0px 0px;} #HS .cx-widget.cx-theme-dark .cx-btn-primary {background: #7226e0 !important;color: #fff !important; border-color:#7226e0 !important;} #HS .cx-widget.cx-theme-dark .cx-btn-primary:hover {background: #292460 !important;border-color:#292460 !important;} #HS .cx-widget.cx-theme-dark .cx-btn-default {background-color: #fff;border-color: #7226e0 !important; color: #7226e0;} #HS .cx-widget.cx-theme-dark .cx-btn-default:hover {background-color: #7226e0;border-color: #7226e0 !important; color: #fff;} #HS .cx-transcript span.cx-message-text {color: #646363 !important;} #HS .cx-webchat .cx-transcript .cx-message .cx-name {color: #292460 !important; margin-bottom: 10px} #HS .cx-message.cx-you .cx-bubble, .cx-message.cx-system {background: #f0f0f0 !important; border-radius: 6px; border: none !important; margin-bottom: 10px !important; padding: 8px !important;} #HS .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble-arrow svg polygon {fill: #f0f0f0} #HS .cx-webchat.cx-theme-dark .cx-transcript .cx-message.cx-them .cx-bubble {background-color: #f0f0f0} #HS .cx-webchat.cx-minimized .cx-webchat-counter {background-color: #ff0000} #HS .cx-webchat .cx-bubble-arrow polygon {fill: #f0f0f0;} #HS .cx-widget.cx-theme-dark a {color: #7226e0;} #HS .cx-widget.cx-theme-dark a:hover {color: #7226e0;} /*.cx-webchat .cx-transcript-wrapper {overflow-y: scroll;}*/ #HS .cx-widget.cx-theme-dark .cx-footer {background-color: #f0f0f0;padding: 20px; border-top: 1px solid;} #HS .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; } #HS .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 { fill: transparent; }