/* ============ 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 78px 10px 80px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/contentBG.gif) repeat-y;
}

#header {
	width: 782px; height: 66px;
	margin: 20px 0 0 0;
	padding: 0 70px;
	background: url(../../../images/calculators/mortgagecalculator/header_en.gif);
}
	#header a{
		display: block;
		float: right;
		width: 45px; height: 13px;
		background: url(../../../images/calculators/mortgagecalculator/close_en.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.gif) center left no-repeat; padding-left: 10px;}
	
#footer {
	width: 782px;
	padding: 20px 70px;
	background: url(../../../images/calculators/mortgagecalculator/footer.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: 215px; height: 26px;
		background: url("../../../images/calculators/mortgagecalculator/titles/mainTitleAll_en.gif") no-repeat;
		margin: 0 10px 10px 0;
		float: left;
	}
	#amortMainTitle {
		width: 329px; height: 30px;
		background: url(../../../images/calculators/mortgagecalculator/titles/amortMainTitle_en.gif) top left no-repeat;
		margin: 0 10px 10px 0;
		float: left;
	}
		#calc #mainTitle { float: none; width: 319px; }
		
		#calc #subTitle{background: url("../../../images/calculators/mortgagecalculator/titles/whatToCalculateTitle_en.gif") no-repeat scroll left top transparent; float:left; height:16px; width: 250px; margin:0 10px 10px 0;}
		#calc #amortMainTitle { width: 323px; }
		#calc #subTitleLeft {width: 424px; float: left; }
		#calc #subTitleRight {width: 325px; float: left; }
	#resultsTitle {
		width: 54px; height: 15px;
		background: url(../../../images/calculators/mortgagecalculator/titles/resultsTitle_en.gif) top left no-repeat;		
	}
	
	#tableTitle {background: url(../../../images/calculators/mortgagecalculator/titles/tableTitle_en.gif) top left no-repeat; width: 186px; height: 20px;}
	#compareTitle {background: url(../../../images/calculators/mortgagecalculator/titles/compareTitle_en.gif) top left no-repeat; width: 186px; height: 26px;}
	#graphTitle {background: url(../../../images/calculators/mortgagecalculator/titles/graphTitle_en.gif) top left no-repeat; width: 201px; height: 25px;}
	#paymentTitle {background: url(../../../images/calculators/mortgagecalculator/titles/paymentsTitle_en.gif) top left no-repeat; width: 201px; height: 25px; margin: 10px 0;}

/* ============ Universal Content ============ */
.errorField{ color: #F00; padding-top: 5px; padding-right: 60px;}
#compare .errorField{ color: #F00; margin-left: 10px;}
.modifyPaymentsTextBox .errorField{ color: #F00; margin-left: 20px;}
input, select {height: 21px; border: 1px solid #cde1ee; width: 161px;}
#compare .row{ clear: both; }
	
#options { width: 300px; float: left; padding-left: 13px; margin: 0 0;}
#graph #options { width: 760px; }
	
.errorMsg { color: #EE3224; background: url(../../../images/calculators/mortgagecalculator/redarrow.gif) center left no-repeat; padding-left: 13px;}

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

a.infobubble img{ margin: 0 0 -2px 5px;}
label a{
	color: #0079c1;
	font-weight: bold;
	line-height: 1;
}
label, .label {
	color: #000;
	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 ============ */
.rightMainContent{width: 325px; padding-left: 10px; float: right;}
.sidebutton {
	display: block;	text-indent: -300000px; margin: 0 auto 7px;
	width: 67px; height: 92px;
	float: left;
	background: url(../../../images/calculators/mortgagecalculator/new_sidebuttonsprites_en.gif);
	border: none;
}
	#mortQs {
		width: 113px; height: 29px;
		background: url(../../../images/calculators/mortgagecalculator/questions_en.gif) no-repeat;
		margin-left: 11px;
	}
		#compare #mortQs {
			width: 118px; height: 37px;
			background: url(../../../images/calculators/mortgagecalculator/comparequestions_en.gif) no-repeat;
			margin: 0;
			float: left;
		}
	#getstartedbutton {
		width: 296px; height: 56px;
		background: url("../../../images/calculators/mortgagecalculator/getStarted.png") no-repeat;
		margin-left: -11px;
		
		float: left;
	}
	
	#optionButtons{ float: right; margin-right: 10px;}
		#compare #getstartedbutton {
			height: 56px;  margin-left: 15px; width: 296px;
			background: url(../../../images/calculators/mortgagecalculator/getStarted.png) no-repeat;
			margin: 0;
			float: left;
		}
		#cta { float:right; width: 135px; height: 120px; margin-top: -50px;}
		
		
	#comparebtn, .comparebtn {background-position: -333px 0; cursor: pointer;  border: none;}
		#comparebtnOFF, .comparebtnOFF{background-position: -333px -101px;  border: none;}
	#viewgraphbtn, .viewgraphbtn {background-position: -268px 0; border: none; cursor: pointer;}
		#viewgraphbtnOFF, .viewgraphbtnOFF {background-position: -268px -101px; border: none;}
	#viewtablebtn, .viewtablebtn {background-position: -402px 0; border: none; cursor: pointer;}
		#viewtablebtnOFF, .viewtablebtnOFF {background-position: -402px -101px; border: none;}
	#savePDFLinkbtn, .savePDFLinkbtn {background-position: -133px 0; cursor: pointer;}
		#savePDFLinkbtnOFF, .savePDFLinkbtnOFF {background-position: -133px -101px;}
	#printLinkbtn, .printLinkbtn {background-position: -67px 0; cursor: pointer;}
		#printLinkbtnOFF, .printLinkbtnOFF {background-position: -67px -101px;  cursor: default;}
	#modifyspecialbtn, .modifyspecialbtn {background-position: -471px 0; cursor: pointer;}
		#modifyspecialbtnOFF, .modifyspecialbtnOFF {background-position: -471px -101px;}
	#modifyscenariobtn, .modifyscenariobtn {background-position: -200px 0; cursor: pointer;}
		#modifyscenariobtnOFF, .modifyscenariobtnOFF {background-position: -200px -101px;}
	#amorttablebtn {background-position: -402px 0; cursor: pointer;}
		#amorttablebtnOFF, .amorttablebtnOFF {background-position: -402px -101px;}
	#clearbtn, .clearbtn {background-position: 0 0; }
		#clearbtnOFF, .clearbtnOFF {background-position: 0 -101px;}
		
	#startoverbtn, .startoverbtn {background-position: -540px 1px; }
		#startoverbtnOFF, .startoverbtnOFF {background-position: -540px -101px;}
		
	#addspecialpaymentsbtn, .addspecialpaymentsbtn {background-position: -605px 1px; }
		#addspecialpaymentsbtnOFF, .specialpaymentsbtnOFF {background-position: -605px -99px;}
	
	
	
/* ============ Calc Content ============ */

#calc .labelsec {
	width: 150px;
}

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

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

