/* Note: many of these styles are already in the existing site CSS */

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	font-size: 12px;
	line-height: 1.25;
}

h3
{
	font-weight: bold;
	color: #046B8E;
	margin-top: 15px;
	margin-bottom: 10px;
}

h4
{
	font-weight: bold;
	font-size:18px;
	color: #046B8E;
	margin-top: 15px;
	margin-bottom: 10px;
}

span.formrow
{
	display: block;	
	margin-bottom: 5px;
}

.formrow label
{
	clear: left;
	display: block;
	float: left;
	width: 40em;
}

.formrow input
{
	display: block;	
	width: 60px;
	text-align: right;
}

#results h3
{
	color: #a91a1e;	
}

#results td
{
	padding: 3px;
}

#results td.result
{
	background-color: #fde9d9;
	width: 80px;
	text-align: right;
}

#results tr.totals td
{
	font-weight: bold;	
}

#units
{
	width: 20em;
}

#units td
{
	text-align: center;
}

#units td select
{
	width: 5em;	
	text-align: right;
}

#units td.labels
{
	text-align: left;	
}

#units td input
{
	width: 60px;
}

#chart
{
	width: 630px;
	margin: 10px auto;
	text-align: center;
}