@charset "utf-8";

.displayNone{display:none !important;}
.brTable{display:table;width:100%;}
.brTableRow{display:table-row;}
.brTableCell{display:table-cell;}
.bold{font-weight:bold;}

.clearDiv{clear:both;height:0;line-height:0;}
div.brClear,.clearBoth{clear:both;line-height:0;}
.opacityZero{position:absolute;
opacity:0.01;
filter:alpha(opacity=0.01);
}

button{
-webkit-border-radius:3px;
ms-border-radius:3px;
border-radius:3px;
}

strong{font-weight:700;}

#content-parent p,#content-parent label{padding:0;color:#333;}
#content-parent p,#content-parent label,
#content-parent .calcLeft a,
#content-parent .calcRight a,
.toolLeftCol,
.toolRightCol{line-height:140%;font-size:12px;}

#content-parent h2.toolResultHeader{margin:2px 0 13px;font-size:16px;line-height:130%;}
#content-parent .toolLeftCol  h2,
#content-parent .toolRightCol h2{margin:2px 0 13px;font-size:16px;color:#333;}
#content-parent h2.brcalcsection{margin-left:0;}

#content-parent .introText{margin:0 10px 16px;font-size:12px;padding:0;}

.form-row{clear:both;margin-bottom:20px;}
.brlabel{display:inline-block;vertical-align:middle;}
.withHelpIcon .brlabel{max-width:89%;vertical-align:middle;margin-right:5px;}
.brhelp{position:relative;top:2px;left:-4px;width:16px;height:16px;margin:0;padding:0;border:0;cursor:pointer;text-align:center;vertical-align:top;

background:#fff url("../img/svg/help-info-icon.svg") no-repeat 0 0;
z-index:2;
/*z-index:9000;*/
/*
font-family: Montserrat, Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
content:"ⓘ";
*/
}

