@charset "utf-8";
/* CSS Document */
/*------------------------------ GLOBAL RESET SETTINGS--------------------------- */

* {
margin: 0; padding: 0;
text-decoration: none;
font-size: 100%;
outline: none;
font-family:Arial, Helvetica, sans-serif;
}

code, kbd, samp, pre, tt, var, textarea, input, select, isindex { 
font: inherit;
font-size: 13px; 
}

dfn, i, cite, var, address, em {
font-style: normal;
}

th, b, strong, h1, h2, h3, h4, h5, h6 {
font-weight: bold;
}

a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {
border: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th, td, center {
text-align: left;
vertical-align: top;
}

body {
line-height: 1em;
}

q {
quotes: "" "";
}
ul, ol, dir, menu {
list-style: none;
}

sub, sup {
vertical-align: baseline;
}

a {
color: inherit;
}

/* --------------------------END GLOBAL RESET ------------------*/

/* ---------------------------Layout ------------------------*/


html {
margin: 0; padding: 0;
overflow-y: scroll;}

body {
margin:0; padding: 0;
background: #a1cd44;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
#pl { /* ---------------------------- I have no idea what this is for -------------------------------------*/
display:none;
}
#header {
margin: 0; padding: 0;
width:100%;
height:212px;
background:url(../images/sky_bg.jpg) repeat-x;
}

#logo {
margin:0 auto; padding: 0;
height:212px;
width:265px;
}

#nav_outer {
margin: 0 auto; padding:0;
height:129px;
width:800px;

}
#navigation {
margin:0; padding: 25px 0 0 0;
}

#container {
width:800px;
margin:0 auto; padding:0;
}

#banner1 { /* ---------------Butterfly banner -----------------*/
margin: 0; padding: 0;
float:left;
width:445px;
text-align:left;
}
#banner1 img {
margin: 0; padding: 0 0 0 10px;
}
#banner2 {   /* ---------------Green House Gas banner -----------------*/
margin: 0; padding: 0;
float:right;
width:308px;
}
#banner2 img {
margin: 0; padding: 0 3px 0 0;
}
#quote {	/* ---------------Quote Box ------------------------------*/
margin: 0; padding: 0;
width:508px;
float:left;
}
#quote img {
margin:0 0 10px 0; padding: 0 0 0 10px;
}
#riders {
margin:0; padding:0 0 25px 0;
width:220px;
float:right;
height:512px;
min-height:512px !important;
height: auto;
}

#riders a img {
margin: 0; padding: 0 18px 0 0;
float: right; /* ------------------------Fixed the spacing issue between the images --------------*/
}

*html #riders a img {
margin-top: -2px;
}

#ocontent {
margin: 0; padding: 0 0 10px 0;
width:540px;
float:left;
text-align:left;
border-right:0px solid #fff;
min-height: 525px;
height: auto;
}

#ocontent.border { 
margin: 0; padding: 0 0 10px 0;
width:540px;
float:left;
text-align:left;
border-right:1px solid #fff;
min-height: 525px;
height: auto;
}


#var_content { 
margin: 0; padding: 0 0 50px 0;
float: left;
min-height:430px;
width:554px;
height: auto;
}
/* height fix for Internet Explorer */
/*\*/
* html #var_content {
height: 430px;
}

