/*********************************************** Aegon css ******************************************************/ /* Colours Main: #00a67a Main hover: #008E68 */ /* Remove IE filters... */ *{filter:none!important; ms-filter:none!important} /* ...but not filters on any Overlays for modal dialogs, waiting animations*/ .ui-widget-overlay { filter: Alpha(Opacity=30)!important;} .ui-widget-shadow { filter: Alpha(Opacity=30)!important;} #overlay { filter:alpha(opacity=50)!important;} /* Security */ .securityPage h1 {color:#666; margin: 10px auto; max-width: 990px;} .securityPage #page_content{float: none; margin: 0 auto; position: relative; max-width: 990px;} .securityPage #page_content input.button, .securityPage #page_content input[type="submit"]{color:#fff !important; background:#00a67a !important; filter:none; border-radius:5px; padding:20px; border:0; cursor:pointer; width:auto; font-size: 18px;} .securityPage #page_content input.button:hover, .securityPage #page_content input[type="submit"]:hover{background:#008E68 !important; filter:none; -ms-filter:none;} #accept input.button_loud { background:#00a67a !important; filter:none; -ms-filter:none;} #accept input.button_loud:hover { background:#008E68 !important; filter:none; -ms-filter:none;} .securityPage{background:url("resource?name=logo&companyName=aegon5nin1") no-repeat scroll 0 20px transparent; max-width:990px; margin:0 auto; padding: 20px 0;} .securityPage #errordiv {background: none repeat scroll 0 0 #eee; border-radius: 5px; padding: 20px; width:auto; color:#B30505; } .securityPage #errordiv h3{margin-top:0px; color:#B30505!important; } .securityPage .invalidFormText{padding-bottom:10px; color:#B30505; display:block;} /* Security forms - no framework css available for some reason */ .securityPage br{display:none} .securityPage .form legend{display:none;} .securityPage .form, .securityPage .formunder{padding:20px; margin:0; width:100%; font-size:16px; background:#eee; border-radius:5px; box-sizing:border-box; border:none;} .securityPage .form ul{margin:0; padding:0 0 40px 0; width:100%; } .securityPage .form li {list-style:none; padding:0.8em 0 0.8em 0; clear:left; vertical-align:bottom; width:100%; box-sizing:border-box;} .securityPage .form label, .securityPage .form span.label{margin:0px 5px 0 0; padding:0; font-weight:normal; color:#666; width: 140px; display:inline-block;} .securityPage .form input, .securityPage .form select, .securityPage .form textarea, .securityPage .form .buttonset {display:inline; } .securityPage .form select, .securityPage .formunder select{margin-top:2px; font-size: 16px; padding: 8px 5px;} .securityPage .form input, .securityPage .formunder input{border:1px solid #ccc; border-radius:5px; padding:7px 5px; font-size:16px; width: 465px;} .securityPage .form input{display:inline-block;} .securityPage .form .checkbox{margin-top:10px;} .securityPage .formunder ul{margin:0; padding:0px 0px 40px 0px; float:left; width:100%; box-sizing:border-box;} .securityPage .formunder li{list-style:none; padding:5px 0; vertical-align:bottom; clear:left; float:left; width:100%;} .securityPage .formunder label, .securityPage .formunder span.label{display:block; padding-bottom:10px;} .securityPage .formunder select, .securityPage .formunder input{margin: 0 0 20px 0;} #b_questions .formunder{margin-bottom:20px;} #b_questions ul#email{padding:0;} #b_questions ul#email p{margin:0;} #b_password .form ul{padding:0;} #b_password .form{margin-bottom:20px;} /*.securityPage #page_top, .securityPage #page_content{background: none;} .securityPage p{width:990px; margin:0 auto; padding:10px 0;} .securityPage #page_content{border:0;} .securityInputRegistrationWrapper{width:990px; margin:0 auto; border-radius:10px; background:#fff;} .securityInputRegistrationWrapper #login{height:265px;} .securityInputRegistrationWrapper #login input.button{color:#fff !important; background:#057AB8 !important; filter:none;} .securityInputRegistrationWrapper #login input.button:hover{background:#045c8c !important; filter:none;}*/ /* Opensecurity login (the redirect page). Hide "Logging in" text, give the white page a pretty background*/ #b_redirect h1{display:none;} #b_redirect form{display:none;} #b_redirect #javascriptversion{display:none} #b_redirect div#wrapper{height:35em} /* reasonable size for gradient fill back ground */ /* HTML elements */ html{background:#fff; min-width:inherit; width:100%;} body{margin:0; background:url("resource?name=header-bar&companyName=aegon5nin1") repeat-x 0px 80px #fff; min-height:440px; padding:0; font-family: Arial,sans-serif;} a, a:active, a:visited, a:hover, .button a:hover{color: #00a67a;} h1, h2, h3, h4{color: #000!important; font-family: "Avenir LT W01 65 Medium","Helvetica Neue",Helvetica,Arial,sans-serif!important; font-weight: normal; text-rendering: optimizelegibility;} p {color: #666366;} input {color:#000} /* Main */ #pageContainer {margin:0; min-height:440px; padding:0; background:transparent;;} #page_footer {background:transparent; border-top:1px solid #ccc; margin-top: 20px;} #errordiv{width:990px; margin: 0 auto;} #page_content{width:100%; max-width: 990px;} .container_main{padding:0;} .container{box-sizing:border-box;} /*Fix to stop dialogs being 'chopped-off' when they sit outside the main container*/ #page_content, #container_main, #tabs_main {overflow:visible;} /* Header */ #page_top{height: 128px; padding:10px; box-sizing:border-box; max-width:990px; width:auto;} #page_top #logo, #b_index #page_top #logo{width:970px; padding:10px 0 0 0; height:100px; margin:0; box-sizing:border-box;} #page_top #but_logo {background:url("resource?name=logo&companyName=aegon5nin1") no-repeat scroll 0 0 transparent} #sub_logo,#logo_right{display:none;} #page_top #but_logo {position:relative; z-index:3; width:327px; margin-top:0px; height: 100px;} #page_top #links a#link_privacy_policy{display:none;} .bubble_wrap{width:auto; right:10px;} .bubble_login {z-index: 10; top:-10px;} .bubble_register {z-index: 9; top: 17px;} .bubble_wrap .bubble{left:auto; right:10px;} .bubble .form {padding: 0; font-size: 16px;} .bubble .note {font-size: 12px;} .bubble h3 {font-size: 14px;} .bubble_login {background:transparent;} .bubble_register #inp_info_label {margin-right: 10px; width: auto;} .bubble #li_retype_password{padding-top:0;} .bubble_wrap button.bubble_button{background:transparent!important; color:#808B94!important; font-size:14px;} .bubble_wrap button.bubble_button:hover{color:#00a67a!important; text-decoration:underline;} .bubble input.button {font-size: 14px;} .bubble .form .but_link{background:transparent; padding:0; font-size:14px; color:#00a67a; border:none;} .bubble label {font-size: 14px!important; font-weight: normal; color:#333;} #page_top #but_logout, #page_top button.bubble_button {color:#808b94; text-transform:capitalize; } #page_top #but_logout:hover, #page_top button.bubble_button:hover{color:#00a67a!important;} #topnav{float:none; margin:20px auto!important; height: 88px; padding: 0 10px; max-width:990px; width:auto;} #topnav #mainlinks{margin:0;} #topnav #tool_name {display:none;} #topnav #mainlinks li#tn_1{margin:0;} #topnav #mainlinks li#tn_1 input {background:url("resource?name=logo&companyName=aegon5nin1") no-repeat scroll 0 0 transparent!important; height: 93px; margin: 0; width: 340px;} #topnav #mainlinks li#tn_2{display:none;} #topnav #mainlinks input#nav_home{background:url("resource?name=logo&companyName=aegon5nin1") no-repeat scroll 0 0 transparent!important; height: 93px!important; margin: 0; width: 340px!important;} #toolNav{display:none;} #topnav #mainlinks input[type="submit"] {background-color:#fff; color:#00a67a; border:1px solid #00a67a; font-size:16px;} #topnav #mainlinks input[type="submit"]:hover{background-color:#fff!important; color:#008E68!important; border-color:#008E68; } #topnav #mainlinks{width:80%} #topnav #mainlinks li#tn_3{float:right;} /* Footer */ #footer_wrapper{ background: url("resource?name=footer-logo-png&companyName=aegon5nin1") no-repeat 40px 18px #fff; background-image: linear-gradient(transparent, transparent), url("resource?name=footer-logo&companyName=aegon5nin1"); padding: 10px;} /* SVG with PNG fallback (IE8)*/ #footer_wrapper{ background-image: none;} /* Jira 683. Footer logo. Testers unsure if we want the footer logo.*/ #footer_wrapper > ul#footer_links + span:first-of-type{display:none;} /* Jira 683. Kill the orphaned "2016",caused by removing the logo.*/ /* Tabs */ #tabs_main .ui-tabs-panel {box-shadow:none; border-radius:0px; width:100%; box-sizing:border-box;} .tabs_icons .ui-tabs-nav li.ui-tabs-selected a {box-shadow:none;} .tabs_icons .ui-tabs-nav{display:none;} .tabs_icons .ui-tabs-nav li a:hover {box-shadow:none; color: #00a67a;} .tabs_icons .ui-tabs-panel {min-height: 440px;} /* Buttons */ .ui-widget-content a.button_loud, a.button_loud, input.button_loud, .ui-widget-content input.button_loud, input.button_loud, .ui-widget-content button.button_loud, button.button_loud {box-shadow:none; background:#00a67a; border:none; background-image: none; filter: none; -ms-filter: none;} .ui-widget-content a.button_loud:hover, a.button_loud:hover, input.button_loud:hover, .ui-widget-content input.button_loud:hover, input.button_loud:hover, .ui-widget-content button.button_loud:hover, button.button_loud:hover {background:#008E68;} button.button, .button{ background: #00a67a; border:none; color: #ffffff; padding:10px;} button.button:hover, .button:hover{ background:#008E68; border:none; color: #ffffff;} .button_loud .icon_next{display:none;} .buttons_container {background:#eee;} .buttonset .ui-state-default {color:#00a67a; background:#fff; border-color:#00a67a; border-width:1px;} .buttonset .ui-state-hover {border-color:#008E68;} .buttonset .ui-state-active {color: #fff; background:#00a67a!important;} .but_action{background-color:#fff; border:1px solid #00a67a; color: #00a67a;} .but_action:hover{ background:#fff; color:#008E68; text-decoration:none; border-color:#008E68;} .ui-dialog-buttonset .ui-state-default {background:#00a67a; color:#fff!important; border:none;} .ui-dialog-buttonset .ui-state-hover {background:#008E68;} .section_prev.button_loud, .button_prev.button_loud{background:#fff; border:1px solid #00a67a!important; color:#00a67a!important;} .section_prev.button_loud:hover, .button_prev.button_loud:hover{border-color:#008E68!important; background:#fff;} /* Forms */ .formunder input, .form input{border-radius:5px; border:1px solid #ccc;} /* JQuery UI */ .ui-widget-header {background: none repeat scroll 0 0 #00a67a; border-color: #00a67a;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {color:#00a67a;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color:#00a67a;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{color:#ffffff;} .ui-dialog-content {border: 1px solid #ccc;} .ui-dialog .ui-dialog-buttonpane {border-color:#ccc;} /* Icons */ .tool_icon {display:none;} .calc_animation {background-image: url("resource?name=calc_animation&companyName=aegon5nin1");} .but_help .icon, a.help {background:url("resource?name=icon_help&companyName=aegon5nin1") no-repeat 0 0;} .but_help .icon:hover, a.help:hover{background-position:-26px 0;} .icon_trash {background-position: -128px -82px;} /* Sliders */ .horizontalSlider {background:#bfbfbf; border:none; border-radius:5px;} .ui-slider .ui-slider-range {background:#bfbfbf; } .ui-slider .ui-slider-handle, .b_cashflowAnalysis #returnSliderDisplay.sliderContainer .ui-slider .ui-slider-handle {background:#666366; border-color:#666366; border-radius: 5px;} .slider input, .field input, .slider .data {color:#000} .ui-slider .ui-slider-handle:hover {background:#333;} .ui-slider .ui-slider-range {border-radius: 5px;} .slider input.but_slide[type="button"] {border-color:transparent;} /* Home page */ #b_index .container_main{width: 100%;} #b_index #page_content {margin:20px auto; min-height:0px;} #b_index #controller{background:#007D5C;} #b_index #tabs_main .ui-tabs-panel{background:transparent;} #b_index #tabs_main .ui-tabs-panel h2{color:#fff!important;} #b_index #tabs_main .ui-tabs-panel .no_results p{color:#fff!important;} #b_index .bubble_login {top: -136px;} #b_index .bubble_register {top: -110px;} #t_retirement .tool_intro {background:transparent;} #b_index .tabs_icons li.tool_group_heading_container {display:none;} #b_index .tabs_icons .ui-tabs-nav li a span.label{float:none; padding:0px;} #b_index .tabs_icons .ui-tabs-nav li a {font-size: 14px; border-radius: 0; margin-bottom: 4px; padding: 20px;} #b_index .ui-tabs-panel h2{float:left; width:auto;} #b_index .tool_intro {padding:0;} #b_index .tool_intro .intro_text{width:100%;} #b_index .tool_intro .intro_text p{font-size:16px;} #b_index .tool_intro .intro_image {display:none;} #b_index .tool_intro .intro_image img{display:none;} #b_index #t_nInOne .action_footer{display: block;} #b_index #t_nInOne .action_footer button {float: right; width: auto;} #b_index #page_footer{margin-top:0px;} #b_index #t_incomeQuestionnaireA p{color:#fff;} /* Data entry */ .billboard {margin-top: 20px;} #inputs_section {background: none repeat scroll 0 0 #eee; margin-top:10px} #inputs_section .ui-slider .ui-slider-handle{ height: 46px; width:46px;} .slider label, .question_title {color:#000; font-family:Arial,Helvetica,sans-serif;} #page{background:url("resource?name=header-bar&companyName=aegon5nin1") repeat-x 0px 80px transparent;} #inputs_section .risk_desc p {font-size: 14px; margin-top: 18px;} #inputs_section .risk_desc h3 { display: none;} #inputs_section .fund-legend td.legendLabel {font-size: 16px;} #inputs_section .input_guidance{background:transparent;} #inputs_section .input_guidance p{text-align:center;} #inputs_section .fund-legend {float: left; margin-top: 20px;} /* Shouldn't need to do this risk button styling */ #inputs_section #risk_buttons p {display: none;} #div_risk_choice{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } #inputs_section #div_risk_choice.ui-buttonset .ui-button {width:auto; border-radius: 5px; margin-right:5px; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 32%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } #inputs_section #div_risk_choice .ui-button-text-only .ui-button-text {padding: 10px;} #inputs_section #risk_buttons .buttons_container {background:#fff; width:100%;} #inputs_section #inp_risk{padding-top:0;} #inp_risk.ui-buttonset .risk-5 {width: auto;} #inp_risk.ui-buttonset .ui-button{border: 1px solid #00a67a; color:#00a67a; border-radius:5px; padding:10px; margin-right:5px; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 100%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } #inp_risk.ui-buttonset .ui-button:hover{border-color:#008E68;} #inp_risk.ui-buttonset .ui-state-active {color: #fff;} #risk_buttons > div, .buttons_container > div { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 19%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .risk_choice > p {margin-right: 42%;} #li_risk_choice_default img{margin-left: 0%; margin-right: 2%;} .risk_desc {padding: 0 0 40px;} .tableFunds {border: 1px solid #ccc;} .tableFunds tfoot th, .tableFunds thead th {background: none repeat scroll 0 0 #fff; font-weight:bold; border-left: 0px solid #fff; padding:10px; color:#666;} .tabledata th, .tabledata td{padding:10px;} .tabledata td {border-left: 0px solid #fff;} .tableFunds input {width: 50px; margin-right:5px;} .progressMeter{height: 62px; left: 0; margin-left: 10%; width: 80%;} .progressItem {background-image: url(resource?name=progressmeter-off&companyName=aegon5nin1);} .progressItem.progressDone {background-image: url(resource?name=progressmeter-on&companyName=aegon5nin1);} /* Change the wording of the don't know option */ #risk_desc_dont_know .risk_desc_content p{display:none;} #risk_desc_dont_know .risk_desc_content::before{content:"As you're not sure, we'll base our calculations on your time to retirement and a moderate risk level. This means we'll use the asset mix shown in the pie chart for our calculations. This shouldn't be seen as a recommendation."} /* Initial forecast and summary of data */ /*.billboard h2 {color:#333; font-family:Arial,Helvetica,sans-serif;} .billboard h3 {font-family:Arial,Helvetica,sans-serif;}*/ #b_level_mini1 #person_info{background:#eee; min-height: 362px;} #b_level_mini1 #level_info {background-color: #eee; min-height: 362px;} #b_level_mini1 #level_info h3 {color: #666;} #b_level_mini1 #level_info li{padding:0;} #b_level_mini1 .calc_animation{top: 350px;} #b_level_mini1 #level_info .icon_theme{display:none;} #b_level_mini1 .container h3 {font-size: 16px;} /* 4-in-1 page */ #b_retirementPlan #page_content{width:990px;} /* restrict as the page isn't responsive */ #b_retirement_intro #initial_income_question {margin-top: 20px;} #b_retirement_intro #initial_income_question #settings {background:#eee; padding: 20px 15px;} #b_retirement_intro #initial_income_question #settings #market_conditions {width: 55%;} #b_retirement_intro #initial_income_question #sliderWrapper_market_returns {background-color:#eee;} #b_retirement_intro #initial_income_question #settings #market_conditions p {margin: 0px 0px 0 0; width: 222px;} #b_retirement_intro #initial_income_question #settings #sublinks{width: 44%;} #initial_income_question #sliderWrapper_market_returns {background-image: url("resource?name=market_returns_slider&companyName=aegon5nin1");} #b_retirement_intro #initial_income_question .option p {font-size: 14px; margin: 30px 0 0 0;} #b_retirement_intro #initial_income_question .option-income-info{min-height:210px;} #b_retirement_intro #initial_income_question .option-income-info .option_text {min-height:105px;} #b_retirement_intro #initial_income_question #infotab2 p.option-inco-me-info:last-of-type > .option_text{min-height:105px} /* JIRA 684 - Vertical alignment of cloumns + list of stars*/ #b_retirement_intro #initial_income_question .option-income-info #until_age{min-height:auto;} #b_retirement_intro .ui-slider .ui-slider-handle {border: medium none;} #b_retirement_intro #initial_income_question .option h3 {margin: 0; width: 87%; height: 30px;} /* The width here was static but that was unnecessary since the panels use flexbox to fit inside the container so the width was changed to 100% of the allocated space*/ #b_retirement_intro #initial_income_question .option {width: 100%; border:0px; flex-grow:1;} #b_retirement_intro #initial_income_question .option .but_help {border:0; margin: 0; padding: 0; background:transparent;} #b_retirement_intro #initial_income_question .option p:nth-child(2){height:100px;} #b_retirement_intro .but_help .but_text {display: none;} #b_retirement_intro .but_help .icon {width: 11px;} #b_retirement_intro #initial_income_question .option #until_age {margin: 10px 5px 0 5px;} #b_retirement_intro .option_warning {float: left;} #b_retirement_intro #initial_income_question .option .button_loud{background:#00a67a;} #b_retirement_intro #initial_income_question .option .button_loud:hover{background:#008E68;} #b_retirement_intro .calc_animation {top: 350px;} #b_retirement_intro #initial_income_question #iiq_intro_section h2 {color: #333;} /* Because the width was changed from a fixed value to 100% for every infotab element the old 2px margins no longer made sense so they were changed to a % to all of the children except for the right and left margins for the last and first children respectively */ .infotab{float:left; width:auto; margin-right:0.5%; margin-left:0.5%; display:-ms-inline-flexbox; /*IE10*/ display:-webkit-inline-flex; /*Safari7-8,Android4.1-4.3*/ display:inline-flex;} .infotab:last-child{margin-right:0;} .infotab:first-child{margin-left:0;} /* 4-in-1 feature list */ /* Tick and cross version #b_retirement_intro #initial_income_question #income_options {padding: 0 10px 90px; margin-bottom:20px; background:url("resource?name=extra-cost&companyName=aegon5nin1") no-repeat bottom left #eee;} #b_retirement_intro .feature-list-item{float:left; width:100%;} #b_retirement_intro .feature-list-text {float:left; padding: 0; width: 75%;} #b_retirement_intro .feature-list-icon{float:right; height: 36px; width: 36px; border:none;} #b_retirement_intro #feature_icon_annuity_0{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_1{background:url("resource?name=icon-question&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_2{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_3{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_4{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_0{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_1{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_2{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_3{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_4{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_0{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_1{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_2{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_3{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_4{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_0{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_1{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_2{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_3{background:url("resource?name=icon-tick&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_4{background:url("resource?name=icon-cross&companyName=aegon5nin1") no-repeat;} */ #b_retirement_intro #initial_income_question #income_options {padding: 0 10px 180px; margin-bottom:20px; background:url("resource?name=options-note&companyName=aegon5nin1") no-repeat bottom left #eee;} #b_retirement_intro #initial_income_question #income_options .infotab{ /* JIRA 684 flex box stuff for the Annuity, drawdon, lumpsum tabs*/ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display:block; display:-webkit-inline-flex; display:inline-flex; flex-direction:column;/* The 3 Options are laid out in a horizontal row, BUT allow each option to grow *verticaly* to be the same height*/ } #b_retirement_intro .feature-list-item{float:left; width:100%; padding-bottom: 15px; position:relative;} #b_retirement_intro .feature-list-text {float:left; padding: 0; width: 63%; font-size:12px;} #b_retirement_intro .feature-list-text a{position:absolute; right:0; bottom:0px} #b_retirement_intro .feature-list-icon{float:right; height: 15px; width: 75px; border:none; padding:0;} #b_retirement_intro #feature_icon_annuity_0{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_1{background:url("resource?name=icon-stars2&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_2{background:url("resource?name=icon-stars1&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_3{background:url("resource?name=icon-stars1&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_annuity_4{background:url("resource?name=icon-stars1&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_0{background:url("resource?name=icon-stars4&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_1{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_2{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_3{background:url("resource?name=icon-stars2&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_varAnnuity_4{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_0{background:url("resource?name=icon-stars2&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_1{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_2{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_3{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_drawdown_4{background:url("resource?name=icon-stars4&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_0{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_1{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_2{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_3{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} #b_retirement_intro #feature_icon_lumpsum_4{background:url("resource?name=icon-stars3&companyName=aegon5nin1") no-repeat;} /* Target income estimater */ div#dialog_target{position:relative;} div#dialog_target div#targetCalcTabs .ui-tabs-panel {background:#fff; border: 4px solid #666; } div#dialog_target div#targetCalcTabs ul#target_tabs_ul li.ui-state-active {background: #666!important; height:auto;} div#dialog_target .tabs_budget a span.title {color:#00a67a} div#dialog_target div#targetCalcTabs .ui-tabs-nav {padding: 80px 0 0!important;} div#dialog_target div#targetCalcTabs ul#target_tabs_ul li {height: auto; background: none repeat scroll 0 0 #eee !important;} div#dialog_target div#targetCalcTabs ul#target_tabs_ul li a{color:#00a67a} div#dialog_target div#targetCalcTabs ul#target_tabs_ul li.ui-state-active a span.title{color:#fff;} div#dialog_target div#targetCalcTabs ul#target_tabs_ul li.ui-state-active a span.cat_total{color:#fff;} div#dialog_target .ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 15px 10px;} div#dialog_target .tabs_right .ui-state-default.ui-corner-top {border: 1px solid #666 !important;} div#dialog_target div#targetCalcTabs table td {border-bottom: 1px dashed #ccc!important;} div#dialog_target div#targetCalcTabs table thead td.buttonContainer a.fillDown {border: 1px solid #ccc!important;} div#dialog_target div#targetCalcTabs table tr.expenseRow td.expenseButton label.ui-state-active {border-color:#666!important; background:#666!important;} div#dialog_target .target_data {color: #000;} #dialog_target #total_income {background:#eee!important; border: 1px solid #eee!important; top: 350px;} div#dialog_target div#targetCalcTabs table tr td.buttonContainer label {padding:5px; border-color:#eee;} div#dialog_target div#targetCalcTabs table tr td.buttonContainer label:hover{border-color:#ccc;} div#dialog_target div#targetCalcTabs table tr td.buttonContainer a.fillDown {padding:5px;} #dialog_target #set_target {bottom: 0 !important; right: 20px !important; top:auto!important; width:15%!important;} /* Planner */ .b_cashflowAnalysis #main_content{width:100%; padding:10px; background:#eee; min-height:0px; border-radius:5px; margin-top:10px; box-sizing: border-box;} /* Planner left inputs */ .b_cashflowAnalysis #left_content {width: 320px; margin:0px;} .b_cashflowAnalysis #easy_input .top_selects {position:inherit;} .b_cashflowAnalysis #easy_input {right: 0; top: 0;} .b_cashflowAnalysis #easy_input ul.ui-tabs-nav {background:#eee;} .b_cashflowAnalysis #easy_input.ui-tabs .ui-tabs-panel {border-radius:5px; box-sizing: border-box; padding:10px; background:#fff; min-height: 483px; margin:0;} .b_cashflowAnalysis #easy_input .ret_planner_tab2_left{margin:0;} .b_cashflowAnalysis #easy_input .form{padding:0;} .b_cashflowAnalysis #easy_input .ui-tabs-nav li a {font-size: 16px; font-weight: normal; padding: 15px; color:#666366} .b_cashflowAnalysis #easy_input .ui-tabs-nav li a:hover{text-decoration:underline;} .b_cashflowAnalysis #easy_input li.ui-tabs-selected a {background:#fff; text-decoration:none!important; color:#00a67a} .b_cashflowAnalysis #easy_input li a.help{padding: 0; float:right; margin: 2px 0 0;} .b_cashflowAnalysis #easy_input .form .upper_selects {border: medium none; font-size: 16px; color:#ffffff; width: 87%; background:#00a67a; border-radius:5px;} .b_cashflowAnalysis #easy_input .form label, .b_cashflowAnalysis #easy_input .form span.label {font-size: 14px !important; font-weight: normal; margin: 0; color:#333; width: 160px;} .b_cashflowAnalysis #easy_input .formunder input, .b_cashflowAnalysis #easy_input .form input {border:1px solid #ccc; font-size:14px; padding: 6px 8px; float:none;} .b_cashflowAnalysis #easy_input .form span.currency{float:none; margin:0px;} .b_cashflowAnalysis #easy_input li a {font-size:12px;} .b_cashflowAnalysis #easy_input .form .lower_selects {width: 100%; background:#0077C8; border:none; color:#fff; border-radius:5px; margin-bottom:1px;} .b_cashflowAnalysis #easy_input .form span.percentage{float:none;} .b_cashflowAnalysis #easy_input .form div{float:left; width:inherit;} /* invalid markup fix for IE */ /* Forecast header */ .b_cashflowAnalysis select {margin-top: 0; border: 1px solid #ccc; border-radius: 5px;} .b_cashflowAnalysis #inp_forecast_type{left:0; position: inherit; top: 0; margin: 10px 0 0 0; float:left; font-size: 16px; border:1px solid #00a67a; color:#00a67a; border-radius:5px;} .b_cashflowAnalysis #inp_cash_value{display:none;} .b_cashflowAnalysis .returnSlider_container {bottom:0px; height: auto; position:inherit; right:0px; width: auto; margin: 10px 0 5px 20px;} .b_cashflowAnalysis .slider_labels {color:#666; font-size:12px; margin-top:-2px;} .b_cashflowAnalysis #returnSliderDisplay{margin: 0 10px; width: 210px;} .b_cashflowAnalysis #return_slider_weak_outcome{text-align:right;} .b_cashflowAnalysis #return_slider_strong_outcome{text-align:left;} .b_cashflowAnalysis #slider_help{margin:5px 0 0 10px;} /* Forecast chart */ .b_cashflowAnalysis #retirement_graph_content {border-radius:0; position:inherit; right:0; border-radius:5px; top: 0; padding:20px; width: 425px; margin:5px 0 0; box-sizing:border-box; min-height: 483px; height: auto; float: left;} .b_cashflowAnalysis #chartTitle {color:#666; margin:0; width:100%; text-align:center;} .b_cashflowAnalysis .chartContainer {} .b_cashflowAnalysis .forecastCheckboxes {clear: left; float: left; left:0px; margin:38px 0 0 110px; position:inherit; top:0px; width: 100%;} .b_cashflowAnalysis .graph_key{clear: left; color: #666; display:block; padding: 5px 0 0 0; width: auto; text-align: left;} .b_cashflowAnalysis .graph_key_font{font-size: 14px;} .b_cashflowAnalysis .graph_key_shapes {border-radius: 0; float: left; height: 0px; margin:0 5px 0 0; width: 10px;} .b_cashflowAnalysis #retirement_graph_content .horizontal_slider a {padding-left: 10px; font-size:12px;} .b_cashflowAnalysis #retirement_graph_content .horizontal_slider a:hover{z-index:5;} /*#b_retirementPlan.b_cashflowAnalysis .horizontal_slider { left: 98px; position:absolute; width: 288px;}*/ .b_cashflowAnalysis .target_slider.ui-slider .ui-slider-handle:hover{background:#666;} .b_cashflowAnalysis .target_slider.ui-slider .ui-slider-handle .forecast_income{font-weight:bold;} /* Right hand numbers */ .b_cashflowAnalysis #flip_numbers {border-radius:5px; margin:5px 0 0 10px; position: inherit; right: 0; width: 195px; top:0; min-height:464px; height:auto;} .b_cashflowAnalysis #flip_numbers .text_format {padding:10px 0 5px; } .b_cashflowAnalysis #flip_numbers .flipNumberOutput {color: #666; float: left; margin: 3px 5px 0 0;} .b_cashflowAnalysis #flip_numbers .help {margin-top: 6px;} .b_cashflowAnalysis .xdsoft{margin-bottom:20px; display:inline-block;} .b_cashflowAnalysis #flip_numbers .flip_number_age {margin-left: 0; margin-top: 5px;} .b_cashflowAnalysis .reportButton-container {margin:0;} .b_cashflowAnalysis #flip_numbers > div {border-bottom: 1px solid #eee; padding: 0 0 10px;} .b_cashflowAnalysis #flip_numbers > div:last-child{border:none;} /* Facts accordion*/ .b_cashflowAnalysis #easy_input #products {margin: 0!important; width:100%!important;} .b_cashflowAnalysis #easy_input #products h2 {height:auto; margin: 2px auto 0; padding: 10px 20px; color:#00a67a; width: auto; cursor:pointer; cursor:hand;} .b_cashflowAnalysis #easy_input #products div.sub ul.tabledata {width: auto;} .b_cashflowAnalysis #easy_input #products .sub input[type="submit"] {color:#00a67a!important;} .b_cashflowAnalysis #easy_input #products div.sub li, .b_cashflowAnalysis #easy_input #products_current li, .b_cashflowAnalysis #easy_input #products_solution li {padding: 5px 0 5px 17px; background:#fff;} .b_cashflowAnalysis #easy_input #products .sub input.addButton, .b_cashflowAnalysis #products_current .sub input.addButton, .b_cashflowAnalysis #products_solution .sub input.addButton {background:none; padding: 0px;} .b_cashflowAnalysis #easy_input #products div.last, .b_cashflowAnalysis #products_current div.last, .b_cashflowAnalysis #products_solution div.last {border-top: 1px solid #eee !important; padding: 5px 0 5px 13px;} .b_cashflowAnalysis .readonlyName {color: #666;} /* Facts user data */ .b_cashflowAnalysis .userData #eventIcon, .b_cashflowAnalysis .userData .eventIcon{display:none;} .b_cashflowAnalysis .userData .form span.data{font-size: 14px !important; margin: 4px 0 0 10px;} input.addButton[type="submit"], input.addButton[type="button"] {background:#fff!important; color: #00a67a!important; padding: 2px 0 4px 12px;} .b_cashflowAnalysis .userData .form select {color: #222; font-size: 14px;} .b_cashflowAnalysis .userData .form .help {float: none; vertical-align: middle;} .b_cashflowAnalysis #dataEntryDialog .form {background: none repeat scroll 0 0 #eee;} .b_cashflowAnalysis .annuity_icon_wrapper{display:none;} #b_product_maint ul.tabledata li .submitLink, .summaryCol ul.tabledata li .submitLink {color: #00a67a} #b_product_maint ul.tabledata li .submitLink:hover, .summaryCol ul.tabledata li .submitLink:hover {color:#00a67a; text-decoration:underline;} #dataEntryDialog .dataEntrySummary ul.tabledata li .submitLink {float: left; text-align: left;} /* Expenses */ #dataEntryDialog #expensesTabs .multiInputExpenseIcon {background:#00a67a!important; border:none; color: #ffffff;} #dataEntryDialog #expensesTabs .multiInputExpenseIcon:hover{ background: #008E68!important;} #dataEntryDialog #expensesTabs .accordianHeader {box-sizing: border-box; width:100%} #dataEntryDialog table.expensesTable.tabledata thead th {background:#fff;} #dataEntryDialog table.expensesTable select {width: auto;} #dataEntryDialog .dataEntrySummary .but_add_cashflow {padding-bottom:20px;} #dataEntryDialog .dataEntrySummary #helpExpenseLoadcashflow {height: 21px;} /* Timeout page */ #b_timeout #pageContainer{background:#fff;} #b_timeout #page_content{background:url("resource?name=timeout&companyName=aegon5nin1") no-repeat center center #ffffff;} #b_timeout h1{display:none;} #b_timeout p{display:none;} #b_timeout p.loginButtonContainer {display: block;} /* Access denied page (show timeout) */ #b_accessDenied #pageContainer{background:#fff;} #b_accessDenied #page_content{background:url("resource?name=timeout&companyName=aegon5nin1") no-repeat center center #ffffff;} #b_accessDenied h1{display:none;} #b_accessDenied p{display:none} /* Logged out page */ #b_general #pageContainer{background:#fff; } #b_general #page_content{background:url("resource?name=logged-out-image&companyName=aegon5nin1") no-repeat center center #ffffff; height: 500px; max-width: 100%;} #b_general .container_main{display:none;} /* Income risk questionnaire - intro*/ .questionnaireIntro h2{margin:20px 0; font-size: 28px;} .questionnaireIntro .twoColContainer .twoCol1 p {font-size: 14px; margin-top: 20px;} .questionnaireIntro .twoColContainer .twoCol1 {float: left; margin-right:0; width: 45%;} .questionnaireIntro .twoColContainer .twoCol2{float:right;} .questionnaireIntro .twoColContainer .twoCol2 ul{ margin-right: 20px; list-style: outside none disc;} .questionnaireIntro .twoColContainer .twoCol2 ul li{font-size: 14px; padding-bottom: 10px; padding-left: 10px;} .questionnaireIntro .buttonContainer {float: right;} .questionnaireIntro button.button_loud{padding: 20px; font-size:18px; font-weight:normal;} /* Income risk questionnaire - questions*/ ul.questionnaireProgress {background:transparent; margin:0 auto; width:auto; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .questionnaireProgress li {float:left; width:auto; padding:0; -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ width: 20%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .questionnaireProgress li a{background:#D9EDE2; border-radius:30px; color:#999; width:54px; height:35px; float:left; margin:5px; vertical-align:middle; padding-top:16px} .questionnaireProgress li a.done{cursor:pointer; cursor:hand; color: #00a67a;} .questionnaireProgress li a.active{background:#04A77C; color:#fff} .questionContainer{padding-top: 50px;} .questionContainer .questionPicture {display:none;} .questionContainer .question {width:100%; text-align:center; padding:0;} .questionContainer .question div{float:left; width:100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .questionContainer .question h3 {text-align:center; padding: 0 0 30px;} .questionContainer .question .radio{background:#fff; float:left; width:18%; padding:0; margin:10px; border:none;} .questionContainer .question .radio:last-child{margin-right:0;} .questionContainer .question .radio input{position: absolute; top: -999px; right: -999px;} .questionContainer .question .radio label{background:#fff; border:2px solid #D9EDE2; border-radius:10px; width:100%; padding:20px; box-sizing:border-box; height:150px; vertical-align:middle; font-size:14px; color: #00a67a; align-items:center; text-align: left; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .questionContainer .question .radio label:hover{border-color:#04A77C;} /* Income risk questionnaire - result*/ .questionnaireResult .questionnaireResultImage{float:left; padding:20px 40px; box-sizing:border-box;} .questionnaireResult .questionnaireResultText{float:right; margin-top:20px;} .questionnaireResult .questionnaireResultText h2{line-height: 1.4em;} .questionnaireResult .buttonContainer {float: left; clear:both;} .questionnaireResult button.button_loud{padding: 20px; font-size:18px; font-weight:normal;} /* Home page when returning with data */ #b_index #t_nInOne .summary_active_results {padding:20px 20px 40px 20px; box-sizing:border-box; width:100%} #b_index h3 .help {padding: 5px 10px;} #b_index #t_nInOne #forecast div.flipper_results p {font-weight:normal; font-size:24px} #b_index #t_nInOne .tabledata p{margin:0; padding:0;} #b_index #t_nInOne span.dataload_date {float:none;} #b_index .container_main .tabledata td, #b_index .container_main .tabledata th {font-size: 16px; font-weight: normal; padding: 20px;} #b_index .return_data {color:#333; float:none;} #b_index #t_nInOne #forecast .flipper_results {padding: 35px 0 0; height:161px;} /* Register Dialog/bubble*/ .bubble_register #li_inp_info{display:none;} #b_retirementPlan.b_cashflowAnalysis #create_report{display:block;} /* Fonts */ @font-face{font-family:"Avenir LT W01 65 Medium";src:url("resource?name=AvenirLTW0165Medium_eot&companyName=aegon5nin1");src:url("resource?name=AvenirLTW0165Medium_eot&companyName=aegon5nin1#iefix") format("eot"),url("resource?name=AvenirLTW0165Medium_woff&companyName=aegon5nin1") format("woff"),url("resource?name=AvenirLTW0165Medium_ttf&companyName=aegon5nin1") format("truetype"),url("resource?name=AvenirLTW0165Medium_svg&companyName=aegon5nin1") format("svg");} /*********************************************** Responsive layout ******************************************************/ #topnav #a_open_mobile_menu {display: none;} #mobile-tabs ul li {display: inline-block; background:#fff; border:1px solid #00a67a; } #mobile-tabs ul li:hover{} #mobile-tabs ul li:hover a{text-decoration:none; color:#008E68;} #mobile-tabs ul li.selected {background:#00a67a; color:#fff;} #mobile-tabs ul li.selected a{color:#fff;} @media screen and (max-width: 1050px) { /* The container width of 100% (plus pa) does not work on small screens*/ #page_content{width:auto;} #page_top{ padding-left:10px; padding-right:10px; width:100%; box-sizing: border-box;} #page_top #logo, #b_index #page_top #logo{width:100%} #footer_wrapper{width:100%;} /* Retirement Options*/ #b_retirement_intro #initial_income_question .option {width: auto;} /* Jira 684 Display issues with flex box*/ } @media screen and (max-width: 800px) { #page_top{background:transparent;} #page_top #logo {background:transparent} #page_content{padding:10px;} #b_retirement_intro #initial_income_question #income_options {background:#fff;} #topnav #mainlinks li#tn_3 {display:none;} #b_retirement_intro .infotab{width:100%;} /* JIRA 684. Retirement options Linearise columns*/ #b_retirement_intro #initial_income_question #income_options{padding-bottom: 10px;} /* JIRA 684 Resurect the old "Mobile tabs" feature. They are only partially implented in base "moneybee" company and disabled in the "mbeedemo5product" company (and its children) */ #mobile-tabs{clear:left;} #b_retirement_intro #initial_income_question #income_options .infotab{display:none;} #b_retirement_intro #initial_income_question #income_options .showTab{display:block;} } /* Small tablets. Likely resolution = small tablet (portrait) 600 * 800 */ @media screen and (max-width: 620px) { .bubble_wrap{display:none;} } /* Mobile */ @media handheld, only screen and (max-width: 480px) { #page_top{border-bottom:4px solid #007D5C; height: 65px;} #page_top #but_logo {background: url("resource?name=logo&companyName=aegon5nin1") no-repeat scroll 0 0 transparent; background-size:60%; height: 30px;} #pageContainer {background:#fff;} #topnav {display: none!important;} #b_retirement_intro #initial_income_question #sliderWrapper_market_returns {display:none;} } /* Aegon table data for help text*/ table#aegonRates td { border: 1px solid black; } table#aegonRates{margin:auto;} #a_dialog_builder { border: none; background: none; margin: 0px; padding: 0px; float: right; } /* Width repeated because targetBuilderA does not inherit this css from cashflow*/ #a_dialog_builder span { margin: 5px 5px 0px; float: left; height: 25px; width: 11px; } /************************ * CR2017-03 Changes * ************************/ /* CR2017-03 Change 1*/ #b_target_builder [aria-describedby="dialog_target"] .ui-dialog-titlebar { pointer-events: none; } /* CR2017-03 Change 2 */ #b_target_builder [aria-describedby="dialog_target"] .ui-dialog-titlebar-close, #b_target_builder [aria-describedby="dialog_target"] #target_builder_close { display: none; } /* CR2017-03 Change 3 */ #b_target_builder #footer_links, #b_target_builder #topnav { display: none !important; }