/* Last Updated: 03 June 2020 */ /* 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; } @font-face { font-family: 'HurmeGeometricSans4'; src: url('HurmeGeometricSans4-SemiBold.eot'); src: url('HurmeGeometricSans4-SemiBold.eot?#iefix') format('embedded-opentype'), url('HurmeGeometricSans4-SemiBold.woff') format('woff'), url('HurmeGeometricSans4-SemiBold.ttf') format('truetype'); font-weight: 515; font-style: normal; } /* General styles */ body { font-size: 0.95em; color: #333333; font-family: "HurmeGeometricSans4", Arial, sans-serif; background-color: #7226E0;} .container { background: #fcf8fd; } a, a:link, a:active, a:visited,#topMenu li a {color: #333333;text-decoration: underline;outline: none;} a:hover,#topMenu li a:hover { color: #201547; outline: none; } .accountLinks ul a, p a, p a:link, a.standardLink { color: #000000;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:28px;font-weight:bold;border-bottom:none; } h2 { color: #7226E0;font-family: 'HurmeGeometricSans4', Arial, sans-serif; font-size:1.6em;line-height:28px;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: 24px;line-height: 28px;} h4 { color: #201547;font-size: 15px; margin-bottom: .8em;line-height: 28px; font-weight: bold; } h5 {color: #333333;font-size: 1.3em;line-height: 1em;font-weight: 515;margin-top: 20px;margin-bottom: 20px;} #websiteid {font-weight: 300} td, li, ul { font-size: 1em; } ul { list-style-position: inside; padding: 5px; } ul li { padding: 2px 0; } p, #mjolCompleteContainer ul { margin:0;padding:0 0 10px 0; line-height: 28px} #mjolContainer .fiElem {width: 100%;} #mjolContainer #fldsetPostalAddress div:nth-child(7) {width: 48%;display: inline-block;} #mjolContainer #fldsetPostalAddress div:nth-child(8) {width: 48%; display: inline-block; float: right;} #mjolContainer .fiElem #Mobile, #mjolContainer .fiElem #Phone {width: 48%} .fiLabel label {color: #333333; font-size: 1.1em} .fiElem {font-size: 1.1em;} input, select, textarea {width: 100%;padding: 1px;border-radius: 0;padding: 15px 15px;border-radius: 5px;background-color: #f9f9f9 !important;border: solid 1.5px #f0f0f0;color: #6c6c6c;} input[type="text"], select, textarea {font-family: 'HurmeGeometricSans4', Arial, sans-serif;} input:focus, select:focus, textarea:focus {border-color: #7226E0; outline:none} #Proceed {width: auto;display: inline-block;color: #fff;background: #7226E0 !important;padding: 15px 45px;border-radius: 0;bottom: 0;line-height: 21px;font-family: 'HurmeGeometricSans4';border-radius: 4px;font-weight: semibold;font-size: 1em;border: 1px solid #7226E0;transition: .5s ease all;margin-top: 10px;} #Proceed:hover { background: #282262; } #Proceed { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 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); } .spinner {display: block !important;} #validationSummary {background: rgba(220,17,17,0.05);color: #dc1111;border: 1px solid #E6E6E6;padding: 30px;margin-bottom: 10px;} #validationSummary ul { padding:0; font-size: 1em; line-height: 25px} #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:0 15px 10px; } /* Errors */ #errorContainer ul li { color: #ff0000; } #mjolContainer .error {border: 1px solid #dc1111 !important;outline: none !important;} #mjolContainer .error[type="checkbox"]{} .oc-wizard-error, #errorContainer { background: #e6e6e6; color: #dc1111; } select { background: url(images/UpArrow@2x.png) right 10px center no-repeat; -webkit-appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; outline: none; } /*internet explorer & edge*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display: none !important; } select:disabled.simple-control::-ms-expand { display: none; } :root select {background: none} } select:focus {background: url(images/DownArrow@2x.png) right 10px center no-repeat;-webkit-appearance: none;} /*input[class="error"], select[class="error"],*/ input[type="text"].error {background: url(images/imagesCross@2x.png) right 10px center no-repeat !important;-webkit-appearance: none;} .ui-widget {font-family: "HurmeGeometricSans4", Arial, sans-serif; font-size: 0.8em} .ui-widget-content {background: #fff;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: #f0f0f0;} /*div#wrapper:before {position: absolute;top: 85px;left: 0;width: 100%;height: 330px;background: #f0f0f0;content: " ";}*/ #content {width: 100%;margin: 0 0;padding: 0 0px;} .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 {margin:0 auto;padding: 0px 0 0px;background: #7226E0;background-size: cover;} .pageHeader {background: #7226E0;position: relative;padding: 0 0;border-bottom: 0;box-sizing: border-box;width: 90%;} .pageHeader h1 {padding: 40px 0px 0 0;font: bold 25px 'HurmeGeometricSans4', Arial, san-serif;line-height: 25px;color: #fff;text-transform: none; text-align: center; font-weight: normal !important} .pageHeader h1 span.memberonlineheader { color: #19aee5; } A#homeLink {background: transparent url(images/logo.png) 0 0 no-repeat;width: 166.4px;height: 52px;margin: 0px 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: 647px; 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 {font-weight: bold;} .oc-button, a.oc-button {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, #btnSubmit { margin-left: 5px; } /* 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 { background: #e6e6e6; padding: 10px 30px 15px; float: left; margin: 20px 20px 0 0; } div#secQuestions + .formItem { padding-top: 40px; } 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 "HurmeGeometricSans4", 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 { 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; } #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: "HurmeGeometricSans4", 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-top:10px; } /* Subpages styles */ #subPageBody .pageBlurb { margin: 0 0 1em; width: 100%; } /* Styling of dashboard */ #dashboard .dashboardBoxSmall { height: 280px; } #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; } /* 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: 2em;} #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; max-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; } fieldset div.fiLabel { width: 32%; *width: 100px; } #updateMemberProfile FIELDSET { display: inline-block; width: 48%; min-height: 220px; position: relative; margin; 0 1% 1em 0; padding: 60px 20px 20px; vertical-align: top; border: 1px solid #ececec; box-sizing: border-box; transition: .5s ease all; } #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; } /* 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: #000; 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;padding: 30px 80px;background: #201547;min-height: 80px;color: #fff;line-height: 1.4;margin-top:40px; text-align: center} #footer p:first-of-type a{font-size: 1em;} #footer a {color: #fff;text-decoration: none;font-size: 14px;} #footer p:nth-child(2) {display: block;} #footer p:nth-child(2) a {padding: 0px 5px} ul.footer {float: right;padding:0;text-align: right;display: inline-block;width: auto !important;} 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: 14px;line-height: 14px;text-decoration: none;} 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 {padding:0;margin:0 auto;} #footer span a {} #footer span.version { text-align:right;font-size:11px;font-weight:normal;color:#fff;padding-top:20px; } #footer p {width: auto !important;display: inline-block;font-size: 16px;} /* 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; } #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 p, #mjolCompleteContainer ul {font-size: 1.1em;color: #333333;} #mjolContainer h1 { clear:both;float:left;margin:10px 0;font-size:24px; } #mjolContainer h2 {position: relative;padding-bottom: 15px;margin: 20px 0px 15px 0px;border-bottom: none;font-size: 32px;line-height: 28px;} /*#mjolContainer h2:after { position: absolute; top: 100%; left: 0; width: 50px; height: 3px; background: #7226E0; content: " "; }*/ label .displayLabel {padding: 10px 10px;} /*Inputs*/ .oc-radiogroupex input, label input, .SelectedClassificationTable input, .radio input, input[data-trackingevent="radio"], input[name="Checkboxselection"] {width: auto !important;} .ui-menu li {height: 1.6em; font-size: 1.2em; line-height: 1.6em;} /*Radio Buttons & checkboxes*/ input[type=radio], input[type=checkbox] { visibility: hidden; position: relative; margin-top:0;} div > input[type=radio]:before, div > input[type=checkbox]:before {position: relative;top: -1px; left: 0;} td > input[type=radio]:before, td > input[type=checkbox]:before { position: absolute; top: 8px; left: 0;} li > input[type=radio]:before, li > input[type=checkbox]:before { position: absolute; top: -1px; left: 0;} input[type=radio]:before { content: url(images/radiounchecked.png); display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-right: 8px; /*background-color: #e6e6e6; */ border-radius: 8px; visibility: visible; left: 0; } input[type=checkbox]:before { content: url(images/boxunchecked.png); display: inline-block; width: 16px; height: 16px; vertical-align:top; margin-right: 8px; /* background-color: #e6e6e6; */ border-radius: 4px; visibility: visible; left: 0; } input[type=radio]:hover:before { content: url(images/radiohover.png); /* \2022 Bullet */ color:white; /*background-color: #7226e0;*/ font-size:2em; text-align:center; line-height: 15px; visibility: visible; left: 0; } input[type=checkbox]:hover:before { content: url(images/boxhover.png); color:white; /*background-color: #7226e0; */ text-align:center; font-size: 13px; line-height:15px; visibility: visible; left: 0; } input[type=radio]:checked:before { content: url(images/radiochecked.png); /* \2022 Bullet */ color:white; /*background-color: #7226e0;*/ font-size:2em; text-align:center; line-height: 15px; visibility: visible; left: 0; } input[type=checkbox]:checked:before { content: url(images/boxchecked.png); /* \2714 Tick */ color:white; /*background-color: #7226e0; */ text-align:center; font-size: 13px; line-height:15px; visibility: visible; left: 0; } #SelectedClassification_0, #SelectedClassification_1, #SelectedClassification_2, #SelectedClassification_3 { position: relative; float: left; vertical-align: top; visibility: visible; top: 10px; left: 2px; } #SelectedClassification_0:before, #SelectedClassification_1:before, #SelectedClassification_2:before, #SelectedClassification_3:before { top: -3px; left: -3px; } .labelSpan {margin-left: 8px;font-size: 1.1em;} input:not(:checked) + label {font-weight: lighter} #DeclineService {width: auto;} #divDeclineService{margin-top: .5em;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { input[type=radio], input[type=checkbox] { visibility: visible; } input[type=checkbox]:before, input[type=checkbox]:hover:before, input[type=checkbox]:checked:before, input[type=radio]:before, input[type=radio]:hover:before, input[type=radio]:checked:before {display:none} div > input[type=radio], div > input[type=checkbox] {position:relative;top: -1px; left: 0} td > input[type=radio], td > input[type=checkbox] { position: absolute; top: 12px; left: 0} li > input[type=radio], li > input[type=checkbox] { position: absolute; top: -1px; left: 0} .tfnCheckbox input[type='checkbox'] {top: 8px !important} #mjolContainer #frmDeclaration input#IsTermsAndConditionsAccepted {top: 6px} input::-ms-clear { display: none; } } @-moz-document url-prefix() { input[type=radio], input[type=checkbox] { visibility: visible; } div > input[type=radio], div > input[type=checkbox] {position:relative;top: -1px;} td > input[type=radio], td > input[type=checkbox] { position: absolute; top: 8px;} li > input[type=radio], li > input[type=checkbox] { position: absolute; top: -1px;} } /**Safari*/ .tfnCheckbox input[type="checkbox"]:not(:root:root) { top: 0px !important; } /******/ #mjolPopupContainer, #frmForgotApplication {min-height: 250px;padding: 25px;background: #fff;margin: 70px 17.5%;} #simplemodal-container #mjolPopupContainer {width: 100%; margin: 0 !important; padding-left: 5px} #btnSaveContainer {width: 95%} #mjolContainer #validationSummary { margin: 30px 20px 0; } #mjolNavBar {display: table;table-layout: fixed;padding: 0;width: 96%;box-shadow: 2px 3px 6px #ccc;margin: 0% 2%;} #mjolNavBar li {display: table-cell;text-align: center;} #mjolContainer fieldset {border: none !important;} #mjolContainer fieldset {border: 1px solid #ebebeb;box-sizing: border-box;} #mjolContainer fieldset#fldsetPersonalInfo, #mjolContainer fieldset#fldsetPostalAddress {min-height: 100px;} #mjolContainer fieldset#fldsetPersonalInfo {margin: auto;} #mjolContainer fieldset#fldsetPostalAddress { margin: 0 0 0 0%; } #mjolContainer #frmPassword fieldset {} #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; } #mjolContainer fieldset#tfnModule legend { max-width: 100%;} #fldsetPersonalInfo legend { padding:20px 0 0 0;margin:0 0 10px 0; } #mjolContainer #lblFollowUpText,#mjolContainer #lblMemberText,#mjolContainer #btnCancel { } #mjolContainer #btnCancel { outline:0; visibility: hidden;} #frmClassifications .pageBlurb { display:none; } .mjolModule {min-height: 200px;background: #fff;padding: 0em 13% 0;margin: 0;border-radius: 4px;border-color: #fff !important;} /*.mjolModule:first-child {padding-top: 75px !important;}*/ /*.mjolModule:first-of-type h2 {padding-top: 100px !important;}*/ #frmPersonalDetails, #frmContactDetails, #frmblankModule1, #frmInsuranceOptions, #frmPassword, #mjolCompleteContainer, #frmSummary {padding-top: 47px;} #frmInsuranceOptions {padding-bottom: 1px} .mjolModule #divFollowUpContent,#nominationOptions { padding: 10px; background: #f6f6f6; border: 1px solid #ebebeb; } .stepHeader {text-transform: none;} #validationSummary {margin: 35px 21% !important;} #mjolContainer #stepContainer {padding: 0;margin: 50px auto 0;width: 58%;background: #fff;border-radius: 4px;} #mjolContainer > * {/* width: 80%; */} #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/adobe.jpg) 0px 0px no-repeat; display: table-cell; padding: 0} 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; } #mjolContainer .pwdHint {min-width: 210px;*display:inline-block;} .fiElem INPUT#Password,.fiElem IMG#imgPasswordTooltip { *float: left; } #imgPasswordTooltip {display:none} #mjolContainer .pwdHint {padding-left: 20px !important} #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, #divMemberCentre { padding: 0 10px 10px; border: 1px solid #ddd; margin: 0 0 10px; min-height: 80px; } #mjolContainer div[name="publicscreen"] {padding: 10px 0px 0px 0px;} #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 */ .visitedStep {height: 82px !important} /*#mjolNavBar li.visitedStep:before {background-color:rgba(114, 38, 224, 0.8) !important; border: 1.5px solid rgba(114, 38, 224, 0) !important;}*/ #mjolNavBar li.visitedStep {color:rgba(114, 38, 224, 0.8) !important;} /*#mjolNavBar li.highlight:before {background-color: #7226E0 !important; } #mjolNavBar li.visitedStep:before, #mjolNavBar li.highlight:before {background-color: #7226E0;border: 1.5px solid #7226E0;border-radius:99px;color: #fff !important;}*/ #mjolNavBar li:before {border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */ width: 8px; height: 8px; padding: 8px; background: none; text-align: center; position: relative; display: block; top: 25px; left: 50%; transform: translate(-50%, -25px); margin-bottom: 15px; font-weight: 550; } #mjolNavBar li:before {width: 24px; height: 24px} #mjolNavBar li[id='1']:before {content: url(images/p1.svg);} #mjolNavBar li[id='2']:before {content: url(images/p2.svg);} #mjolNavBar li[id='3']:before {content: url(images/p3.svg);} #mjolNavBar li[id='4']:before {content: url(images/p4.svg);} #mjolNavBar li[id='5']:before {content: url(images/p5.svg);} #mjolNavBar li.visitedStep:before {opacity: 0.8} #mjolNavBar li.visitedStep[id='1']:before, #mjolNavBar li.highlight[id='1']:before {content: url(images/p1-v.svg);} #mjolNavBar li.visitedStep[id='2']:before, #mjolNavBar li.highlight[id='2']:before {content: url(images/p2-v.svg);} #mjolNavBar li.visitedStep[id='3']:before, #mjolNavBar li.highlight[id='3']:before {content: url(images/p3-v.svg);} #mjolNavBar li.visitedStep[id='4']:before, #mjolNavBar li.highlight[id='4']:before {content: url(images/p4-v.svg);} #mjolNavBar li.visitedStep[id='5']:before, #mjolNavBar li.highlight[id='5']:before {content: url(images/p5-v.svg);} #mjolNavBar li {text-transform: uppercase;padding: 25px 0px 0px 0px; /* padding: 2% 1%; */ /* IE6/7 */background: #fff;border-left: solid 1px #fff;color: #A091EE;font-weight: bold;font-size:12px;} @media all and (min-width:0) { #mjolNavBar li { padding: 12px 1% \0/; } /* IE9-IE10pp4 */ } @-moz-document url-prefix() { #mjolNavBar li { padding: 12px 1%; } /* FIREFOX */ } #mjolNavBar li.highlight {background-color: #fff;color: #7226E0;} #mjolNavBar li {letter-spacing: 2px; font-weight: 500} #mjolContainer .breadcrumbs #mjolNavBar li.highlight {font-weight: bold;margin: 0;display: table-cell !important;width: auto;background: #fff;position: relative;text-align: center;} #mjolContainer .breadcrumbs #mjolNavBar li.highlight:after { content: ""; margin-left: 12.5%; margin-top: 20px; height: 6px; width: 75%; background-color: #7226E0; display: block; } #mjolContainer .breadcrumbs #mjolNavBar li:after, #mjolContainer .breadcrumbs #mjolNavBar .visitedStep:after { content: "" !important; margin-left: 12.5%; margin-top: 20px; height: 6px; width: 75%; background-color: #fff ; display: block; } /*#mjolContainer .breadcrumbs:before {position: absolute;top: 0px;right: 100%;width: 100%;height: 100px;background: #FFFFFF;content: " ";} #mjolContainer .breadcrumbs:after {position: absolute;top: 0px;left: 100%;width: 100%;height: 100px;background: #FFFFFF;content: " ";}*/ .visitedStep { color: #7226E0 !important; font-weight: bold !important;} .visitedStep:after { content:none !important; } /* Buttons */ .LandingPage #mjolButtonContainer {box-shadow: none} #mjolButtonContainer {float: none;width: 58%;text-align:right;/* margin-right:0; */margin: 0em auto;background: #fff;padding: 50px 0px 8em 0px;box-shadow: 0 2px 2px -2px #6c6c6c;} #mjolButtonContainer #btnNext {font-weight: bold;font-size: 16px !important;display: block;margin: 0px 12.5%;border-radius: 3px;padding: 16.5px 0;} #mjolButtonContainer #btnSubmit {display: block;margin: 0px 12%;border-radius: 3px;font-size: 16px;padding: 16.5px 0;float:left;width: 76%;} #mjolButtonContainer #btnSave {margin: 2% 12.5%;float: right;color: #7226E0;background: none !important;border: none !important;text-transform: uppercase;font-size: 1em; padding: 0} #mjolButtonContainer #btnPrev, #mjolPopupContainer #btnCancel {float: left;display: inline-block !important; font-size: 1em;margin: 2% 12.5%;color: #7226E0;background: none !important;border: none !important;text-transform: uppercase; padding: 0px} #mjolButtonContainer #btnPrev:hover, #mjolPopupContainer #btnCancel:hover, #mjolButtonContainer #btnSave:hover {color: #292460;} .jfontsize-button { border:none;font-weight:normal; } .jfontsize-button:hover { border: none; background: none; color: #201547!important; } #divMemberCentre {border: none; padding: 0; margin-bottom: 0px; margin-top: 1em !important} #divMemberCentre div a {text-align: center;vertical-align: middle;display: block;margin: 0px 0%;text-decoration: none;font-size: 16px;font-weight: bold !important;padding: 16.5px 0;background: #7226E0;color: #fff;border: 2px solid #7226E0;border-radius: 3px;bottom: 0;font-weight: normal;transition: .5s ease all;} #divMemberCentre div a:hover {color: #fff;border-color: #292460;background-color: #292460;} a#loginUrl {color: #7226E0; text-decoration: none; font-weight:bold;} #btnResumeContainer {width: 100%} #btnResumeContainer a#btnResume.oc-button {font-weight: bold; font-size: 1.2em !important; display: block;border-radius: 3px;padding: 15px 0; width: 100%; margin-left: 0} #btnPrev, #btnPrev, #btnCancel, #btnSave {letter-spacing: 1.4px; font-size: 12px !important} /*Landing Page*/ .LandingPage #mainContent, div#wrapper.LandingPage {background-color: #fff !important} .SelectedClassificationTable {color: #6c6c6c} .SelectedClassificationColumn2 span {display: inline-block} #bannerBackground {background: #fff url(images/HESTA_classificaions_banner_2.jpg) no-repeat top center;background-size: contain;background-position: center top;padding-top: 185px;} #mjolClassificationHeader {background-color: #fff;text-align: center;color: #000000 !important;line-height: 1.4em;vertical-align: middle;padding: 3em 1em 0em 1em;margin: 9% 12.5% 0% 12.5%;} #mjolClassificationHeader h2 {color: #7226E0 !important; font-size: 2.5em; line-height: 1.5em} #frmClassifications h1, .LandingPage #mjolButtonContainer #btnSave {display: none !important} #mjolClassificationHeader #intro {font-size: 1.2em; line-height: 1.5em} #MjolClassificationsWhyJoin {margin: 0px 5% 0px 5%;text-align: center;padding: 70px 0% 6% 0%;border-top: 1px solid #ccc;} #whyJoin1, #whyJoin2, #whyJoin3 {display: inline-block;width: 30%;vertical-align: top;text-align: center;} #whyJoin1 {float: left;} #whyJoin3 {float: right;} #whyJoin1 p, #whyJoin2 p, #whyJoin3 p {font-size: 16px;vertical-align: top;margin-top: 10px;color: #6c6c6c;} #whyJoin1 b, #whyJoin2 b, #whyJoin3 b {font-size: 16px} #whyJoin1:before { content: ""; background-image:url(images/ic-dollar.png); background-size: 100% 100%; display: block; height: 100px; width: 100px; position: relative; margin: auto auto; margin-bottom: 10%; top:5px; } #whyJoin2:before { content: ""; background-image:url(images/ic-tree.png); background-size: 100% 100%; display: block; height: 100px; width: 100px; position: relative; margin: auto auto; margin-bottom: 10%; top:5px; } #whyJoin3:before { content: ""; background-image:url(images/ic-speaker.png); background-size: 100% 100%; display: block; height: 100px; width: 100px; position: relative; margin: auto auto; margin-bottom: 10%; top:5px; } .mjolLandingPage {display: none;} #ClassificationQuestionHeader h1 {font-size: 2.2em; margin-bottom: 1em; line-height: 1.6em} #frmClassifications td {line-height: 1.6em } #frmClassifications .outro {text-align: center;margin-top: 1em;line-height: 2em;} #frmClassifications .outro p {font-size: 1em;} .LandingPage #mjolButtonContainer {padding-bottom: 8em;} /*#whyJoin1:before {content: url(images/ic-dollar.png);position: relative;display: block; line-height: 10px;transform: scale(.25);} #whyJoin2:before {content: url(images/ic-tree.png);position: relative;display: block;line-height: 100px; transform: scale(.25);} #whyJoin3:before {content: url(images/ic-speaker.png);position: relative;display: block;line-height: 100px; transform: scale(.25);}*/ /*#bannerBackground + #mjolContainer .breadcrumbs {display: none;}*/ /* Resume Application */ #mjolPopupContainer, #frmForgotApplication {margin-top: 70px} #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; } #mjolPopupContainer #frmResumeApplication {padding: 5% 5% 10% 5%;} #mjolPopupContainer #frmResumeApplication p:first-of-type {color: #222222; font-size: 19px;} #mjolPopupContainer #frmResumeApplication div.formItem input {margin-bottom: 20px} #mjolPopupContainer #frmResumeApplication div.formItem input#Password {} #frmForgotApplication {padding: 6% 6% 5% 6%} #mjolPopupContainer #frmResumeApplication .fiLabel {display:block;} #mjolPopupContainer #frmResumeApplication .fiElem {width: 100% !important} #mjolPopupContainer #frmResumeApplication .fiElem input {width: 100% !important;} #mjolPopupContainer #frmResumeApplication #btnResume, #frmForgotApplication #btnContinueContainer #btnSubmit {border-radius: 3px;} #mjolPopupContainer #frmResumeApplication a {text-decoration: none !important; color: #7226E0; font-weight: bold; letter-spacing: 0.2em; font-size: 0.8em;} #mjolPopupContainer #frmResumeApplication a.oc-button {color: #fff !important; letter-spacing: 0em;} /* About You */ #lblMemberText { padding-left: 0; } .formItem {width: 100%;} #mjolContainer input#DateOfBirth {width: 100% !important;} .ui-datepicker-trigger {display: none;} /* Your Details */ #mjolContainer fieldset div.fiLabel {padding-right: 20px;display: block;padding: 20px 0px 10px 0px;width: auto;} .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;} #IsTermsAndConditionsAccepted:before {margin-top: 5px;} #fldsetPersonalInfo h2 {display: none} #frmAdditionalDetails a, #frmAdditionalDetails p:nth-child(4), #frmAdditionalDetails p:nth-child(5) {color: #747474;} #frmAdditionalDetails div.radio label {font-size: 1.1em;padding-left: 8px;} #frmAdditionalDetails div.radio {padding-bottom: 0.8em} #frmCommunicationPreferences #subscriptionContainer .oc-radiogroupex li label {padding-left: 12px; display: inline-block; max-width: 90%} #frmCommunicationPreferences #subscriptionContainer .oc-radiogroupex li input {vertical-align: top} /*#frmCommunicationPreferences #subscriptionContainer .oc-radiogroupex li input:before {top: -3px;}*/ #additionalQuestionContainer .radio {position: relative} #additionalQuestionContainer input, #additionalQuestionContainer label {position: absolute; display: inline-block;} /*#frmAdditionalDetails input:before {top: 0;}*/ #frmInsuranceOptions .additionalOptionContainer div {padding-bottom: 8px !important;} #frmInsuranceOptions .additionalOptionContainer div:nth-child(3) {padding-bottom: 15px !important} #frmAdditionalDetails .additionalOptionContainer div:nth-child(2) {padding-bottom: 10px} #frmAdditionalDetails .additionalOptionContainer div:nth-child(2) label, .additionalOptionContainer div:nth-child(3) label {position: relative;} #frmAdditionalDetails .additionalOptionContainer div:nth-child(2) label input, /*#frmAdditionalDetails .additionalOptionContainer div:nth-child(3) label input {position:absolute;}*/ /*#frmAdditionalDetails .additionalOptionContainer div .labelSpan {padding-left: 20px}*/ #frmAdditionalDetails .additionalOptionContainer label input:not(:root:root) { top: -17px; } .additionalQuestionContainer .radio:first-of-type {margin-top: 10px;} /* Your Options */ /*#frmblankModule1:first-of-type {margin-top: 100px !important}*/ .ui-accordion-header-icon {visibility: hidden} .ui-accordion-header, .ui-accordion-content {font-size: 1.2em !important;padding-left: 0px !important;border-bottom: none;color: #6c6c6c;} .mjolContainer .ui-accordion, .ui-accordion-header {background: url(images/UpArrow@2x.png) right 10px center no-repeat;color: #333333;} .ui-accordion-header-active {background: url(images/DownArrow@2x.png) right 10px center no-repeat;color: #333333;} .ui-accordion-header, .ui-accordion-content-active {border-left: none !important; border-right: none !important; overflow-y: hidden !important;} .ui-accordion-header {border-bottom: none !important;padding: 10px 0px 10px 0px !important;} .ui-accordion-header p {font-weight: 500; margin-right: 40px} .ui-accordion-content p, .ui-accordion-content a {color: #747474 !important} #frmblankModule1 #sectionIntro1 {font-size: 1.2em; font-weight: 400 !important} #frmblankModule1 div:nth-child(3) p:nth-child(2) {color: #6c6c6c} .ui-accordion-content {margin-right: 40px} #frmblankModule1 .intro p, #fldsetPostalAddress p, #frmPersonalDetails p, #frmInsuranceOptions .introText > p:nth-child(1), #frmPassword p:nth-child(2), #frmInsuranceOptions .introText > p:first-child, #frmPassword fieldset p:nth-child(2), .mjolSummaryModuleIntroText p, #mjolCompleteContainer .pageBlurb p { font-size: 1.22em !important; color: #222222 !important; } .ui-accordion .ui-state-hover, .ui-accordion .ui-state-focus, .ui-accordian .ui-state-default {background-color: #fff;} form#frmblankModule1 div.ui-accordion:nth-child(7) { border-bottom: 1px solid #CCC; padding-bottom: 4px; } /*.insIntroText:nth-child(1) { border-bottom: 1px solid #CCC; padding-bottom: 2px; margin-bottom: 15px }*/ .ui-accordian-content-active {padding-left: 26.4px !important;} #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; } .additionalOptionContainer > div {display: block;width: 100%; float: left} /*Investment strategy*/ #sectionIntro1 {font-weight: bold;} #frmInsuranceOptions .introText {margin-bottom: 1em !important;} #frmInsuranceOptions .introText p:last-of-type {color: #6c6c6c;} #frmInsuranceOptions .introText .ui-accordion:first-of-type {margin-top: 15px} #frmInsuranceOptions .introText .ui-accordion:last-of-type {border-bottom: 1px solid #ccc} /*Insurance*/ #frmInsuranceOptions .additionalOptionContainer { margin-bottom:20px; font-weight: 500} #frmInsuranceOptions .additionalOptionContainer .mjolInsuranceOptionSelect { display: block;margin-top: 2px; } #frmInsuranceOptions .additionalOptionContainer .fiLabel {color: #000; font-family: 'HurmeGeometricSans4', arial; font-size: 1em;} .insIntroText h3, #frmInsuranceOptions #notApplicableHeader {padding: 0px 0px 10px 0px;font-weight: 550;font-size: 1.2em;} .MJOLInsuranceAccordiontitle {font-size: 1.2em !important; font-weight: 600;} #frmInsuranceOptions .intro {margin-bottom: 4em !important} #frmInsuranceOptions ul {font-size: 1.2em; margin:0;padding:0 0 10px 0; line-height: 1.65em} #frmInsuranceOptions .ui-accordion-header, #frmInsuranceOptions .ui-accordion-header p {font-size: 1.4em !important;font-weight: normal;} #frmAdditionalDetails .additionalOptionContainer label {margin-left: 0px !important} #frmInsuranceOptions .ui-accordion-content ul {list-style-position: outside;margin-left: 1.2em;font-size: 1.1em;} #frmInsuranceOptions .additionalOptionContainer .fiLabel p, #frmInsuranceOptions #cascadingPostSelectionMessage p:last-of-type {color: #616161;font-weight: lighter;font-size: 14px;} #frmInsuranceOptions #cascadingPostSelectionMessage p br {border-bottom: 1px solid red} #frmInsuranceOptions .insIntroText p {color: #6c6c6c !important;} #frmInsuranceOptions #cascadingPostSelectionMessage {padding-bottom: 20px;margin-top: 50px;} #frmInsuranceOptions #cascadingPostSelectionMessage p {color: #7226e0; font-weight: 515; font-size: 1em !important} #frmInsuranceOptions #cascadingPostSelectionMessage h3 {font-size: 19px;line-height: 28px;margin: 40px 0px 0px 0px;} #frmInsuranceOptions #cascadingPostSelectionMessage p:first-of-type {/* color:#7226E0; */padding-bottom: 60px;margin-bottom: 30px;font-weight: semibold;border-bottom: 1px solid #ccc;display: block;} #frmInsuranceOptions .additionalOptionContainer .fiLabel {width: 100% !important;} #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;display: block;} 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; } /*Tax File Number (a few more things)*/ input[id="TfnNumber"] {width: 300px;} #personalInfoContainer, #addressContainer, #EmailContainer, #TaxFileNumberContainer {background: none; padding: 0 !important;} #frmPassword p:nth-child(4), #frmTaxFileNumber #tfn div:first-of-type p:first-of-type, #frmDeclaration p {color: #6c6c6c !important;} #frmTaxFileNumber #tfn p label{color: #616161;} input#CheckboxAllowSuperMatchSearchAndATOConsolidate:before {margin-left: 0px;} /* 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; } /*T&C's*/ #frmDeclaration p:last-child, #frmDeclaration a {color: #22222290 !important; font-size: 1em} #frmDeclaration a:hover {color: #7226E0 !important} #frmDeclaration p:nth-child(4) {padding-bottom: 20px;border-bottom: 1px solid #adadad} /* Confirmation */ #mjolInsuranceOptionsSummaryContainer .additionalOptionContainer .fiLabel p { padding: 0; } #mjolInsuranceOptionsSummaryContainer div#cascadingFlowParent .additionalOptionContainer .fiLabel #dropdown { margin:0 0 20px 0;font-weight:normal; } #frmDeclaration p:last-child {margin-left: 25px; text-indent: 0 !important} div.summaryHeader {border-top: 1px solid #adadad;} #mjolTaxFileNumberContainer {border-bottom: 1px solid #adadad} #mjolPersonalDetailsSummaryContainer h2, #mjolContactDetailsSummaryContainer h2, #mjolInsuranceOptionsSummaryContainer h2, #mjolAdditionalDetailsDetailsSummaryContainer h2, #frmSummary .summaryHeader h2 {font-size: 19px !important; line-height: 28px;padding-bottom: 0px;margin-top: 30px;} .dataGroup label, .dataGroup .fiElem {font-size: 16px; line-height: 24px} .summaryHeader h2 {width: calc(100% - 90px); display: inline-block; vertical-align: top; text-align: left;} .summaryEditContainer {margin-top: 38px;} /* 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:before {content:url(images/hs-edit.svg); padding-right: 10px} #mjolContainer .summaryEditContainer .mjolEditButton {font-weight:normal;text-decoration:none;text-transform:uppercase;color: #7226e0;font-weight: bold;font-size: 12px;letter-spacing: 1.4px;border: none !important;} #mjolMemberProfileSummaryContainer .dataGroup,.moduleSummaryContainer .dataGroup {display: inline-block;width: 32%;padding: 20px;background: #f6f6f6;box-sizing: border-box;border-bottom: 0;} .mjolSummaryModuleIntroText {margin-bottom: 20px} #divAdditionalDocs table {margin: 30px 0px} #mjolContainer #stepContainer .iconCell { /*display: none; */} #mjolMemberProfileSummaryContainer .fiLabel { width: 160px; font-family: 'HurmeGeometricSans4'; } #frmSummary #mjolInsuranceOptionsSummaryContainer #insuranceOptions { width: 100%; } #memberNumber {background-color: #ece9fc;color: #7226e0;text-align: center;padding: 10px 0px 32px 0px;vertical-align: middle;margin-bottom: 8%;border-radius: 4px;} #mjolCompleteContainer #divAdditionalDocs table tr a {color: #7226e0;font-size: 16px;font-weight: bold;text-decoration:none;line-height: 28px;} #mjolCompleteContainer #divAdditionalDocs table tr a span {/*position: relative; top: -17px;*/} /*#mjolCompleteContainer #divAdditionalDocs table tr a:before {content: url(images/adobe.jpg); position: top; margin-right: 15px}*/ #divAdditionalDocs .iconCell {width: 48px; height: 48px} #mjolCompleteContainer #divAdditionalDocs table tr a:after { content: "Download"; position: relative; /*top: 12px;*/ float: right; font-size: 16px; font-weight: bold; color: #7226e0; background: url(images/hs-download.svg) 0 0 no-repeat; padding-left: 20px } #mjolCompleteContainer .outro ul {margin-left: 20px !important;} #mjolCompleteContainer .outro ul li {margin-bottom: 10px;list-style-position: outside;} #divAdditionalDocs td {display: table-cell; width: auto} #divAdditionalDocs td span {display: table-cell; padding-left: 10px} #divAdditionalDocs tr a:after {float: right; display: table-cell} #mjolCompleteContainer #divAdditionalDocs table tr a:before {display: table-cell} .moduleSummaryContainer div.fiLabel {margin-bottom: 5px} .moduleSummaryContainer div.fiElem {margin-bottom: 30px; color: #6c6c6c !important} .moduleSummaryContainer div.fiElem p {padding: 0;color: #6c6c6c !important} .moduleSummaryContainer .formItem {margin-bottom: 0} /*#mjolEmailDetailsSummaryContainer .summaryHeader, #mjolTaxFileNumberContainer .summaryHeader {display:none}*/ #mjolTaxFileNumberContainer {/* border-top: 1px solid #adadad; *//* margin-top: 20px; */padding-top: 30px;} #additionalInfo .additionInfoValue, #mjolInsuranceOptionsSummaryContainer h5 {font-size: 16px;font-weight: 515;} #mjolInsuranceOptionsSummaryContainer .fiLabel label {margin-left: 0; font-size: 16px; font-weight:normal; line-height: 28px; color: #333333} #mjolInsuranceOptionsSummaryContainer p {color: #6c6c6c} #mjolInsuranceOptionsSummaryContainer p b {color: #333333} #mjolInsuranceOptionsSummaryContainer .fiLabel p {color: #333333 !important} #mjolInsuranceOptionsSummaryContainer p:nth-child(3), #mjolInsuranceOptionsSummaryContainer p:nth-child(4) {padding-bottom: 20px} #mjolInsuranceOptionsSummaryContainer .fiLabel {font-weight: normal;} #mjolTaxFileNumberContainer .fiLabel, #TaxFileNumberContainer {width: 100% !important;} .tfnCheckbox {position: relative} .tfnCheckbox span { display: inline-block; margin-left: 25px; } /*#TaxFileNumberContainer {border-top: 1px solid #adadad; padding-top: 20px !important; margin-top:20px}*/ .tfnCheckbox input[type="checkbox"], .tfnCheckbox input[type="checkbox"]:before {top: 2px;position: absolute;left: 0;margin-left: 0;margin-top: 0;} #mjolCompleteContainer .pageBlurb p {margin-bottom: 25px} #divAdditionalDocs p b, #mjolCompleteContainer .outro b {color: #333333; font-size: 19px; line-height: 28px} #divAdditionalDocs p, #divAdditionalDocs p a, #mjolCompleteContainer .outro p {color: #6c6c6c} /* MJOL pop-up */ #mjolPopupContainer h3, #dialogContainer h3 { margin-top: 0; font-weight: 550} #mjolPopupContainer fieldset div.fiElm {width: 100% !important} #mjolPopupContainer fieldset div.fiLabel { width: 115px !important; } #mjolPopupContainer #btnSave {font-weight: bold; font-size: 1em} #mjolPopupContainer #btnCancel { background: #d4d4d4; } #mjolPopupContainer #btnSaveContainer a#btnSave.oc-button {width: 100%; border-radius: 3px; display: block;} #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button {margin: 0% 0% 3% 0% !important; color: #7226E0 !important; background: none !important; border: none !important; text-transform: uppercase;} #mjolPopupContainer #btnSaveContainer a#btnCancel.oc-button span { color: #7226e0; font-weight: bold; font-size: 0.8em; letter-spacing: 0.2em } #dialogContainer .oc-button {width: auto;border-radius: 3px;display: block;} #dialogContainer .oc-button#btnChange, #dialogContainer .oc-button#btnIgnore {display: inline-block; padding: 5px !important} #mjolPopupContainer .fiElem {display: block;width: 100%;} #frmSave fieldset {width: auto;} /* 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; } .slick-initialized .slick-slide { height: 166px; } 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; } 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: #333333; border-color: #333333; } /* 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: #333333; font-weight: normal; } /* Media Queries */ /***** Home Page Full Width *****/ @media (max-width: 1200px) { #header { width: 100%; } #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; } /*inputs*/ .mjol_body #divClassifications LABEL {padding-left: 0px; display: inline-block;} /* 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; } #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: 1444px) { #mjolClassificationHeader {margin-top: 5%;} } @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;} #mjolContainer #stepContainer {margin-top: 0px} div#wrapper {background-color: #fff} .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{ color: #fff !important}*/ .mjol_body #mjolNavBar li.visitedStep .stepProgressText { color: #fff;} #mjolNavBar li:before {text-align: center; color: #A091EE} #mjolNavBar li.visitedStep:before, #mjolNavBar li.highlight:before {color: #7226e0} .stepProgressText {display: none !important} .mjolModule {max-width: 100%} #frmClassifications, #frmPersonalDetails, #frmContactDetails, #frmblankModule1, #frmInsuranceOptions, #frmEmail, #frmCommunicationPreferences, #frmAdditionalDetails, #frmTaxFileNumber, #frmDeclaration, #frmPassword, #frmSummary, #mjolCompleteContainer {width: auto;} #validationSummary {width: auto; margin: 0 !important; padding: 15px !important} #mjolButtonContainer #btnSave, #mjolButtonContainer #btnPrev {margin: 20px 5% !important; paddin: 0px}; #frmPersonalDetails, #frmContactDetails, #frmblankModule1, #frmInsuranceOptions, #frmPassword, #mjolCompleteContainer, #frmSummary {padding-top: 20px} /* header */ #mjolPopupContainer h3{font-size:1.5em;} #mjolContainer h2{margin: 1em 0;font-size: 2em;line-height: 1.6em;} #mjolContainer .breadcrumbs #mjolNavBar li {padding-bottom: 0 !important} #mjolContainer .breadcrumbs #mjolNavBar li.highlight {padding-top: 25px;} .mjol_body A#homeLink{top: 15px; width: 120px} /*.progress-wrapper, #mjolNavBar {display: none;}*/ #mjolNavBar li {color: #7226E0 !important;font-size: 0em !important;display: table-cell !important;vertical-align: middle;} #mjolNavBar .visitedStep {color: #fff !important} #mjolNavBar {width: 100%; height: 85px;} #mjolContainer .breadcrumbs #mjolNavBar li.highlight:after { margin-left: 30%; width: 40%; } #mjolContainer .breadcrumbs #mjolNavBar li:after { margin-left: 30%; width: 40%; } .visitedStep {height: 68px !important;} /* forms */ #mjolContainer fieldset div.fiLabel{width: 100%;} .mjol_body #frmMemberProfile SELECT{width: 180px;} #mjolPopupContainer #frmResumeApplication fieldset div.fiLabel{width: 100%;} /*buttons*/ #mjolButtonContainer #btnNext {display: block;margin: 0px 5%;border-radius: 3px;font-size: 24px;padding: 15px 0;} #mjolButtonContainer #btnSubmit {display: block;/* margin: 0px 5%; */border-radius: 3px;font-size: 24px;padding: 15px 0;} #mjolButtonContainer #btnSave {margin: 2% 9%;float: right;color: #7226E0;background: none !important;border: none !important;text-transform: uppercase;} #mjolButtonContainer #btnPrev {margin: 2% 10%;color: #7226E0;background: none !important;border: none !important;text-transform: uppercase;} #divMemberCentre {display: block;margin: 0px 5%;border-radius: 3px;font-size: 24px;padding: 15px 0;} /*Landing Page*/ #bannerBackground {background-size: auto 22em;} #mjolClassificationHeader {padding: 2em 1em 4em 1em; margin-left: 6%; margin-right: 6%; margin-top: 5%} .mjolLandingPage {display: none !important;} #divClassifications .SelectedClassificationColumn1 { padding:0; width: 22px; } /* 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%;} .mjol_body input#Password, .mjol_body input#ConfirmPassword {padding: 15px 5px} #frmDeclaration p {margin-left: 12px;text-indent: 0 !important;} #frmDeclaration input#IsTermsAndConditionsAccepted:before {margin-top: 19px} #mjolContainer .tfnCheckbox label { display: block; padding-left: 0px; text-indent: 0px; } /* 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;} div#simplemodal-container {width: 80% !important} #simplemodal-container #mjolPopupContainer {margin-top: 0px;} /* complete */ #mjolContainer .summaryHeader h2{font-size: 1.5em !important; float:left; margin-bottom: 10px; padding-top:0 !important;} #mjolContainer .summaryHeader{margin: 10px 0 15px} .mjol_body .outro, #mjolCompleteContainer DIV.pageBlurb {font-size: 1.1em; line-height: 1.65em} #divMemberCentre div a {font-size:0.8em !important;} /*Details check*/ .summaryEditContainer .mjolEditButton span { display: inline-block; padding-left: 0px; } .summaryEditContainer {margin-top: 2px;} /* 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: 0 0;} div#mjolContainer {/* margin: 70px 0 0; */padding: 0;} .mjol_body #stepContainer { padding: 0px 10px; width: 100% !important} .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: 20px;} .mjolModule{padding: 0 5% 5%;} 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;display: none;} #mjolButtonContainer {width: auto;box-shadow: none;} #mjolMemberProfileSummaryContainer .dataGroup, .moduleSummaryContainer .dataGroup { width: 100%!important; } } @media (max-width: 740px) { /*landing Page */ #whyJoin1, #whyJoin2, #whyJoin3 {display: block; float: none; width: 100%; margin-bottom: 3%} #whyJoin1:before {margin: auto auto; margin-bottom: 6%; background-position: center;} #whyJoin2:before {margin: auto auto; margin-bottom: 6%; background-position: center;} #whyJoin3:before {margin: auto auto; margin-bottom: 6%; text-align: center;} #mjolContainer fieldset#fldsetPersonalInfo, #mjolContainer fieldset#fldsetPostalAddress { width: auto; float: none; } #bannerBackground {background-size: auto 18em;} #mjolClassificationHeader {padding: 2em 1em 4em 1em;} #mjolContainer #mjolCompleteContainer #divAdditionalDocs table tr a { font-size: 1em;} #mjolContainer #mjolCompleteContainer #divAdditionalDocs table tr a:after {font-size: 1em;} #footer p {float: none !important; display: block; text-align: center !important;} } @media (max-width: 380px) { .oc-button, a.oc-button { padding: 7px 18px; } } /*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-common-container.cx-mobile.cx-minimize .cx-buttons-window-control button.cx-button-minimize {padding: 4px;} #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-mobile.cx-minimized .cx-button-minimize svg { width: 15px; height: 15px; border: 2.5px 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, #HS .cx-widget.cx-common-container.cx-webchat.cx-close.cx-minimize.cx-theme-dark.cx-mobile.cx-minimized .cx-button-minimize svg .cx-svg-icon-tone1 { fill: transparent; }