#var_content img.left {
margin: 5px 15px 5px 50px; padding: 0;
float: left;
border: 3px solid #fff;
}
#var_content img.right {
margin: 5px 50px 5px 15px; padding: 0;
float: right;
border: 3px solid #fff;
}
div.content {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
/* ----------------------------------------- GENERAL TEXT FORMATTING -------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin: 15px 5px 5px 17px; padding: 0;
}
#ocontent ul {
margin: 10px 0; padding: 0 10px 0 60px;
}
#var_content ul {
margin: 0; padding: 0 10px 0 60px;
text-align:left;
font-size: 16px;
color:#fff;
line-height:20px;
width: 400px;
}

#var_content li {
margin: 0 0 10px 0; padding: 0 0 0 20px; 
margin-bottom:10px;
width:400px;
font-size:14px;
background: url(../images/bullet_round.jpg) 0 4px no-repeat;
list-style-position: outside;
}
div#ocontent.border ul li {
margin: 0 0 10px 0; padding: 0 0 0 20px; 
margin-bottom:10px;
width:400px;
font-size:14px;
background: url(../images/bullet_round.jpg) 0 4px no-repeat;
list-style-position: outside;
}

/* -------------------------------------------------------- calc page link settings ------------------------------ */
a.calclink:link, a.calclink:visited, a.calclink:active, a.calclink:hover {
color: #FFFF00;
text-decoration: underline;
}

/* -------------------------------------------------------- GENERAL link settings ------------------------------ */
a:link, a:visited, a:active, a:hover {
text-decoration: underline; color: #ffffff; font-family: Tahoma; font-weight: ;
}

#ocontent h1, #ocontent h2 {
margin: 0 0 10px 0 ; padding: 0 0 0 17px;
text-align:left;
font-size:24px;
font-weight:bold;
line-height: 26px;
}

*html #ocontent h1 {
display: inline;
}

#ocontent h1 img {
margin: 0 5px 0 0; padding: 0;
}

#ocontent h2 {
font-size:20px;
line-height: 22px;
}
/**/
#var_content p {
margin: 0 50px 0 50px; padding: 10px 0 10px 0;
white-space: normal;
font-size: 16px;
line-height: 17px;
}
#var_content h2 {
margin: 10px 0 0 25px; padding: 10px 0 10px 0;
white-space: normal;
font-size: 20px;
line-height: 28px;
}

.copy {
margin: 5px 0; padding: 0 35px 10px 40px;
text-align:left;
font-size:16px;
color:#fff;
}
#rev_copy {
margin: 15px 15px 0 17px; padding: 0 35px 0 0;
text-align:left;
font-size:16px;
width: 280px;
border-right: 1px solid #fff;
}

.copy_h {
margin: 0; padding: 0;
position: relative;
top: 10px; left: 0px;
font-size:14px;
font-style:italic;
letter-spacing:1px;
font-weight:bold;
width: 425px;
}

.hcopy {
margin: 5px 0;
padding-left:40px;
text-align:left;
padding-right:35px;
font-size: 16px;
color:#fff;
line-height:24px;
} /* added November 07, 2007 - enhance copy for home page */

/* ---------------------------------------------- FOOTER SETTINGS ---------------------------------------*/
#footer {
clear:both;
margin:0 auto; padding: 0 0 25px 0;
border-top:1px solid #fff;
font-size:12px;
text-align:center;
padding-bottom:60px; background: #000;
}
/* for Internet Explorer */
/*\*/
* html #footer { /*--------------------TEMP FIX for the height issue for the footer --------------*/
height: 65px;
}
/**/
#footer_container{
width:800px;
margin:0 auto; padding: 0;
}
#f1 {
margin: 0; padding: 0;
width:307px;
float:left;
text-align:left;
}
#f2 {
margin: 0; padding: 0;
text-align:center;
width:240px;
float:left;
}
#f3{
margin: 0; padding: 0;
width:238px;
float:right;
text-align:right;
}
/* ---------------------------------FOOTER TEXT SETTINGS --------------------------------*/
#footer a {
color:#fff;
text-decoration:none;
font-weight:bold;
}
#footer a:hover {
color:#fff;
text-decoration:none;
font-weight:bold;
}
#footer a:visited {
color:#fff;
text-decoration:none;
font-weight:bold;
}

/* ---------------------------------FORMS SETTINGS --------------------------------------*/

#directpurchase, #calculate, {
margin: 0 0 10px 0; padding: 0;
}


/* ---------------------------------CHECK OUT INFO --------------------------------*/
div.content table.checkouttable {
margin: 5px auto; padding: 5px;
/*min-height: 120px; height: auto;*/
clear: both;
font-size: 14px;
line-height: 14px;
}

