/* TreePrint (TM) calculator styles
 * Copyright (c) 2013 Fresh Air Forests
 * Author: Todd Hossack
 * Version: 0.0.2
 * Last updated: 2013-07-20
 */
#Co2TripCompleteForm_Co2TripCompleteForm,
#Co2CalcContent > div {
	display: none;
}

.yep-js #Co2TripCompleteForm_Co2TripCompleteForm,
.yep-js #Co2CalcContent > div {
	display: block;
}
	/* Override above and hide for IE 6, IE 7 */
.ie6 #Co2TripCompleteForm_Co2TripCompleteForm,
.ie6 #Co2CalcContent > div,
.ie7 #Co2TripCompleteForm_Co2TripCompleteForm,
.ie7 #Co2CalcContent > div {
	display: none;
}

#Co2CalcContent .oldBrowserContent,
.yep-js #Co2CalcContent .oldBrowserContent {
	display: none;
}
#Co2CalcContent .oldBrowserContent p {
	width: 50%;
	margin: 0 auto;
	padding: 60px 10%;
	background-color: rgb(0,65,78);
	border: 1px solid #fff;
}
.no-js #Co2CalcContent .oldBrowserContent,
.ie6 #Co2CalcContent .oldBrowserContent,
.ie7 #Co2CalcContent .oldBrowserContent {
	display: block;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
}

/* -------- Travel TreePrint -------- */
#Co2TripItineraryView {
	height: 100%;
	min-height: 500px;
	padding: 10px 0 20px 0;
}

#Co2TripItineraryView  .appVersion {
	margin: 0;
	padding: 5px 10px 0 10px;
	font-size: .8em;
	text-align: right;
	font-style: italic;
	color: #fff;
}
/* ---- Dashboard ---- */
#Co2CalcDashboard {
	margin-bottom: 0;
	background-color: rgb(0,76,92);
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

#Co2CalcDashboard .column {

}
#Co2CalcDashboardTitle {
	float: left;
	width: 280px;
	margin: 0 0 10px 10px;
	padding-top: 0;
	padding-bottom: 0;
}

#Co2CalcDashboard #ContentTitle {
	line-height: 1;
	margin: 12px 0 0 0;
	padding: 0 5px;
	color: inherit;
}

 #Co2CalcDashboardTotals {
	margin-right: 8em;
}

/* ---- Content ---- */
#Co2CalcContent {
	position: relative;
	min-height: 400px;
	padding: 10px 0 30px 0;
	background-color: rgb(0,65,78);
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#Co2TripItineraryFormPanels {
	float: left;
	width: 290px;
	margin: 0 0 10px 10px;
}

#Co2CalcMapPane {
	position: relative;
	float: right;
	width: 805px;
	margin: 0 10px 0 0;
	background-image: url('../images/icons/ajax/loading-circle-386f7b-24.gif');
	background-position: center 140px;
	background-repeat: no-repeat;
}

#Co2CalcMapPane .appMessage {
	z-index: 1000;
	display: none;
	position: absolute;
	top: 20px;
	left: 50px;
	width: 70%;
	margin: 0;
	padding: 15px;
	/*
	color: rgb(65,35,16);
	color: rgba(65,35,16,.9);
	background-color: rgb(248,208,50);
	border-color:rgb(65,35,16);
	border-color:rgba(65,35,16,.5);
	border-width:1px;
	border-style:solid;
	*/
	color: rgb(64,98,52);
	background-color: rgb(225,237,221);
	border: 1px solid rgb(64,98,52);
	
}
#Co2CalcMapPane .appMessage .messageHeading {
	margin: 0 0 10px 0;
	padding: 0;
}
#Co2CalcMapPane .appMessage p {
	margin: 0;
	padding: 0;
	font-size: .9em;
}
#Co2CalcMapPane .appMessage .messageClose {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px;
	height: 10px;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid rgb(64,98,52);
}
#Co2CalcMapPane .appMessage .messageClose:hover {
	cursor: pointer;
}
/*---- Forms ----*/

.Co2CalcForm {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: visible;
}
.Co2CalcForm fieldset {
	margin-top: 0;
	padding: 15px 15px 10px 15px;
}

.Co2CalcForm fieldset > .field {
	clear: both;
	margin-bottom: 3px;
}

.Co2CalcForm label,
.Co2CalcForm input.text, 
.Co2CalcForm input.numeric,
.Co2CalcForm select,
.Co2CalcForm textarea {
	font-size: .95em;
}

.Co2CalcForm input.text,
.Co2CalcForm textarea, 
.Co2CalcForm select {
	width: 246px;
}


