@charset "UTF-8";
/* CSS Document */


/* PAGE SPANNING WIDGETS -------------------------------------------------*/




h1, div.spanpage h2
{
	border-bottom: 1px dotted #269f9b;
	padding-bottom: 5px;
	padding-top: 20px;
}

div.container-popup {
width: 					680px;
	margin: 				0 auto;
	text-align: 			left;
}


/* LEFT COLOUMN WIDGETS -------------------------------------------------*/



div.leftCol
{
	width: 628px;
	float: left;
}

div.leftColContent
{
	padding: 10px 10px 20px 0;
}



div#formControls
{
	padding: 40px 0 0 0;
	margin: 20px 0 0 0;
	
	background: #fff url(carbon/bigarrow_dn.jpg) no-repeat 50% 0;
}


div.boxedWithBorder
{
	padding: 20px;
	border: 1px solid #c3cf21;
}



/*	Main Nav
------------------------------------------------- */

#tabs
{
	float: right;
	width: 100%;
	background: #fff url(line.gif) repeat-x bottom left;
	line-height: 1.5em;
}
#tabs ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs li
{
	float: left;
	margin: 0;
	padding: 0 9px 0 1px;
}
#tabs a
{
	float: left;
	width: 142px;
	height: 142px;
	display: block;
	margin: 0;
	text-decoration: none;
	color: #003663;
	background-color: #fff;
	border: 0;
}


a.electricity
{
	float: left;
	width: 142px;
	height: 142px;
	display: block;
	padding: 0;
	background: url( "tabs/electricity.jpg" ) no-repeat 0 -142px;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a
{
	float: none;
}
/* End IE5-Mac hack */



a.gas
{
	float: left;
	width: 142px;
	height: 142px;
	display: block;
	padding: 0;
	background: url( "tabs/gas.jpg" ) no-repeat 0 -142px;
}


a.car
{
	float: left;
	width: 142px;
	height: 142px;
	display: block;
	padding: 0;
	background: url( "tabs/car.jpg" ) no-repeat 0 -142px;
}


a.flights
{
	float: left;
	width: 142px;
	height: 142px;
	display: block;
	padding: 0;
	background: url( "tabs/flights.jpg" ) no-repeat 0 -142px;
}



#tabs a:hover, #tabs a.activeTab
{
	background-position: top left;
}



div#tabbedBox
{
	padding: 0 20px 30px 20px;
	margin: 0;
	border-left: 1px solid #269f9a;
	border-right: 1px solid #269f9a;
	border-bottom: 1px solid #269f9a;
}


div#tabbedBox h1, div#tabbedBox h2
{
	clear: both;
	padding-top: 1em;
	line-height: 1.2em;
	border-bottom: 1px solid #269f9a;
}



/* RIGHT COLOUMN WIDGETS -------------------------------------------------*/

div.rightCol
{
	width: 272px;
	float: right;
}

div.rightCol h2, div.rightCol h3
{
	color: white;
}

div.rightColContent
{
	color: #5f5f56;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	background: #c3cf21;
	border-top: 1px solid white;
}


div.rightColContent p
{
	margin: 0;
	padding: 8px 0 0 0;
}

div.rightColHeader
{
	border-bottom: 1px solid #d2db59;
	padding: 12px 20px;
	margin-top: 10px;
	color: white;
	background: #c3cf21 url(carbon/bg_rcol_top.jpg) no-repeat top center;
}

div.rightColFoot
{
	width: 272px;
	height: 12px;
	padding-top: 0px;
	background: #fff url(carbon/bg_rcol_bot.jpg) no-repeat top center;
}

/* FORM ELEMENTS -------------------------------------------------*/

fieldset
{
	margin: 10px 0;
	padding: 10px 0;
	border: none;
}
form legend
{
	font-weight: bold;
	color: #269f9b;
}

td label
{
	font-size: 12px;
}



.greenbox td
{
	background-color: #dee395;
}

.greenbox td p, h4
{
	padding: 10px;
	margin: 0;
}

.greenbox td img
{
	padding: 10px;
}


.greenbox td.rightcell
{
}

.greenbox td.middlecell
{
	background-color: #fff;
	padding: 2px;
	font-size: 1px;
	width: 4px;
}

.greenbox td.middlerow
{
	background-color: #fff;
	border-top: 5px solid white;
	font-size: 1px;
	height: 4px;
	padding: 2px;
}

div.goldbox, div.offsetSummaryBox
{
	border: 1px solid #c3cf21;
	color: #269f9b;
	font-size: 1.1em;
}
div.goldbox label
{
	color: #269f9b;
	font-size: 1.1em;
}


div.goldbox h2
{
	color: #c3cf21;
	margin-bottom: .4em;
	padding-bottom: .4em;
	border-bottom: 1px solid #c3cf21;
}

div.paddedbox
{
	padding: 20px 10px;
}

table.summaryRow td, table.summaryRow td label
{
	color: black;
	font-size: 1.1em;
}

td.TotalCost
{
	text-align: right;
}


hr
{
	border: none 0;
	border-top: 1px dashed #269f9b; /*the border*/
	width: 100%;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
}

/* lukes buttons */
input.cbtn
{
	color: #269f9b;
	font-size: 1.1em;
	padding: 5px;
	font-weight: bold;
	background-color: #f1f1f1;
	border: 1px solid #269f9b;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr= '#ffffffff' ,EndColorStr= '#dddddd' );
}

input.cbtnroll
{
	background-color: #269f9b;
	border: 1px solid #c3cf21;
	color: #fff;
}

div.runningTotal { color: #000000; font-weight: bold; }
div.runningTotal p { padding: 10px 0;  color: #000000; font-weight: bold; font-size:1.2em;}
div.runningTotalNext {  padding: 10px 0; width: 99%; clear: both; float: none; }