#cal-container {width: 919px; padding: 15px; font-family:Arial, Helvetica, sans-serif;}
h1 {font-size: 21px; padding: 0; margin: 15px 0 10px;}
select, input {font-size: 11px;}
input {width: 60px;}
input.average {width: 125px;}
input.help {width: 40px;}
input.help2 {width: 70px;}
table {border-collapse:collapse; font-size: 11px; width: 100%;}
td, th {padding: 5px; text-align: left; border: 1px solid #FFF; vertical-align: middle;}
th {background-color: #e7e7e7;}
.savings {background-color: #f7f2da;}
.savingsHeader { background-color:#f6e284;}
.rTwo { background-color:#f3f3f3;}
img {border: none;}

#legend {margin-top: 40px;}
#conversationTable {border: 1px solid #f3f3f3; width: 270px; padding: 10px; background-color:#f7f7f7; float: left; margin: 0;}
#environmentalTable {border: 1px solid #f3f3f3; width: 200px; padding: 10px; background-color:#f7f7f7; float: left; margin-left: 20px;}
h2 {font-size: 12px; padding: 0; margin: 0 0 5px; color:#666;}
#credit {font-size: 11px; padding: 0; margin: 8px 0 0; clear: both;}

#cost-container {width: 600px; padding: 25px; border: 1px solid #CCC; margin: 10px 0;}
#carbonFootprint {width: 600px; height: 275px; background:url(graph-vertical.gif) no-repeat; position: relative;}
#graph {width: 540px; height: 200px; position: absolute; top: 35px; left: 30px; border-left: 1px solid #666; border-bottom: 1px solid #666;}
#hText1 {color: #8e8e8e; position: absolute; bottom: 15px; left: 150px; font-size: 12px;}
#hText2 {color: #8e8e8e; position: absolute; bottom: 15px; left: 350px; font-size: 12px;}
#g1 {width: 100px; background-color:#8DB4E3; position: absolute; bottom: 0; left: 104px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC;}
	#g1-text {z-index: 10; font-size: 12px; color:#000; font-size: 18px; font-weight: bold; position: absolute; left:28px; bottom: 0;}
#g2 {width: 100px; background-color:#C2D69A; position: absolute; bottom: 0; left: 300px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; border-right: 1px solid #CCC;}
	#g2-text {z-index: 10; font-size: 12px; color:#000; font-size: 18px; font-weight: bold; position: absolute; left:28px; bottom: 0;}
#desc {position: absolute; left: 200px; font-weight: bold; font-size: 16px; color:#CCC; top: 10px;}
h1 span {color:#436400; font-size: 24px;}

#savings-container {width: 860px; padding: 0 25px 25px 25px; border: 1px solid #CCC; margin: 10px 0; overflow: auto; _overflow: inherit;}
.reason-lead {margin-bottom: 10px;}
.reasons, .or-container {float: left;margin-right: 8px;}
.reasons {width: 200px; line-height: 24px;}
.or-container {padding-top: 50px;}
.reasons span {display: block; font-size: 22px; font-weight: bold;}
.clearAll {clear: both;}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 13px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #334615; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 12px 3px 12px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #334615; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #436400; /* set unselected tab background color as desired */
color: #FFF; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #334615;
}

/* end css tabs */