.mdi .calcJS{
	top: 0px;
	text-align: left;
	width: 732px;
}
.calcJS .tabLink{
	padding: 0px;
	width: 100px;
	outline: 0;
}
.calcJS .calcActionsRow a,
.calcJS .tab-box .tabLink a{
	text-decoration: none;
	background-color: transparent;
}
.calcJS .tab-box ul{
	position: relative;
	height: 46px;
	padding: 0px 0;
	margin-left: 0px;
	margin-bottom: 0px;
}
.calcJS .tab-box li{
	list-style: none;
	display: inline-block;
	left: 0px;
	cursor: pointer;
	width: 150px;
	height: 20px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
}
.calcJS.mortgageCalc .tab-box li{
	width: 130px;
}
.calcJS .tab-box ul li.activeLink{
	padding-top: 21px;
	padding-bottom: 5px;
	height: 20px;
}
.calcJS .tab-box li a{
	height: 50px;
	text-decoration: none;
	font-weight: normal;
}
.calcJS .amortization-page{
	cursor: pointer;
}
.calcJS .amortization-page-prev{
	cursor: pointer;
}
.calcJS .amortization-page-next{
	cursor: pointer;
}
.calcJS div.inline-form{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px; 
	text-align: center;
	position: relative;
}
.calcJS .prepayment-section .inline-form{
	position: static;
}
.calcJS div.inline-formbox{
	width: 385px;
	display: inline-block;
	text-align: left;
	vertical-align: top !important;
	padding: 10px 2px 10px 2px;
	margin-top: 10px;
}
.calcJS div.inline-formbox-right{
	width: 296px;
	display: inline-block;
	text-align: left;
	padding: 12px 2px;
}
.calcJS .inline-box{
	width: 177px;
	float: left;
	cursor: pointer;
	height: 20px;
	padding-top: 4px;
	padding-bottom: 10px;
	text-align:center;
}
.hidden{
	display: none !important;
}
.calcJS .calc-entry{
	margin-bottom: 15px;
}
.calcJS .calc-entry ul{
	margin-left: 0;
	padding-left: 0;
	display: inline;
} 
.calcJS .calc-entry ul li{
	list-style: none;
	display: inline;
	left: 0px;
	padding-right: 29px;
	text-decoration:none;
}
.calcJS .form-section{
	text-align: left;
	padding-bottom: 1px;
}
.calcJS .calc-entry .calcFloatLabel{
	width: 205px;
	display: block;
	float: left;
	vertical-align: middle;
	margin-bottom: 0px;
	padding-right: 5px;
}
.calcJS .calc-entry2 label{
	width: 170px;
	float: left;
	display: block;
	padding-right: 2px;
	vertical-align: middle;
}
.calcJS .calc-entry2{
	padding-top: 9px;
	clear: both;
}
.calcJS .inline-formbox-right .calc-entry span{
	float: left;
}
.calcJS input[type=text]{
	border: 0px;
	width: 140px;
	height: auto;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	font-size: 11px;
	outline: 0;
	text-align: right;
	line-height: normal;
	padding: 2px 2px 2px 2px;
}
.calcJS input[type=text]::-ms-clear {
  width : 0;
  height: 0;
}
.calcJS input.numOfYears,
.calcJS input.percentage{
	border: 0px;
	-moz-box-shadow: 0px 0px 0px #666;
	-webkit-box-shadow: 0px 0px 0px #666;
	box-shadow: 0px 0px 0px #666;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	outline: 0;
	-webkit-appearance: none;
	width: 80px;
	text-align: right;
	margin-right: 5px;
}
.calcJS .calc-entry select{
	width: 145px;
	margin: 0px;
}
.calcJS .amortization-table-tb{
	border: 0;
	margin-bottom: 0px;
}
.calcJS .amortization-table-tb thead tr{
    background-color: transparent;
}
.calcJS .amortization-table-tb th{
	border: 0;
	background-color: transparent;
	color: #444444;
}
.calcJS tr.amortization-table-row td{
	border: 0;
	text-align: left;
	white-space: nowrap;
}
.calcJS tr:nth-child(odd).amortization-table-row td{
	border: 0;
}
.calcJS .amortization-table-panel{
	text-align: left;
	padding: 10px 10px;
}
.calcJS .prepayment-toggle{
	padding: 10px;
	cursor: pointer;
	width: 120px;
}
.calcJS .prepayment-toggle a{
	text-decoration: none;
}
.calcJS .black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
}
#Component-Modal .overlay_decorator{
    background-color: black;
    -moz-opacity: 0.5;
    opacity:.50;
}
.calcJS .SaveDialogBg{
	border: 0px solid orange;
	z-index:1002;
	overflow: hidden;
	margin: 16px;
}
.calcJS .transparent_content{
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	z-index:1002;
	height: auto;
	text-align: center;
}
.calcJS .popup-header{
	top: 0;
	left: 0;
	padding: 10px;
	text-align: left;
}
.calcJS .save-url-input{
	font-size: 14px;
    width: 96%;
}
.calcJS .popup-content{
	border: solid 1px #999999;
	padding-top: 30px;
	padding-bottom: 32px;
	margin: 0px 10px 10px 10px;
	height: auto;
}
.calcJS .close-popup{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 31px;
	z-index: 1003;
	background-image: url('/DynamicContent/Resources/Images/Icons/icons_matrix.png');
	background-position: 0 -609px;
	background-repeat: no-repeat;
	height: 31px;
}
.calcJS .accessbilityLink{
	color: transparent;
	opacity: 0;
	filter: alpha(opacity=0);
}
.calcJS .close-popup a{
	width: 100%;
	height: 100%;
	left: 0px;
}
.calcJS .error-highlight{
	border: solid 1px !important;
}
.calcJS .warning-message-list,
.calcJS .error-message-list{
	padding-top: 5px !important;
	margin-bottom: 0px !important;
}
.calcJS .warning-highlight{
	border: solid 1px !important;
}
.calcJS .warning-highlightForIE{
	border: solid 1px !important;
}
.calcJS span.warning-highlight,
.calcJS span.warning-highlightForIE,
.calcJS span.error-highlight{
	padding: 2px 0px;
}
.calcJS .calcJSTooltip{
	outline: medium none;
	position: relative;
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_help.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 11px;
	padding-left: 8px;
	margin-left: 2px;
	text-decoration: none;
	margin-top: 3px;
	clear: both;
}
.calcJS .callout{
	z-index:1001;
	position:absolute;
	top:30px;
	border:0;
	left:-12px;
} 
.calcJS .calc-result{
	border-radius: 20px 20px 20px 20px;
	padding: 5px 0px;
	width: 160px;
	min-height: 20px;
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	margin-left: 30px;
	margin-top: 10px;
	text-align: center;
}
.calcJS .calc-prepayment-result{
	width: 150px;
	height: 25px;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}
