/*
 * Change the World, Start with ENERGY STAR Campaign
 * 2010 redesign style sheet last replaces earthday08.css
 */



/* ------ CONTENT AREA PADDING ------ */

#mid_col {
	padding: 20px 28px 10px 28px;
	width: 781px;
}

#pg_hd {
	padding: 0 28px;
}

#pg_hd p {
	padding: 0 0 10px 0;
}

#crumb p {
	padding-left:28px;
}



/* ------ PAGE BANNERS AND SEC NAV ------ */

#pledgeBanner {
	margin: 0;
	padding:10px 40px;
	background: url(../images/earthday10/gradient_sliver.png) repeat-x left top;
	text-align:center;
}

#pledgeBanner h1, #pledgeBanner p {
	height:auto;
	color:#000;
}

#pledgeBanner h1 {
	font-weight:bold;
	margin: 0;
}

#getInvolvedBanner {
	background: url(../images/earthday10/gradient_sliver.png) repeat-x left top;
	float: left;
	width: 751px;
	height: 65px;
	padding: 0 15px;
}

#getInvolvedBanner h1 {
	float: left;
	margin: 15px 0 0;
	padding: 0;
	font-weight: bold;
}

#getInvolvedBanner a {
	float: right;
	margin-top: 14px;
}

#sec_nav {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom: 1px solid silver;
	float:left;
	width:100%;
}

#sec_nav li {
	margin:0 6px;
	padding:0;
	float:left;
	padding: 6px;
}

#sec_nav li a,
#sec_nav li a:link,
#sec_nav li a:visited,
#sec_nav li a:hover,
#sec_nav li a:active {
	color:#006FEB;
	text-decoration: none;
	font-weight: bold;
}

#sec_nav li a:hover {
	text-decoration:underline;
}

#sec_nav li.selected, #sec_nav li.selected a {
	font-weight:bold;
	color:#000 !important;
}



/* ------ HEADINGS ------ */
#mid_col h1 {
	margin: 15px 0 5px 0;
	color: #00AEEF;
	font-size: 140%;
	font-weight: bold;
}

#mid_col h2 {
	margin: 15px 0 5px 0;
	color: #000;
	font-size: 120%;
	font-weight: bold;
}

.features_box_content h3 {
	margin: 0 10px;
}

#mid_col .features_carousel h2, #mid_col .features_box h2 {
	margin: 0;
	color: #fff;
	font-size: 0.97em;
}


/* ------------ STYLES SPECIFIC TO SHOWHOME ------------ */



/* ------ CTW 2 COL FEATURE BOX ------ */

.features_box {
	margin-top:20px;
}

.features_box .features_box_content {
	float:left;
	width:370px;
}

.features_box .features_box_content .feature_item {
	float: left;
}

.features_box .features_box_content img.flt_l  {
	margin: 0 10px 10px 10px;
	clear: left;
	}
	
.features_box .features_box_content .flt_r span {
	display:block;
}



/* ------ HIGHLIGHTS BOX ------ */

#highlights {
	float: right;
	margin: 0 0 0 0;
	width: 230px;
}
#highlights h2 {
	border: 1px #ddd solid;
	color: #000;
	margin: 0 0 0 0;
	background-color: #eee;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px;
}

#highlights p {
	margin: 5px 0 10px 10px;
}



/* ------ FEATURE CAROUSEL ------ */

	/* carousel container */

.features_carousel {
	float: left;
	width: 530px; /* width of entire carousel element */
	border: 1px solid #11617f;	
}

.features_carousel h2 { /* carousel title */
	background: #00aeef;
	color: #fff;
	margin:0;
	padding: 5px 10px;
	border-bottom: 1px #11617f solid;
	font-size: 0.97em;
	font-weight: bold;
}

.features_carousel_container {
	/* float: left; i don't need this -removing allows the content to expand to width */
}

	/* carousel content area */

.yui-skin-sam .features_carousel .yui-content {
	background-color: #fff;
	padding: 0;
	border: 0;
	width: 360px; /* width of content area */
}

.features_carousel p {
	padding: 0 8px;
	margin: 0;
}

.yui-skin-sam .features_carousel .yui-content img {
	vertical-align: top;
}

	/* carousel nav buttons */

	/* nav button container (ul) */