.Co2CalcForm .fieldLabelLeft label {
	display: inline-block;
	float: left;
	width: 65px;
	margin-right: 10px;
	padding: 5px 0 0 0;
	text-align: right;
	vertical-align: top;
}
.Co2CalcForm .Actions input.action {
	margin: 0 0 10px 0;
}
#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft label {
	width: 100px;
}

#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft input.text,
#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft input.numeric {
	width: 136px;
}

.Co2CalcForm .fieldLabelLeft input.text,
.Co2CalcForm .fieldLabelLeft select {
	display: inline-block;
	float: left;
	vertical-align: middle;
}
.Co2CalcForm .fieldLabelLeft input.text,
.Co2CalcForm .fieldLabelLeft input.numeric {
	width: 171px;
}

.Co2CalcForm .fieldLabelLeft select {
	width: 185px;
}

.Co2CalcForm .CompositeField .field {
	float: left;
	margin-right: 10px;
}

.Co2CalcForm .CompositeField > .field { margin-right: 15px; }
.Co2CalcForm .CompositeField > .field.lastFieldCol { margin-right: 0; }
.Co2CalcForm .CompositeField.twoFields > .field.text input,
.Co2CalcForm .CompositeField.twoFields > .field.numeric input { width: 88%; }

.Co2CalcForm .CompositeField.twoFields > .fieldCol1 { float: left; width: 47%; }
.Co2CalcForm .CompositeField.twoFields > .fieldCol2 { float: right; width: 47%; }

.Co2CalcForm .field.hidden {
	display: block !important;
	visibility: visible;
}

.Co2CalcForm .field .ajaxLoading {
	display: none;
	position: absolute;
	top: 7px;
	right: 5px;
	width: 16px;
	height: 16px;
	background-image: url('../images/icons/ajax/loading-circle-dark-16.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
.Co2CalcForm .field.fieldBusy .ajaxLoading {
	display: block;
}

.Co2CalcForm textarea {
	display: inline-block;
	width: 93.5%;
}
/* ---- Messages ---- */
.Co2CalcForm .message {
	clear: both;
	width: 93.5%;
}

.Co2CalcForm .Actions {
	text-align: center;
}
/*
.Co2CalcForm .Actions input.action {
	margin: 0 0 15px 0;
	padding: .5em 1em;
	font-size: .9em;
	border-style:solid;
	overflow: hidden;
	font-family: inherit;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: #015573;
	background-color: #e9e9e9;
	-moz-box-shadow: inset 0 -5px 10px rgb(153,153,153);
	-webkit-box-shadow: inset 0 -5px 10px rgb(153,153,153);
	box-shadow: inset 0 -5px 10px rgb(153,153,153);
	border: 1px solid rgb(65,35,16);
	border: 1px solid rgba(65,35,16,.5);
	-moz-border-radius:15px ;
	-webkit-border-radius:15px ;
	border-radius:15px ;
}

.Co2CalcForm input.action:hover,
.Co2CalcForm input.action:active {
	cursor: pointer;
	text-decoration: none;
	background-color: #fff;
	-moz-box-shadow: inset 0 -15px 20px rgb(243,150,28), 0 0 4px 4px rgba(246,182,40,.5);
	-webkit-box-shadow: inset 0 -10px 30px rgb(243,150,28), 0 0 4px 4px rgba(246,182,40,.5);
	box-shadow: inset 0 -5px 10px rgb(153,153,153), 0 0 10px 2px  rgba(255,255,255,.3);
}
*/
.Co2CalcForm input.nextAction {
	float: right;
}

.Co2CalcForm input.prevAction {
	float: left;
}

.Co2CalcForm .field.emissionsField {
	margin: 5px 0;
	padding: 3px 10px;
	text-align: left;
	background-color: rgb(18,86,104);
	border: none;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.Co2CalcForm .field.emissionsField .ajaxLoading {
	top: 10px;
	left: 10px;
	width: 24px;
	height: 24px;
	background-image: url('../images/icons/ajax/loading-circle-386f7b-24.gif');
	background-repeat: no-repeat;
}

.Co2CalcForm .field.emissionsField input,
.Co2CalcForm .field.emissionsField label {
	display: inline-block;
	color: inherit;
}

div#sectionSky .Co2CalcForm .field.emissionsField input {
	width: 160px;
	font-size: 1.6em;
	border: none;
	text-align: right;
	margin: 0;
	padding: 3px 10px;
	border: none;
	background-color: transparent;
}
.yep-no-rgba div#sectionSky .Co2CalcForm .field.emissionsField input.text.readonly {
	background-color: transparent;
	background-image: none;
}

.Co2CalcForm .field.emissionsField label {
	margin: 0;
	padding: 0;
}

.Co2CalcForm .field.emissionsField input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

/* Map */
#Co2ItineraryMap {
	height: 307px;
	margin: 0 0 10px 0;
	border: 5px solid rgb(28,91,110);
}

