/* ============ Global Styles ============ */

body {background: #0079c1; font-size: 12px; font-family:Arial, Helvetica, sans-serif; line-height:1.2em; color: #333;}
:focus {outline: 0;}
p { margin: 10px 0; }
.clear { clear: both;}
.legal { font-size: 10px; color: #777; }
a img {border: none; }
a { color: #0079c1; text-decoration: none; }
table { border-collapse: collapse; font-size: 12px;}

/* ============ Structure ============ */

#container {
	width: 922px;
	margin: 0 auto;
}
	
#contentContainer {
}

#content {
	padding: 21px 69px 10px 80px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/contentBG_fr.gif) repeat-y;
}

#header {
	width: 782px; height: 66px;
	margin: 20px 0 0 0;
	padding: 0 70px;
	background: url(../../../images/calculators/mortgagecalculator/header_fr.gif);
}
	#header a{
		display: block;
		float: right;
		width: 52px; height: 13px;
		background: url(../../../images/calculators/mortgagecalculator/close_fr.gif);
		text-indent: -300000px;
	}

ul#topLinks {
	list-style: inside none;
	float: right;
	margin: 10px 0 0 0;
}
	ul#topLinks li {float: left; margin-left: 10px; background: url(../../../images/calculators/mortgagecalculator/altarrow_fr.gif) center left no-repeat; padding-left: 10px;}
	
#footer {
	width: 782px;
	padding: 20px 70px;
	background: url(../../../images/calculators/mortgagecalculator/footer_fr.gif) top left no-repeat;
	font-size: 10px;
	color: #ccddee;
}
	#footer p{ margin: 0; }

	#legal, #legal a {
		margin: 0 auto 15px auto;
		width: 922px;
		color: #fff;
		font-size: 11px;
	}
	
/* ============ Titles ============ */

.title {
	display: block;
	text-indent: -30000px;
	margin: 0;
	padding: 0;
}
	h2.title {float: left;}

	#mainTitle {
		width: 300px; height: 30px;
		background: url(../../../images/calculators/mortgagecalculator/titles/mainTitleAll_fr.gif) top left no-repeat;
		margin: 3px 10px 10px 0;
		float: left;
	}
	#amortMainTitle {
		width: 435px; height: 25px;
		background: url(../../../images/calculators/mortgagecalculator/titles/amortMainTitle_fr.gif) top left no-repeat;
		margin: 0 10px 10px 0;
		float: left;
	}
		#calc #mainTitle { width: 415px; float: none;}
		#calc #subTitle{background: url("../../../images/calculators/mortgagecalculator/titles/whatToCalculateTitle_fr.gif") no-repeat scroll left top transparent; float:left; height:16px; width: 250px; margin:0 10px 10px 0;}
		#calc #amortMainTitle { width: 424px; }
		#calc #subTitleLeft {width: 424px; float: left; }
		#calc #subTitleRight {width: 325px; float: left; }
	
	#resultsTitle {
		width: 67px; height: 15px;
		background: url(../../../images/calculators/mortgagecalculator/titles/resultsTitle_fr.gif) top left no-repeat;
		margin: 0 0 0 32px;
	}
	
	#tableTitle {background: url(../../../images/calculators/mortgagecalculator/titles/tableTitle_fr.gif) top left no-repeat; width: 255px; height: 25px;}
	#compareTitle {background: url(../../../images/calculators/mortgagecalculator/titles/compareTitle_fr.gif) top left no-repeat; width: 232px; height: 26px;}
	#graphTitle {background: url(../../../images/calculators/mortgagecalculator/titles/graphTitle_fr.gif) top left no-repeat; width: 280px; height: 28px;}
	#paymentTitle {background: url(../../../images/calculators/mortgagecalculator/titles/paymentsTitle_fr.gif) top left no-repeat; width: 260px; height: 25px; margin: 10px 0;}

/* ============ Universal Content ============ */

