.ie5mac /* fake style for IE 5/Mac bug */ {
	color: #fff;
}

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	font-size: 75%;
	background: #f2f2f2 url(/images/page_bg.gif) top left repeat-x;
	color: #666;
	line-height: 1.2em;
	text-align: center;
	vertical-align: top;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #336699;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #768f22;
}

a img {
	border: 0;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #5a646e;
	line-height: 1.2em;
	margin-bottom: 5px;
}

h2 {
	color: #666666;
	font-size: 1.0em;
}

p {
	padding: 0 0 10px 0;
}

ul {
	padding: 5px 0 5px 0;
	list-style: none;
}

ul li {
	padding: 0px 0 5px 17px;
	background: url(/images/bullet_blue_arrow.gif) 0 2px no-repeat;
}

ol {
	margin: 0 0 0 30px;
}

ol li {
	padding: 0 0 5px 0;
}

fieldset {
	border: 0;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

blockquote {
	padding: 20px 10px 20px 20px;
}

input[type="text"] {
	border: 1px solid #929594;
}

sub {
	font-size: 0.6em;
}





/* 508 */

#skipNavigation {
	position: absolute;
	height: 0;
	overflow: hidden;
}





/* LAYOUT */
/* see http://www.stuffandnonsense.co.uk/archives/whats_in_a_name_pt2.html */


#container {
	width: 959px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#branding {
	width: 959px;
	height: 145px;
	background: url(/images/logo_page_header.gif) no-repeat top left;
	padding-bottom: 10px;
}

#navigation {
	position: absolute;
	top: 111px;
	left: 303px;
}

#content {
	clear: both;
	float: left;
	width: 720px;
}

#contentFull {
	clear: both;
}

#sidebar {
	float: left;
	width: 230px;
	margin-left: 9px;
	float: right;
	background: url(/images/sidebar_top_cap.gif) no-repeat top left;
}

#siteinfo {
	background-color: #006593;
	clear: both;
}


/* MAIN NAVIGATION */

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation li {
    float: left;
	display: block;
    margin: 0 2px 0 0;
    padding: 0;
	background: url(/images/nav_right.gif) no-repeat right top;
	height: 34px;
}

#navigation a:link,
#navigation a:active,
#navigation a:visited,
#navigation a:hover {
	display: block;
	background: url(/images/nav_left.gif) no-repeat left top;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	line-height: 33px;
	height: 34px;
	float: left;
	font-size: 12px;
}

#navigation a:hover {
	color: #000;
}

#navigation #selected {
    background: #fff url(/images/nav_right_on.gif) no-repeat right top;
}

#navigation #selected a:link,
#navigation #selected a:active,
#navigation #selected a:visited,
#navigation #selected a:hover {
    background: url(/images/nav_left_on.gif) no-repeat left top;
	color: #1c304d;
}

/* SEARCH & NEWSLETTER */

#branding #searchNav {
	color: #1C304D;
	text-align: right;
	margin-right: 25px;
	padding-top: 15px;
}

#logoLinkDiv {
	width: 250px;
	height: 90px;
	position: absolute;
	top: 50px;
	left: 15px;
}

#logoLink {
	cursor: hand;
}

#searchNav,
#searchNav a:link,
#searchNav a:active,
#searchNav a:visited,
#searchNav a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

#searchNav a:hover {
	text-decoration: underline;
}

#search {
	position: absolute;
	top: 60px;
	right: 20px;
	width: 530px;
}

#search .searchText {
	float: left;
	color: #fff;
	width: 300px;
	font-size: 12px;
	line-height: 14px;
}

#search .searchField {
	float: left;
	width: 230px;
}

.searchLabel {
	display: none;
}

.searchBar {
	font-size: 0.9em;
	width: 175px;
	padding: 2px;
	margin-top: 8px;
	float: left;
}

#search .button {
	float: left;
	margin-top: 8px;
	margin-left: 5px;
}

/* BREADCRUMB */

#breadCrumb {
	font-size: 0.8em;
	color: #336699;
	padding-bottom: 10px;
}