.features_carousel .buttons, .yui-skin-sam .features_carousel .yui-nav { 
	font-weight:bold;
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin: 0;
	float: right;
	width: 170px; /* width of carousel nav button container (ul) */
	border: 0;
}

* html .features_carousel .buttons, * html .yui-skin-sam .features_carousel .yui-nav {
	width: 167px; /* FOR IE6: width of carousel nav button container (ul) */
}

	/* nav buttons (li) */

.yui-skin-sam .features_carousel .yui-nav li, .features_carousel .buttons li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #80d7f7;
	padding: 0;
	margin: 0 !important;
}

.yui-skin-sam .features_carousel .yui-nav li.selected { /* button selected */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff; /* retain the borders to avoid text jump */
}

	/* nav button links */

.features_carousel .buttons a {
	display: block;
	width: 170px; /* width of nav button link - same as container */
	text-decoration: none;
	color: #000;
}

* html .features_carousel .buttons a {
	width: 167px; /* FOR IE6: width of nav button link - same as container */
	letter-spacing: -0.1em; /* letter-spacing is wrong by default in IE 6 and 7 - this line only targets 6 */
}

	/* nav button link colors */

.features_carousel .buttons a:link, .features_carousel .buttons a:visited {
	color: #000;
}
.features_carousel .buttons a:hover, .features_carousel .buttons a:active {
	color: #11617f;
}

.yui-skin-sam .features_carousel .yui-nav a {
	background-color: #CBEDF8;
	background-image: none;
	border: 0;
	border-width: 0;
}

.yui-skin-sam .features_carousel .yui-nav a:focus,
.yui-skin-sam .features_carousel .yui-nav a:hover {
	background-color: #80d7f7;
	color: #000;
	background-image: none;
	border: 0;
}

.yui-skin-sam .features_carousel .yui-nav .selected a,
.yui-skin-sam .features_carousel .yui-nav .selected a:hover,
.yui-skin-sam .features_carousel .yui-nav .selected a:focus {
	color: #000;
	background-color: #fff;
	background-image: none;
}

	/* nav button span - controls padding and arrow image */

.features_carousel .buttons span {
	font-size: inherit;
	font-family: inherit;
	padding: 20px 0px 20px 4px;
	display: block;
	margin-left: 15px;	
}

.features_carousel .buttons li.selected span {
	color: #11617f;
}

.features_carousel .buttons span.car_arw {
	background: transparent url(../ia/products/images/arrows_features.gif) 0 50% no-repeat;
	width: 7px;
	height: 14px;
	margin-right: 7px;
	display: inline;
	padding: 0;
	float: left;
	margin-left: -14px;
}

.features_carousel .buttons li.selected span.car_arw {
	background-position: -7px 50%;
}



/* ------ FEATURED PLEDGE DRIVER ------ */

.pledgeDriver {clear:both;}

.pledgeDriverTitle {clear:left}

.pledgeDriverBox .features_box_content img {
	max-width: 150px;
	max-height: 200px;
	width: expression(this.width > 150 ? 150: true); /* fix for IE6 */
	height: expression(this.height > 200 ? 200: true);
}



/* ------ FEATURED PLEDGE DRIVER DATA TABLE ------ */

.pledgeDriverTable {
	margin: 10px 0px 10px 10px;
	width: 360px;
}
.pledgeDriver .pledgeDriverTable th, .pledgeDriver .pledgeDriverTable td {
	padding: 5px;
	font-weight:normal;
}
.pledgeDriver .pledgeDriverTable td {
	text-align:right;
}
.pledgeDriver .pledgeDriverTable .odd {
	background-color:#eee;
}



/* ------------  GET YOUR ORGANIZATION INVOLVED STYLES ------------ */



/* ------ BOX ELEMENT STYLES ------ */



#faq, .gwAnnounce, #announcement {
	/* background: transparent url(../images/earthday08/rob_bottom.gif) bottom left no-repeat; */
	border: 1px solid #DDDDDD;
	margin: 15px 0 0;
	padding: 0 15px 15px;
	line-height: 130%;
	width: 200px;
	font-size: 90%;
}

