/*-----------------------------------------------------------------------------
Templated Style Sheet (empty commented stylesheet)
-----------------------------------------------------------------------------*/
/* =General
----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font: 75%/1.4em "Trebuchet MS", Tahoma, Verdana, sans-serif;
}

/* =Forms
-----------------------------------------------------------------------------*/
form#calc {
	background: #85cf3b;
	border: 3px solid #eee;
	width: 275px;
	margin: 15px;
	padding: 15px;
}

/* Removes fieldset borders. even on Oprea 7 */
fieldset {
	border: 0 solid;
	background: url(../images/blank.jpg) no-repeat;
	padding:5px;
	width:100%;
}

legend {
	font: bold 1.5em/1.7em Geneva, Times New Roman;
	letter-spacing: -1px;
	color: #360;
}

.inputItem {
	background: url(../images/black.jpg) no-repeat;
	margin-bottom:5px;
}

label { border-bottom: 1px dotted #fff; font-weight: bold; letter-spacing: 1px; margin: 4px; display: block;}

.radGroup { line-height: 1.7em; }
.units { display: block; font-size: 0.9em; font-style: italic; }

input, select {font-family:Verdana; padding:4px; font-weight: bold; color: #360;}
input:focus { background: #E4FFD7; border: 2px solid #fff; }

#txtDistance1, #txtDistance2, #txtDistance3, #txtDistance4 {width:90px;}
#txtMilesFlown {width:90px;}

#impact {
	color: #fff;
	font-weight: bold;
	background: url(../images/trees.gif) bottom right no-repeat;
	border: 2px dotted #fff;
	padding: 0 15px;
	margin-top:10px;
	1width:100%;
}

#emissions-text {margin-bottom:8px;}
#impact h2 { color: #fff; font: bold 1.8em/1.8em Geneva, Times New Roman; letter-spacing: 1px; margin:0 0 10px 0; }
#emissions, #trees { font-size: 1.5em; color:Green; }
#housePic { background: url(../images/house.gif) top right no-repeat; }
#planePic { background: url(../images/plane.gif) top right no-repeat; }
#carPic { background: url(../images/tire.gif) top right no-repeat; }
#car1, #car2, #car3, #car4 { background: url(../images/car.gif) top right no-repeat; display: none; }

#min-purchase {display:none; margin-top:10px; color:#cc0000;}

#btnCalculate {
	color: #360;
	font: bold 1.2em/1.3em Geneva, Times New Roman;
	background: url(../images/btn_bg.gif) repeat-x;
	border: 1px dashed #fff;
	width: 80%;
	cursor: pointer;
	margin-top:10px;
}

#total, .label-total { font-size: 1.5em; line-height: 1.9em; border-top: 2px dashed #fff; }
.value, .value-total { padding: 0 5px; }

/* =Tables
-----------------------------------------------------------------------------*/
table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 20px auto 0 auto;
}

td {
	text-align: left;
}