/* How do I get there */
#content .twelve.columns.how_do_i_get_there { background:#f1f1f1; position:relative; padding-bottom:135px; }
#content .twelve.columns.how_do_i_get_there h1 { font-size:30px; font-weight:normal; color:#00338d; padding:15px 20px; background:#fff; box-shadow:0 0 10px #333; width:100%; position:absolute; top:0; left:0; z-index:29; }
#content .twelve.columns.how_do_i_get_there .contents { padding:20px 30px; position:relative; margin-top:65px; }
#content .twelve.columns.how_do_i_get_there .contents.open { margin-top:260px; }

#content .twelve.columns.how_do_i_get_there.splash { background:#fff; position:relative; padding-bottom:0; }
#content .twelve.columns.how_do_i_get_there.splash .contents { background:#f7f7f7 url(../images/splash-bg.png) top right no-repeat; height:517px; padding:0; margin-top:0; margin:10px; overflow:hidden; }
#content .twelve.columns.how_do_i_get_there.splash .contents h1 { position:absolute; top:35px; left:30px; font-size:36px; font-weight:normal; color:#00338d; padding:0; box-shadow:none; background:none; }
#content .twelve.columns.how_do_i_get_there.splash .contents h1 span { font-weight:bold; clear:both; display:block;font-size:60px; line-height:1;  }
#content .twelve.columns.how_do_i_get_there.splash .blurb { position:absolute; top:225px; left:30px; width:400px; }
#content .twelve.columns.how_do_i_get_there.splash .blurb p { font-size:18px; line-height:1.2; color:#00338d;  }
#content .twelve.columns.how_do_i_get_there.splash .start_player { position:absolute; bottom:35px; left:30px; width:130px; text-align:center; padding-right:25px; }


#top_dock { width:100%; height:200px; background:none; position:absolute; top:-85px; left:0; z-index:28; }
#top_dock.open { top:60px; background:#fff; }
#top_dock #top_dock_inner { margin-top:40px; display:none; }
#top_dock #top_dock_inner .columns { margin-left:1px; height:138px; }
#top_dock #top_dock_inner .column_one { width:209px; }
#top_dock #top_dock_inner .columns .five { width:75px; margin-left:25px; }
#top_dock #top_dock_inner .columns .seven { width:100px; height:54px; padding:13px 0 0 0; font-size:11px; line-height:14px; font-weight:bold; color:#999; }
#top_dock #top_dock_inner .columns .widget { width:100%; height:70px; overflow:hidden; }
#top_dock #top_dock_inner .column_two { width:248px; }
#top_dock #top_dock_inner .column_three { width:203px; border-left:1px dotted #ccc; border-right:1px dotted #ccc; }
#top_dock #top_dock_inner .column_three .widget { width:145px; padding:30px 25px; }
#top_dock #top_dock_inner .column_three p { padding:13px 0 0 0; font-size:11px; line-height:14px; font-weight:bold; color:#999; text-align:left; float:left; }
#top_dock #top_dock_inner .column_four { width:270px; }
#top_dock #top_dock_inner .column_four .widget { margin-top:15px; height:auto; }
#top_dock #top_dock_inner .column_four .five { width:120px; margin-left:15px; }
#top_dock #top_dock_inner .column_four .five p { font-size:11px; line-height:26px; height:24px; margin-bottom:20px; font-weight:bold; color:#999; text-align:center; }
#top_dock #top_dock_inner .column_four .seven { width:120px; height:135px; padding:2px 0 0 0; }

#top_dock #top_dock_inner .help_icon { position:absolute; display:block; width:24px; height:24px; top:0; right:5px; text-indent:-5000px; background-repeat:no-repeat; }
#top_dock #top_dock_inner .edit { float:left; display:inline-block; margin-top:3px; margin-right:12px; background:#fff; font-weight:bold; font-size:12px; line-height:1; color:#666; padding:6px 6px; border:1px solid #999; text-transform:uppercase; }
#top_dock #top_dock_inner .column_three .edit { float:right; margin-top:8px; margin-right:0; }



#zoom_more_information { position:absolute; bottom:0; right:53px; width:270px; height:50px; background:#fff; }
#zoom_more_information.open { bottom:-50px; }
#zoom_more_information a.zoom-in { position:absolute; top:16px; left:14px; height:22px; width:22px; }
#zoom_more_information a.zoom-out { position:absolute; top:16px; left:49px; height:22px; width:22px; }
#zoom_more_information a.more-info { position:absolute; top:13px; right:15px; color:#4d4d4d; height:28px; width:150px; font-size:16px; line-height:28px; border-left:1px solid #ccc; padding-left:15px; }
#zoom_more_information a.more-info span { float:right; display:inline-block; width:14px; height:14px; margin-top:7px; }

.dock_open { }

#charts_container { height:330px; border-bottom:1px dotted #c8c8c8; position:relative; margin-bottom:10px; }