*html div.content table.checkouttable {
margin: 5px 60px 0 60px; padding:0;
}

div.content table.checkouttable td {
text-align: right; line-height: 12px;
height: 14px; margin: 0; padding: 0;
}
div.content table.checkouttable td.checkoutprice {
margin: 0; padding: 0; width: 50px;
}

div.content table.checkouttable td div {
float: right; margin: 0; padding: 0;
line-height: 18px;
}
table.checkouttable tbody tr td {
margin: 0; padding: 0;
}
#checkoutinfo {
margin: 0; padding:0;
color:#FFFF00;
}

#checkoutttl {
border-top:3px double #fff;
color:#FFFF00;
}

#checkoutterms {
margin-left:35px;
padding:5px;
width:600px;
height:100px;
overflow-y:scroll;
overflow-x:hidden;
border:1px solid #DDD;
background-color:#eee;
color:#333;
margin-bottom:10px;
}
#checkoutret {
margin-left:35px;
padding:5px;
width:600px;
height:70px;
overflow-y:scroll;
overflow-x:hidden;
border:1px solid #DDD;
background-color:#eee;
color:#333;
margin-bottom:10px;
}
/* -------------------------------------- CHECKOUT TABLE SETTINGS ------------------------------------*/
div.content table {
margin: 5px 10px 5px 0; padding: 5px;
min-height: 120px; height: auto;
float: right;
/*clear: both;*/
text-align:left;
/*border: 1px solid #fff;*/
}

*html div.content table {
height: 120px;
}

div.content table tbody tr {
margin: 0; padding: 0;

}
div.content table tbody tr td {
margin: 5px 0; padding:0;
text-align: right;
}

div.content table tbody tr td div {
margin: 5px 35px 0 0; padding: 0;
/*float: right;*/
text-align: right; 
line-height: 14px;
}
div.content p {
margin: 0 60px 10px 50px; padding: 10px 0 10px 0;
white-space: normal;
font-size: 16px;
line-height: 17px;
}

div.content p.copy {
margin: 0 60px 10px 50px; padding: 5px 0 5px 0;
white-space: normal;
font-size: 16px;
line-height: 17px;
}

/* --------------------------------END CHECK OUT INFO  -------------------------------------------*/

/* --------------------------------from cfo_contact.css  -------------------------------------------*/
#tollfree, #fax, #email, #postal {
margin: 15px 30px 0 60px; padding: 0; 
width: 475px;
}


#tollfree {
height:70px;
background:url(../images/tollfree_bg.jpg) top right no-repeat;

}
#fax {
height:70px;
background:url(../images/fax_bg.jpg) top right no-repeat;
}
#email {
height:70px;
background:url(../images/email_bg.jpg) top right no-repeat;

}
#postal {
height:128px;
background:url(../images/postal_bg.jpg) top right no-repeat;
}

#text_tf, #text_fax, #text_email, #text_postal {
font-size: 22px; font-weight: bold;
vertical-align: middle;
}
#text_tf {
margin: -45px 0 0 125px;
font-size:16px;
font-weight:bold;
color:#990000;
}
#text_fax {
margin: -35px 0 0 125px;
font-size:16px;
font-weight:bold;
color:#000066;
}
#text_email {
margin: -45px 0 0 125px;
font-size:22px;
font-weight:bold;
color:#FF9900;
}
#text_postal {
margin: -55px 0 0 125px;
font-size:16px;
font-weight:bold;
color:#006633;
}

#text_email a:link {
color:#FF9900;
}
#text_email a:visited{
color:#FF9900;
text-decoration:none;
}
#text_email a:hover{
color:#FF9900;
text-decoration:none;
}
#text_email a:active{
color:#FF9900;
text-decoration:none;
}

/* --------------------------------END cfo_contact.css  -------------------------------------------*/


/* --------------------------------cfo_news.css -------------------------------------------*/
#content p {
text-align:left;
font-size:14px;
margin-left:40px;
margin-right:10px;
}
#content h2 {
font-size:16px;
font-weight:bold;
}

