/* Just for the Affordability calculator */
/* This makes the lower two fieldsets look as if they're part of the first
fieldset */
fieldset#expenditure, fieldset#details
{
	background: white;
	padding-top: 0;
}

fieldset#expenditure
{
	background-color: #E8EDEF;
}

#IOCalculator fieldset.IOFieldset
{
	background-color: #E8EDEF;
}

#IOCalculator fieldset.IOFieldset dd
{
	text-align: left;
	margin-left: 20px;
}

#IOCalculator fieldset.IOFieldset p
{
	font-size: 0.85em;
}

#IOCalculator fieldset.IOFieldset label
{
	display: block;
	margin-bottom: 5px;
	color: #465885;
}

#IOCalculator fieldset.IOFieldset .indent
{

}

#IOCalculator fieldset.IOFieldset .indent input
{
	margin-bottom: 3px;
	margin-right: 2px;
	color: #465885;
	width: 15em;
}

#IOCalculator fieldset.IOFieldset input.term
{
	margin-left: 10px;
	width: 5em;
}

#IOCalculator fieldset.IOFieldset span.radiobutton
{
	line-height: 0.8em;
	margin-bottom: 15px;
}

#IOCalculator fieldset.IOFieldset span.radiobutton input
{
	padding: 0;
	margin: 0;
	width: 2em;
	float: left;
	border: none;
}

#IOCalculator fieldset.IOFieldset span.radiobutton label
{
	margin-left: 15px;
}

fieldset#income, fieldset#expenditure
{
	border: 1px solid #D9DBE4;
}

#main fieldset h2
{
	margin: 0 25px 1.8em 25px;
	margin: 0 25px 1em 20px;
}
/* These types of lists indent a bit, so the form fields line up all nice */
#main fieldset .indent dt
{
	width: 232px;
}
#main fieldset .indent dd
{
	width: 238px;
}

#IOCalculator fieldset .indent dt
{
	width: 242px;
}
#IOCalculator fieldset .indent dd
{
	width: 228px;
}

#main fieldset .calcindent dt
{
	width: 232px;
}

#main fieldset .calcindent dd
{
	width: 238px;
}

#main fieldset .calcindent dd span.chkboxList input
{
	width: 30px;
	border: none;
	vertical-align: top;
}

#main fieldset .calcindent dd span.chkboxList label
{
	margin-top: 7px;
}

#main fieldset table
{
	width: 460px;
	margin: 0 0 1em 25px;
}
#main fieldset caption
{
	color: white;
	font-size: 100%;
	padding-bottom: 0.5em;
}
#main fieldset th, #main fieldset td, #main fieldset caption
{
	color: white;
	background: none;
	border: none;
	text-align: left;
}
#main fieldset th, #main fieldset td
{
	padding: 0 0 0.3em 0;
}
#main fieldset thead th
{
	padding-left: 1.1em;
}
#main fieldset td
{
	width: 120px;
}
#main fieldset table p
{
	margin: 0;
}
#main fieldset table input
{
	width: 101px;
}
#main fieldset table th select
{
	width: 215px;
}

#main fieldset tfoot th, #main fieldset tfoot td
{
	font-size: 100%;
	font-style: normal;
	padding: 0.5em 5px;
	color: white;
	background: #0c478c url(/img/bg-resultshead.png) top repeat-x;
}

fieldset#income h2, fieldset#income p, fieldset#income caption, fieldset#expenditure p, fieldset#mortgage label, fieldset#details label, fieldset#repayment label
{
	color: #465885;
}

fieldset#expenditure h2, fieldset#details h2
{
	padding: 20px 0 0px 0;
}


fieldset#income tfoot td, fieldset#income tfoot th
{
	background-image: none;
	background-color: white;
}

fieldset#expenditure tfoot td, fieldset#expenditure tfoot th
{
	background-image: none;
	background-color: #E8EDEF;
}

/* The recommended loan amount */
div#loantotal, div.loantotal
{
	background: #d9dee0 url(/img/bg-productsearch-tr.png) top left no-repeat;
	margin: 0 21px 1em 0;
	text-align: center;
}
/* Loan amount */
div.loantotal h2, #loantotal h2
{
	font-size: 140%;
	margin: 0;
	padding: 0.6em 0;
}
div.loantotal h2 span, #loantotal h2 span
{
	display: block;
	font-size: 180%;
}