#faq h2, .gwAnnounce h2, #announcement h2 {
	margin: 0 -15px 10px !important;
	font-size: 130%;
	font-weight: bold;
	padding: 5px;
	background-color: #EEE;
	color: #000;
	border-bottom: 1px solid #DDDDDD;
	/* background: #fff url(../images/earthday08/rob_top.gif) top left no-repeat; */
}



/* ------------  ALL ORGANIZATIONS AND TOP PLEDGE DRIVERS TABLE STYLES ------------ */



/* ------ ALL ORGANIZATIONS TABLE TABS ------ */

/* nested tags */
#campaignYear {
	/*background: url(../images/earthday10/tab_group_bg_v2.png) 0 0 no-repeat;*/
	padding-top: 10px;
}
table td #campaignYear {
	background: url(../images/earthday08/tab_group_bg.png) 0 0 no-repeat;
}
#campaignYear ul {
	padding-left: 4px;
	font-size: 13px;
}
.yui-skin-sam .yui-navset .yui-content {
	background:#fff; 
} 
#orgList {
	background-color:#abe1fa;
	padding:5px;
	border:1px solid #808080;
	border-width:1px 1px 0 1px;
	margin:0 0 0 1px;
}



/* ------ TABLES (from earthday08.css) ------ */

#home_cols .core_table, #home_cols .core_table td, #home_cols .core_table th,
.plain_org .core_table, .plain_org .core_table td, .plain_org .core_table th  {
	border: 0;
	background: none !important;
	padding: 2px 1px;
	font-size: 92%;
}
.core_table {
	margin-bottom: 9px;
}
#home_cols .core_table th, .plain_org .core_table th {
	font-size: 90%;
	padding: 12px 1px 0;
}
#home_cols .core_table caption, .plain_org .core_table caption {
	display: none;
}
#home_cols .core_table th span, .plain_org .core_table th span {
	text-transform: none;
	font-size: 100%;
	color: #555;
}
.success_box {
	margin-left: -8px !important;
}
.success_box p, .success_box ul {
	margin-bottom: .6em;
}
.success_box label {
	position: absolute;
	left: -10000px;
}
#pledge_driver label {
	display: inline;
	width: auto;
	padding-top: .3em;
}
.three_col_l label, .two_col_r label {
	display: inline;
	width: auto;
	text-align: right;
	margin-right: 4px;
	padding-top: 3px;
	float: none;
	color: #414141;
	font-size: 90%;
}
.two_col_l label {
	font-size: 90%;
	color: #414141;
	padding-top: 0px;	
}
.two_col_l h4 {
	color: #414141;
	font-size: 90%;
}



/* ------ FIX FOR POSITION OF TOOLTIP ? (showOrgSearch) ------ */

#org_name_container {
	position: relative;
}
#a_hint_org_name {
	left:470px;
}



/* ------ PLEDGE HOME - GLOBAL WARMING: REDESIGN WITH YOUTUBE VIDEO UPDATE ------ */
			
#ytVideoCtr {
	float: left;
}
.features_box .vid_content_area {
	float: right;
	width: 432px;
	padding: 3px 5px;
}
.features_box .vid_content_area h3 {
	margin: .4em 0 .1em;
}
.features_box .vid_content_area p {
	margin-left: 0;
}
#carouselContainer {
	background-color: #7cd8f8;

}

#prevBtn {
	float: left;
	margin-top:15px;
	padding-right: 5px;
	cursor:pointer;
}

#nextBtn {
	float: left;
	margin-top:15px;
	padding-left: 5px;
	cursor:pointer;
}

#carouselContainer li.yui-carousel-item-selected {
	border: 2px solid yellow;
	margin: 0;
}

.yui-carousel .yui-carousel-element li:focus {
	border: 2px solid yellow;
	outline: none;
}

.yui-carousel .yui-carousel-element li {
	border: 1px solid #00AEEF;
}

.yui-carousel-nav {
	position: absolute;
	left:-32000px;
}

.yui-carousel-element {
	float: left;
}

.yui-carousel-element img {
	padding: 0;
	margin: 0;
}

#container {
	float: left;
}

.yui-carousel-content{
	width: 372px;
}

#pledgeBanner h2 {
	margin-top: 0;
}

.features_box_content .featureStory h3 {
	margin-bottom: 10px;
	font-size: 90%;
}

.features_box_content .featureStory p {
	margin-left: 120px;
}

div.noTopMargin {
	margin-top:0;
}