/* 	myHerefordshire.com
	CSS for Carbon Footprinting v0.1
	MF April07

	l.brown #BFBC97
	d. brown #8A8541
*/

/* re-style portal styles */
.tabs { margin-top: 12px; }
.tabs li { background: #BFBC97 url(/images/bg_tabinactive_right_Brown.gif) top right no-repeat;}
.tabs li a:link,
.tabs li a:visited { color: #454545; background: url(/images/bg_tabinactive_left_Brown.gif) top left no-repeat; }
.tabs li.selected { background: #8A8541 url(/images/bg_tab_right_Brown.gif) top right no-repeat; }
.tabs li.selected a:link,
.tabs li.selected a:visited { color: #ffffff; background: url(/images/bg_tab_left_Brown.gif) top left no-repeat; }
.tabs .tabhr { background: #8A8541; border-bottom: 2px solid #BFBC97;  line-height:3px; margin-bottom: 0; }


/* tab fix for IE7 ONLY */
*+html .tabs ul li {padding-top: 0;}


/* *** carbon footprint specific styles *** */

/* *** base content area 'panels'  *** */
.carbon_contentPanelTop{
	background: #8A8541 url(/images/contentPanelBTM_BrownMidtoLight.gif) bottom left no-repeat;
	padding: 1em; padding-bottom: 2em;
	color: #FFF;
}
.carbon_contentPanelTop h2{ color: #D8EE31; font-size: 1.4em; }
.carbon_contentPanelTop p{ margin:0; padding:0; }
#footprint { padding: 0; margin: 0; color: #FFF; text-align: right;	font-size: 1.6em; font-weight: bold; }

.carbon_contentPanelBottom{
	background: #BFBC97 url(/images/contentPanelBTM_BrownLighttoWhite.gif) bottom left no-repeat;
	padding: 1em; padding-bottom: 2em;
	color: #454545;
}
.carbon_contentPanelBottom h2 { color: #8A8541; font-size: 1.4em;}
.carbon_contentPanelBottom h3{ color: #8A8541; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.2em;}
.carbon_contentPanelBottom p{ margin:0; padding:0; }
.carbon_innerWrapper {
	min-height: 180px;
	background: transparent url(/images/carbon_bg_lightBrown.gif) bottom right no-repeat;
	padding-bottom: 32px;
}
* html .carbon_innerWrapper {height: 180px;} /* stupid IE6 only */

.carbon_innerWrapper_dark { 
	min-height: 180px;
	background: transparent url(/images/carbon_bg_darkBrown.gif) bottom right no-repeat;
	padding-bottom: 32px;
}
* html .carbon_innerWrapper_dark {height: 180px;} /* stupid IE6 only */ 


/* *** global table styles *** */
.carbonTable { margin: 12px 0 16px 0; width: 100%;}
#content .carbonTable table { /* need #content specificity here */
	color: #454545;
	text-align: left;
	width: 100%;
	background-color: #BFBC97;
	padding: 0; margin: 0;
	border-collapse: separate;
	font-size: small; 
}
#content .carbonTable> table { font-size: 90%;} /* hide from IE6 */

#content .carbonTable table caption { background-color: #8A8541; }
#content .carbonTable table caption {
	color: #8A8541;
	font-weight: bold;
	font-size: xx-small; 
	background: #BFBC97 url(/images/bg_tab_top_Brown_lightondark_left.gif) top left no-repeat;
	text-align: right;
	padding: 0; padding-bottom: 3px;
}
#content .carbonTable table caption span { background: url(/images/bg_tab_top_Brown_lightondark_right.gif) top right no-repeat;  padding: 0 6px 3px 0;}


/* *** generic summary table styles for usage tabs ***/
.carbonTable table.usageSummary th{ padding: 0.4em 0 0.4em 0.4em; font-weight: bold; color: #454545; text-align: left;}
.carbonTable table.usageSummary .highlight{ color: #454545; background-color: #C4D5C3; font-weight: bold;}
.carbonTable table.usageSummary .bgSolid{ color: #454545; background-color: #BFBC97; font-weight: bold; font-size: 0.8em; padding: 0.4em 0.7em;}
#content .carbonTable table.usageSummary tr{ background-color: #FFF;}
.carbonTable table.usageSummary td{ text-align: right; padding: 0.4em 1em 0.4em 0;}
.carbonTable table.usageSummary td.actionLink{ text-align: left; padding: 0.4em 0 0.4em 1em;}
.carbonTable table.usageSummary td.actionBtn{ text-align: center; padding: 5px 2px 0 2px; vertical-align: middle; margin: 0;}

/* *** main summary table for summary tab *** */
.carbonTable table.mainSummary th{ padding: 0.4em 0 0.4em 1em; font-weight: normal; }
.carbonTable table.mainSummary .highlight{ color: #454545; background-color: #BFBC97; font-weight: bold; font-size: 0.8em; padding: 0.4em 0.7em;}
.carbonTable>table.mainSummary .highlight { font-size: 110%;}/* hide from IE6 */
#content .carbonTable table.mainSummary tr{ background-color: #FFF;}
.carbonTable table.mainSummary td{ text-align: right; padding: 0.4em 1em 0.4em 0;}


/* *** wizard pages table styles *** */
.carbon_wizardInner { min-height: 180px; padding-bottom: 32px; }
.carbon_wizardInner a {color:#fff}
.carbon_wizardInner a:hover {color:#454545}
* html .carbon_wizardInner {height: 180px;} /* stupid IE only */ 

.wizardHousehold { background: transparent url(/images/carbon_bg_wizardHousehold.gif) bottom right no-repeat! important; }
.wizardTransport { background: transparent url(/images/carbon_bg_wizardTransport.gif) bottom right no-repeat! important; }
.wizardTravel { background: transparent url(/images/carbon_bg_wizardTravel.gif) bottom right no-repeat! important; }

.wizardStepNum {float: right; color: #FFF; font-size: 1.1em; font-weight: bold; }
.wizardStepNum a {color: #454545; background:none; }
.wizardStepNum a:hover {text-decoration: underline; color: #fff; }
.carbon_wizardInner h2 { font-size: 1.6em; letter-spacing: 0.1em; margin: 0.5em 0;  clear: right; }
.carbon_wizardInner p { font-size: 1em; }

#content .wizardTable { margin: 12px 0 16px 0; width: 100%;}
#content .wizardTable table { /* need #content specificity here */
	color: #FFF;
	text-align: left;
	width: 100%;
	background-color: transparent;
	padding: 0; margin: 0;
	border-collapse: separate;
	font-size: 0.9em;
}
* html #content .wizardTable table { font-size: small;} /* ie6 only */

#content .wizardTable table caption { display: none; }
#content .wizardTable table * { vertical-align: middle; }
#content .wizardTable table label { font-weight: bold; }
#content .wizardTable table a {color: white;}
#wizardOptions { float: left; width: 50%; text-align: left; }
#wizardOptions a {display: block; background-image:none; }
* html #wizardOptions a {font-size: 0.9em;} /* ie6 only */
.wizardActions {float: right; width: 30%; padding-top: 6px; }


/* *** wizard RH running footprint *** */
#carbon_RHWizardFootprint {
 margin-top: 6px;
 padding-left: 64px;
 background: #CAD9C9 url(/images/carbon_bg_wizardFootprint.gif) no-repeat left top;
 height: 75px;
 min-height: 75px;
 font-weight: bold; font-size: 0.9em;
}
* html #carbon_RHWizardFootprint  { margin-top: 26px; } /* ie6 only */
 
#carbon_RHWizardFootprint #yourFootprint { padding-top: 30px; color: #454545; font-size: 20px; font-weight: bold;}
* html #carbon_RHWizardFootprint #yourFootprint { padding: 0; margin-top: 30px;} /* ie6 only */
 
 


/* *** wizard RH progress-bar  *** */
#carbon_RHWizardProgress {
	border-top: 3px solid #8A8541;
	color: #FFF;
	margin: 0;
	background: #C4D5C3 url(/images/carbon_panelBTM_wizardProgress.gif) no-repeat left bottom;
	padding-bottom: 25px;
}
#carbon_RHWizardProgress h2 {color: #8A8541;}
.wizardProgressItem { width: 100%; padding-bottom: 6px; background-image: url(/images/carbon_bg_wizardProgress.gif);} /* faux columns technique */
.wizardProgressLeftCol { float: left; width: 56px; background-color: #8A8541; }
.wizardProgressRightCol { float: right; width: 128px; text-align: left; }
.wizardProgressRightCol h3 { margin: 0; padding-left: 6px; }
.wizardProgressRightCol ul { margin: 0; padding: 0; list-style-type: none; }
.wizardProgressRightCol li { margin-left: 0; padding: 0; font-size: 0.9em; color: #B02664; height: 15px;}

#carbon_RHWizardProgress .wizardProgressRightCol li * { font-weight: normal; }
#carbon_RHWizardProgress .wizardProgressRightCol li a {display: block; padding: 2px 0 0 18px; background-image: none; margin: 0; height: 15px; }
#carbon_RHWizardProgress .wizardProgressRightCol li a:hover {text-decoration: underline; color: #8A8541; }
#carbon_RHWizardProgress .wizardProgressRightCol li.selected  a { background: transparent url(/images/carbon_wizardPointer.gif) no-repeat left top; cursor: default; }
#carbon_RHWizardProgress .wizardProgressRightCol li.selected a:hover  { color: #B02664; text-decoration: none;}
#carbon_RHWizardProgress .wizardProgressRightCol li.disabled { cursor: default; color: #B02664; }
#carbon_RHWizardProgress .wizardProgressRightCol li.disabled a:hover  { color: #B02664; text-decoration: none; }


#carbon_RHWizardOptions {
	margin: 0; padding: 1em 0 0 0;
	position: relative;
	width: 100%;
	background: #BFBC97 url(/images/carbon_panelBTM_lightBrowntoWhite.gif) no-repeat left bottom;
}
.wizardRHOptionsLeftCol { float: left; width: 56px; }
.wizardRHOptionsRightCol { float: right; width: 128px; text-align: left; }
.wizardRHOptionsRightCol h3 { margin: 0; padding-left: 6px; }
.wizardRHOptionsRightCol ul { margin: 0; padding: 0; list-style-type: none; }
.wizardRHOptionsRightCol li { margin-left: 0; padding: 0; font-size: 0.9em; color: #B02664; height: 15px;}

.wizardRHOptionsRightCol li * { font-weight: normal; }
.wizardRHOptionsRightCol li a {display: block; margin-left: 12px! important; }
.wizardRHOptionsRightCol li a:hover {color: #FFF;}



/* *** elements that fit under carbon tables *** */
.tableFootnote {
	padding: 0;
	font-size: 0.8em;
	color: #454545; 
	background: #BFBC97 url(/images/bg_tab_btm_Brown_lightondark_left.gif) bottom left no-repeat;
}
.tableFootnote span {
	display: block;
	padding: 0.5em 1.1em 0.5em 0;
	margin-left: 1.1em;
	background: #BFBC97 url(/images/bg_tab_btm_Brown_lightondark_right.gif) bottom right no-repeat;
}
.tableActions {
	padding: 0;
	color: #454545; 
	background: #BFBC97 url(/images/bg_tab_btm_Brown_lightondark_left.gif) bottom left no-repeat;
}
.tableActions span {
	display: block;
	padding: 0.5em 1.1em 0.5em 0;
	margin-left: 1.1em;
	background: #BFBC97 url(/images/bg_tab_btm_Brown_lightondark_right.gif) bottom right no-repeat;
}

/* *** myRecommendations *** */
ul.carbonRecommendations li {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	list-style-type: none;
	margin-left: -32px;
	padding: 6px 0;
	background: transparent url(/images/ico_carbon_recommendation.gif) center left no-repeat;
}
ul.carbonRecommendations li span { margin-left: 32px;}


/* *** RH summary area *** */
#carbon_RHSummary {
	border-top: 3px solid #8A8541;
	color: #FFF;
	padding: 8px;
	margin: 0;
	background: #BFBC97 url(/images/carbon_panelBTM_lightBrowntoTeal.gif) no-repeat left bottom;
}
#carbon_RHSummary h2 {color: #8A8541;}
#carbon_RHSummary #summaryHeader {
	font-weight: bold;
}
#carbon_RHSummary #summaryHeader h3 {
	color: #FFF;
	font-size: 0.95em;
	width: 80%;
	margin: 0.5em 0 0 0;
}
#carbon_RHSummary #summaryHeader #summaryFootprint {
	padding: 0; margin: 0;
	color: #8A8541;
	text-align: right;
	font-size: 1.5em;
}
#carbon_RHSummary #summaryTable { margin: 12px 0 0 0; width: 100%;}
#carbon_RHSummary #summaryTable table {
	color: #000;
	text-align:left;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #8A8541;
	padding: 0; margin: 0;
	border-collapse: collapse;
}
#carbon_RHSummary>#summaryTable table { font-size: 0.9em;}/* hide from IE6 */

#carbon_RHSummary #summaryTable table caption { color: #FFF; background: #BFBC97 url(/images/carbon_summaryTableTab.gif) no-repeat left top; text-align: left; padding: 1px 0 2px 6px;}
* html #carbon_RHSummary #summaryTable table caption {font-size: 0.7em;} /* stupid IE only */
#carbon_RHSummary #summaryTable th{ padding-left: 0.4em; font-weight: normal; border-bottom: 1px solid #8A8541;}
#carbon_RHSummary #summaryTable .highlight{ color: #f00; font-weight: normal;}
#carbon_RHSummary #summaryTable td{ border-bottom: 1px solid #8A8541;}

#carbon_RHSummary #summaryChart {margin: 6px 0; padding: 0; text-align: center; }

#carbon_RHActions {
	margin: 0; padding: 0 0 1em 0;
	position: relative;
	width: 100%;
	background: #CAD9C9 url(/images/carbon_panelBTM_TealtoWhite.gif) no-repeat left bottom;
}
#carbon_RHActions .teaserLink { padding: 1em; margin: 0;}
#carbon_RHActions p { margin: 0 0 0 9px; padding: 0; font-size: 0.9em}


/* form styles */
.carbon_formCtrls {	margin: 12px 0 6px 0; }
.carbon_formBtnPanel { 
	background: #BFBC97 url(/images/contentPanelBTM_BrownLighttoWhite.gif) bottom left no-repeat;
	text-align: right;
	padding: 3px 24px 0 12px;
	color: #454545;
 }


@media print{
*{}
html{}
#header img{display:block;}
#features{display:block; float:left; clear:none;}
#content{float:left !important; margin-left:0px !important; margin-right:0px !important; clear:none;}
}