.gmap3 img,
.typography .gmap3 img { 
	max-width: inherit; 
	margin-bottom: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* ---- Panels ---- */

#Co2TripItineraryView .panelTab {
	position: relative;
	margin-bottom: 1px;
	background-color: rgb(28,91,110);
}
#Co2TripItineraryView .panelBody {
	padding: 0;
	background-color: rgb(0,76,92);
}

#Co2TripItineraryItemsPanels .panelTabTitle {
	float: left;
	width: 40%;
	margin-right: 10px;
}

#Co2TripItineraryItemsPanels .collectionSummary {
	float: right;
	width: 50%;
	margin: 0 30px 0 0;
	text-align: right;
}

#Co2TripItineraryItemsPanels .panelTab .collectionSummary a {
	padding: 10px 15px 10px 15px;
}

#Co2TripTravelItemsPanel .panelBody,
#Co2TripAccomItemsPanel .panelBody {
	padding: 0 0 20px 0;
}

/* ---- Forms ---- */
/* Autocomplete */
.pac-container {
	width: auto !important;
	color: #666;
	border: 2px solid #79B9C9;
}
.pac-item {
	width: auto !important;
	padding: 2px 5px;
	text-align: left;
	font-size: .9em;
}

/* Info Form */


/* Travel Form */
#Co2TripTravelForm_modeType {
	display: block;
}

#Co2TripTravelForm_Co2TripTravelForm .checkbox {

}
#Co2TripTravelForm_Co2TripTravelForm #travelNumTravellers input { }

#Co2TripTravelForm_Co2TripTravelForm .Actions {}

#Co2TripTravelForm_Co2TripTravelForm .CompositeField {
	
}

#Co2TripTravelForm_Co2TripTravelForm #travelTotalDistance {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

#Co2TripTravelForm_Co2TripTravelForm #Co2TripTravelForm_Co2TripTravelForm_travelTotalDistance {
	float: left;
	width: 70px;
	text-align: right;
}

#Co2TripTravelForm_Co2TripTravelForm #travelReturnTrip {
	display: block;
	float: left;
	margin: 0;
	padding: 5px 0 0 0;
	width: 85px;
	margin: 0;
}

#Co2TripTravelForm_Co2TripTravelForm #travelEditTotalDistance {
	clear: left;
	margin-top: -10px;
	margin-left: 75px;
}

#Co2TripTravelForm_Co2TripTravelForm #travelEditTotalDistance label {
	margin-right: 0;
}

#Co2TripTravelForm_Co2TripTravelForm .addErrorMsg {
	display: none;
	width: 50%;
	margin: 10px 0 0 0;
	padding: 10px;
	background-color: #a46946;
}

/* Complete Form */
#Co2TripCompleteForm_Co2TripCompleteForm {
	margin: 0;
	padding: 0;
	text-align: left;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: transparent;
}
#Co2TripCompleteForm_Co2TripCompleteForm .fieldset {
	display: block;
	float: left;
	width: 670px;
	padding: 0;
}
#Co2TripCompleteForm_Co2TripCompleteForm .formStatus {
	top: 20%;
}

#Co2TripCompleteForm_Co2TripCompleteForm .field {
	display: inline-block;
	width: auto;
	padding: 10px 10px 10px 20px;
	line-height: 1.6;
	font-family: "cuprumregular", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
#Co2TripCompleteForm_Co2TripCompleteForm  .field .rightLabelInputWrap {
	display: inline-block;
}

#Co2TripCompleteForm_Co2TripCompleteForm  .field .rightLabelInputWrap,
#Co2TripCompleteForm_Co2TripCompleteForm .field label {
	white-space: nowrap;
}

#Co2TripCompleteForm_Co2TripCompleteForm .field label.left {
	margin-right: 10px;
}

#Co2TripCompleteForm_Co2TripCompleteForm .field.totalField input,
#Co2TripCompleteForm_Co2TripCompleteForm .field.totalField label {
	display: inline;
	float: none;
	padding: 0;
	color: inherit;
}
	
#Co2TripCompleteForm_Co2TripCompleteForm .field.totalField input {
	display: inline;
	font-size: 1.3em;
	border: none;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 3px 10px;
	background-color: rgb(0,87,104);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.yep-no-rgba #Co2TripCompleteForm_Co2TripCompleteForm input.text.readonly {
	background-color: rgb(0,87,104);
	background-image: none;
}

