﻿

body {
font-family: Verdana, Arial, Sans-Serif;
color: #000000;
background-color: white;
margin: 0px 0px 0px 0px;
margin-left:auto; 
margin-right:auto;

}

html{
margin: 0;
padding: 0;
border-spacing:0;
height: 100%;
}

a img {
border: none;
}

a:link, a:visited {
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}



.mainTable
{
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

.stdTable
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	text-align:left;
}

.calculatorHeader
{
	background-image: url(../images/calculator/common/header_bg.png);
	background-repeat: no-repeat;
	width: 546px;
	height:27px;
}

.calculatorFooter
{
	background-image: url(../images/calculator/common/footer_bg.png);
	background-repeat: no-repeat;
	width: 546px;
}


.calculatorBody
{
   background-image: url(../images/calculator/common/main_bg.png);
	background-repeat:repeat-y;
	width: 546px;
	height:100%;
}

.resultsHeader
{
	background-image: url(../images/calculator/common/header_results_bg.png);
	background-repeat: no-repeat;
	width: 473px;
	height:27px;
}

.resultsFooter
{
	background-image: url(../images/calculator/common/footer_results_bg.png);
	background-repeat: no-repeat;
	width: 473px;
	height:19px;
}


.resultsBody
{
   background-image: url(../images/calculator/common/results_bg.png);
	background-repeat:repeat-y;
	width: 473px;
	height:100%;
}

.calculatorImageCaption
{
	width:340px;
	color:#636363;
	font-size: 10px;
	font-weight: bold;
}

.resultsDetailTable
{
	color: #fff;
	font-size: 12px;
	width: 435px; 
	font-weight: bold;
	text-align:left;
}

.totalSavingsTable
{
	color: #fff;
	font-size: 12px; 
	font-weight: bold;
	border: 1px solid #fff;
}

.totalSavingsText
{
	text-align:center;
	font-size: 18px;
}

.buttonTable
{
	margin-top:5px;
	padding: 0;
	border-collapse: collapse;
}

.courtesyBoxTable
{
	background-image: url(../images/calculator/common/courtesy_box_bg.png);
	background-repeat: no-repeat;
	width: 173px;
	height: 83px;
}

.inputFieldText
{
	width:340px;
	color:#636363;
	font-size: 12px;
	font-weight: bold;
}

.inputFieldTextAdvanced
{
	width:340px;
	color:#636363;
	font-size: 11px;
	font-weight: bold;
}

.inputFieldSign
{
	width:15px;
	color:#000;
	font-size: 12px;
	font-weight: bold;
}

.inputFieldBg
{
	width:85px;
	background-color:#dbdbdb;
	color:#000;
	font-size: 12px;
	font-weight: bold;
	border-left: 1px solid #b4b4b4;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
}

.inputFieldTextBox
{
	font-family: Verdana, Arial, Sans-Serif;
	width:75px;
	background-color:#dbdbdb;
	color:#000;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align:right;
	padding-right:10px;}
	
	.inputFieldTextBox:focus{
font-family: Verdana, Arial, Sans-Serif;
	width:75px;
	background-color:#dbdbdb;
	color:#000;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align:right;
	padding-right:10px;
}
	
	.inputFieldTextBoxAdvanced
	{
		font-family: Verdana, Arial, Sans-Serif;
	width:75px;
	background-color:#dbdbdb;
	color:#000;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align:right;
	padding-right:10px;}

.inputFieldTextBoxAdvanced:focus{
font-family: Verdana, Arial, Sans-Serif;
	width:75px;
	background-color:#dbdbdb;
	color:#000;
	font-size: 13px;
	font-weight: bold;
	border: none;
	text-align:right;
	padding-right:10px;
}

	
.rdcDescriptionText
{
	font-size: 11px;
	text-align: justify;
}

.messageText
{
	color: #CC0000;
	font-weight: bold;
	font-size: 11px;
}

.tooltip
{
	width:200px;
	font-size: 11px;
	background-color:#ffffcc;
	padding: 5px;
	border: 1px solid #000;
}

.tooltipIcon
{
	cursor: help;
}

.calculatorTitle
{
	font-family: 'Arial Narrow';
	font-size: 23px;
	font-weight: bold;
	color: #FFFFFF;
}
.calculatorTitleIE6
{
	font-family: 'Arial Narrow';
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
.calculatorTitleCommon
{
	font-family: Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