.errorField{ color: #F00; padding-top: 5px; padding-right: 5px;}

input,  select {height: 21px; border: 1px solid #cde1ee; width: 159px;}
.row{ clear: both; }

#options { width: 300px; float: left; margin-top: 15px;}

#table #options { width: 760px; float: left; margin: 15px 0;}

#table #optionButtons{ float: right; margin-right: 10px;}

#compare #options { float: right; margin-right: 10px; margin-top: 0; width: 300px; }

#compare #optionButtons{ float: right; margin-right: 10px;}

#graph #options { width: 760px; }
	
.errorMsg { color: #EE3224; background: url(../../../images/calculators/mortgagecalculator/redarrow_fr.gif) center left no-repeat; padding-left: 13px;}

#adspace {
	width: 740px; height: 97px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/adspaceBG_fr.gif) no-repeat;
	padding: 4px 11px;
	margin-top: 10px;
}

#table #adspace{ float: left; }

a.infobubble img{ margin: 0 0 -2px 5px;}

label, .label{
	color: #000;
	font-weight: bold;
	line-height: 1;
}

label a {
	color: #0079c1;
	font-weight: bold;
	line-height: 1;
}
	label a { text-decoration: underline;  }
	
.labelsec {
	float: left;
}
	
.radio {
	width: 15px; height: 12px;
	border: none;
	margin: 0; padding: 0;
}
	
/* ============ Sidebar Content ============ */
	
.sidebutton {
	display: block;	text-indent: -300000px; margin: 0 auto 13px auto;
	width: 75px; height: 90px;
	float: left;
	background: url(../../../images/calculators/mortgagecalculator/new_sidebuttonsprites_fr.gif);
	border: none;
}
	#mortQs {
		width: 113px; height: 42px;
		background: url(../../../images/calculators/mortgagecalculator/questions_fr.gif) no-repeat;
		margin-left: 20px;
	}
		#compare #mortQs {
			width: 118px; height: 50px;
			background: url(../../../images/calculators/mortgagecalculator/comparequestions_fr.gif) no-repeat;
			margin: 0;
			float: left;
		}
	#getstartedbutton {
		background: url("../../../images/calculators/mortgagecalculator/getStarted_fr.png") no-repeat scroll 0 0 transparent;
		float: left;
		height: 68px;
		margin-left: 10px;
		width: 273px;
	}
	
	#calc #getstartedbutton { margin: 0 0 0 20px; }
	
		#compare #getstartedbutton {
			width: 273px; height: 68px;
			background: url(../../../images/calculators/mortgagecalculator/getStarted_fr.png) no-repeat;
			margin: 5px 0 0 6px;
			float: left;
		}
		#cta { float:right; width: 280px; height: 77px; }
		
		
	#comparebtn, .comparebtn {background-position: -375px 0; cursor: pointer;  border: none;}
		#comparebtnOFF, .comparebtnOFF{background-position: -375px -91px;  border: none;}		
	#viewgraphbtn, .viewgraphbtn {background-position: -298px 0; border: none; cursor: pointer;}
		#viewgraphbtnOFF, .viewgraphbtnOFF {background-position: -298px -91px; border: none;}		
	#viewtablebtn, .viewtablebtn {background-position: -450px 0; border: none; cursor: pointer;}
		#viewtablebtnOFF, .viewtablebtnOFF {background-position: -450px -90px; border: none;}		
	#savePDFLinkbtn, .savePDFLinkbtn {background-position: -147px 0; cursor: pointer;}
		#savePDFLinkbtnOFF, .savePDFLinkbtnOFF {background-position: -147px -90px;}		
	#printLinkbtn, .printLinkbtn {background-position: -76px 0; cursor: pointer;}
		#printLinkbtnOFF, .printLinkbtnOFF {background-position: -76px -90px;  cursor: default;}		
	#modifyspecialbtn, .modifyspecialbtn {background-position: -525px 0; cursor: pointer;}
		#modifyspecialbtnOFF, .modifyspecialbtnOFF {background-position: -525px -90px;}		
	#modifyscenariobtn, .modifyscenariobtn {background-position: -222px 0; cursor: pointer;}
		#modifyscenariobtnOFF, .modifyscenariobtnOFF {background-position: -222px -90px;}		
	#amorttablebtn {background-position: -450px 0; cursor: pointer;}
		#amorttablebtnOFF, .amorttablebtnOFF {background-position: -450px -90px;}		
	#clearbtn, .clearbtn {background-position: 0px 1; }
		#clearbtnOFF, .clearbtnOFF {background-position: 0px -90px;}
	#startoverbtn, .startoverbtn {background-position: -602px 1px; }
		#startoverbtnOFF, .startoverbtnOFF {background-position: -602px -101px;}
	#addspecialpaymentsbtn, .addspecialpaymentsbtn {background-position: -674px 1px; }
		#addspecialpaymentsbtnOFF, .specialpaymentsbtnOFF {background-position: -674px -91px;}
	