#rssdate {
width:100px;
padding-left:50px;
font-weight:bold;
float:left;
clear:right;
}
#rssitem {
margin-top: 25px;
width:500px;
padding-left:35px;
font-size: 14px;
}
#rssitem h2{
font-size: 16px;
}
#rsscont {
width:445px;
padding-left:50px;
}
#rssfeed {
width:500px;
font-size:14px;
}
#rssitem a{
color:#990000;
}
#rssitem a:visited{
color:#660000;
}
#rssitem a:active{
color:#ffffff;
}
#rssitem a:hover{
color:#ffffff;
}
#rsscont a{
color:#ffffff;
}
#rsscont a:hover{ color:#660000; } 

#rssfeed p{
text-align:left;
font-size:14px;
margin-left:0px;
margin-right:0px;
}


/*-------------------------------END cfo-news.css ---------------------------------------*/


/* ----------------------------------------------- totalGroundEmissionsSection -----------------------------------------*/

#totalGroundEmissionsSection {
color:#FFFF00;
height:40px;
margin-left:0px;
clear:both;
}
#totalVehicleEmissionsSection {
color:#FFFF00;
height:40px;
}
#totalEmissionsSection {
color:#FFFF00;
height:40px;
}
#totalHeatingEmissionsSection {
color:#FFFF00;
height:40px;
}
.linknote {
	font-size: 12px;
	color:#FFFF00;
}
#roundcorner {
width:7px;
min-width:7px;
height:25px;
float:right;
background-image:url(../images/calculator/rrc.png);
}

/* Tabbe Panels CSS */
#TabbedPanels1 {
margin: 0; padding: 0;
float:left;
width: 800px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color:#5caec6; 
	list-style: none;
	border-bottom: solid 1px #ccc;
/*	border-top: solid 1px #ccc;
border-left: solid 1px #fff;
	border-right: solid 1px #ccc;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	/* cursor: pointer; */
	color:#000066;
/*	border-bottom: 1px solid #4ba614;*/
	background-image:url(../images/calculator/rrc.png);
	background-position:right;	
	background-repeat:no-repeat;
}
.TabbedPanelsTabS {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color: #4ba614; 
	list-style: none;
	border-bottom: solid 1px #ccc;
/*	border-top: solid 1px #ccc;
border-left: solid 1px #fff;
	border-right: solid 1px #ccc;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	color:#fff;
/*	border-bottom: 1px solid #4ba614;*/
	background-image:url(../images/calculator/srrc.png);
	background-position:right;	
	background-repeat:no-repeat;
}

.TabbedPanelsTabX {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color: #CCC; 
	list-style: none;
	border-bottom: solid 1px #ccc;
/*	border-top: solid 1px #ccc;
border-left: solid 1px #fff;
	border-right: solid 1px #ccc;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	color:#999;
/*	border-bottom: 1px solid #4ba614;*/
	background-image:url(../images/calculator/srrcg.png);
	background-position:right;	
	background-repeat:no-repeat;
}

#TabbedPanels1 ul{
margin: 0; padding: 0;
float: left;
}
.emissionstable {
margin: 0; padding: 0;
font-size:14px;
}
.emissionstable tr{
min-height: 22px; height: auto;
height:22px;
padding: 0 8px;
}
*html .emissionstable tr {
height: 22px;
}
table.emissionstable {
padding: 0;
text-align: left;
line-height: 22px;
}
.eth {
font-size:14px;
color:#ffff00;
}
.subttl {
border-top:3px double #fff;
}


/* -------------------------------------- from cfo_approved.css-----------------------------------------*/

#appform {
width:450px; 
float:left;
align:right;
text-align:center;
margin-left:10px;
}
#appform label {
width:100px;
text-align:right;
font-size:14px;
}

#name {
width:200px;
float:left;
}
#verify {
width:200px;
float:left;
}
.fineprint {
font-size:10px;
}

