/* CSS Document */

/* Structure Styles */

#calculator {
	width:563px;
}

.formFill 
{	
	background-image:url(img/calc/formfiller.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.formTop {
	padding:25px 0 10px 25px;
	background-image:url(img/calc/formtop.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}

.calcNav {
	line-height:0;
	text-align:center;
	height:71px;
	background-image:url(img/calc/bg_expanded.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

.bottomFill 
{		
	background-image:url(img/calc/bottomFill.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.bottomEnd {
	height:22px;
	background-image:url(img/calc/bottomEnd.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}


#costform,#dv_drive, #dv_health, #dv_co2 {
		padding:10px;
		border:solid 1px #dedede;
		width:500px;
}

#dv_drive, #dv_health, #dv_co2 {
		width:480px;
}

.commuteList {
	overflow:auto;
	clear:both;
	margin: 8px 45px 0 45px;
	background-image:url(img/calc/dotted.gif);
	background-position:0 75%;
	background-repeat:repeat-x;
	font-size:.8em;

}

.commuteListType, .commuteListCost { /* Used to cover up the dotted underline */
/*	border-bottom:2px #dbf6ff solid; */
	padding: 0 5px 0 5px;
	background-color:#dbf6ff;

}

.commuteListType {
	float:left;
}

.commuteListCost {
	font-weight:bold;
	float:right;
}


/* Text Styles */

#calculator h2, #calculator h1 {
	margin: 10px 0 10px 0;
}

.calcNav a {
	margin:0;
	padding:0;
}

.textbox, .readonly {
		border:solid 1px #08247a;
		font-family:arial;
		font-size:11px;	
		background-color:white;
		width:20px;
		padding:4px;
		margin-right:10px;
		position:relative;
		z-index:1000;
}
			
.readonly {
	border:solid 1px #7a7a7a;
	background-color:#d4c3ba;
	color:#000000;
	margin-right:10px;
}

input.readonly1 {
	background-color:#dbf6ff;
	color:#333333;
	width:70px;
	font-weight:bold;
	text-align:left;
	border:0px;
}

td.savings {
	background-image:url(img/calc/bg_save_dollar.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:166px;
	height:58px;
}

td.summary {
	background-image:url(img/calc/bg_summary.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:195px;
	height:66px;
}
td.health,td.health2 {
	background-image:url(img/calc/bg_health.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:179px;
	height:108px;
}
td.health2
{
	
}
td.health h1,td.health2 h1 {
	padding-left:25px;
	font-weight:bold;
	xfont-size:1.1em;
	text-align:left;
	font-size:16px;

}
td.health2 h1 
{
	padding-top:2px;
}
td.health p,td.health2 p {
	font-weight:bold;
	line-height:0;
	font-size:.9em;
	text-align:left;
	padding:0 0 0 25px;
}
td.health2 h1,td.health2 p 
{
	padding:0 0 0 13px;
}
.savings {
	width:150px;
	font-weight:bold;
	color:#333333;
	text-align:center;
	background:none;
	border:0px;
}

td.yearly {
	color:#FF0000;
}

td.priceBreakdown {
	padding-left: 60px;
	font-weight:bold;
	height:87px;
	background-image:url(img/calc/ico_latte.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

td.priceBreakdownHealth {
	padding-left: 60px;
	font-weight:bold;
	height:86px;
	background-image:url(img/calc/ico_burger.jpg);
	background-repeat:no-repeat;
	background-position:center;

}

td.priceBreakdownComm {
	font-weight:bold;
	height:86px;
	background-image:url(img/calc/bg_community.gif);
	background-repeat:no-repeat;
	background-position:center;

}

td.bodytext {
	font-size:11px;
	padding: 7px 0 6px 0;
}