/* ============ Calc Content ============ */

#calc .labelsec {
	width: 190px;
}

#calc .inputfield {
	font-size: 11px;
	color: #333;
	float: right;
}
	#calculator .inputfield {width: 162px;}
	#drillDownCont .inputfield {padding-right: 25px;}

	
#calc .row {
	width: 384px;
	margin: 6px 0;
}
	#drillDownCont .row {
		width: 306px;
		margin: 0;
		padding: 7px 0 7px 14px;
	}

#calculatorform {  border: 1px solid #DCE6F0; width: 424px;	float: left; }

#calculator {
	padding: 10px 0 15px 10px;
}	

	#calc 	#tabs{ width: 424px; height: 35px; background: #e9f1f8; margin: -10px 0 15px -10px;}
#calc 	#paymentTab{ background: url("../../../images/calculators/mortgagecalculator/selectedTabBG.gif"); background-repeat: no-repeat; background-position: left top; width: 155px; height: 35px; float: left; padding-top: 3px; cursor: pointer; }
#calc   #paymentTabText{ color: #0079C1; font-weight: bold; line-height:2em;}
#calc   #tabs input{ width: 17px; vertical-align: -5px; border:none; float: left;}
#calc 	#amortizationTab{ background: url("../../../images/calculators/mortgagecalculator/nonSelectedAmortizationTabBG.gif"); background-repeat: no-repeat; background-position: left top; width: 167px; height: 35px; float: left;  padding-top: 3px; cursor: pointer;}
#calc   #amortizationTabText{ color: #fff; font-weight: bold; float: left;}
	
	#calcamount input { width: 159px; }
	#calcamort input { width: 31px; }
	#calcterm input { width: 31px; }
	#calcratetype select { width: 159px; }
	#calcrate input { width: 40px; }
	#calcpayfreq select { width: 159px; }
	#calcpayamount input { width: 159px; }
	
.resultText{ float: left; margin: 7px 0 0 10px; width: 159px; }	

input#calculateBTN {
background: url("../../../images/calculators/mortgagecalculator/calculateButton_fr.gif"); border: none;  cursor: pointer; display: block; height: 30px; width: 75px; margin-top: 21px;
}

input#resetBTN { background: url("../../../images/calculators/mortgagecalculator/resetButton_fr.gif") repeat scroll 0 0 transparent; border: medium none;  cursor: pointer; display: block; height: 30px; width: 101px; margin: 15px 5px 0 0; float:left;}

.rightMainContent {
    float: right;
	margin-right: 10px;
    padding-left: 10px;
    width: 320px;
}

#calc #drillDown {
	float: left;
	height: 204px;
}

#calc #drillDownCont {
	width: 320px; height: auto;
	float: left;
}

.printPDFLinks{color: #0079C1; padding: 0 0 7px 14px;}
.printPDFLinks a{ cursor: pointer; }

#drillDownCont label{*float: left;}
#calc #drillDownCont span{ *float: right;}
#calc #drillDownCont span.label{ *float: left;}
#calc .odd { background: #E9F1F8; }

/* ============ Amortization Table Content ============ */

#amortTable {

	width: 760px;
	float: left;
	padding: 0 0 0 1px;
}
	#tabletop {	
		background: url(../../../images/calculators/mortgagecalculator/backgrounds/tabletopBG_fr.gif) no-repeat;
		width: 616px; height: 10px;
		float: left;
	}
	#tablebottom {
		background: url(../../../images/calculators/mortgagecalculator/backgrounds/tablebottomBG_fr.gif) no-repeat;
		width: 616px; height: 12px;
		float: left;
		margin-bottom: 15px;
	}

.tc1 { text-align: left; }
.tc2, .tc3, .tc4, .tc5, .tc6 { text-align: right; }

table#amortization {
	width: 760px;
	margin-bottom: 3px;
}