#breadCrumb a:link,
#breadCrumb a:active,
#breadCrumb a:visited,
#breadCrumb a:hover {

}

#breadCrumb a:hover {

}

/* SIDEBAR */

#sidebar #sidebarContent {
	margin: 20px 7px 0px 6px;
	padding: 0 15px 10px 15px;
	background: #eceedb url(/images/sidebar_bottom_cap.gif) no-repeat bottom left;
	font-size: 0.9em;
	zoom: 1;
}

#sidebar h1 {
	color: #767353;
}

#sidebar .sidebarContentItem {
	background: url(/images/dotted_line_green.gif) repeat-x top left;
	padding-top: 10px;
	margin-top: 10px;
}

#technorati {
    width: 180px;
    overflow-x: hidden;
}

#sidebar input.bar {
	width: 120px;
	height: 15px;
	float: left;
	margin-top: 2px;
}

#sidebar .button {
	float: left;
	margin-left: 5px;
}

#sidebar .share {
	margin: 0 0 3px 0;
}

#sidebar .share img {
	margin-top: 2px;
	margin-right: 3px;
	margin-bottom: 4px;
	float: left;
}

/* STYLING */

.nobg {
	background: none;
}

.right {
	float: right;
}

.contentBlock {
	padding: 12px;
	background-color: #e1e3d0;
	margin-top: 10px;
	zoom: 1;
}

.contentBlockBorder {
	border: 1px solid #e1e3d1;
	margin-bottom: 7px;
}

.contentBlockHorizontalGradient {
	border: 4px solid #fff;
	background: #fff url(/images/gradient_horiz.gif) repeat-x top left;
	padding: 10px;
	zoom: 1;
}

.contentBlockVerticalGradient {
	border: 4px solid #fff;
	background: #fff url(/images/gradient_vert.gif) repeat-y top left;
	padding: 10px;
	zoom: 1;
}

.roundedContentBlockTopLeft {
	background: url(/images/corner_top_left.gif) top left no-repeat;
	height: 7px;
	line-height: 7px;
	padding-left: 7px;
	zoom: 1;
}

.roundedContentBlockTopRight {
	background: url(/images/corner_top_right.gif) top right no-repeat;
	height: 7px;
	line-height: 7px;
	zoom: 1;
}

.roundedContentBlockBottomLeft {
	background: url(/images/corner_bottom_left.gif) top left no-repeat;
	height: 7px;
	line-height: 7px;
	padding-left: 7px;
	zoom: 1;
}

.roundedContentBlockBottomRight {
	background: url(/images/corner_bottom_right.gif) top right no-repeat;
	height: 7px;
	line-height: 7px;
	zoom: 1;
}

.roundedContentBlock {
	background-color: #d1dca8;

}

.roundedContentBlock table {
	margin: 0 auto;
}

.roundedContentBlock table.shape td {
	text-align: center;
	padding: 0 10px 2px 10px;
	font-size: 0.8em;
}

.roundedContentBlock table.color td {
	text-align: center;
	padding: 0;
	font-size: 0.8em;
}

.roundedContentBlock table.sizes td {
	text-align: left;
	font-size: 0.8em;
}

.iconExplained h2 {
	margin-bottom: 5px;
	margin-left: 7px;
	margin-top: 10px;
}

.roundedContentContainer {
	padding-bottom: 10px;
}

.iconExplainedLeft {
	float: left;
	width: 425px;
}

.iconExplainedRight {
	float: left;
}

.iconExplainedBad img,
.iconExplainedGood img {
	float: left;
	margin: 0 10px 0 0;
}

.iconExplainedBad,
.iconExplainedGood {
	float: left;
	width: 200px;
	margin-bottom: 30px;
}

.iconExplainedBad p,
.iconExplainedGood p {
	margin-left: 67px;
}

.homeLearnMore {
	font-size: 0.9em;
	padding: 5px 10px;
}

.learnMore {
	font-family: "Times New Roman", Times, serif;
	color: #416282;
	font-weight: bold;
	font-size: 1.3em;
}

.title a {
	text-decoration: none;
}

.noborder:link,
.noborder:active,
.noborder:visited,
.noborder:hover {
	text-decoration: none;
}