h2 .brhelp{top:-3px;}
.brBorderTop{padding-top:15px;border-top:1px solid #ccc;}

/* expandable */
#content-parent .brexpbody{padding:10px 10px 20px;}
#content-parent .toolRightCol .brexpbody{padding:14px 10px 17px;}

#content-parent .brexphead{padding:15px 10px;margin-bottom:1px;cursor:pointer;border:1px solid #ded5c5;background:#f7f6f2;}
#content-parent .brexphead label{display:inline-block;vertical-align:middle;cursor:pointer;color:#af0b1c;font-size:13px;font-weight:700;line-height:130%;}

.brexp-skin{display:inline-block;vertical-align:middle;width:16px;height:16px;margin:0 9px 0 0;padding:0;border:0;cursor:pointer;
/* background:url("../img/expand.gif") no-repeat 0 0 transparent; */
}
.brexp-skin.brexpanded{
/* background:url("../img/collapse.gif") no-repeat 0 0 transparent; */
}
.brexp-skin:focus{outline:1px dotted #000;}

.brexptitlewrapper{display:inline-block;white-space:nowrap;}
.brexptitle{white-space:normal;
/*color:#af0b1c;*/
}

/*  slider  */
.brslider{position:relative;width:100%;margin-top:5px;padding-top:5px;clear:both;}
.brsliderHandle{display:block;position:absolute;top:2px;left:0;width:13px;height:21px;margin-left:-7px;cursor:pointer;
/* background:url("../img/scrubber1x.gif") no-repeat center center; */
}
.brslider-active{display:block;position:absolute;top:5px;left:0;width:100%;height:10px;
/*
background:#f1c85c;
-webkit-box-shadow:inset 3px 3px 1px 0px #c79e35;
box-shadow:inset 3px 3px 1px 0px #c79e35;
-webkit-border-radius:3px;
border-radius:3px;
*/
}

.brslider-bg{position:relative;left:0;border:0;height:10px;margin-bottom:7px;
/*
background:#dbdbdb;
-webkit-box-shadow:inset 3px 3px 1px 0px #afafaf;
box-shadow:inset 3px 3px 1px 0px #afafaf;
-webkit-border-radius:3px;
border-radius:3px;
*/
}

div.brsliderScale{position:relative;height:5px;margin:11px 0 4px;
/* border-left:1px solid #ccc;*/
}

div.toolScale{position:absolute;height:100%;margin-left:-1px;width:1px;
/* border-left:1px solid #ccc; */
}

.scale15ticks div.sliderTick1{left:6.67%;}
.scale15ticks div.sliderTick2{left:13.33%;}
.scale15ticks div.sliderTick3{left:20%;}
.scale15ticks div.sliderTick4{left:26.67%;}
.scale15ticks div.sliderTick5{left:33.33%;}
.scale15ticks div.sliderTick6{left:40%;}
.scale15ticks div.sliderTick7{left:46.67%;}
.scale15ticks div.sliderTick8{left:53.33%;}
.scale15ticks div.sliderTick9{left:60%;}
.scale15ticks div.sliderTick10{left:66.67%;}
.scale15ticks div.sliderTick11{left:73.33%;}
.scale15ticks div.sliderTick12{left:80%;}
.scale15ticks div.sliderTick13{left:86.67%;}
.scale15ticks div.sliderTick14{left:93.33%;}
.scale15ticks div.sliderTick15{left:100%;}

.scale10ticks div.sliderTick1{left:10%;}
.scale10ticks div.sliderTick2{left:20%;}
.scale10ticks div.sliderTick3{left:30%;}
.scale10ticks div.sliderTick4{left:40%;}
.scale10ticks div.sliderTick5{left:50%;}
.scale10ticks div.sliderTick6{left:60%;}
.scale10ticks div.sliderTick7{left:70%;}
.scale10ticks div.sliderTick8{left:80%;}
.scale10ticks div.sliderTick9{left:90%;}
.scale10ticks div.sliderTick10{left:100%;}

.scale8ticks div.sliderTick1{left:12.5%;}
.scale8ticks div.sliderTick2{left:25%;}
.scale8ticks div.sliderTick3{left:37.5%;}
.scale8ticks div.sliderTick4{left:50%;}
.scale8ticks div.sliderTick5{left:62.5%;}
.scale8ticks div.sliderTick6{left:75%;}
.scale8ticks div.sliderTick7{left:87.5%;}
.scale8ticks div.sliderTick8{left:100%;}

.scale4ticks div.sliderTick1{left:25%;}
.scale4ticks div.sliderTick2{left:50%;}
.scale4ticks div.sliderTick3{left:75%;}
.scale4ticks div.sliderTick4{left:100%;}

.scale3ticks div.sliderTick1{left:33.33%;}
.scale3ticks div.sliderTick2{left:66.66%;}
.scale3ticks div.sliderTick3{left:100%;}

.scale2ticks div.sliderTick1{left:50%;}
.scale2ticks div.sliderTick2{left:100%;}

div.brsliderLabelMin,div.brsliderLabelMid,div.brsliderLabelMax{width:33.2%;margin-bottom:-3px;color:#666;font-size:12px;line-height:100%;}
div.brsliderLabelMin{float:left;text-align:left;}
div.brsliderLabelMid{float:left;text-align:center;}
div.brsliderLabelMax{float:right;text-align:right;}

/*  input  */
.input-skin{display:inline-block;position:relative;width:100%;margin:10px 0 0;vertical-align:middle;
/*
border:1px solid #999;
-webkit-box-shadow:inset 0px 2px 2px 0px #d9d9d9;
box-shadow:inset 0px 2px 2px 0px #d9d9d9;
*/
}
.input-skin .brdisplay,
.input-skin input{display:block;text-align:right;padding:5px 2%;width:96%;margin:0;
font-size:12px;font-family:inherit;font-style:inherit;font-weight:inherit;line-height:15px;}

.input-skin .brdisplay{position:relative;white-space:nowrap;overflow:hidden;}

.input-skin input{padding-top:2px;outline:0 none;position:absolute;top:0;left:0;background:transparent;
/* border:0px solid #999; */
-webkit-appearance:none;
}

.input-skin.focus,
.input-skin.focus.error{
	border:1px solid #69f;
	border-radius: 3px;
}
.input-skin input[type=number]::-webkit-inner-spin-button,
.input-skin input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}

.withHelpIcon .select-skin,
.withHelpIcon .input-skin{margin:9px 0 0;}

.brdisplay{
-webkit-user-select:none;
-moz-user-select:none;
-o-user-select:none;
-ms-user-select:none;
user-select:none;}

/*  select  */
.select-skin,
.select-skin select,
.select-skin .brdisplay{display:block;position:relative;width:100%;margin:0;padding:0;font-size:12px;cursor:pointer;
/* color:#666; */
-ms-text-overflow:ellipsis;
text-overflow:ellipsis;
}

.select-skin{display:inline-block;position:relative;padding:0;margin:10px 0 0;vertical-align:middle;overflow:hidden;
/*
border:1px #999 solid;
background:#eee;
-webkit-box-shadow:inset 0px -3px 5px -3px #888;
ms-box-shadow:inset 0px -3px 5px -3px #888;
box-shadow:inset 0px -3px 5px -3px #888;
*/
}

html body div #content-parent .select-skin.focus,
html body .select-skin.focus{border:1px solid blue !important;}

.select-skin select{position:absolute;left:0;top:0;width:100%;height:26px;
font-size:100%;
border:0 solid #000;
opacity:0.01;
}

.select-skin select option{padding:5px;font-size:12px;}
.select-skin .brdisplay{left:0;top:0;width:94%;padding:5px 5% 5px 1%;overflow:hidden;white-space:nowrap;line-height:130%;}
.select-skin span.select-arrow{position:absolute;right:8px;top:0;width:5%;height:100%;
background: #fff url("../img/svg/green-dropdown-down-icon.svg") no-repeat center center;
}

.brHorLine{height:1px;margin-bottom:20px;
border-bottom:1px solid #ccc;}

/* bottom buttons for each expandable*/
.sectionBottomButtons{width:100%;}

.sectionLeftCol,
.sectionRightCol{display:inline-block;}
.sectionLeftCol{width:61%;}
.sectionRightCol{text-align:right;width:39%;}

a.clearFields{font-weight:700;}

a.primaryButton,
a.primaryButton:active,
a.primaryButton:visited{display:inline-block;padding:11px 20px;text-decoration:none;
	font-size:14px;
	font-weight:700;
	color:#fff;
	background:#274f82;
	background:-webkit-gradient(linear,left top, left bottom,from(#3f7eb1),to(#274f82));
	background:-webkit-linear-gradient(top,#3f7eb1,#274f82);
	background:-moz-linear-gradient(top,#3f7eb1,#274f82);
	background:-ms-linear-gradient(top,#3f7eb1,#274f82);
	background:-o-linear-gradient(top,#3f7eb1,#274f82);
	background:linear-gradient(top,#3f7eb1,#274f82);
	border-radius:3px;
	-webkit-box-shadow:0 1px 2px -1px #000;
	box-shadow:0 1px 2px -1px #000;
}

a.primaryButton:hover{color:#fff;text-decoration:none;
	background:#2f5e9a;
	background:-webkit-gradient(linear,left top, left bottom,from(#4c97c0),to(#2f5e9a));
	background:-webkit-linear-gradient(top,#4c97c0,#2f5e9a);
	background:-moz-linear-gradient(top,#4c97c0,#2f5e9a);
	background:-ms-linear-gradient(top,#4c97c0,#2f5e9a);
	background:-o-linear-gradient(top,#4c97c0,#2f5e9a);
	background:linear-gradient(top,#4c97c0,#2f5e9a);
}

.inlineButton{display:inline-block;padding:6px 20px 7px;cursor:pointer;text-decoration:none;
	color:#333;font-size:109.09%;line-height:100%;font-weight:700;
	border:1px solid #9f9f9f;
	border-radius:3px;
	background:#ccc;
	background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#ccc));
	background:-webkit-linear-gradient(top,#fff,#ccc);
	background:-moz-linear-gradient(top,#fff,#ccc);
	background:-ms-linear-gradient(top,#fff,#ccc);
	background:-o-linear-gradient(top,#fff,#ccc);
	background:linear-gradient(top,#fff,#ccc);
}

.inlineButton:hover{text-decoration:none;
	color:#333;
	border-color:#999;
	background:#e5e5e5;
	background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#e5e5e5));
	background:-webkit-linear-gradient(top,#fff,#e5e5e5);
	background:-moz-linear-gradient(top,#fff,#e5e5e5);
	background:-ms-linear-gradient(top,#fff,#e5e5e5);
	background:-o-linear-gradient(top,#fff,#e5e5e5);
	background:linear-gradient(top,#fff,#e5e5e5);
}


div.staticBubble{position:relative;margin-bottom:14px;padding:10px 10px 0;
	border:1px solid #999;
	border-radius:3px;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff), color-stop(100%,#f8f7f4));
	background:-webkit-linear-gradient(top,#fff 1%,#f8f7f4 100%);
	background:-o-linear-gradient(top,#fff 1%,#f8f7f4 100%);
	background:-moz-linear-gradient(top,#fff 1%,#f8f7f4 100%);
	background:-ms-linear-gradient(top,#fff 1%,#f8f7f4 100%);
	background:linear-gradient(to bottom,#fff 1%,#f8f7f4 100%);
}

div.staticBubble h3{margin:0 0 5px;}
div.staticBubble div.brBubblePointer{position:absolute;left:50%;top:-10px;width:10px;height:10px;margin-left:-5px;z-index:7;
	/*background:url("../img/triangleUp.gif");*/
}

#content-parent .brRetRisk *{color:#666;}
#content-parent .brRetRisk p{margin:0 0 7px;}

/* common bottom elements*/
#additionalLinks{padding-bottom:1px; margin:15px 0;}
#additionalLinks a{display:block;text-decoration:none;line-height:15px;margin-bottom:5px;}
#content-parent .toolRightCol #additionalLinks h3{margin:5px 0;}

#saveMobileLink{margin-bottom:0;padding-top:17px;text-align:center;cursor:pointer;
font-size:12px;
font-weight:700;
color:#af0b1c;
}

#saveMobileLink span.triangle{display:inline-block;width:6px;height:11px;margin-right:5px;vertical-align:middle;
background:url("../img/red_arrow_right.jpg") no-repeat;
}

#saveMobileLink.expanded span.triangle{width:10px;height:9px;margin-right:3px;
background:url("../img/red_arrow_down.jpg") no-repeat;
}

#saveMobileContainer{padding:15px 15px 5px;margin:10px 0 3px;
background-color:#f7f6f2;
border:1px solid #ded5c5;
}
#saveMobileContainer p{margin-bottom:15px;}

#saveMobileContainer #brsaveurl{width:96%;height:auto;padding:2%;margin:0;
background-color:#fff;
border:1px solid #909090;
border-radius:0 0 0 0;
word-wrap:break-word;}

#content-parent #saveMobileContainer p{margin-bottom:10px;}

#brsavepermanent{top:0;vertical-align:middle;margin-right:5px;}

/*
.brContactRow{position:relative;padding:2px 10px; background-color:#f7f6f2; border-bottom:1px solid #ded5c5; border-top:1px solid #ded5c5;}
.brContactRow div{display:inline-block; width:50%; margin:10px 0; vertical-align:middle;}
.brContactRow a{color:#000; display:inline-block;}
.brContactRow a.callMe{margin-left:10px;}
.brContactRow div.requestACall{margin-left:10px; width:100%;}
.brContactRow a img{margin-right:5px; vertical-align:middle;}
*/

.backToTop{display:block;padding:15px 10px 0;text-align:right;}
.back-to-top a.backToTop{display:inline;padding:0;text-align:left;}
div.back-to-top{margin:16px 0 20px;}

p#disclaimer{clear:both;padding:5px 10px;
color:#666;}

.legal-content p{padding:5px 0;}

/********************************* specific ****************************************/


#saveMessage{text-align:center;}

#monthlyPaymentDetailsHeader{margin-bottom:20px;}

/*results*/
div.leaf #resultBody h3{margin:5px 0;font-size:14px;}

#content-parent #resultBody h3.red{color:#af0b1c;}

#content-parent #resultBody h4{text-align:center;font-size:12px;}
.toolResultsCallToActionRow{margin-top:0;}

.noMargin,
#resultFrame table{margin:0;}
#resultFrame table td:first-child{width:auto;background:none;}

#resultFrame table th,
#resultFrame table td{width:auto;font-size:inherit;}

.alignCenter,
#resultFrame table th,
#resultFrame table td,
#resultBody table th.alignCenter,
#resultBody table td.alignCenter{text-align:center;}

.alignLeft,
#resultFrame table th.alignLeft,
#resultFrame table td.alignLeft{text-align:left;}

.alignRight,
#resultFrame table th.alignRight,
#resultFrame table td.alignRight{text-align:right;}

#resultBody table.resultTable{width:100%;margin-top:5px;margin-bottom:20px;}

#resultBody table.resultTable th,
#resultBody table.resultTable td{
	padding:9px 5px 9px 10px;
	border:1px solid #ccc;
}

#resultBody table.resultTable th{
	padding-top:15px;
	font-weight:700;
	background:#d9d9d9;
}

#toolResultDownPaymentChart{/*width:150px;height:150px;*/ width:240px;height:240px;margin:0 auto;}



#toolResultLegendMortgage,
#toolResultLegendExpenses,
#toolResultLegendDebt{display:inline-block;line-height:0;width:0;height:16px;overflow:hidden;border-radius:50%;margin:6px 0 0;}

#toolResultLegendMortgage{border-left:16px solid #1d875a;}
#toolResultLegendExpenses{border-left:16px solid #e2e2e2;}
#toolResultLegendDebt{    border-left:16px solid #333333;}

#resultBody table#toolsResultChartLegendTable{max-width:300px;margin:5px auto;margin-bottom:20px;}
#resultBody table#toolsResultChartLegendTable td{border:0;vertical-align:middle;
color: #333;
padding:0px 0px 0px 10px;
/*
padding:5px 0px 5px 10px;
text-align:left;
font:700 14px/21px "Montserrat", sans-serif;
*/
}
#resultBody table#toolsResultChartLegendTable td .brHorLine{margin-bottom:0;}

#toolResultChartCon{margin-top:20px;}
#toolResultChart{width:100%;height:240px;margin-left:-10px;}

#chartLegendRow{padding-left:65px;margin-bottom:15px;font-size:10px;}
.toolRightCol #chartLegendRow span{font-size:10px;}


#chartLegendMonthlyIcon,
#chartLegendExtraIcon{display:inline-block;line-height:0;width:0;height:8px;overflow:hidden;margin-right:4px;}


#chartLegendMonthlyIcon{border-left:8px solid #ffd300;}
#chartLegendExtraIcon{  border-left:8px solid #c21028;}

#chartLegendExtraCon{white-space:nowrap;}

#yAxisTitle{text-align:right;width:50px;}

.chartLegend{display:block;}

@media screen and (max-width: 384px){
	#locator-link-french img{float:left;}
}

/* 767px */
/* (max-width: 700px) */
@media screen and (min-width: 767px){
	div.back-to-top{float:left;display:block;width:100%;clear:both;text-align:left;}
	div.calcLeft{float:left;display:block;width:40%;min-width:287px;}
	div.calcRight{float:right;display:block;width:58%;}
}

div.calcPage{float:left;display:block;width:96%;clear:both;text-align:left;margin:0 auto;padding:10px;}

/* @see https://stackoverflow.com/questions/3387489/make-floating-child-visible-outside-an-overflowhidden-parent */
.clearfix:before,
.clearfix:after{content:".";display:block;height:0;overflow:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}