#table th {
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG_fr.gif) repeat-x;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
}
#table td { height: 18px; }
.th1, .tc1 { width: 38px; text-align: left; padding-left: 19px;}
.th2, .tc2 { width: 90px; text-align: right; }
.th3, .tc3 { width: 102px; text-align: right; }
.th4, .tc4 { width: 102px; text-align: right; }
.th5, .tc5 { width: 107px; text-align: right; }
.th6, .tc6 { width: 137px; text-align: right; color: #0079c1; padding-right: 19px;}

#table #results #lcol{ width: 380px; float: left;}
#table #results #rcol{ width: 380px; float: left;}

#table .longlabel {
	float: left;
	color: #000;
	font-weight: bold;
}
	#lcol .longlabel{ width: 200px;}
#lcol .inputfield{ float:left; width: 155px;}	
	#rcol .longlabel{ width: 200px; padding-right: 10px;}
#table .row { padding: 3px 0 3px 18px; }
#table .even{background: url(../../../images/calculators/mortgagecalculator/backgrounds/tablelabelBG_fr.gif) repeat-y scroll right top #E9F1F8;}
#table table .even{background: url(../../../images/calculators/mortgagecalculator/backgrounds/tabletableBG_fr.gif) repeat-y;}
#table #results {margin-top: 5px; height: 135px; }

/* ============ Pager sprites ============ */

#pager {padding: 0 0 0 20px;}
#pageNav { width: auto; float: right; margin-right: 10px; }
.pg1, .pg2, .pg3, .pg4, .pg5, .pg6, .pg7, .pg8, .pg9, .pg10, .pg11, .pg12, .pg13, .pg14, .pg15, .pg16, .pg17, .pg18, .pg19, .pg20, .pg21, .pg22, .pg23, .pg24, .pg25, .pg26, .pg27, .pg28, .pg29, .pg30, .pg31, .pg32, .pg33, .pg34, .pg35, .pg36, .pg37, .pg38, .pg39, .pg40, .pg41, .pg42, .pg43, .pg44, .pg45, .pg46, .pg47, .pg48, .pg49, .pg50, .pg51, .pg52, .pg53, .pg54, .pg55, .pg56, .pg57, .pg58, .pg59, .pg60, .pg61, .pg62, .pg63, .pg64, .pg65, .pg66, .pg67, .pg68, .pg69, .pg70, .pgnext, .pglast, .pgprev, .pgfirst { display: block; width: 28px; height: 33px; float: left; background: url(../../../images/calculators/mortgagecalculator/new_pagersprite_fr.gif) repeat-y; text-indent:-300000px;}

