/** 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;
	border: 4px solid #EBEBEB;
}
#mortgage-calculator input[type="text"] {
	max-width:100%;
	width:8em;
}

/* 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 h3 {
	padding: 0 0 .5em;
	font-size:  150%;
}

#mortgage-calculator #results table {
	font-size:95%;
	width:  100%;
}

#mortgage-calculator #results thead th {
    text-align: left;
    font-weight: normal;
    padding: 0 0 0.2em;
}

#mortgage-calculator #results tbody tr:nth-child(odd) {
	background:#E0E6E7;
}

#mortgage-calculator #results tbody th,
#mortgage-calculator #results tbody td {
	text-align:left;
	padding:0.75em 1em;
	font-size:75%;
}

/* 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;
}