/*#receipt {
margin: 0; padding: 0;
width:480px;
max-width:480px;
}
div#receipt table td{
margin: 0; padding: 0;
width: 480px;
}*/

/* -------------------------------------- end of from cfo_approved.css-----------------------------------------*/

/* -------------------------------------- faq.css settings-----------------------------------------*/

  fieldset {width: 100%; padding: 5px; margin: 0; border: solid 1px #006699; background-color:#99CCFF;}
  legend {padding: 3px; margin: 0; border: solid 1px #006699; background-color: #006699; color: #FFFFFF; font-weight: bold; }
	font.msg {font-size: 16px; font-family: Tahoma; color: #000000; font-weight: bold; padding: 2,20,2,20; background-color: #ffcc00;}
	font.new {font-size: 10px; font-family: Tahoma; color: #D50000; font-weight: none;}
	font.upd {font-size: 10px; font-family: Tahoma; color: #D50000; font-weight: none;}
	hr {border: 0 solid #006699; border-top-width : thin; height: 1px; margin: 0 0 10 0;}
 	/*h3 {height: 10px; margin: 20 0 20 0; color: #004080;}*/
	FORM {margin-bottom: 0;}
	input.txt { margin:0; padding: 0; background-color: #FFFFFF; border: 1px solid #006699; width: 146px; height: 16px; font-family: Tahoma; }
	input.submit {background-color: transparent; border: none; width: 50px; height: 18px; text-align: left; font-family: Tahoma; 										font-weight: bold; }
	input.check {border: 1px solid #eaeee6; width: 15px; height: 15px; vertical-align: middle;}
	select.select {background-color: #FFFFFF; border: 1px solid #006699; height: 16px; font-family: Tahoma;}
	
  a.faq:link {text-decoration: underline; color: #ffffff; font-family: Tahoma; font-weight: ; font-size: 16;}
  a.faq:visited {text-decoration: underline; color: #ffffff; font-family: Tahoma; font-weight: ; font-size: 16;}
  a.faq:active {text-decoration: none; color: #ffffff; font-family: Tahoma; font-weight: ; font-size: 16;}
  a.faq:hover {text-decoration: none; color: #ffffff; font-family: Tahoma; font-weight: ; font-size: 16;}	
  
  #var_content a{ color:#ffffff; } 
  #var_content a:hover{ color:#660000; } 
  #var_content table {
  	margin: 10px 0 0 50px; padding: 0;
  }
*html #var_content table {
  	margin: 10px 0 0 25px; padding: 0;
	}
*html #var_content table ul {
	padding-left: 30px; 
}
*html #var_content table ul li {
	padding-left: 10px;
}
/* -------------------------------------- END faq.css settings-----------------------------------------*/  
  
  
 /* -----------------------------------fixes layout issue in ie for page groundtravel.htm--------------------- */ 
div#transportationmode {
 margin: 0; padding: 0;
min-height: 60px;
}
*html div#transportationmode {
height: 60px; 
}
 
div#triptype {
 margin: 0; padding: 0;
 min-height: 60px;
 white-space: nowrap;
}
*html div#triptype {
	height: 60px;
}

#large-vehicle {
margin: 0; padding:0;
min-height: 55px; clear: both;
}
*html #large-vehicle {
	height: 60px;
}

div#calcusing {
margin: 0; padding: 0;
min-height: 65px
}

*html #calcusing {
	height: 60px;
}

div#origin, div#destination {
	margin: 0; padding: 0;
	min-height: 100px;
}
*html div#origin {
	height: 100px;
}
/* ---------------------------------------------END FIXES for groundtravel.htm---------------------------------*/

/* ----------------------------------FROM czcalcap.css ----------------------------------------------------*/


span.match {   
	font-weight: bold;
}


label{ font-size:14px;}