.pgmore {color: #0079c1; text-align: center; font-weight: bold; display: block; width: 19px; padding-top: 14px; float: left;}

.pg1 {background-position: -85px 0;} .pg2 {background-position: -114px 0;} .pg3 {background-position: -144px 0;}

.pg4 {background-position: -173px 0;} .pg5 {background-position: -202px 0;} .pg6 {background-position: -230px 0;}

.pg7 {background-position: -259px 0;} .pg8 {background-position: -288px 0;} .pg9 {background-position: -317px 0;}

.pg10 {background-position: -346px 0;} .pg11 {background-position: -375px 0;} .pg12 {background-position: -404px 0;}

.pg13 {background-position: -433px 0;} .pg14 {background-position: -462px 0;} .pg15 {background-position: -491px 0;}

.pg16 {background-position: -520px 0;} .pg17 {background-position: -549px 0;} .pg18 {background-position: -578px 0;}

.pg19 {background-position: -607px 0;} .pg20 {background-position: -636px 0;} .pg21 {background-position: -665px 0;}

.pg22 {background-position: -694px 0;} .pg23 {background-position: -723px 0;} .pg24 {background-position: -752px 0;}

.pg25 {background-position: -781px 0;} .pg26 {background-position: -810px 0;} .pg27 {background-position: -839px 0;}

.pg28 {background-position: -868px 0;} .pg29 {background-position: -897px 0;} .pg30 {background-position: -926px 0;}

.pg31 {background-position: -955px 0;} .pg32 {background-position: -984px 0;} .pg33 {background-position: -1013px 0;}

.pg34 {background-position: -1042px 0;} .pg35 {background-position: -1071px 0;} .pg36 {background-position: -1100px 0;}

.pg37 {background-position: -1129px 0;} .pg38 {background-position: -1158px 0;} .pg39 {background-position: -1187px 0;}

.pg40 {background-position: -1216px 0;} .pg41 {background-position: -1242px 0;} .pg42 {background-position: -1271px 0;}
.pg43 {background-position: -1295px 0;} .pg44 {background-position: -1324px 0;} .pg45 {background-position: -1353px 0;}
.pg46 {background-position: -1381px 0;} .pg47 {background-position: -1410px 0;} .pg48 {background-position: -1439px 0;}
.pg49 {background-position: -1468px 0;} .pg50 {background-position: -1495px 0;} .pg51 {background-position: -1524px 0;}
.pg52 {background-position: -1553px 0;} .pg53 {background-position: -1582px 0;} .pg54 {background-position: -1611px 0;}
.pg55 {background-position: -1640px 0;} .pg56 {background-position: -1668px 0;} .pg57 {background-position: -1697px 0;}
.pg58 {background-position: -1726px 0;} .pg59 {background-position: -1755px 0;} .pg60 {background-position: -1782px 0;}
.pg61 {background-position: -1810px 0;} .pg62 {background-position: -1839px 0;} .pg63 {background-position: -1868px 0;}
.pg64 {background-position: -1897px 0;} .pg65 {background-position: -1926px 0;} .pg66 {background-position: -1954px 0;}
.pg67 {background-position: -1983px 0;} .pg68 {background-position: -2012px 0;} .pg69 {background-position: -2041px 0;}
.pg70 {background-position: -2068px 0;}

.pgnext {width: 77px; background-position: -2114px 0;}

.pglast {width: 70px; background-position: -2190px 0;}

.pgfirst {width: 80px; background-position: -2263px 0;}

.pgprev {width: 85px; background-position: 0 0;}

/* ============ Spacial Payment Content ============ */
 
#spPayment, #regPayment {
	width: 50%;
	*width: 49%;
	float: left;
}

#paymentWrapper {
	width: 400px;
	padding: 9px 0 9px 1px;
	margin-top: 5px;
	height: auto;
}

#paymentbox #paymentWrapper .even{
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/paymentsBGgrade_fr.gif) repeat-y;
}

.widgetDiv { padding-left: 5px; height: 10px; }

#overlayContent #paymentWrapper h3 {
	font-size: 12px;
	color: #fff;
	display: block;
	height: 31px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG_fr.gif) repeat;
	padding: 3px 0 0 18px;
	margin: 10px 0 7px 0;
	*padding: 3px 0 0 18px;
	*margin: 3px 0 7px 0;
}
	#overlayContent #paymentWrapper #spPayment h3 { margin-right: 0px;}

.periodWidget { margin: 0 0 0 18px; }
#paymentbox .periodWidget label{ padding: 4px 10px 0 0; }
#paymentbox .periodWidget input{ width: 52px; }
#paymentbox .amountField input { width: 60px; }
#paymentbox .amountField label { margin-right: 7px; margin-left: 21px; }

#confirmBTN, #cancelBTN {
	display: block;
	width: 92px; height: 30px;
	background: url(../../../images/calculators/mortgagecalculator/newConfirmButton_fr.gif) no-repeat;
	text-indent: -3000000px;
	float: left;	
}
	#cancelBTN {
		width: 82px;
		background: url(../../../images/calculators/mortgagecalculator/newCancelButton_fr.gif) no-repeat;
	}
#paymentbox #paymentWrapper .row {padding: 3px 0 3px 18px; float: none; width: auto; height: auto;}
#paymentbox #paymentWrapper label {float: none; width: auto; padding: 0;}
	
	
/* ============ Overlay/Error content ============ */