.noborder:hover {
	text-decoration: underline;
}

.buttonBlue {
	background: url(/images/button_blue.gif) bottom right no-repeat;
	height: 22px;
	line-height: 20px;
	width: 128px;
	text-align: center;
}

.buttonRight { float:right }

.sortDesc {
	float: right;
	text-align: left;
	font-size: 10px;
	margin-right: 10px;
	}

.buttonBlue a:link,
.buttonBlue a:active,
.buttonBlue a:visited,
.buttonBlue a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 0.9em;
}

.buttonBlue a:hover {
	color: #999;
}

.buttonWhite {
	background: url(/images/button_white.gif) bottom right no-repeat;
	height: 19px;
	line-height: 18px;
	width: 118px;
	text-align: center;
}

.buttonWhite a:link,
.buttonWhite a:active,
.buttonWhite a:visited,
.buttonWhite a:hover {
	color: #666;
	text-decoration: none;
	font-size: 0.8em;
}

.buttonWhite a:hover {
	color: #000;
}

.digTitle {
    font-family: "Times New Roman", Times, serif;
}

#powerDescriptionIcon {
	width: 174px;
	background: url(/images/power_icon_bg.gif) no-repeat top left;
	text-align: center;
	padding-top: 22px;
	float: left;
	margin-top: 10px;
	margin-right: 45px;
}

#powerDescriptionIcon img {
	margin-bottom: 20px;
}

#powerDescriptionIcon div {
	text-align: left;
	color: #336699;
	font-size: 0.8em;
	padding: 0 0 0 10px;
}

table#powerDescription {
	margin: 10px 0 0 0;
}

table#powerDescription th {
	vertical-align: top;
	color: #336699;
	padding: 0 40px 10px 0;
}

table#powerDescription th.title {
	text-align: center;
	padding: 0 0 10px 0;
}

table#powerDescription td {
	vertical-align: top;
	padding-bottom: 10px;
}

.pageNum, .currentPage, .fringePage {
	padding: 3px 5px;
    border: 1px solid #ccc;
}

.currentPage {
    background: #FFEBCD;
}

.fringePage {
	background: #F0FAFF;
}






/* BLOG */

.blogItem {
	padding: 0 0 20px 0;
}

.blogItem .title a {
	font-weight: bold;
}

.blogItem .description {
	margin: 0 0 5px 0;
}

.blogItem .source {
	float: left;
	clear: both;
}

.blogItem .tags {

}

.blogItem .comments {
	float: right;
}

.blogItem .thumb {
	float: right;
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 0 0 3px;
}

/* FOOTER */

#siteinfo {
	background-color: #e1e3d0;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: 20px;
}

#siteinfo-legal {
	width: 959px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#siteinfo-legal a:link,
#siteinfo-legal a:active,
#siteinfo-legal a:visited,
#siteinfo-legal a:hover {

}

#siteinfo .iconExplained {
	float: left;
	width: 257px;
}

#siteinfo .learnMoreAboutCarma {
	float: left;
	width: 193px;
}

#siteinfo .contactUs {
	float: left;
	width: 280px;
}

#siteinfo p {
	font-size: 0.9em;
	padding-right: 40px;
}

#siteinfo .CGDLogo {
	float: left;
	width: 229px;
}

#siteinfo .roundedContentBlockTopLeft {
	background: url(/images/corner_top_left_darkbg.gif) top left no-repeat;
}

#siteinfo .roundedContentBlockTopRight {
	background: url(/images/corner_top_right_darkbg.gif) top right no-repeat;
}

#siteinfo .roundedContentBlockBottomLeft {
	background: url(/images/corner_bottom_left_darkbg.gif) top left no-repeat;
}

#siteinfo .roundedContentBlockBottomRight {
	background: url(/images/corner_bottom_right_darkbg.gif) top right no-repeat;
}

/* Pollution Data Table Styles */

table#pollutionTable {
	width: 100%;
	background: #fff;
	padding-right: 10px;
	margin-bottom: 20px;
}

table#pollutionTable td.status {
	vertical-align: top;
	padding: 8px 5px 5px 5px;
	text-align: center;
	}

