@import url(base.css);

INPUT,
SELECT
{
	padding: 0;
	margin: 0 0 0 10px;	
	font-size: 11px;
	background-color: #fff;
}

#form TD 
{
	padding: 4px;
}

#loanAmount_01,
#loanRepayments_01,
#monthlyFee_01,
#lumpSumRepaymentAmount_01,
#loanAmount_02,
#loanRepayments_02,
#monthlyFee_02,
#lumpSumRepaymentAmount_02
{
	width: 75px;
	margin: 0 0 0 3px;
}

#loanRadioRepayment_01,
#loanRadioAmount_01,
#loanRadioTerm_01,
#loanRadioRepayment_02,
#loanRadioAmount_02,
#loanRadioTerm_02
{
	margin: 0;
	width: 15px;
}

#loanTermYears_01,
#loanTermMonths_01,
#interestOnlyPeriod_01,
#lumpSumRepaymentMonth_01,
#loanTermYears_02,
#loanTermMonths_02,
#interestOnlyPeriod_02,
#lumpSumRepaymentMonth_02
{
	width: 25px;
}

#loanType_01, #loanType_02 { width: 140px; }
#product_01, #product_02 { width: 220px; }

#maturityInterestRate_01,
#interestRate_01,
#maturityInterestRate_02,
#interestRate_02
{
	width: 40px;
}

DIV.radiobuttons
{
	padding: 4px 0 4px 0;
}
DIV.radiobuttons LABEL
{
	padding: 0 10px 0 0;
}
DIV.radiobuttons INPUT
{
	position: relative;
	top: 2px;
}

/* added by river */

table.loanTerm
{
	border-bottom: 1px solid #333;
}

table.loanTerm td
{
	padding: 4px 10px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
}

table.loanTerm td.item
{
	border-right: none;
	background-color: #FFC;
}