div.auto_complete {
	position:absolute;
    width:250px;
    background-color:white;
    //border:1px solid black;
    margin:0px;
    padding:0px;
	font-size: 85%;
}
ul.contacts  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
ul.contacts li.selected { background-color: #ffb; }

li.contact {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
}

li.contact div.image {
  float:left;
  width:32px;
  height:32px;
  margin-right:8px;
}

li.contact div.name {
  font-weight:bold;
  font-size:12px;
  line-height:1.2em;
}

li.contact div.email {
  font-size:10px;
  color:#888;
}

#list {
  margin:0;
  margin-top:10px;
  padding:0;
  list-style-type: none;
  width:250px;
}

#list li {
  margin:0;
  margin-bottom:4px;
  padding:5px;
  border:1px solid #888;
  cursor:move;
}
 /* --------------------------------------------INPUT SETTINGS --------------------------------*/
 
 div.module div.content div form label {
 	margin: 10px 0; padding: 4px 0;
}
 
 
input.airport-input, input.short-input {
	border: 1px #aaaaaa solid;
	padding-left: 5px;
}

input.short-input {	
	width: 50px;
}

input.airport-input {	
	width: 180px;
}
/*-------------------------------------------- calculator layout setttings--------------------------------- */
div.module {
	width: 700px;
	margin:0 auto; padding:0;
}
*html div.module {
	margin-top: -3px;}

div.module div.top, div.module div.bottom {
	margin: 0; padding: 0;
	background-color:#eaebeb;
	clear: both;
	height: 12px;
	max-height:12px;
}

div.module div.top {
	background: url('../images/calculator/rounded_grey_top_700px.gif') 0 0 no-repeat;
}

div.module div.bottom {	
	background: url('../images/calculator/rounded_grey_bottom_700px.gif') 0 0 no-repeat;
}
div.bottom{
	margin: 0; padding: 0;
    height:12px;
}

div.module div.content {
	margin: 0;
	padding: 26px /*26px*/0 15px 26px;
    background-color:#76c064;
	min-height: 135px; height: auto;
}
*html div.module div.content { /* star hack to reposition the div container up tight against the div.top tag */
	margin: -10px 0 0 0;
	height: 135px;
}

div.module div.content div.element {
	margin: 0 0 7px 0; padding: 0;
}

div.module-hollow {
	width: 700px;
	background: url('../images/calculator/rounded_grey_hollow_sides_700px.gif') repeat-y #ffffff;
}

div.module-hollow div.top, div.module-hollow div.bottom {
	background-color: #ffffff;
	height: 12px;
}

div.module-hollow div.top {	
	background: url('../images/calculator/rounded_grey_hollow_top_700px.gif') no-repeat;
}

div.module-hollow div.bottom {	
	background: url('../images/calculator/rounded_grey_hollow_bottom_700px.gif') no-repeat;
}

div.module-hollow div.content {
	padding: 0 26px 0 0px;
}

div.module-hollow div.content div.element {
	margin: 0 0 7px 0;
}

div.module-totals {

	width: 700px;
	margin: 0 auto;
}

div.module-totals div.top, div.module-totals div.bottom {

	height: 12px;
}

div.module-totals div.top {	
	background: url('../images/calculator/rounded_blue_top_700px.png') no-repeat;
}

div.module-totals div.bottom {	
	background: url('../images/calculator/rounded_blue_bottom_700px.png') no-repeat;
}

div.module-totals div.content {
	padding: 0 26px 0 10px;
	background-color: #5caec6;
}

div.module-totals div.content div.element {
	margin: 0 0 7px 0;
}

div.module-totals p {
	padding: 0;
	margin: 0;
}

div.module, div.module-hollow, div.module-totals {
	margin-bottom: 10px;
}

div.module h3, div.module-hollow h3, div.module-totals h3 {
	font-size: 16px;
}

div.module h4, div.module-hollow h4, div.module-totals h4 {
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
}

span.col-label {
	padding-top: 3px;
	width: 130px;
	display: block;
	float: left;
}

div.left-col {
	float: left;
}

div.right-col {
	float: left;
}

div.clear {
	height:1px;
	clear: both;
}