#Co2TripCompleteForm_Co2TripCompleteForm .field.totalField input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalCo2,
#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalTrees {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalCo2 { text-align: left; }

#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalCo2 input {
	width: 5em;
}

#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalTrees {}

#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalTrees input {
	width: 3em;
}

#Co2TripCompleteForm_Co2TripCompleteForm .Actions {
	display: inline-block;
	float: left;
	margin: 13px 10px 10px 20px;
	text-align: left;
}

#Co2TripCompleteForm_Co2TripCompleteForm .Actions input {
	display: inline-block;
	margin: 0 auto;
	padding: .5em 1em;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-style: italic;
	white-space: normal;
	vertical-align: middle;
	text-decoration: none;
	line-height: 1;
	text-align: center;
	color: rgb(65,35,16);
	color: rgba(65,35,16,.9);
	font-size: .9em;
	background-color: rgb(249,216,53);
	-moz-box-shadow: inset 0 -10px 30px rgb(243,150,28);
	-webkit-box-shadow: inset 0 -10px 30px rgb(243,150,28);
	box-shadow: inset 0 -10px 30px rgb(243,150,28);
	border-color:rgb(65,35,16);
	border-color:rgba(65,35,16,.5);
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:15px ;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:15px ;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:15px;
	border-style:solid;
	overflow: hidden;
}

#Co2TripCompleteForm_Co2TripCompleteForm .Actions input:hover {
	cursor: pointer;
	text-decoration: none;
	-moz-box-shadow: inset 0 -15px 20px rgb(243,150,28), 0 0 4px 4px rgba(246,182,40,.5);
	-webkit-box-shadow: inset 0 -10px 30px rgb(243,150,28), 0 0 4px 4px rgba(246,182,40,.5);
	box-shadow: inset 0 -10px 30px rgb(243,150,28), 0 0 4px 4px rgba(246,182,40,.5);
}

#Co2TripCompleteForm_Co2TripCompleteForm_error {
	display: block;
	text-align: center;
}

/* -------- Collection views -------- */
.collectionTable {
	width: 100%;
	max-width: 100%;
	margin: 0;
	font-size: .8em;
	border: 1px solid rgb(0,120,143);
	border: 1px solid rgba(13,141,164,.3);
}

.collectionTable thead {
	background-color: rgb(14,84,101);
	color: inherit;
	font-weight: normal;
}

.collectionTable th, 
.collectionTable td {
	padding: 5px;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid rgb(0,90,111);
	border: 1px solid rgba(1,117,147,.2);
}

.collectionTable tfoot td { }

.collectionTable td { font-size: .9em; }

.collectionTable .numData {
	text-align: right;
}

.collectionTable tfoot td {
	font-size: 1.1em;
	font-weight:  normal;
	vertical-align: baseline;
	border: none;
}

.collectionTable .hiddenCells {
	
}
.collectionTable .collectionTotalLabel {
	text-align: right;
}

.collectionTable a.collectionItemRemove,
.co2CalcSummary a.calcSummaryItemRemove {
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 auto;
	background-image: url('../images/btn-delete.png');
	background-repeat: none;
	background-position: center center;
}

.collectionTable .collectionTotal {
	font-size: 2em;
}

.collectionSummary {
	font-family: "cuprumregular", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1;
}

.collectionSummary .collectionTotalEmissions {
	font-size: 1.2em;
	line-height: 1;
}

/* ------------ Simple calculations ------------ */
#Co2CalcSimpleForm_Form {
	position: relative;
	display: inline-block;
	padding: 20px;
}
#Co2CalcSimpleForm_Form .formStatusBox {
	display: none;
}
#Co2CalcSimpleForm_Form fieldset {
	position: relative;
	margin: 0;
	padding: 0;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.15);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.15);
	box-shadow: 3px 3px 5px rgba(0,0,0,.15);
}

#Co2CalcSimpleForm_Form div.fieldHolder {
	position: relative;
}

#Co2CalcSimpleForm_Form div.field label {
	font-size: 1em;
}