#calculatorform { width: 424px; border: 1px solid #DCE6F0; 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;}
#calc 	#tabs input{ width: 20px; vertical-align: -5px; border:none;}
#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;}		
#calcamount input { width: 161px; }
#calcamort input { width: 31px; }
#calcterm input { width: 31px; }
#calcratetype select { width: 161px; }
#calcrate input { width: 40px; }
#calcpayfreq select { width: 161px; }
#calcpayamount input { width: 161px; }

.resultText{ float: left; margin: 7px 0 0 10px; width: 161px; }	
input#calculateBTN {
background: url("../../../images/calculators/mortgagecalculator/calculateButton.gif"); border: none;  cursor: pointer; display: block; height: 31px; width: 83px; margin-top: 21px;
}
input#resetBTN { background: url("../../../images/calculators/mortgagecalculator/resetButton.gif") repeat scroll 0 0 transparent; border: medium none;  cursor: pointer; display: block; height: 30px; width: 61px; margin: 15px 5px 0 0; float:left;}
#resultsTitle { margin: 0 0 0 28px;}
#calc #drillDown {
	float: left;
	height: 204px;
}

#calc #drillDownCont {
	width: 300px; height: auto;
	float: left;
	
	margin-bottom: 10px;
		_padding-left: 15px;
		_width: 288px;
}
.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-color:#e9f1f8; }

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

