@charset "utf-8";
/* CSS Document */

/* --------- 1. Form Defaults  --------- */
#calculatorQuestions, #calculatorResults{
	border:1px solid #CCC;
	margin:10px 0px 25px 0px;
	padding:10px 10px 0px 10px;
	width:292px;
	position:relative;
	top:0px;
	left:70px;
	}
	
#calculatorRentBuyResults{
	border:1px solid #CCC;
	margin:10px 0px 25px 0px;
	padding:10px 10px 0px 10px;
	position:relative;
	top:0px;
	}
	
#calculatorQuestions legend, #calculatorResults legend, #calculatorRentBuyResults legend{
	font-size:1.2em;
	font-weight:bold;
	color:#F90;
	position:relative;
	margin:0px;
	padding:0px;
	background:#FFF;
	}
	
#calculatorQuestions label{
	margin:0px 0px 3px 6px;
	padding: 3px 0px;
	cursor:hand;
	}
	
#calculatorQuestions input, #calculatorRentBuyResults input{
	vertical-align:middle;
	border:#CCC 1px solid;
	padding:2px;
	}

#calculatorQuestions label {
    display: inline;
}

#calculatorQuestions legend
{
    border: none;
    width: auto;
}

/* --------- 2. Questions  --------- */

#loanYears {
	width:100px;
	margin:10px 0px 6px 59px;
	}
	
#interestRate {
	width:100px;
	margin:6px 4px 6px 55px;
	}
	
#loanAmount{
	width:100px;
	margin:6px 0px 6px 53px;
	}

#annualTax{
	width:100px;
	margin:6px 0px 6px 67px;
	}
	
#annualInsurance{
	width:100px;
	margin:6px 0px 6px 30px;
	}
	
/* ------------------ */

	
#desiredMortgage{
	width:100px;
	margin:10px 0px 6px 39px;
	}
	
#mortgageYears{
	width:100px;
	margin:6px 0px 6px 37px;
	}
	
#mortgageInterestRate{
	width:100px;
	margin:6px 4px 6px 8px;
	}

#annualPropertyTaxes{
	width:100px;
	margin:6px 0px 6px 11px;
	}
	
#monthlyDebt{
	width:100px;
	margin:6px 0px 6px 31px;
	}
	
/* ------------------ */

	
.rentalPayment{
	width:70px;
	margin:10px 0px 6px 21px;
	}
	
.purchasePrice{
	width:70px;
	margin:6px 0px 6px 4px;
	}
	
.downPayment{
	width:70px;
	margin:6px 0px 6px 12px;
	}

.mortgageInterestRate{
	width:70px;
	margin:6px 0px 6px 36px;
	}
	
.keepHome{
	width:70px;
	margin:6px 4px 6px 38px;
	}	
	
/* ------------------ */

	
#incomeTaxRate, #rentIncrease, #rentersInsurance, #homeMaintenance, #closingCost, #assumptionsPropertyTax{
	width:70px;
	position:relative;
	left:30px;
	}
	
/* --------- 2. Results Table  --------- */

#resultsChart {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
	}
	
#resultsChart th{
	background-color:#F93;
	color:#fff;
	}
	
#resultsChart td{
	padding:2px 2px 2px 4px;
	border:#D9D9D9 1px solid;
	}
	
.resultsChart {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
	}
	
.resultsChart th{
	background-color:#F93;
	color:#fff;
	}
	
.resultsChart td{
	padding:2px 2px 2px 4px;
	border:#D9D9D9 1px solid;
	}
	
.resultsChart tr td.noBorder{
	border:0px;
	}