#Co2CalcSimpleForm_Form div.field,
#Co2CalcSimpleForm_Form div.actionHolder {
	display: block;
	position: relative;
	margin: 0;
	text-align: center;
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 {
	background-color: rgb(0,81,97);
	background-color: rgba(0,65,78,.55);
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 .field {
	margin: 0;
	padding: 10px 20px;
	text-align: left;
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Title label {

}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Title input {
	width: 90%;
	margin: 0 0 5px 0;
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Category select {
	width: 100%;
	margin-top: 3px;
}

#Co2CalcSimpleForm_Form div.actionHolder {
	
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 {
	background-color: rgb(70,122,63);
	
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 .field {
	padding: 10px 40px;
	font-size: 1em;
	color: #fff;
	text-align: center;
	border: none;
	
}

#Co2CalcSimpleForm_Form div.co2equals {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	width: 56px;
	height: 55px;
	margin: 28px -28px 0 -28px;
	background: transparent url('../images/equals-arrows.png') center center no-repeat;
}

#Co2CalcSimpleForm_Form #totalCo2 input,
#Co2CalcSimpleForm_Form #totalTrees input {
	display: block;
	width: 4em;
	margin: 10px auto;
	font-size: 24px;
	padding: 3px;
	color: #666;
	text-align: center;
	border: 2px solid #ccc;
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 #totalCo2 {
	padding-bottom: 12px;
	background-color: rgb(83,29,6); /*rgb(102,26,0);*/
}

#Co2CalcSimpleForm_Form #totalCo2 input {
	padding: 5px;
}

#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 #totalTrees {
	
}

#Co2CalcSimpleForm_Form #totalTrees input {
	padding: 8px 5px;
	color: #fff;
	border: none;
	background-color: rgba(0,0,0,.1);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.yep-no-rgba #Co2CalcSimpleForm_Form #totalTrees input {
	background: transparent repeat url("../../themes/freshairv1b/images/shims/opacity-black-10.png");
}

#Co2CalcSimpleForm_Form #totalTrees input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}
#Co2CalcSimpleForm_Form > p.message {
	width: 60%;
	margin: 10px auto;
	text-align: center;
}

#Co2CalcSimpleForm_Form .Actions {
	margin: 10px 0 0 0;
}

#Co2CalcSimpleForm_Form div.actionHolder .action {
	margin: 0;
}

/* ------------ Preset calculations ------------ */
.typography .co2CalcPresetForm {
	
}


.typography .co2CalcPresetForm table {
	width: 100%;
	margin: 0;
	font-size: .9em;
	color: #fff;
	border-collapse: collapse;
}

.typography .co2CalcPresetForm thead {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

.typography .co2CalcPresetForm tbody {
	color: inherit;
	font-weight: normal;
	background-color: rgb(10,108,128);
}
.typography .co2CalcPresetForm td.presetTrees {
	text-align: center;
	font-size: 1.2em;
}
.typography .co2CalcPresetForm th, 
.typography .co2CalcPresetForm td {
	padding: 10px;
	text-align: left;
	font-size: inherit;
	border-bottom: 1px solid rgb(131,179,190);
}

.typography .co2CalcPresetForm th {
	padding: 15px 10px;
	text-align: center;
	background-color: rgb(18,116,136);
	background-image: url('/themes/freshairv1b/images/shims/grad-white-alpha30.png');
	background-position: left top;
	background-repeat: repeat-x;
}

.typography .co2CalcPresetForm th.actionHeadCell {
	background-color: rgb(70,122,63);
	border-bottom: 1px solid #98a57f;
	border-right: 1px solid rgba(131,179,190,.1);
}

.typography .co2CalcPresetForm td.actionCell {
	background-color: rgb(67,107,60);
	background-color: rgba(67,107,60,.95);
	border-left: 1px solid rgba(131,179,190,.0);
}

.co2CalcPresetForm .message {
	display: block;
	width: 50%;
	margin: 0 auto 10px auto;
	padding: .3em .4em;
	color: #555;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #aaa;
}
.co2CalcPresetForm .message a,
.co2CalcPresetForm .message a:visited,
.co2CalcPresetForm .message a:hover,
.co2CalcPresetForm .message a:active {
	color: #369;
}

.co2CalcPresetForm .message.good { 
	color: rgb(64,98,52);
	background-color: rgb(225,237,221);
	border: 1px solid rgb(64,98,52);
}

.co2CalcPresetForm .message.bad,
.co2CalcPresetForm .message.required {	
	color: rgb(65,35,16);
	color: rgba(65,35,16,.9);
	background-color: rgb(248,208,50);
	border: 1px solid rgb(65,35,16);
	border-color:rgba(65,35,16,.5);
}
.co2CalcPresetForm .field .message {
	display: none;
}
.co2CalcPresetForm .Actions {
	margin: 10px 0 0 0;
	text-align: center;
}
.co2CalcPresetForm .Actions input {
	margin: 0 5px;
}

/* ------------ Emissions Summary ------------ */

.co2CalcSummary {
	min-height: 5em;
	margin: 0;
}

.typography .co2CalcSummary h4 {
	margin: 0;
}
#OrderCalcSummary h4 {
	margin: 0 0 10px 0;
}