/*h3 { ---------------------------------COMMENTED OUT SO THEY DON'T REPLACE CURRENT SETTTINGS -----------------------------
	margin: 0 0 8px 0;
	padding: 0;
}
h4 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size:16px;
}*/

div.results {
	padding: 0;
	margin: 0;
}

div.results p, p.notes {
	color: #444444;
}

div.results p {
	margin: 0;
	padding: 0;
	font-size: 115%;
}

p.function_link {
	float: right;
	margin: 0;
	padding: 5px 0 5px 0;
}

p.function_link a {
	font-size: 90%;
	text-decoration: none;
}

p.function_link a:hover {
	font-size: 90%;
	text-decoration: underline;
}

p.function_link a:visited {
	color: #0000ee;
}

div#outbound-flight, div#return-flight {
	width: 300px;
}

div#outbound-flight {
	padding: 10px 15px 0 0;
	border-top: 1px solid silver;		
	border-bottom: 1px solid silver;
	border-right: 1px solid silver;
	margin-bottom: 7px;

}

div#return-flight {
	padding: 10px 0 0 13px;
	border-top: 1px solid silver;		
	border-bottom: 1px solid silver;
	border-left: 1px solid silver;	
	margin-bottom: 7px;
}
form.calculator_form {
	float: right;
}

span.left {
	float: left;
	padding: 0;
	margin: 0;
}

span.right {
	float: right;
	padding: 0;
	margin: 0;
}

div.results p {
	text-align: left;
	margin-left: 0px;
}

span.id {
	display: none;
}

div#add-airport-out, div#add-airport-return {
	padding: 0;
	margin: -8px 0 0 0;
}

table.summary {
	font-size: 90%;
	border-collapse: collapse;
	border: #d1d3d3 1px solid;
}

table.summary td.total {
	font-weight: bold;
	//border-top: 1px black solid;
	//border-bottom: 2px black solid;

}

table.summary th {
	text-align: left;
	border-bottom: #d1d3d3 1px solid;	
}

table.summary th#description {
	width: 65%;
}

table.summary th#emissions {
	width: 15%;
}

table.summary th#delete {
	width: 20%;
}

table.summary td, table.summary th {
	padding: 5px;
}

table.summary tr.alternate {
	background-color: #d1d3d3;
}


span#overallEmissions {
	font-weight: bold;
}

.note {
	font-size: 90%;
}

.option-description {
	margin: 5px 0 5px 0;
	padding: 0;
}

p.calculatordescription {
	margin-top: -5px;
	padding-left:0px;
}

#foot {
	font-size: 80%;
	width: 85%;
	margin: 50px 0 0 7.5% ;
}
#distance-units {
font-size:14px;
}

/*--------------------------------------------END czcalcap.css ----------------------------------------------*/



/*-------------------------------------------- SPRY TABBED PANELS CSS --------------------------------------------*/



/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	margin-left:15px;
	padding: 0px;
	float: left;
	clear: none;
	width: 800px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	margin-bottom:15px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 12px sans-serif;
	background-color:#5caec6; 
	list-style: none;
	border-bottom: solid 1px #ccc;
/*	border-top: solid 1px #ccc;
border-left: solid 1px #fff;
	border-right: solid 1px #ccc;*/
	-moz-user-select: none;
	-khtml-user-select: none;
/*	cursor: pointer; */
	color:#000066;
/*	border-bottom: 1px solid #4ba614;*/
	background-image:url(../images/calculator/rrc.png);
	background-position:right;	
	background-repeat:no-repeat;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #4ba614;;
/*	border-bottom: 1px solid #4ba614;*/
	background-image:url(../images/calculator/srrc.png);
	background-position:right;
	background-repeat:no-repeat;	
	color:#fff;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	margin: 0; padding: 0;
	clear: both;
	min-height:500px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
    background-image:url(../images/tab_bg.gif);
    padding-top:25px;
}
*html .TabbedPanelsContentGroup {
	padding-top: 16px;
}
/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	margin: 0; padding: 0 4px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}