#overlay {
	position: absolute;
	top:0%;
	left:0%;
	width: 100%;
	height: 2500px;
	min-height: 100%;
	z-index:1001;
	background: #000;
		filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}
	#overlayContent {
		position: absolute;
		z-index:1002;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 905px;
	}
	div.errorbox, div#paymentbox{
		width: 575px;
		margin: 5px auto 0;
		background: #fff;
		border: 1px solid #93bdde;
		z-index:1002;
		padding: 10px 25px 25px;
			-moz-border-radius: 10px;
			border-radius: 10px;
	}
	div#paymentbox {width: 400px; height: auto; }
	#overlayContent h3 {color:#0079c1; margin: 20px 0;}
	#close {
		float: right;
		font-size: 10px;
		color: #0079c1;
		text-decoration: underline;
		margin-bottom: 5px;
	}
	
/* ============ Compare Content ============ */

#compare #printPDFLinks {
    color: #0079C1;
    float: right;
    margin: -25px 30px 0 0;
}

#compare #introText { width: 450px; }

#scenario1, #scenario2, #scenario3 { float: left;}
	#scenario1 { width: 350px; background: url(../../../images/calculators/mortgagecalculator/backgrounds/senBG_fr.gif) top right repeat-y; padding-left: 14px;}
	#scenario2 { width: 197px;
	border-left-color:#B9D8EC;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-color:#B9D8EC;
	border-bottom-width:1px;
	border-bottom-style:solid;
	}
	#scenario3 { width: 200px;
	border-right-color:#B9D8EC;
	border-right-width:1px;
	border-right-style:solid;
	border-bottom-color:#B9D8EC;
	border-bottom-width:1px;
	border-bottom-style:solid;
	}
#results1, #results2, #results3 { width: 200px; float: left; padding: 10px 1px 0 0;}
	#results1 { width: 348px; background: url(../../../images/calculators/mortgagecalculator/backgrounds/senBG_fr.gif) top right repeat-y;}
	#results1 .row{ padding-left: 14px;}
	#results3 { background: url(../../../images/calculators/mortgagecalculator/backgrounds/senBG_fr.gif) repeat-y;}
#compare .labelsec { width: 154px; }
.compamort input, .compterm input { width: 31px; }
#compare .row { height: 35px; padding-top: 5px; }
#compare .instuctions { color: #0079c1; font-size: 13px; font-weight: bold; padding-left: 14px; margin:0 0 10px 0;}
.scenariotitle {
	/* width: 191px; */
	height: 19px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG_fr.gif) repeat-x;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 3px 0 0 10px;
	float: right;
	margin: 0 0 5px;
}	
#scenario1 .scenariotitle { width: 191px; }
#scenario2 .scenariotitle { width: 187px; }
#scenario3 .scenariotitle { width: 190px; 
border-left-color:#B9D8EC;
border-left-width:1px;
border-left-style:solid;
}

#scenario1 input, #scenario2 input, #scenario3 input,
#scenario1 select, #scenario2 select, #scenario3 select
	{ margin-left: 10px; margin-top:3px; *padding:0; *height: 20px;}

#compare .inputfield { padding-left: 10px; float: left;}

.comparetop, .comparebottom {
	font-size: 2px;
	display: block;
	width: 752px; height: 11px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/comparetop.gif) no-repeat;
	margin: 10px 0 0 0;
}
	.comparebottom {background: url(../../../images/calculators/mortgagecalculator/backgrounds/comparebottom.gif) no-repeat; margin: 0 0 10px 0;}
	.comparebody { margin:0 0 20px 0; padding:0; *padding: 1px 0;}
	
#compare .even {
	background: #F8FAFC;
}

#resultstable{
	margin: 0 1px;
	width: 736px;
}

#resultstable .label{
	width: 112px;
	padding-right:13px;
	padding-left: 14px;
}

#resultstable tr{
	padding: 0 10px;
}

#resultstable td{
	width: 204px;
	padding: 5px 0 5px 15px;
}
	#toprow td { padding-top: 15px; }
	.scen1result, .scen3result { background-color: #F0F7FD; }
	.evenend {background: #F0F7FD url(../../../images/calculators/mortgagecalculator/backgrounds/evenendBG_fr.gif) repeat-y;}

.clearbutton {
	display: block;
	width: 117px; height: 31px;
	background: url(../../../images/calculators/mortgagecalculator/clearscenario_fr.gif) no-repeat;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}

#compare #calculateBTN {
	float: left;
    background: url("../../../images/calculators/mortgagecalculator/recalculateButton_fr.gif") repeat scroll 0 0 transparent;
    height: 31px;
    margin-top: 0;
    width: 89px;
}

/* ============ Graph Content ============ */
#graphContent { 
	width: 760px; height: auto;
	float: left;
}

