﻿html
{
	background: url(Images/gradient_bg.gif) repeat-x;
 	background-color: #c1dbad;
}

body
{
	font-family: arial,helvetica,sans-serif;
	font-size: 14px;
	color: #545454;
}

p
{
	line-height: 1.4em;
}

img
{
	border: 0;
}

#page
{
	background:url(Images/Calculator/page_bg.gif) top no-repeat;
	clear: both;
	height: 600px;
	width: 713px;
}

#header
{
	height: 90px;
	position: relative;
}

#header_logo
{
	left: 50px;
	position: absolute;
	top: 20px;
}

#header_print
{
	left: 320px;
	position: absolute;
	top: 35px;
}

#header_heading
{
	color: #679b41;
	font-size: 23pt;
	right: 55px;
	position: absolute;
	top: 20px;
}

#header_subheading
{
	color: #f89838;
	font-weight: bold;
	right: 55px;
	position: absolute;
	top: 60px;
}

#calculator_header
{
	background: url(Images/Calculator/header_bg.gif) no-repeat;
	height: 47px;
	width: 599px;
}

#calculator_header div
{
	padding: 6px 5px 0px 54px;
}

.header_large
{
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	vertical-align: text-top;
}

#calculator_footer
{
	background: url(Images/Calculator/footer_bg.gif) no-repeat;
	height: 80px;
}

#calculator_area
{
	margin: 0 auto;
	width: 600px;
}

table.calculator
{
	text-align: center;
	width: 599px;
}

table.calculator td
{
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	text-align: right;
}

tr td.pct
{
	text-align: center !important;
	vertical-align: top;
}

tr td.pct span
{
	vertical-align: top;
}

tr.calculator_odd td.subtitle
{
	background-color: #45771e;
	border-right: 6px solid #ef8821;
	text-align:center;
}

tr.calculator_odd td.subtotal
{
	background-image: url(Images/Calculator/subtotal_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: bottom;
}

tr.calculator_even  td.subtitle
{
	background-color: #45771e;
	border-right: 6px solid #f99839;
	text-align: center;
}

tr.calculator_even td.subtotal
{
	background-image: url(Images/Calculator/subtotal_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: bottom;
}

tr.calculator_odd td
{
	background-color: #ef8821;
	empty-cells: show;
}

tr.calculator_top td
{
	background-color: #ef8821;
	empty-cells: show;
	font-size: 116%;
	height: 28px;
	text-align:center;
}

tr.calculator_bottom td
{
	background-color: #f99839;
	empty-cells:show;
	font-size: 91%;
	height: 40px;
}

tr.calculator_even td
{
	background-color: #f99839;
	empty-cells: show;
}

tr.seperator td
{
	border-top: 1px solid #fff;
}

td.heading
{
	background-image: url(Images/Calculator/table_header_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-align:center;
}

td.footer
{
	background-image: url(Images/Calculator/table_footer_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div.value
{
	background: url(Images/Calculator/small_box.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 15px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 60px;
}

table.calculator input
{
	background: #669b41;
	border: 0px solid #669b41;
	color: #fff;
	font-weight: bold;
	font-size: 8pt;
	height: 16px;
	text-align: center;
	width: 103px;
}

div.value span
{
	float: left;
}

div.value input
{
	height: 14px;
	float: left;
	font-size: 8pt;
	left: 8px;
	margin: 1px 0 0 10px;
	padding: 0; 
	width: 30px;
}

#calculator_header input
{
	color: #999;
	font-weight: bold;
	margin-left: 10px;
	text-align: center;
	width: 150px;
}

table.calculator td.footer input
{
	background-color: #45771e;
	margin-right: 11px;
	font-size: 12pt;
	height: 22px;
	width: 97px;
}

.pointer
{
	cursor: pointer;
}