.typography .co2CalcSummary table {
	width: 100%;
	margin: 0 0 10px 0;
	font-size: .9em;
	color: #fff;
	border-collapse: collapse;
}

.typography .co2CalcSummary thead {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}

.typography .co2CalcSummary tbody {
	color: inherit;
	font-weight: normal;
	background-color: rgb(10,108,128);
}

.typography .co2CalcSummary th, 
.typography .co2CalcSummary td {
	padding: 10px;
	text-align: center;
	font-size: inherit;
	border-bottom: 1px solid rgb(131,179,190);
}

.typography .co2CalcSummary th {
	padding: 15px 10px;
	text-align: center;
	background-color: rgb(18,116,136);
	background-image: url('/themes/freshairv1b/images/shims/grad-white-alpha30.png');
	background-position: left top;
	background-repeat: repeat-x;
}

.co2CalcSummary #Co2CalcSummaryTitleHead {
	width: 30%;
}
.typography .co2CalcSummary th.actionHeadCell {
	width: 12%;
	background-color: rgb(70,122,63);
	border-bottom: 1px solid #98a57f;
	border-right: 1px solid rgba(131,179,190,.1);
}

.typography .co2CalcSummary th.numHeadCell {
	width: 15%;
}


.typography .co2CalcSummary td.actionCell {
	background-color: rgb(67,107,60);
	background-color: rgba(67,107,60,.95);
	border-left: 1px solid rgba(131,179,190,.0);
}

.typography .co2CalcSummary td.disabledCell {
	background-color: rgb(50,90,43);
}

.typography .co2CalcSummary .textDataCell {

}

.typography .co2CalcSummary td.actionSummaryCell{
	background-color: rgb(70,122,63);
	border-left: 1px solid rgba(131,179,190,.0);
}

.typography .co2CalcSummary th.actionHeadTab {
	width: 12%;
	padding: 10px 0 9px 0;
	border: none;

	background-image: none;
}

.typography .co2CalcSummary th.hiddenHeadCell {
	padding: 0 0 5px 0;
	text-align: left;
	background-image: none;
}
.typography .co2CalcSummary tr.emptySummary td {
	text-align: center;
}
.typography .co2CalcSummary tr.emptySummary h5 {
	display: none;
	margin: 0 0 5px 0;
}
.typography .co2CalcSummary tr.emptySummary p {
	margin: 0;
}
.typography .co2CalcSummary tr.emptySummary a.actionbutton {
	margin: 0 0 0 10px;
	vertical-align: middle;
}

.typography .co2CalcSummary tfoot {
	color: inherit;
	font-weight: normal;
}

.typography .co2CalcSummary tfoot .textHeadCell {
	text-align: right;
	white-space: nowrap;
}

.typography .co2CalcSummary tfoot .textDataCell {
	white-space: nowrap;
}

.typography .co2CalcSummary th.hiddenHeadCell {
	background-color: transparent;
}

.typography .co2CalcSummary td {

}

.typography .co2CalcSummary tfoot td { 
	font-weight: bold;
	font-size: .9em;
	color: inherit;
	background-color: rgb(28,126,146);
}

.typography .co2CalcSummary .numData {
	text-align: right;
}

.co2CalcSummary .message {
	display: block;
	width: 50%;
	margin: 5px auto;
	padding: .3em .4em;
	color: #555;
	text-align: center;
	background-color: #ddd;
	border: 1px solid #aaa;
}
.co2CalcSummary .message a,
.co2CalcSummary .message a:visited,
.co2CalcSummary .message a:hover,
.co2CalcSummary .message a:active {
	color: #369;
}

.co2CalcSummary .message.good { 
	color: rgb(64,98,52);
	background-color: rgb(225,237,221);
	border: 1px solid rgb(64,98,52);
}

.co2CalcSummary .message.bad,
.co2CalcSummary .message.required {	
	color: rgb(65,35,16);
	color: rgba(65,35,16,.9);
	background-color: rgb(248,208,50);
	border: 1px solid rgb(65,35,16);
	border-color:rgba(65,35,16,.5);
}

#Co2CalcSummaryForm_Form .Actions {
	text-align: right;
}
#Co2CalcSummaryForm_Form .Actions input {
	margin: 0 5px;
}

