/** Styles for the mortgage calculator (these are mine ~JAB) **/

/* Options form */
#mortgage-calculator form {
	float:left;
	font-size:90%;
	margin:0 1em 1em 0;
	padding:0.5em 1.2em;
	border:1px solid #ccc;
	border-radius:1em;
}
#mortgage-calculator form p {
	margin:0.5em 0 0.5em 9.2em;
}
#mortgage-calculator form label:first-child {
	float:left;
	width:8.2em;
	margin:0 0 0 -9.2em;
	font-weight:bold;
	line-height:2;
	white-space:nowrap;
}
#mortgage-calculator input[type="text"],
#mortgage-calculator select{
	padding:0.2em 0.4em;
	font:100%/1.3 'Lucida Grande','Lucida Sans Unicode',sans-serif;
	border:0.3em solid #E0E6E7;
	border-radius:2px;
	box-shadow:inset 1px 1px 0.2em rgba(0,0,0,0.1);
}
#mortgage-calculator input[type="text"] {
	max-width:100%;
	width:8em;
}

/* Field widths *
#mortgage-calculator #amount {
	width:8em;
}
#mortgage-calculator #interest {
	width:4em;
}
#mortgage-calculator #term-years {
	width:6em;
}
*/

/* Totals area */
#mortgage-calculator #totals {
	margin:0 0 1em;
	float:left;
	padding:1.2em 1.2em 0.2em 10.7em;
	border:1px solid #ccc;
	border-radius:1em;
	font-size: 90%;
}
#mortgage-calculator #totals dt {
	font-weight:bold;
	float:left;
	width:9.5em;
	margin:0 0 0 -9.5em;
	white-space:nowrap;
}
#mortgage-calculator #totals dd {
	margin:0 1em 1em;
	/* max-width: 88px; */
	max-width: 6em;
}


/* Results area */
#mortgage-calculator #results {
	clear:both;
	overflow:auto;
}
#mortgage-calculator #results table {
	font-size:95%;
}


/* Disclaimer */
#mortgage-calculator+p {
	clear:both;
	font-size:90%;
	padding:0 0 0 1.2em;
}
#mortgage-calculator+p:before {
	content:'*';
	color:#d22e45;
	font-weight:bold;
	font-size:140%;
	float:left;
	margin:0 0 0 -0.8em;
}