#graph #optionsButtons{ float: right; margin-right: 20px; }

#graph #printPDFLinks {
    color: #0079C1;
    float: right;
    margin: -40px 30px 0 0;
}

#graph #printPDFLinks a{ cursor: pointer; }

#graph .columnRed{background-color: #ED1C24; }

#graph .columnBlue{background-color: #0079C1; }

#graph .row { clear: both;  padding: 4px 0;}
#graph .even { background: url(../../../images/calculators/mortgagecalculator/backgrounds/tablelabelBG_fr.gif) repeat-y; }
#graph #results { float: left; width: 380px;}
#selectors {  width: 530px; }
#graphBG {
	width: 543px; height: 253px;
	background: url(../../../images/calculators/mortgagecalculator/graphlabels_fr.gif) no-repeat;
}
#selectors span. #selectors select { float: left;}
#selectors { margin: 13px 0 0 18px;  margin-bottom: 25px;}
#mortgageBalanceGraph, #interestCostGraph { margin-bottom: 15px; }
#resultsleft, #resultsright { width: 380px; float: left; }

#graph label, #graph .label { 
	width: 200px;
	float: left;
	padding: 0 10px 0 18px;
}
#graph .inputfield {
	float: left;
	width: 152px;
}
#scenarioSelect { margin-right: 5px; }
#graphSelect { margin-left: 5px; width: 210px; }
#graphSelectDiv { margin-top: 3px; }

#optionButtons{ float: right; margin-right: 10px;}

/* ============ Did You Know Content ============ */

#smartsteps { float: left; width: 420px; padding-top: 48px; margin-left: 10px; background: url(../../../images/calculators/mortgagecalculator/didyouknow_fr.gif) top left no-repeat; }

#smartsteps ul { padding: 0; margin: 0; }

#smartsteps ul li { list-style: none; padding: 0 0 0 30px; margin: 17px 0; width: 389px;}

#smartsteps ul li.am { background: url(../../../images/calculators/mortgagecalculator/knowiconam.gif) top left no-repeat;}

#smartsteps ul li.com { background: url(../../../images/calculators/mortgagecalculator/knowiconcom.gif) top left no-repeat;}
#smartstepsotherlinks { width:765px;}
#otherlinks { background: url("../../../images/calculators/mortgagecalculator/otherlinksandinformation_fr.gif") no-repeat scroll 0 0 transparent; float: right; padding-top: 48px; width: 280px; margin-right: 25px;}
#otherlinks ul { padding: 20px 0 0 0; margin: 0 0 0 20px; }
#otherlinks ul li { list-style-image: url("../../../images/calculators/mortgagecalculator/redarrow.gif"); padding-bottom: 5px;}

/* ========== Modify Special Payment Content ========== */

.modifyPaymentsTextBox input {
    border: 1px solid #CDE1EE;
    height: 21px;
    margin-left: 20px;
    width: 89px;
}

.modifyPaymentsTextBox .errorField{ color: #F00; margin-left: 20px;} 

/* ============= Custom Sized Drop Down List ================ */
.calcratetypefiled{ height: 20px; }
.calcratetypebox{ background: #fff url(http://bmo.com/images/calculators/amortization/dropdown_arrow.jpg); background-repeat: no-repeat; background-position: 99% center; border: 1px solid #7F9DB9; cursor: default; height: 16px; width: 161px; }
.calcratetypebox:hover {background: #fff url(http://bmo.com/images/calculators/amortization/dropdown_arrow_focused.jpg); background-repeat: no-repeat; background-position: 99% center;}
.calcratetypelist{ border: 1px solid #7F9DB9; margin: 0; padding: 0; width: 350px; z-index: 999; position: relative; background: #fff;}
.calcratetypelist li {list-style: none; font-size: 12px;}
.calcratetypelist li:hover {background: #3160C5; color: #fff; cursor: default; }
.calcratetypelist li a {display: block; color: #000; text-decoration: none;}
.calcratetypelist li a:hover { color: #fff; cursor: default; }
.calcratetypeboxResizeClass {font-size: 12px;}