.calcJS .result-class{
	margin-top: 15px;
	margin-bottom: 15px;
}
.calcJS .compare-button{
	text-align: right;
	margin-top: 20px;
	padding-right: 15px;
	background-image: url(/DynamicContent/Resources/Images/Calculators/link_arrow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.calcJS .preapprove-button{
	text-align: right;
	margin-top: 5px;
	padding-right: 15px;
	background-image: url(/DynamicContent/Resources/Images/Calculators/link_arrow.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.calcJS .preapprove-button i,
.calcJS .compare-button i{

}
.calcJS .preapprove-button a,
.calcJS .compare-button a{
	text-decoration: underline;
	cursor: pointer;
	padding-left: 5px;
}
.calcJS .preapprove-spacer{
	height: 30px;
	text-align: right;
	margin-right: 42px;
	padding-bottom: 10px;
}
.calcJS .preapprove-button{
	float: right;
}
.calcJS .prepayment-toggle-3{
	cursor: pointer;
}
.calcJS .h2title{
	font-size: 14px;
	padding-bottom: 5px;
}
#mortgageCalcTab1Content .h2title{
	padding: 12px 0px 0px 10px;
	text-align: left;
}

.calcJS .cell{
	width: 168px;
	border-right: solid #333 0px;
	border-bottom: solid #333 0px;
	float: left;
}
.calcJS .label{
	width: 206px;
}
.calcJS .graph-view{
	display: none;
}
.calcJS .mortgage-calc-result-group{
	background-image: url(/DynamicContent/Resources/Images/Calculators/mortgageCalc.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 68px;
	padding-left: 80px;
	text-align: center;
	width: 220px;
}
.calcJS .loan-calc-result-group{
	background-image: url(/DynamicContent/Resources/Images/Calculators/loanCalc.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 73px;
	padding-left: 80px;
	text-align: center;
	width: 220px;
}
.calcJS .tfsaResultGroup{
	background-image: url(/DynamicContent/Resources/Images/Calculators/tfsaCalc.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 73px;
	padding-left: 80px;
	text-align: center;
	width: 220px;
}
.calcJS .savingsResultGroup {
    background-image: url(/DynamicContent/Resources/Images/Calculators/savingsCalc.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 73px;
    padding-left: 80px;
    text-align: center;
    width: 220px;
}
.calcJS .mortgage-calc-prepayment-result-group{
	height: 70px;
	text-align: center;
	width: 220px;
}
.calcJS .prepayment-toggle{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_plus.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	padding-top: 2px;
	padding-left: 35px;
	padding-bottom: 10px;
	margin-left: 29px;
	width: 300px
}
.mdi .calcJS .prepayment-hide-toggle{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_minus.png);
}
.calcJS .prepayment-toggle-3{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_plus.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 15px;
	margin-left: 20px;
}
.calcJS .prepayment-hide-toggle-3{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_minus.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 20px;
	padding-top: 15px;
	padding-left: 35px;
	padding-bottom: 15px;
	margin-left: 20px;
}
.calcJS .tab-container{
	text-align: center;
	padding: 3px 3px 3px 3px;
	width: 670px; 
	height: 320px; 
	margin: 0 auto;
}
.calcJS .hr-img{
	background-image: url(/DynamicContent/Resources/Images/Calculators/divider.png);
	width: 100%;
	height: 2px;
	margin-bottom: 6px;
}
.calcJS .hr-img-half{
	background-image: url(/DynamicContent/Resources/Images/Calculators/divider.png);
	width: 92%;
	height: 2px;
	margin-bottom: 13px;
}
.calcJS .horizontal-spacer{
	width: 355px;
}
.calcJS .view-report-div,
.calcJS .view-graph-div{
	margin-left: 28px;
	padding-top: 10px;
}
.calcJS .row{
	margin-left: 18px;
	min-height: 20px;
}
.calcJS .view-graph-div span{
	margin-right: 10px;
}
.calcJS .calcJS-footer-txt{
	margin-top: 12px;
	margin-bottom: 10px;
}
#calc-period div{
	width: 90px;
	float: left;
} 
#calc-period ul{
	list-style: none;
	margin: 0px;	
}
#calc-period ul li{
	float: left;
	width: 130px;
}
.mortgageCalc .mortgageComparisonPrepayments{
	padding-bottom: 10px;
}
.calcJS .mortgageCalcTableReport{
	padding: 10px;
}
.calcJS .mortgageCalcTableGraph{
	padding: 10px;
	width: 712px; 
	height: 303px; 
}

/* new CSS for the bottom drawer actions */
.calcJS .calcActionsRow{
	list-style-type: none;
	height: auto;
	margin: 0px;
	padding: 2px 16px 2px 16px;
	border-bottom: 1px solid #FFF;
	display: block;
	overflow: hidden;
}
.calcJS .calcActionsRow li{
	float: left;
	cursor: pointer;
	margin: 0px;
	padding-left: 0px;
}
.calcJS .calcActionsRow li div{
	background-repeat: no-repeat;
	background-position: 27px 11px;
	padding: 14px 0px 14px 56px;
	text-align: left;
}
.calcJS .calcIconSave,
.calcJS .calcIconPrint,
.calcJS .calcIconReport,
.calcJS .calcIconGraph{
	width: 175px;
}
.calcJS .calcIconGraph div{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_graphs.png);
}
.calcJS .calcIconReport div{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_reports.png);
}
.calcJS .calcIconPrint div{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_print.png);
}
.calcJS .calcIconSave div{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_share.png);
}
.mdi .calcJS .calcIconHideSection div{
	background-image: url(/DynamicContent/Resources/Images/Calculators/icn_hide.png);	
}
.mdi .calcJS .disabledOption{
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: default;
}
.mdi .calcJS .smallText{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}
.calcJS .prepayment-section .inline-formbox-right .h2title,
.calcJS .prepayment-section .inline-formbox-right .calc-entry2 label{
}
/* newly added */
.calcJS .tab3MainContent > .mortgageComparisonScenarioRow{
	padding-top: 20px;
	padding-bottom: 20px;
}
.calcJS .mortgageComparisonScenarioRow .cell.label{
	float: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

.calcJS .form-section .calc-entry2 label,
.calcJS .form-section .inline-formbox label{
	margin: 0px;
}
.calcJS .form-section .calc-entry .label{
	font-weight: normal;
}
.calcJS .calcTopError{
	background-image: url(/DynamicContent/Resources/Images/Furniture/errors.gif);
	background-position: 5px 11px;
	background-repeat: no-repeat;
	border: solid 1px;
	display: none;
	margin-bottom: 10px;
	padding: 12px 10px 6px 24px;
}
.calcJS .calcTopWarning{
	border-color: #D79105;
	border: solid 1px;
	color: #D79105;
	display: none;
	margin-bottom: 10px;
	padding: 12px 10px 2px 10px;
}
.calcJS .calcTopWarning div{
	background-repeat: no-repeat;
	background-image: url('/DynamicContent/Resources/Images/Icons/icons_matrix.png');
	background-position: 3px -319px;
	padding-left: 28px;
	height: 21px;
	padding-top: 1px;
	padding-bottom: 10px;
}
.tfsaCalc .calcTopWarning div{
	height: 7px;
}
.respCalc .calcJSSuccessResult{
	background-image: url(/DynamicContent/Resources/Images/Calculators/respCalc_check.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 79px;
	padding-top: 16px;
	width: 220px;
	min-height: 55px;
	line-height: 1.5;
}
.respCalc .calcJSFailureResult{
	background-image: url(/DynamicContent/Resources/Images/Calculators/respCalc_x.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 79px;
	padding-top: 16px;
	width: 220px;
	min-height: 100px;
	line-height: 1.5;
}
.retirementCalc .calcJSSuccessResult{
	background-image: url(/DynamicContent/Resources/Images/Calculators/retirementCalc_check.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 79px;
	padding-top: 16px;
	width: 220px;
	min-height: 55px;
	line-height: 1.5;
}
.retirementCalc .calcJSFailureResult{
	background-image: url(/DynamicContent/Resources/Images/Calculators/retirementCalc_x.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 79px;
	padding-top: 16px;
	width: 220px;
	min-height: 100px;
	line-height: 1.5;
}
.calcJS .Lang_en .fxSwapIcon{
	background-image: url(/DynamicContent/Resources/Images/Calculators/foreignExchange.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 83px;
	cursor: pointer;
}
.calcJS .Lang_fr .fxSwapIcon{
	background-image: url(/DynamicContent/Resources/Images/Calculators/foreignExchange_fr.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 83px;
	cursor: pointer;
}
.calcJS .helpHint{
	visibility:hidden; 
}
.calcJS .calcResultDetail{
	height: 80px;
}
.calcJS .resultBalance span{
	 width: 180px;
	 float: left;
	 display: block;
	 font: 18px;
	 vertical-align: middle;
}
.calcJS .resultBalance label{
	 width: 110px;
}
.calcJS .resultBalance{
	margin-top: 8px;
	float: left;
	display: block;
	font: 18px;
	vertical-align: middle;
	width: 100%;
}
.calcJS .calcResultDetail .resultBalance span{
	padding-left: 15px;
}
.calcJS .threeColumnSide{
	width: 235px;
	display: inline-block;
	margin-top: 20px;
	padding-left: 20px;
	float: left;
	margin-bottom: 0px;
}
.calcJS .threeColumnCenter{
	width: 168px;
	display: inline-block;
	margin-top: 10px;
	padding-left: 17px;
	float: left;
}
.calcJS .threeColumnSide select{
	margin-bottom: 20px;
	width: 183px;
}
.calcJS .threeColumnSide input{
	margin-bottom: 20px;
	width: 163px;
	height: 27px;
}
.calcJS .threeColumnSide li{
	width: 185px;
	display: inline-block;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 0px;
}
.calcJS .threeColumnCenter div{
	margin-top: 50px;
}
.calcJS input.rounded{
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	font-size: 20px;
	padding: 2px 10px;
	outline: 0;
	-webkit-appearance: none;
	text-align: left;
}
.fxCalc .calcIconPrint,
.fxCalc .calcIconReport,
.fxCalc .calcIconSave{
	width: 231px;
}
.fxCalc div.inline-form{
	padding-left: 0px;
}
.fxCalc .inline-form{
	height: 185px;
}
.fxCalc .inline-form li{
	font-size: 110%;
}
.fxCalc .inline-form ul{
	padding-left: 6px;
	margin: 0px;
}
.fxCalc .inline-form .fxSmallText{
	font-size: 75%;
}
.calcJS .calcReportName{
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 10px;
}
.calcJS .hrShort{
	width: 19%;
	margin-top: 5px;
	float: right;
	margin-right: 44px;
	background-image: url(/DynamicContent/Resources/Images/Calculators/divider.png);
	height: 2px;
}
.respCalc .calcTotalDetail label{
	padding-left: 16px;
}
.calcJS .calc-label{
	width: 354px;
	padding-top: 5px;
	padding-bottom: 15px;
	clear:both;
}
.calcJS .inline-formbox span,
.calcJS .inline-formbox label{
	font-size: 103%;
	vertical-align: middle;
}
.calcJS .inline-formbox span .helpHint{
	font-size: 12px;
}
.calcJS .calcExpenseClass{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 13px;
}
.calcJS .tab3MainContent .row:nth-child(8){
	margin-top: 7px;
}
.calcJS .invisible{
	visibility: hidden;
}
.retirementCalc .retirementResultGroup p{
	width: 265px;
	line-height: 1.5;
	padding-left: 25px;
}
.retirementCalc .retirementResultGroup .twoColumeLabel{
	line-height: 1.5;
}
.rrifCalc .inline-formbox .CalcHalfEntryLabel{
	width: 90px;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.rrifCalc .CalcHalfEntryInput{
	width: 260px;
	display: inline-block;
}
.rrifCalc .CalcHalfEntryDiv{
	position: relative;
	margin-bottom: 18px;
}
.rrifCalc .CalcHalfEntryInput .RrifRadioStyle{
	display: block;
	float: left;
	margin-left: -20px;
	margin-right: 1px;
}
.rrifCalc .datepicker_wrap .DatePickerInput{
	width: 80px;
}
.rrifCalc .datepicker_wrap .datepicker_trigger{
	padding: 2px;
}
.rrifCalc .calcJSSuccessResult{
	background-image: url(/DynamicContent/Resources/Images/Calculators/rrifCalc.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 98px;
	padding-top: 7px;
	padding-left: 80px;
	text-align: center;
	width: 220px;
}
.rrifCalc .calc-result{
	font-size: 16px;
	padding: 7px 5px 5px 5px;
}
.respCalc .amortization-table-tb td:last-child{
	min-width: 90px;
}
.mortgageCalc .tabcontent .row .cell input{
	margin-top: 0px;
	height: auto;
}
.rrifCalc .calcResultDetail .resultBalance span{
	width: 170px;
}
.calcJS .clear{
	clear: both !important;
}
.fxCalc .calcActionsRow li div{
	background-position: 65px 11px;
	padding: 14px 0px 14px 95px;
}
.calcJS ul li{
	position: static;
}
.calcJS div.helpHint{
	border-style: solid;
	border-width: 1px;
	margin: 0 0 12px 0;
	padding: 5px;
}
.calcJS div.helpHint{
	display: none;
	margin: 0 0 0 3px;
	position: absolute;	
	width: 300px;
	z-index: 9999;
}
.rrifCalc .radioItem{
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 1px;
	margin-bottom: 18px;
	vertical-align: middle;
}