#amortTable {
	width: 760px;
	float: left;
	padding: 15px 0 0 1px;
}
	#tabletop {	
		background: url(../../../images/calculators/mortgagecalculator/backgrounds/tabletopBG.gif) no-repeat;
		width: 616px; height: 10px;
		float: left;
	}
	#tablebottom {
		background: url(../../../images/calculators/mortgagecalculator/backgrounds/tablebottomBG.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 #options { width: 760px; float: left; padding-left: 13px; margin: 15px 0;}
table#amortization {
	width: 760px;
	margin-bottom: 3px;
}

#table th {
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG.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: 340px; float: left; margin-right: 40px;}
#table #results #rcol{ width: 380px; float: left;}

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

/* ============ 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_en.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: -113px 0;} .pg3 {background-position: -141px 0;}
.pg4 {background-position: -169px 0;} .pg5 {background-position: -198px 0;} .pg6 {background-position: -228px 0;}
.pg7 {background-position: -257px 0;} .pg8 {background-position: -288px 0;} .pg9 {background-position: -316px 0;}
.pg10 {background-position: -345px 0;} .pg11 {background-position: -373px 0;} .pg12 {background-position: -402px 0;}
.pg13 {background-position: -431px 0;} .pg14 {background-position: -460px 0;} .pg15 {background-position: -489px 0;}
.pg16 {background-position: -518px 0;} .pg17 {background-position: -547px 0;} .pg18 {background-position: -576px 0;}
.pg19 {background-position: -605px 0;} .pg20 {background-position: -634px 0;} .pg21 {background-position: -663px 0;}
.pg22 {background-position: -692px 0;} .pg23 {background-position: -721px 0;} .pg24 {background-position: -750px 0;}
.pg25 {background-position: -779px 0;} .pg26 {background-position: -808px 0;} .pg27 {background-position: -819px 0;}
.pg28 {background-position: -848px 0;} .pg29 {background-position: -877px 0;} .pg30 {background-position: -904px 0;}
.pg31 {background-position: -932px 0;} .pg32 {background-position: -961px 0;} .pg33 {background-position: -990px 0;}
.pg34 {background-position: -1019px 0;} .pg35 {background-position: -1048px 0;} .pg36 {background-position: -1076px 0;}
.pg37 {background-position: -1105px 0;} .pg38 {background-position: -1134px 0;} .pg39 {background-position: -1163px 0;}
.pg40 {background-position: -1190px 0;} .pg41 {background-position: -1219px 0;} .pg42 {background-position: -1248px 0;}
.pg43 {background-position: -1277px 0;} .pg44 {background-position: -1306px 0;} .pg45 {background-position: -1335px 0;}
.pg46 {background-position: -1363px 0;} .pg47 {background-position: -1392px 0;} .pg48 {background-position: -1421px 0;}
.pg49 {background-position: -1450px 0;} .pg50 {background-position: -1477px 0;} .pg51 {background-position: -1506px 0;}
.pg52 {background-position: -1535px 0;} .pg53 {background-position: -1564px 0;} .pg54 {background-position: -1593px 0;}
.pg55 {background-position: -1622px 0;} .pg56 {background-position: -1650px 0;} .pg57 {background-position: -1679px 0;}
.pg58 {background-position: -1708px 0;} .pg59 {background-position: -1737px 0;} .pg60 {background-position: -1764px 0;}
.pg61 {background-position: -1792px 0;} .pg62 {background-position: -1821px 0;} .pg63 {background-position: -1850px 0;}
.pg64 {background-position: -1879px 0;} .pg65 {background-position: -1908px 0;} .pg66 {background-position: -1936px 0;}
.pg67 {background-position: -1965px 0;} .pg68 {background-position: -1994px 0;} .pg69 {background-position: -2023px 0;}
.pg70 {background-position: -2050px 0;}

.pgnext {width: 57px; background-position: -2114px 0;}
.pglast {width: 54px; background-position: -2172px 0;}
.pgfirst {width: 59px; background-position: -2226px 0;}
.pgprev {width: 85px; background-position: 0 0;}

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

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

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

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

#overlayContent #paymentWrapper h3 {
	font-size: 12px;
	color: #fff;
	display: block;
	height: 19px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG.gif) repeat-x;
	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: 1px;}

.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: 80px; height: 30px;
	background: url(../../../images/calculators/mortgagecalculator/newConfirmButton.gif) no-repeat;
	text-indent: -3000000px;
	float: left;	
}
	#cancelBTN {
		width: 73px; height: 30px; margin-left: 5px;
		background: url(../../../images/calculators/mortgagecalculator/newCancelButton.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: 370px; 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; margin: -25px 30px 0 0; float: right; }
#compare #printPDFLinks a{ cursor: pointer; }
#graph #printPDFLinks{color: #0079C1; margin: -40px 30px 0 0; float: right; }
#graph #printPDFLinks a{ cursor: pointer; }
#scenario1, #scenario2, #scenario3 { float: left; }
	#scenario1 { width: 350px; background: url(../../../images/calculators/mortgagecalculator/backgrounds/senBG.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: 201px;
	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.gif) top right repeat-y;}
	#results1 .row{ padding-left: 14px;}
	#results3 { background: url(../../../images/calculators/mortgagecalculator/backgrounds/senBG.gif) repeat-y;}
#compare .labelsec { width: 160px; padding-left: 15px; margin-top: 7px;}
.compamort input, .compterm input { width: 31px; }
#compare .row { height: 35px; }
#compare .instuctions { color: #0079c1; font-size: 13px; font-weight: bold; padding-left: 14px; margin:0 0 10px 0;}
.scenariotitle {
	/* width: 201px; */
	height: 19px;
	background: url(../../../images/calculators/mortgagecalculator/backgrounds/thBG.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 { padding-left: 10px; width: 187px; }
#scenario3 .scenariotitle { padding-left: 10px; width: 191px; 
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; *padding:0; *height: 20px; margin-top:6px}
#scenario3 select { margin-top: 6px; }
#scenario2 select { margin-top: 6px; }	
#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: 10 0 0 0; *padding: 1px 0; padding-top: 10px;}
	