/* ------------ Counteract choices ------------ */
.typography .actionchoice {
	display:inline-block;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	vertical-align: bottom;
	width: 160px;
	padding:15px; 
	text-align:center; 
	margin:10px 5px 0 0; 
	background-color: rgba(0,0,0,.2);
}
.yep-no-rgba .typography .actionchoice {
	background: repeat url("/themes/freshairv1b/images/shims/opacity-black-20.png");
}

.typography .actionchoice.treeprintchoice {
	width: 205px;
}
.typography .actionchoice h5 {
	margin-top: 0px;
}

.typography .actionchoice img {
	border:none;
	margin:0px 0px 10px 0px;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.typography .actionchoice .actionbutton {
	clear: both;
	margin: 5px 0 0 0;
}

/* ------------ Survey ------------ */
#Co2TripSurveyForm_Co2TripSurveyForm .field {
	
}

#Co2TripSurveyForm_Co2TripSurveyForm .field label,
#Co2TripSurveyForm_Co2TripSurveyForm .field input {
	float: none;
}
#Co2TripSurveyForm_Co2TripSurveyForm .textarea {
	margin-bottom: 15px;
}

/* ---- Survey results ---- */
#Co2TripSurveyResults dl dt {
	margin-bottom: 1em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#Co2TripSurveyResults dl dd {
	margin: 0 0 .5em 1em;
}
#Co2TripSurveyResults dl dd em {
	font-size: .9em;
	color: #9bc;
}


/* ==|== media queries ====================================================== */
@media only screen and (max-width: 1199px) {
	#Co2TripCompleteForm_Co2TripCompleteForm {text-align: left; }
}
/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	#Co2CalcMapPane { width: 580px; }
	#Co2TripCompleteForm_Co2TripCompleteForm .fieldset { width: 440px; }
}

/* Tablet */
@media only screen and (max-width: 959px) { 
	#Co2TripCompleteForm_Co2TripCompleteForm { padding-right: 0; }
	#Co2TripCompleteForm_Co2TripCompleteForm .fieldset { width: auto; }
	#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalCo2 { width: auto; }
	#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalTrees { width: auto; clear: left; }
	.collectionTable { font-size: .7em; }
	.collectionTable .hiddenNarrow { display: none; }
}

@media only screen and (min-width: 768px) {
	.Co2CalcForm .field .message {
		z-index: 1001;
		display: inline-block;
		position: absolute;
		top: -20px;
		left: 110%;
		width: 11em;
		margin: 0 0 10px 0;
		padding: 10px;
		border-width:1px;
		border-style:solid;
	}
	
	#Co2CalcSimpleForm_Form .field .message {
		top: 10px;
		left: 100%;
		width: 11em;
	}
	
	#Co2CalcSimpleForm_Form #totalCo2 .message {
		top: 28px;
		left: 83%;
	}
	
	.Co2CalcForm .field .message a,
	.Co2CalcForm .field .message a:visited,
	.Co2CalcForm .field .message a:hover,
	.Co2CalcForm .field .message a:active {
		color: #369;
	}
	.Co2CalcForm .field .message:after, .Co2CalcForm .field .message:before {
		position: absolute;
		right: 100%;
		width: 0;
		height: 0;
		content: " ";
		pointer-events: none;
		border: solid transparent;
		/* reduce the damage in FF3.0 */
		display:block; 
		width:0;
	}

	.Co2CalcForm .message.good { 
		color: rgb(64,98,52);
		background-color: rgb(225,237,221);
		border: 1px solid rgb(64,98,52);
	}

	.Co2CalcForm .field .message.good:after {
		border-color: rgba(225,237,221,0);
		border-right-color: rgb(225,237,221);
		border-width: 20px 30px 0 0;
		top: 35px;
		margin-top: -20px;
	}

	.Co2CalcForm .field .message.good:before {
		border-color: rgba(64,98,52,0);
		border-right-color: rgb(64,98,52);
		border-right-color: rgba(64,98,52, .5);
		border-width: 22px 33px 0 0;
		top: 35px;
		margin-top: -21px;
	}

	.Co2CalcForm .message.bad,
	.Co2CalcForm .message.required {	
		color: rgb(65,35,16);
		color: rgba(65,35,16,.9);
		background-color: rgb(248,208,50);
		border-color:rgb(65,35,16);
		border-color:rgba(65,35,16,.5);
	}

	.Co2CalcForm .field .message.bad:after,
	.Co2CalcForm .field .message.required:after {
		border-color: rgba(248,208,50,0);
		border-right-color: rgb(248,208,50);
		border-width: 20px 30px 0 0;
		top: 35px;
		margin-top: -20px;
	}

	.Co2CalcForm .field .message.bad:before,
	.Co2CalcForm .field .message.required:before {
		border-color: rgba(65,35,16,0);
		border-right-color: rgb(65,35,16);
		border-right-color: rgba(65,35,16, .5);
		border-width: 22px 33px 0 0;
		top: 35px;
		margin-top: -21px;
	}
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Title { padding-right: 10px; }
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Category {	padding-left: 10px; }

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#Co2CalcMapPane { width: 400px; }
}