table#pollutionTable td.data {
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	padding: 25px 5px 5px 5px;
	}

table#pollutionTable td.company {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 5px 20px 0;
}

table#pollutionTable td.company .companyName {
	color: #416282;
	margin-bottom: 5px;
}

.pollutionTableButtonContainer {
	background-color: #fff;
	padding: 10px 0 0 10px;
	margin-top: 10px;
}

/* Trends Table Styles */

table.powerTrends {
	width: 100%;
	border-top: 1px solid #d2d3c2;
	border-left: 1px solid #d2d3c2;
}

table.powerTrends th {
	border-right: 1px solid #d2d3c2;
	border-bottom: 1px solid #d2d3c2;
	background-color: #dfe0ce;
	padding: 5px 7px 5px 10px;
	font-weight: normal;
	font-size: 0.8em;
}

table.powerTrends td {
	border-right: 1px solid #d2d3c2;
	border-bottom: 1px solid #d2d3c2;
	padding: 5px 7px 5px 10px;
	background-color: #eceedb;
	font-weight: normal;
	font-size: 0.8em;
}


/* POWER TABS */

ul.powerTabs {
	float: right;
	margin: 0 0 -10px 0;
	padding: 0;
}

ul.powerTabs li {
	height: 24px;
	background: url(/images/power_tab_off.gif) repeat-x top left;
	float: left;
	padding: 5px 10px;
	margin-left: 5px;
	line-height: 22px;
}

ul.powerTabs li a:link,
ul.powerTabs li a:visited,
ul.powerTabs li a:active,
ul.powerTabs li a:hover {
	font-weight: bold;
	text-decoration: none;
}

ul.powerTabs li a:hover {
	color: #000;
}

ul.powerTabs li.selected {
	background: url(/images/power_tab_on.gif) repeat-x top left;
}

/* Reactions Content Styles */

#commentArea {

}

ol#reactions {
	padding-top: 15px;
	}

ol#reactions li {
	padding-bottom: 25px;
	}

.greenDivider {
	background: url(/images/hr_green_dash.gif) repeat-x scroll left bottom;
	height: 1px;
	margin: 10px 10px;
}

#commentArea input[type="text"] {
	border: 1px solid #929594;
	width: 200px;
}

#commentArea textarea {
	border: 1px solid #929594;
	width: 400px;
	height: 125px;
}

#commentArea table#commentTable {
	text-align: left;
	width: 100%;
}

#commentArea table#commentTable td {
	vertical-align: top;
	padding: 5px;
}

/* on pages where past, present and future data is shown */
.ghost, .elect {
	display: none;
}

.bolded {
	font-weight: bold;
}

/* on plants, companies, region pages */
#mapContainer {
    position:relative;
    height:310px;
}

#mapContainer .map {
    width: 720px;
    position: absolute;
    top:0;
    left:0;
}

#mapContainer .sidebar {
    background: #eceedb;
    width: 227px;
    border:1px solid #E1E3D1;
    position: absolute;
    padding:0;
    margin-left:10px;
    top:0;
    right:0;
}

#mapContainer .sidebar .content {
    margin:10px 15px;
    width:199px;
    height: 279px;
    overflow-y: auto;
}

/* Disclaimer popup */
/*
* html { overflow-y: hidden; }
* html body { overflow-y: auto; height: 100%; }
*/

/* makes window scroll to top so that disclaimer popup is visible */
* html div.jqi {
    top: expression(document.body.scrollHeight);
}

.jqifade {
	position: absolute;
	background-color: #fff;
}

div.jqi {
	position: fixed;
	background-color: #f78f1e;
	padding: 10px;
	width: 400px;
	text-align: left;
}
div.jqi h1 {
	color: #f78f1e;
}
div.jqi .jqicontainer {
	background-color: #1c304d;
	padding: 5px;
	color: #fff;
	font-weight: bold;
}
div.jqi .jqimessage {
	background-color: #003e7e;
	padding: 10px;
}
div.jqi .jqibuttons {
	text-align: center;
	padding: 5px 0 0 0;
}

div.jqi button {
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}