#compare .even {
	background: #f8fafc;
}
#compare input#calculateBTN { background: url("../../../images/calculators/mortgagecalculator/recalculateButton.gif"); margin-top: 5px; height: 30px; width: 95px;}
#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.gif) repeat-y;}

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

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

#compare #calculateBTN { float: left; }

/* ============ Graph Content ============ */
#graphContent { 
	width: 760px; height: 445px;
	float: left;
}
#graph #optionsButtons{ float: right; margin-right: 20px; }
#graph .row { clear: both; height: 13px; padding: 4px 0;}
#graph .even { background: url(../../../images/calculators/mortgagecalculator/backgrounds/tablelabelBG.gif) repeat-y; }
#graph .columnRed{background-color: #ED1C24; }
#graph .columnBlue{background-color: #0079C1; }
#graph #results { float: left; width: 360px; }
#selectors {  width: 580px; }
#graphBG {
	width: 543px; height: 253px;
	background: url(../../../images/calculators/mortgagecalculator/graphlabels_en.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: 320px; float: left; }

#graph label, #graph .label { 
	width: 175px;
	float: left;
	padding-left: 18px;
}
#graph #results .inputfield {
	width: 165px;
	float: left;
}
#graph #resultsright .inputfield {
	width: 97px;
	float: right;
}

#scenarioSelect { margin-right: 5px; }
#graphSelect { margin-left: 5px; width: 210px; }
#graphSelectDiv { margin-top: 3px; }
 
/* ============ Did You Know Content ============ */

#smartsteps { float: left; width: 419px; padding-top: 48px; margin-left: 10px; background: url(../../../images/calculators/mortgagecalculator/didyouknow_en.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.gif") no-repeat scroll 0 0 transparent; float: right; padding-top: 48px; width: 308px; margin: 0px 15px 0 10px;}
#otherlinks ul { padding-left: 0; margin-left: 28px; }
#otherlinks ul li { list-style-image: url("../../../images/calculators/mortgagecalculator/redarrow.gif"); padding-bottom: 5px;}
.modifyPaymentsTextBox input {
    border: 1px solid #CDE1EE;
    height: 21px;
    margin-left: 20px;
    width: 89px;
}
/* ============= 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;}
/* ============= Compare Scenario Error messages ================ */
.mtg_amt_2_Error int_term_2_Error int_rt_2_Error amort_yy_2_Error { height: 90px; }