/* Mobile Landscape / Tablet Portrait */
@media only screen and (max-width: 767px) {
	.Co2CalcForm .fieldLabelLeft label,
	#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft label {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 0;
		text-align: left;
		vertical-align: bottom;
	}
	.Co2CalcForm .fieldLabelLeft input.text,
	.Co2CalcForm .fieldLabelLeft select {
		display: inline-block;
		float: none;
		vertical-align: middle;
	}
	.Co2CalcForm .fieldLabelLeft input.text,
	.Co2CalcForm .fieldLabelLeft input.numeric,
	#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft input.text,
	#Co2TripInfoForm_Co2TripInfoForm .fieldLabelLeft input.numeric {
		width: 94%;
	}
	.Co2CalcForm .fieldLabelLeft select { width: 100%; }
	.Co2CalcForm .field .ajaxLoading { top: 30px; right: 15px; }
	#Co2TripTravelForm_Co2TripTravelForm #travelReturnTrip { padding-top: 1.8em; }
	#Co2TripTravelForm_Co2TripTravelForm #travelEditTotalDistance {	margin-top: -5px;	
		margin-left: 0;	}
	#Co2TripCompleteForm_Co2TripCompleteForm,
	#Co2TripCompleteForm_Co2TripCompleteForm .fieldset,
	#Co2TripCompleteForm_Co2TripCompleteForm .field { clear: both; float: none; display: block;  }
	#Co2TripCompleteForm_Co2TripCompleteForm .Actions { margin: 5px 20px; }
	#Co2TripCompleteForm_Co2TripCompleteForm #dashTotalCo2 { }
	div#sectionSky .Co2CalcForm .field.emissionsField input { width: 60%; }
	
	#Co2CalcSimpleForm_Form { display: block; }
	#Co2CalcSimpleForm_Form fieldset { padding-right: 0; padding-left: 0; }
	#Co2CalcSimpleForm_Form div.actionHolder .action { margin-bottom: 10px; }
	#Co2CalcSimpleForm_Form #totalCo2 { padding-bottom: 25px; }
	#Co2CalcSimpleForm_Form #totalTrees { padding-top: 30px;	}
	#Co2CalcSimpleForm_Form div.co2equals {
		position: relative;
		top: 0;
		left: 43%;
		margin: -27px 0;
	}
	#Co2CalcSimpleForm_Form fieldset { margin: 0; }
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 .field { margin: 0; padding: 10px 20px; }
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset1 #Title input { width: 96%; }
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 #totalCo2 {	padding-bottom: 25px; }
	#Co2CalcSimpleForm_Form #Co2CalcSimpleFormFieldset2 #totalTrees { padding-top: 30px; }
	#Co2CalcDashboardTitle { float: none; }
	#Co2CalcSummaryForm_Form { padding: 0; font-size: .8em; overflow: visible; background-color: transparent; }
	#Co2CalcSummaryForm_Form table { font-size: .8em; overflow: visible; }
	#Co2CalcSummaryForm_Form .Actions input { margin-bottom: 10px; }
	.typography .co2CalcSummary th,
	.typography .co2CalcSummary td { padding: 10px 5px; }
	.collectionTable th, .collectionTable td { padding: 1px; font-size: .5em;}
	#Co2TripItineraryItemsPanels .panelTabTitle {
		float: none;
		width: auto;
		font-size: 1.1em;
		margin-right: 10px;
	}

	#Co2TripItineraryItemsPanels .collectionSummary {
		float: none;
		width: auto;
		margin: 0;
		font-size: 1.1em;
		text-align: right;
	}
}

/* Mobile Portrait Size to Mobile Landscape */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#Co2CalcDashboardTitle, #Co2TripItineraryFormPanels { width: 400px; margin: 0 10px 10px 10px; }
	#Co2CalcMapPane { width: 400px; margin: 0 10px; }
}

@media only screen and (max-width: 479px) {
	#Co2TripItineraryFormPanels { width: 280px; margin: 0 10px 10px 10px; }
	#Co2CalcMapPane { width: 280px; margin: 0 10px; }
	.typography .co2CalcSummary td { padding: 10px 1px; }
}
/* ==|== print styles ======================================================= */