#your_money_chart_box { width: 275px; height: 275px; background: #fff; overflow: visible; position: absolute; top: 10px; left: 0; }
#your_money_chart_box h2 { position:relative; font-size: 18px; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; color: #4d4d4d; line-height: 1.3; padding: 10px; border-bottom: 1px solid #f1f1f1; }
#your_money_chart_box h2 .help-tip-icon { position:absolute; top:10px; right:10px; }
#your_money_chart_box a.your_money_chart_transfer { display:block; padding:10px; color:#fff; background:#4d4d4d; text-decoration:none; font-weight:bold; }
#your_money_chart_box a.your_money_chart_transfer:hover { background:#aeabac; text-decoration:none; }
#your_money_chart_box a.your_money_chart_transfer span { width:16px; height:12px; float:right; margin:4px 10px 0 0; }
#your_money_chart_container { width: 275px; height: 175px; background: #fff; margin: 20px auto; overflow: visible; }
#your_money_chart { width: 275px; height: 175px; }
#your_money_chart .legend { display:none; }
#your_money_chart_inner_text { position:absolute; top:82px; left:73px; width:128px; height:138px; border-radius:69px; background:#fff; text-align:center; }
.your_money_chart_inner_text_hover { position:absolute; top:82px; left:68px; width:138px; height:138px; border-radius:69px; background:#fff; text-align:center; display:none; }
#your_money_segment { width:110px; margin:26px auto 0 auto; }
#your_money_segment .number { display:block; font-size:22px; font-weight:bold; color:#009fda; padding:0; margin:0 0 0 0; }
#your_money_segment .strapline { display:block; text-transform:uppercase; font-size:8px; color:#333; padding:0 0 7px 0; margin:0; border-bottom:1px dotted #000; }
#your_money_total { width:110px; margin:auto; }
#your_money_total .number { display:block; font-size:22px; font-weight:bold; color:#50c282; padding:8px 0 0 0; margin:0; }
#your_money_total .strapline { display:block; text-transform:uppercase; font-size:8px; line-height:1.1; color:#333; padding:4px 0 0 0; margin:0; }
.your_money_chart_inner_text_hover .number { display:block; font-size:22px; font-weight:bold; color:#50c282; padding:0 0 0 0; margin:48px 0 0 0; }
.your_money_chart_inner_text_hover .strapline { display:block; text-transform:uppercase; font-size:9px; line-height:1.1; color:#333; padding:4px 0 0 0; }
.circledigit { border-radius:12px; height:24px; width:24px; background:#fff; color:#000; display:block; line-height:24px; font-size:12px; text-align:center; margin-left:0; }
.circledigit.dark_tick { background:#4d4d4d; color:#fff; }
.bar_chart_tooltip {
   font-size: 22px;
   opacity: 1;
   padding: 5px;
   position: absolute;
   z-index: 12;
   color: #888;
   background: #eee;
   border: 2px solid #fff;
   -moz-box-shadow: 0px 1px 1px #ddd;
   -webkit-box-shadow: 0px 1px 1px #ddd;
   box-shadow: 0px 1px 2px #ddd;
    color:#fff;
    width:90px;
    min-height:65px;
}
/*.bar_chart_tooltip.annuity {
    width:90px
}*/
.bar_chart_tooltip div {
   position: relative;
   text-align: center;
   margin: 0;
}
.bar_chart_tooltip span { font-size: 15px; line-height:1; display: block; margin-left:auto; margin-right:auto; }
.bar_chart_tooltip span.series { color: #fff; font-weight:bold; margin-bottom:3px; }
.bar_chart_tooltip span.stats { margin-bottom:3px; }
.bar_chart_tooltip span.year { color: #fff; font-weight:bold; margin-bottom:3px; }
.bar_chart_tooltip span.year_total { margin-bottom:0; }
.bar_chart_tooltip:after {
   content: ' ';
   position: absolute;
   width: 0;
   height: 0;
   margin-left: -5px;
   bottom: -10px;
   left: 50%;
   border-width: 5px;
   border-style: solid;
   border-color: #fff transparent transparent transparent ;
}
.thresholdtooltip { width:150px; height:12px; font-size:12px; color:#000; text-align:right; font-weight:bold; background:none; padding-left:5px; text-shadow:1px 1px 2px #fff; }
.thresholdtooltip span { display:inline-block; }
.thresholdtooltip .circle { display:inline-block; width:5px; height:5px; border-radius:3px; border:1px solid #000; background:#fff; margin-left:3px; }
.thresholdtooltip .circle.red { border:1px solid #ff0000; }

/*#chartjs-tooltip { opacity: 1; position: absolute; top: -1000px; background: #000; color: white; padding: 0; width: 10px; height: 10px; border-radius: 5px; pointer-events: none; text-indent: -5000px; }*/

#income_projection_chart_box { width: 580px; height: 275px; overflow: visible; position: absolute; top: 10px; left: 300px; }
#income_projection_chart_box h2 { font-size: 18px; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; color: #4d4d4d; line-height: 1.3; padding: 10px; }
#income_projection_chart_container { width:580px; position:relative; }
#income_projection_chart_container .back { height:17px; width:17px;    position:absolute; left:-4px;  bottom:-4px; padding:5px 0 0 5px; text-indent:-5000px; }
#income_projection_chart_container .forward { height:17px; width:17px; position:absolute; right:-4px; bottom:-4px; padding:5px 0 0 5px; text-indent:-5000px; }
#income_projection_chart_container .back span { height:14px; width:14px; text-indent:-5000px; display:block; }
#income_projection_chart_container .forward span { height:14px; width:14px; text-indent:-5000px; display:block; }
#income_projection_chart { width: 580px; height: 240px; }
#income_projection_chart .legend { display:none; }

#options_container { display:block; }
#options_container h2 { position:relative; font-size:18px; font-family:'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight:normal; color:#4d4d4d; line-height:1.3; padding:10px; border-bottom:1px solid #f1f1f1; }
#options_container h2 .help-tip-icon { position:absolute; top:10px; right:10px; }
#options_container .option-panel { width:274px; height:168px; background:#fff; position:relative; display:inline-block; margin-right:25px; margin-bottom:25px; box-sizing:border-box; }
#options_container .option-panel:hover { box-shadow:0 0 10px #999; cursor:pointer; }
#options_container .option-panel.end { margin-right:0; }
#options_container .option-panel h3 { position:absolute; top:0; left:0; width:254px; height:45px; line-height:45px; font-size:16px; color:#fff; padding:0 10px; }
#options_container .option-panel.orange h3 { background-color:#ff7d48; }
#options_container .option-panel.orange.selected { background-color:#ff7d48; }
#options_container .option-panel.orange.selected h3 { border-bottom:1px dotted #999; }
#options_container .option-panel.green h3 { background-color:#74b84e; }
#options_container .option-panel.green.selected { background-color:#74b84e; }
#options_container .option-panel.green.selected h3 { border-bottom:1px dotted #999; }
#options_container .option-panel.blue h3 { background-color:#14799d; }
#options_container .option-panel.blue.selected { background-color:#14799d; }
#options_container .option-panel.blue.selected h3 { border-bottom:1px dotted #999; }
#options_container .option-panel.purple h3 { background-color:#8d698e; }
#options_container .option-panel.purple.selected { background-color:#8d698e; }
#options_container .option-panel.purple.selected h3 { border-bottom:1px dotted #999 }
#options_container .option-panel.dark-orange h3 { background-color:#f05f47; }
#options_container .option-panel.dark-orange.selected { background-color:#f05f47; }
#options_container .option-panel.dark-orange.selected h3 { border-bottom:1px dotted #999 }
#options_container .option-panel.locked { background:#fff; }
#options_container .option-panel.locked:hover { box-shadow:none; cursor:default; }
#options_container .option-panel.locked h3 { border-bottom:1px dotted #c8c8c8; color:#666; }
#options_container .option-panel.locked.orange h3, 
#options_container .option-panel.locked.green h3, 
#options_container .option-panel.locked.blue h3, 
#options_container .option-panel.locked.purple h3, 
#options_container .option-panel.locked.dark-orange h3
{ background:#fff; }
#options_container .option-panel.wireframe { background:none; border:1px dotted #9b9b9b; }
#options_container .option-panel.wireframe.locked { background:none; border:1px dotted #9b9b9b; }
#options_container .option-panel.wireframe h3 { background-color:none !important; border-bottom:1px dotted #c8c8c8; color:#666; }
#options_container .option-panel.wireframe.locked h3 { color:#666; background-color:none !important; }

#options_container .option-panel .panel-contents { position:absolute; top:45px; left:0; font-size:16px; padding:10px; }
#options_container .option-panel .panel-contents ul { list-style:none; padding:0; margin:0; }
#options_container .option-panel .panel-contents ul li { font-size:16px; line-height:17px; color:#333; list-style:none; padding:0 0 5px 0; margin:0; }
#options_container .option-panel .panel-contents p { font-size:13px; line-height:14px; color:#666; }
#options_container .option-panel .panel-contents p.locked_msg { font-size:16px; line-height:17px; color:#333; display:none; }
#options_container .option-panel.selected .panel-contents ul li { color:#fff; }
#options_container .option-panel.selected .panel-contents p { color:#fff; }
#options_container .option-panel.locked.selected .panel-contents ul li { color:#333; }
#options_container .option-panel.locked.selected .panel-contents p { color:#666; }

#options_container .option-panel .option-panel-tools { position:absolute; bottom:0; left:0; width:254px; padding:0 10px; height:40px; border-top:1px dotted #c8c8c8; text-transform:uppercase; color:#4d4d4d; }
#options_container .option-panel.selected .option-panel-tools { border-top:1px dotted #999; color:#fff; }
#options_container .option-panel .option-panel-tools a { color:#4d4d4d; line-height:40px; font-size:11px; font-weight:bold; }
#options_container .option-panel.selected .option-panel-tools a { color:#fff; }
#options_container .option-panel .option-panel-tools a.view-edit { float:left; }
#options_container .option-panel .option-panel-tools a.compare { float:right; }
#options_container .option-panel .option-panel-tools a.compare.disabled { display:none; }
#options_container .option-panel .option-panel-tools a.compare.compared.disabled { display:block; }
#options_container .option-panel .option-panel-tools a.compare span { height:11px; width:11px; float:left; margin:14px 4px 0 0; }
#options_container .option-panel.green .option-panel-tools a.compare span.icons-compare-circle-tick-colour { background-color:#74b84e; }
#options_container .option-panel.orange .option-panel-tools a.compare span.icons-compare-circle-tick-colour { background-color:#ff7d48; }
#options_container .option-panel.blue .option-panel-tools a.compare span.icons-compare-circle-tick-colour { background-color:#14799d; }
#options_container .option-panel.purple .option-panel-tools a.compare span.icons-compare-circle-tick-colour { background-color:#8d698e; }
#options_container .option-panel.dark-orange .option-panel-tools a.compare span.icons-compare-circle-tick-colour { background-color:#f05f47; }

#options_container .option-panel .create-scenario { font-size:18px; color:#333; display:block; }
#options_container .option-panel .create-scenario span { display:block;  margin-top:20px; width:30px; height:30px; }
#options_container .option-panel .options-panel-icon { width:30px; height:30px; float:right; margin-top:7px; }
#options_container .option-panel .options-panel-icon.lock-icon { display:none; }
#options_container .option-panel.locked .options-panel-icon { display:none; }
#options_container .option-panel.locked .options-panel-icon.lock-icon { display:inline-block; }
#options_container .option-panel.locked .option-panel-tools,
#options_container .option-panel.locked .panel-contents p,
#options_container .option-panel.locked .panel-contents ul li { display:none; }
#options_container .option-panel.locked .panel-contents p.locked_msg { display:block; }


/* Overlays Container */
#overlays_container { display:none; overflow:hidden; margin-top:20px; padding-bottom:30px; }

/* Overlay Panel */
.overlay-panel { /*position:absolute; top:370px; left:30px;*/ background:#fff; width:880px; display:none; }
.overlay-panel h2 { border-bottom:3px solid #f1f1f1; color:#4d4d4d; font-size:30px; font-weight:normal; padding:20px 25px 15px 25px; position:relative; }
.overlay-panel .panel_view_read { position:absolute; top:10px; right:20px; width:86px; height:60px; }
.overlay-panel .panel_view_read .view { width:25px; height:25px; display:inline-block; text-indent:-5000px; border-right:2px solid #eee; padding-right:15px; }
.overlay-panel .panel_view_read .read { width:25px; height:25px; display:inline-block; text-indent:-5000px; margin-left:15px; }
.overlay-panel .panel_view_read p { padding:0; margin:0; text-align:center; font-size:12px; line-height:1; color:#999; }
.overlay-panel-content { width:232px; height:180px; float:left; margin:0 30px 0 30px; padding-bottom:30px; /*background-color:#1BC7D1;*/ }
.overlay-panel-content h3 { font-size: 18px; font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; color: #4d4d4d; line-height: 1.3; padding: 10px 10px 10px 0; }
.overlay-panel-content p { font-size:14px; margin-bottom:0; padding-bottom:15px; }
.overlay-panel-content.db-income h3 { color:#009fda; }
.overlay-panel-content.dc-pot-value h3 { color:#24ad80; }
.overlay-panel-content.one-off-cash-lump h3 { color:#8d698e; }
.overlay-panel-content.dc-pot-value a.add-savings { font-size:15px; line-height:30px; color:#555; }
.overlay-panel-content.dc-pot-value a.add-savings span { width:30px; height:30px; float:left; display:block; margin-right:5px; border-radius:15px; background-color:#25ae80; }
.overlay-panel-content .opc-one { }
.overlay-panel-content .opc-two { }
.overlay-panel-content .opc-three { }
.overlay-panel-content .select_wrapper { width:210px; padding-top:0; position:relative; }
.overlay-panel-content .select_wrapper select { width:100%; }

.db-dc-transfer { }
.db-dc-transfer .cancel-db-dc-transfer-button { right:150px; }
.db-dc-transfer .save-db-dc-transfer-button { right:30px; }
.dbdcta-slider .range_counters { font-size:10px; }
.dbdcta-slider .range_counters .left { font-size:10px; }

/* SMALL ROUNDED CORNER POPUP - Used for Edit retirement age, New mix and match */
/* Overrides some global styles set in app.css */
#edit_retirement_age_popup_popup.pop_overlay { display:none; background:#f1f1f1; border-radius:15px; border:2px solid #002479; width:470px; height:250px; }
#edit_retirement_age_popup_popup.pop_overlay h2 { position:absolute; top:20px; left:20px; color:#002479; padding:0; margin:0 0 30px 0; font-weight:normal; font-size:30px; }
#edit_retirement_age_popup_popup.pop_overlay p { position:absolute; top:70px; left:20px; padding:0; margin:0; font-size:18px; }
#edit_retirement_age_popup_popup.pop_overlay input { position:absolute; top:100px; left:20px; width:410px; background:#fff; color:#002479; padding:5px 10px; margin-bottom:20px; font-size:18px; line-height:30px; border:none; border-radius:20px; }
#edit_retirement_age_popup_popup.pop_overlay .cancel-overlay-button { position:absolute; bottom:25px; right:265px; }
#edit_retirement_age_popup_popup.pop_overlay .cancel-overlay-button span { margin-top:7px; }
#edit_retirement_age_popup_popup.pop_overlay .save-overlay-button { position:absolute; right:20px; bottom:25px; }

#add_savings_popup_popup.pop_overlay { display:none; background:#f1f1f1; border-radius:15px; border:2px solid #002479; width:470px; height:250px; }
#add_savings_popup_popup.pop_overlay h2 { position:absolute; top:20px; left:20px; color:#002479; padding:0; margin:0 0 30px 0; font-weight:normal; font-size:30px; }
#add_savings_popup_popup.pop_overlay p { position:absolute; top:70px; left:20px; padding:0; margin:0; font-size:18px; }
#add_savings_popup_popup.pop_overlay input { position:absolute; top:100px; left:20px; width:410px; background:#fff; color:#002479; padding:5px 10px; margin-bottom:20px; font-size:18px; line-height:30px; border:none; border-radius:20px; }
#add_savings_popup_popup.pop_overlay .cancel-overlay-button { position:absolute; bottom:25px; right:185px; }
#add_savings_popup_popup.pop_overlay .cancel-overlay-button span { margin-top:7px; }
#add_savings_popup_popup.pop_overlay .save-overlay-button { position:absolute; right:20px; bottom:25px; }

.pop_overlay ::-webkit-input-placeholder { color:#002479; }
.pop_overlay :-moz-placeholder { color:#002479; }
.pop_overlay ::-moz-placeholder { color:#002479; }
.pop_overlay :-ms-input-placeholder { color:#002479; }

/* Additional styles for Range Counter labels which are added manually within the HTML templates */
.overlay-panel-content .rangeslider_wrapper { width:210px; height:43px; padding-top:10px; overflow:hidden; position:relative; }
.overlay-panel-content .rangeslider_wrapper p { width:210px; position:absolute; bottom:0; left:0; padding:0; text-align:center; }
.range_counters { clear:both; text-align:center; }
.range_counters .rc_left { float:left; }
.range_counters .rc_right { float:right; }
.range_lines { width:210px; position:absolute; bottom:16px; left:0; padding:0; text-align:center; height:10px; }
.range_lines span { position:absolute; border-left:1px dotted #999; width:1px; height:11px; margin:0 5px; text-align:center; }
.range_lines.threemarks span.rl_one { left:5px; }
.range_lines.threemarks span.rl_two { left:100px; }
.range_lines.threemarks span.rl_three { right:5px; }


.retirement-planner { display:none; }
.retirement-planner .rangeslider_wrapper .rangeslider__fill { background:#8d698e; }
.retirement-planner .opc-one { }
.retirement-planner .opc-two { }
.retirement-planner .opc-two p { font-weight:bold; color:#808080; }
.retirement-planner .opc-three { height:auto; }
.retirement-planner .opc-three p { padding-top:5px; padding-bottom:5px; font-weight:bold; color:#808080; }
.retirement-planner .opc-three .widget { width:100%; height:60px; overflow:hidden; margin-top:25px; }
.retirement-planner .opc-three .widget .seven { width:110px; height:55px; padding-top:10px; padding-right:30px; font-weight:bold; color:#808080; }
.retirement-planner .opc-three .widget .five { width:71px; }
.retirement-planner .opc-three .ticker_display input { text-align:right; } /* Hidden form field to capture data */
.retirement-planner .opc-three .column_three .ticker_display { width:100%; margin-bottom:0; }
.retirement-planner .opc-three .ticker_display .data { position:absolute; top:14px; left:0; width:100%; height:33px; font-size:24px; line-height:24px; text-align:center; z-index:10; }
.retirement-planner .opc-three .ticker_display.has_callout .data { width:142px; }
.retirement-planner .opc-three .ticker_display.narrow { width:55px; }
.retirement-planner .add-to-compare-from-overlay-button { right:390px; }
.retirement-planner .cancel-retirement-planner-button { right:270px; }
.retirement-planner .edit-mix-match-retirement-planner-button { right:30px; }


.annuity-options { display:none; }
.annuity-options .rangeslider_wrapper .rangeslider__fill { background:#8d698e; }
.annuity-options .opc-one { }
.annuity-options .opc-two { }
.annuity-options .opc-three { padding-top:40px; height:auto; }
.annuity-options .opc-three p { padding-top:5px; padding-bottom:5px; }
.annuity-options .add-to-compare-from-overlay-button { right:270px; }
.annuity-options .cancel-annuity-options-button { right:150px; }
.annuity-options .save-annuity-options-button { right:30px; }


.drawdown-options { display:none; }
.drawdown-options .rangeslider_wrapper .rangeslider__fill { background:#8d698e; }
.drawdown-options .opc-one { }
.drawdown-options .opc-two { }
.drawdown-options .opc-two { height:auto; }
.drawdown-options .opc-two p { padding-top:5px; padding-bottom:5px; font-weight:bold; color:#808080; }
.drawdown-options .opc-two .widget { width:100%; height:60px; overflow:hidden; margin-top:25px; }
.drawdown-options .opc-two .widget .seven { width:110px; height:55px; padding-top:10px; padding-right:30px; font-weight:bold; color:#808080; }
.drawdown-options .opc-two .widget .five { width:71px; }
.drawdown-options .opc-two .ticker_display input { text-align:right; } /* Hidden form field to capture data */
.drawdown-options .opc-two .column_three .ticker_display { width:100%; margin-bottom:0; }
.drawdown-options .opc-two .ticker_display .data { position:absolute; top:14px; left:0; width:100%; height:33px; font-size:24px; line-height:24px; text-align:center; z-index:10; }
.drawdown-options .opc-two .ticker_display.has_callout .data { width:142px; }
.drawdown-options .opc-two .ticker_display.narrow { width:55px; }
.drawdown-options .opc-three { padding-top:40px; height:auto; }
.drawdown-options .opc-three p { padding-top:5px; padding-bottom:5px; }
.drawdown-options .add-to-compare-from-overlay-button { right:270px; }
.drawdown-options .cancel-drawdown-options-button { right:150px; }
.drawdown-options .save-drawdown-options-button { right:30px; }


.cash-options { display:none; }
.cash-options .rangeslider_wrapper .rangeslider__fill { background:#8d698e; }
.cash-options .opc-one { }
.cash-options .opc-two { }
.cash-options .opc-two { height:auto; }
.cash-options .opc-two p { padding-top:5px; padding-bottom:5px; color:#808080; }
.cash-options .opc-two .widget { width:100%; height:60px; overflow:hidden; margin-top:25px; }
.cash-options .opc-two .widget .seven { width:110px; height:55px; padding-top:10px; padding-right:30px; font-weight:bold; color:#808080; }
.cash-options .opc-two .widget .five { width:71px; }
.cash-options .opc-two .ticker_display input { text-align:right; } /* Hidden form field to capture data */
.cash-options .opc-two .column_three .ticker_display { width:100%; margin-bottom:0; }
.cash-options .opc-two .ticker_display .data { position:absolute; top:14px; left:0; width:100%; height:33px; font-size:24px; line-height:24px; text-align:center; z-index:10; }
.cash-options .opc-two .ticker_display.has_callout .data { width:142px; }
.cash-options .opc-two .ticker_display.narrow { width:55px; }
.cash-options .opc-three { padding-top:51px; height:auto; }
.cash-options .opc-three p { padding-top:5px; padding-bottom:5px; }
.cash-options .add-to-compare-from-overlay-button { right:150px; }
.cash-options .cancel-cash-options-button { right:30px; }


.mix-and-match-options { display:none; }
.mix-and-match-options .rangeslider_wrapper .rangeslider__fill { background:#8d698e; }
.mix-and-match-options .annuity-value .rangeslider_wrapper .rangeslider__fill { background:#50c282; }
.mix-and-match-options .flexible-drawdown .rangeslider_wrapper .rangeslider__fill { background:#007b92; }
.mix-and-match-options .opc-one { }
.mix-and-match-options .opc-one .rangeslider_wrapper p { padding-top:5px; padding-bottom:5px; font-weight:bold; color:#808080; }
.mix-and-match-options .opc-two { }
.mix-and-match-options .opc-two { height:auto; }
.mix-and-match-options .opc-two p { padding-top:5px; padding-bottom:5px; }
.mix-and-match-options .opc-two .rangeslider_wrapper { margin-bottom:20px }
.mix-and-match-options .opc-two .rangeslider_wrapper p { padding-top:5px; padding-bottom:5px; font-weight:bold; color:#808080; }
.mix-and-match-options .opc-two .widget { width:100%; height:60px; overflow:hidden; margin-top:25px; }
.mix-and-match-options .opc-two .widget .seven { width:110px; height:55px; padding-top:10px; padding-right:30px; font-weight:bold; color:#808080; }
.mix-and-match-options .opc-two .widget .five { width:71px; }
.mix-and-match-options .opc-three { padding-top:0; height:auto; }
.mix-and-match-options .opc-three p { padding-top:5px; padding-bottom:5px; }
.mix-and-match-options .opc-three .rangeslider_wrapper { margin-bottom:20px }
.mix-and-match-options .opc-three .rangeslider_wrapper p { padding-top:5px; padding-bottom:5px; font-weight:bold; color:#808080; }
.mix-and-match-options .opc-three .widget { width:100%; height:60px; overflow:hidden; margin-top:25px; }
.mix-and-match-options .opc-three .widget .seven { width:110px; height:55px; padding-top:10px; padding-right:30px; font-weight:bold; color:#808080; }
.mix-and-match-options .opc-three .widget .five { width:71px; }
.mix-and-match-options .opc-three .ticker_display input { text-align:right; } /* Hidden form field to capture data */
.mix-and-match-options .opc-three .column_three .ticker_display { width:100%; margin-bottom:0; }
.mix-and-match-options .opc-three .ticker_display .data { position:absolute; top:14px; left:0; width:100%; height:33px; font-size:24px; line-height:24px; text-align:center; z-index:10; }
.mix-and-match-options .opc-three .ticker_display.has_callout .data { width:142px; }
.mix-and-match-options .opc-three .ticker_display.narrow { width:55px; }
.mix-and-match-options .add-to-compare-from-overlay-button { right:270px; }
.mix-and-match-options .cancel-mix-and-match-options-button { right:150px; }
.mix-and-match-options .save-mix-and-match-options-button { right:30px; }


#save_mix_and_match_popup { background:#f1f1f1; border-radius:15px; border:2px solid #002479; }
#save_mix_and_match_popup h2 { color:#002479; padding:0; margin:0 0 30px 0; font-weight:normal; font-size:30px; }
#save_mix_and_match_popup input { width:380px; background:#fff; color:#002479; padding:5px 10px; margin-bottom:20px; font-size:18px; line-height:30px; border:none; border-radius:20px; }
#save_mix_and_match_popup .overlay-panel-tools { height:60px; }
#save_mix_and_match_popup .overlay-panel-tools .cancel-overlay-button { right:125px; bottom:5px; }
#save_mix_and_match_popup .overlay-panel-tools .save-overlay-button { right:0; bottom:5px; }
#options_container .reveal-modal-bg { background-color:#fff; }

/* Ticker display */
/* Main Ticker styles in app.css */
/* Blue ticker*/
.ticker_display.blue, .ticker_display.blue .left, .ticker_display.blue .right { background:#009fda; }
.ticker_display.blue .top { background:#0094cb; }
.ticker_display.blue .callout, .ticker_display.blue .data { color:#fff;  }
.ticker_display.blue .callout, .ticker_display.blue.has_callout .right { background:#0077a2; }
/* Grey ticker */
.ticker_display.grey, .ticker_display.grey .left, .ticker_display.grey .right { background:#f1f1f1; }
.ticker_display.grey .top { background:#e0e0e0; }
.ticker_display.grey .callout { color:#fff;  }
.ticker_display.grey .data { color:#808080;  }
.ticker_display.grey .callout, .ticker_display.grey.has_callout .right { background:#a2a2a2; }
.ticker_display.grey.border .left { background:#d4d4d4; }
.ticker_display.grey.border .right { background:#d4d4d4; }
/* Green ticker */
.ticker_display.green, .ticker_display.green .left, .ticker_display.green .right { background:#24ad80; }
.ticker_display.green .top { background:#21a177; }
.ticker_display.green .callout, .ticker_display.green .data { color:#fff;  }
.ticker_display.green .callout, .ticker_display.green.has_callout .right { background:#1b8663; }
/* Purple ticker */
.ticker_display.purple, .ticker_display.purple .left, .ticker_display.purple .right { background:#8d698e; }
.ticker_display.purple .top { background:#836284; }
.ticker_display.purple .callout, .ticker_display.purple .data { color:#fff;  }
.ticker_display.purple .callout, .ticker_display.purple.has_callout .right { background:#6b506c; }
/* Teal ticker */
.ticker_display.teal, .ticker_display.teal .left, .ticker_display.teal .right { background:#007b92; }
.ticker_display.teal .top { background:#007288; }
.ticker_display.teal .callout, .ticker_display.teal .data { color:#fff;  }
.ticker_display.teal .callout, .ticker_display.teal.has_callout .right { background:#00505c; }
/* Red ticker */
.ticker_display.red, .ticker_display.red .left, .ticker_display.red .right { background:#f05f47; }
.ticker_display.red .top { background:#e65b44; }
.ticker_display.red .callout, .ticker_display.red .data { color:#fff;  }
.ticker_display.red .callout, .ticker_display.red.has_callout .right { background:#a73e19; }
/* Red ticker */
.ticker_display.darkblue, .ticker_display.darkblue .left, .ticker_display.darkblue .right { background:#003380; }
.ticker_display.darkblue .top { background:#002479; }
.ticker_display.darkblue .callout, .ticker_display.darkblue .data { color:#fff;  }
.ticker_display.darkblue .callout, .ticker_display.darkblue.has_callout .right { background:#001c5c; }
/* Red ticker */
#top_dock #top_dock_inner .ticker_display.red,
#top_dock #top_dock_inner .ticker_display.red .left,
#top_dock #top_dock_inner .ticker_display.red .right { background:#f05f47; }
#top_dock #top_dock_inner .ticker_display.red .top { background:#e65b44; }
#top_dock #top_dock_inner .ticker_display.red .data { color:#fff;  }

#top_dock #top_dock_inner .ticker_display input { text-align:right; } /* Hidden form field to capture data */
#top_dock #top_dock_inner .column_three .ticker_display { width:100%; margin-bottom:0; }
#top_dock #top_dock_inner .ticker_display .data { position:absolute; top:14px; left:0; width:100%; height:33px; font-size:24px; line-height:24px; text-align:center; z-index:10; }
#top_dock #top_dock_inner .ticker_display.has_callout .data { width:142px; }
#top_dock #top_dock_inner .ticker_display.narrow { width:55px; }


/* Toggle button */
/* Main Toggle styles in app.css */
.toggle-button .blue { background:#0094cb; }
.toggle-button .grey { background:#808080; }
.toggle-button .green { background:#21a177; }
.toggle-button .purple { background:#836284; }
#one_off_cash_lump_toggle_wrap.toggle-button.highlight { background:#836284; }
#annuity_one_off_cash_lump_toggle_wrap.toggle-button.highlight { background:#836284; }


/* Slider */
.slider { background:#f2f2f2; width:200px; height:6px; position:relative; margin-bottom:20px; padding:0 5px; }
.slider .knuckle { position:absolute; top:-6px; height:16px; width:32px; border-radius:2px; border:1px solid #b3b3b3; background:#f1f1f1; text-align:center; }
.slider .knuckle span { height:9px; width:1px; background:#808080; display:inline-block; margin-top:3px; margin-right:1px; }
.slider .knuckle.pos_left { left:-16px; }
.slider .knuckle.pos_middle { left:89px; }
.slider .knuckle.pos_right { right:-17px; }
.slider .hit-target { position:absolute; top:-9px; height:54px; width:77px; display:block; }
.slider .hit-target-left { left:-10px; }
.slider .hit-target-middle { left:67px; }
.slider .hit-target-right { right:-10px; }
.slider .label { position:absolute; top:6px; height:24px; width:1px; background:none; border-left:1px dashed #d3d3d3; }
.slider .label.label_left { left:0; }
.slider .label.label_middle { left:50%; }
.slider .label.label_right { right:-9px; }
.slider .label_text { position:absolute; top:34px; height:10px; width:30px; font-size:10px; line-height:10px; text-align:center; color:#666; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.slider .label_text_left { left:-15px; }
.slider .label_text_middle { left:90px; }
.slider .label_text_right { right:-15px; }



.overlay-table { width:880px; border:none; border-top:5px solid #f1f1f1; border-bottom:5px solid #f1f1f1; border-collapse:collapse; }
.overlay-table tr { background:none; font-size:15px; }
.overlay-table th, .overlay-table td { background:none; font-size:15px; padding:9px 20px 9px 25px; }
.overlay-table thead th { color:#009fda; background:#fff; border-right:2px solid #f1f1f1; width:20%; }
.overlay-table thead th.last { border-right:none; }
.overlay-table tbody th { border-left:none; border-top:2px solid #f1f1f1; vertical-align:middle; text-align:left; }
.overlay-table tbody td { border-left:2px solid #f1f1f1; border-top:2px solid #f1f1f1; }
table.overlay-table tbody tr:nth-child(even) { background:none; }

.overlay-panel-tools { position:relative; height:90px; clear:both; }
.overlay-panel-tools .add-to-compare-from-overlay-button { position:absolute; bottom:42px; color:#00338d; line-height:32px; font-size:16px; font-weight:bold; }
.overlay-panel-tools .add-to-compare-from-overlay-button.disabled { display:none; }
.overlay-panel-tools .add-to-compare-from-overlay-button span.outer { height:16px; width:16px; padding:1px; border-radius:10px; border:1px solid #00338d; float:left; margin:6px 4px 0 0; }
.overlay-panel-tools .add-to-compare-from-overlay-button span.inner { display:none; height:12px; width:12px; padding:0; border-radius:10px; border:2px solid #fff; background:#00338d; margin:0; }
.overlay-panel-tools .add-to-compare-from-overlay-button span.inner.active { display:block; }
.overlay-panel-tools .cancel-overlay-button { position:absolute; bottom:40px; }
.overlay-panel-tools .save-overlay-button { position:absolute; bottom:40px; }
.overlay-panel-tools .edit-mix-match-button { position:absolute; bottom:40px; right:30px; }



/* Comparison panel */
#your_comparisons { position:absolute; bottom:0; left:0; width:895px; height:115px; box-shadow:0 0 10px #333; background:#fff; padding:20px 0 0 45px; }
#your_comparisons h2 { font-size:18px; font-family:'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight:normal; color:#00338d; line-height:1.3; padding:0; margin:0; }
#your_comparisons .your_comparisons_inner { position:relative; }
#your_comparisons .comparison-box { position:absolute; top:10px; width:160px; height:50px; margin:0 14px 0 0; padding:0; }
#your_comparisons .comparison-box.one { left:0; }
#your_comparisons .comparison-box.two { left:180px; }
#your_comparisons .comparison-box.three { left:360px; }
#your_comparisons .comparison-box.four { left:540px; }
#your_comparisons .comparison-box.comparison-button { left:720px; width:130px; }
#your_comparisons .comparison-box div { width:160px; height:50px; padding:0; background:none; border:2px dotted #00338d; position:relative; }
#your_comparisons .comparison-box h3 { font-size:16px; line-height:18px; color:#fff; padding:6px 34px 0 10px; position:absolute; top:0; left:0; }
#your_comparisons .comparison-box a.remove { width:20px; height:20px; text-indent:-5000px; position:absolute; top:5px; right:5px; }
#your_comparisons .comparison-box div.current { background:#009fda; border:2px solid #009fda; }
#your_comparisons .comparison-box div.green { background:#74b84e; border:2px solid #74b84e; }
#your_comparisons .comparison-box div.orange { background:#ff7d48; border:2px solid #ff7d48; }
#your_comparisons .comparison-box div.blue { background:#14799d; border:2px solid #14799d; }
#your_comparisons .comparison-box div.purple { background:#8d698e; border:2px solid #8d698e; }
#your_comparisons .comparison-box div.dark-orange { background:#f05f47; border:2px solid #f05f47; }
#your_comparisons .compare-button { margin:9px 0 0 0; display:block; }

/* Comparison overlay */
.view-comparisons { display:none; background:#f1f1f1; }
.view-comparisons h2 { font-size:18px; font-family:'Helvetica Neue', HelveticaNeue, Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight:normal; color:#4d4d4d; line-height:1.3; padding:0 10px 10px 0; border-bottom:1px solid #f1f1f1; }
.view-comparisons { width:880px; border:none; border-top:5px solid #f1f1f1; border-bottom:none; border-collapse:collapse; margin-bottom:0; }
.view-comparisons .comparisons-table { border:none; }
.view-comparisons .comparisons-table tr { background:none; font-size:13px; }
.view-comparisons .comparisons-table th, .view-comparisons .comparisons-table td { background:#f1f1f1; font-size:13px; line-height:1.2; padding:11px 10px 11px 10px; border-bottom:2px solid #fff; }
.view-comparisons .comparisons-table thead th { color:#666; background:#f1f1f1; border-right:2px solid #f1f1f1; font-size:15px; width:20%; padding-bottom:0; border-bottom:none; position:relative; padding-top:20px; }
.view-comparisons .comparisons-table thead th.current { color:#002479; background:#fff; border-bottom:2px solid #fff; }
.view-comparisons .comparisons-table thead th.last { border-right:none; }
.view-comparisons .comparisons-table thead th .edit { position:absolute; top:22px; right:8px; border:1px solid #666; padding:5px; color:#666; font-size:11px; line-height:1; }
.view-comparisons .comparisons-table tbody th { border-left:none; vertical-align:top; text-align:left; font-size:13px; color:#666; font-weight:bold; line-height:1.2; padding-left:0; }
.view-comparisons .comparisons-table tbody td { border-left:none; border-top:2px solid #f1f1f1; text-align:center; vertical-align:middle; }
.view-comparisons .comparisons-table tbody td.current { background:#fff; }
.view-comparisons .comparisons-table tbody tr.cash_lump td { font-size:24px; color:#808080; }
.view-comparisons .comparisons-table tbody tr td span { display:block; margin:auto; height:24px; width:24px; border-radius:12px; text-indent:-5000px; }
.view-comparisons .comparisons-table tbody tr td span.yes { background-color:#79b800; }
.view-comparisons .comparisons-table tbody tr td span.no { background-color:#e63529; }
.view-comparisons .comparisons-table table.comparisons-table tbody tr:nth-child(even) { background:none; }

.view-comparisons .comparisons-table tbody td .ticker_display.border { border:1px solid #d4d4d4; border-radius:2px; }
.view-comparisons .comparisons-table tbody td .ticker_display .top { position:absolute; top:0; left:0; width:100%; height:19px; }
.view-comparisons .comparisons-table tbody td .ticker_display .left { position:absolute; top:13px; left:-2px; width:2px; height:11px; }
.view-comparisons .comparisons-table tbody td .ticker_display .right { position:absolute; top:13px; right:-2px; width:2px; height:11px; }
.view-comparisons .comparisons-table tbody td .ticker_display .left_counter { position:absolute; top:19px; left:-8px; display:block; z-index:11; background:#999; height:16px; width:16px; border-radius:8px; color:#fff; font-size:12px; font-weight:bold; line-height:15px; text-align:center; }
.view-comparisons .comparisons-table tbody td .ticker_display .right_counter { position:absolute; top:19px; right:-8px; display:block; z-index:11; background:#999; height:16px; width:16px; border-radius:8px; color:#fff; font-size:12px; font-weight:bold; line-height:15px; text-align:center; }
.view-comparisons .comparisons-table tbody td .ticker_display.has_callout .right { }
.view-comparisons .comparisons-table tbody td .ticker_display input { text-align:right; } /* Hidden form field to capture data */
.view-comparisons .comparisons-table tbody td .ticker_display { width:100%; margin:auto; height:37px; }
.view-comparisons .comparisons-table tbody td .ticker_display .data { position:absolute; top:7px; left:0; width:100%; height:27px; font-size:23px; line-height:24px; text-align:center; z-index:10; }
.view-comparisons .comparisons-table tbody td .ticker_display .callout { position:absolute; top:0; right:0; width:40px; height:29px; font-size:10px; line-height:10px; text-align:center; padding-top:8px; }
.view-comparisons .comparisons-table tbody td .ticker_display.has_callout .data { width:115px; }
.view-comparisons .comparisons-table tbody td .ticker_display.narrow { width:55px; }

.view-comparisons .comparisons_show_more_details { background:#b3b3b3; padding:10px; font-size: 14px; font-weight:bold; color:#4d4d4d; display:block; position:relative; }
.view-comparisons .comparisons_show_more_details:hover { color:#4d4d4d; }
.view-comparisons .comparisons_show_more_details span { padding:0; width:13px; height:13px; display:block; position:absolute; top:12px; right:15px; text-indent:-5000px; }

.view-comparisons .cancel-comparisons-button { position:absolute; bottom:40px; right:220px; }
.view-comparisons .what-do-i-do-next-button { position:absolute; bottom:40px; right:0; }