/*
 * National Building Competition
 */

/* ------ CONTENT AREA SIZE AND PADDING ------ */

/*all layouts*/

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

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

/*one col with no left nav layout - most pages*/
body.no_left_nav #mid_col {
	width: 924px; /*set width because mid_col floats and not all pages have content that forces the width*/

}

/*two col layout*/
#content_wrap.two_col_pc { /*no gray background*/
	background:none;
}

body.no_left_nav div#mid_col.two_col { /*width of content col*/
	margin:0;
	padding:20px 28px 10px;
	width:600px;
}

body.no_left_nav div#right_col { /*width of left col*/
	margin:0;
	padding:20px 28px 10px 0;
	width: 296px;
}

/* ------ BANNER AND COUNTDOWN ------ */

#nbcBanner {
    margin-left: 25px;
	position: relative;
	padding-top: 10px;
	width: 620px;
	overflow: visible;
	text-align:left;
}

#nbcBannerCountdown {
	position: absolute;
	top: -30px;
	right: -330px;
	z-index: 2;
	background-image:url('../ia/business/buildingcontest/images/nbc/Winter_Announced_Button.png');
	background-position: left top;
	background-repeat:no-repeat;
	height: 33px;
	width:250px;
	color: #fff;
	font-weight: bold;
	padding:10px 20px;

}

#nbcBannerCountdown span {

}

#nbcBannerCountdown, #nbcBannerCountdown #countdown {
}

/* ------ HEADINGS ------ */

body.no_left_nav h1, #wrap.no_left h1 {
	padding: 0;
}

h2 {
	margin: 0 0 5px;
}

.features_box h2 a:link,
.features_box h2 a:visited,
.features_box h2 a:hover,
.features_box h2 a:active {
	color: #fff;	
}

/* ------ FEATURE BOX ------ */

/* NBC 2011 - Light Gray Feature Boxes */

.lt_gray_feature_box {
	height: 252px;
	width: 211px;
	background: url('../ia/business/buildingcontest/images/nbc/grey_box_bg.png') repeat-x;
	margin: 5px 5px 0 0;
	padding: 12px;
}

.lt_gray_feature_box p {
	color: #514444;
}

.feature_thumb {
	float: left;
	margin: 0 6px 10px 0;
}	

/*three col features_box (one col layout)*/
.threeColBox {
	width: 300px;
	margin-top: 20px;
}

.threeColBoxFirst {
	clear: left;
	margin-right: 9px;
}

#threeColContainer {
	float: left;
	width: 100%;
}

#meet_winner{
	font-size: 80%;	
}

/*left col - sidebar features_box (two col layout)*/
#right_col .features_box h2 {
	padding:0.5em 0.8em;
}

#right_col .features_box p {
	font-size:95%;
	margin: 0 0 1.1em 10px;
	padding: 0;
}

.link_list, #right_col .link_list {
list-style-image:url("../ia/products/images/bullet.png");
} /* from products resdesign style */

#right_col .features_box#contact p strong {
	display:block;
}

#right_col .features_box#contact p {
	margin-bottom: .4em;
}

/* ------ INDEX PAGE STYLES ------ */

/* ------ ROTATING BANNER IMAGES (INDEX) ------ */

#nbcBanner .yui-carousel-content {
	text-align:left;
}

#nbcBannerPagination {
	position:absolute;
	left: 10px;
	bottom: 1px;
	padding: 4px 0;
	z-index: 2;
}

#nbcBanner .yui-carousel-element {
	margin: 0;
	background-image:url('../images/business/buildingcontest/LandingPage_banner_bkgd_v2.png');
	background-position: top left;
	padding: 9px 0 0 0;
}

.yui-carousel-element li {
    height: 176px;
    width: 620px;
}

.yui-carousel-nav {
    display: none;
}

.yui-pg-previous {
	display: none;
}

.yui-pg-next {
	display: none;
}

.yui-pg-page {
	background: #CCEFFC;
	padding: 2px 4px;
	margin: 3px;
	text-decoration:none;
	color: #000 !important;
	border: 1px solid #999 !important;
}
.yui-pg-page {
	display:block;
	height:5px;
	text-indent:-9999px;
	width:19px;
	float: left;
}
a.yui-pg-page {
	background: #eee;
	color: #000 !important;
}

#nbcBanner .yui-carousel-element li, #nbcBanner .yui-carousel-element .yui-carousel-item-selected {
	border:none;
}

/* ------ CAROUSEL CONTENT ABOVE PRESS BOX ----- */
#tabbed_tips {
	float: right;
    height: 163px;
    margin: 3px 0 9px;
	padding: 0;
    width: 444px;
}

#tabbed_tips .idTabs {
	width: 175px;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#tabbed_tips .idTabs li {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#tabbed_tips .tab_content {
	width: 269px;
	height: 165px;
	float: left;
	background: #f1f1f1;
	margin-top: 2px;
}

#tabbed_tips .idTabs li a {
	display: block;
	margin: 0;
	padding: 0;
}

.forum_tab a {
	height: 57px;
	background: url('../ia/business/buildingcontest/images/nbc/Find_Certified_Buildings_gray.jpg') no-repeat;
}

.forum_tab a.selected {
	background: url('../ia/business/buildingcontest/images/nbc/Find_Certified_Buildings_blue.jpg') no-repeat;
}

.bring_tab a {
	height: 55px;
	background: url('../ia/business/buildingcontest/images/nbc/Bring_Your_Green_To_Work_OFF_Button.png') no-repeat;
}

.bring_tab a.selected {
	background: url('../ia/business/buildingcontest/images/nbc/Bring_Your_Green_To_Work_ON_Button.png') no-repeat;
}

.build_tab a {
	height: 58px;
	background: url('../ia/business/buildingcontest/images/nbc/build_OFF.png') no-repeat;
}

.build_tab a.selected {
	background: url('../ia/business/buildingcontest/images/nbc/build_ON.png') no-repeat;
}

#tabbed_tips #find {
	padding: 15px;
	width: 239px;
	height: 135px;
}

#tabbed_tips #find p {
	font-size: 14px;
	color: #514444;
	line-height: 18px;
	margin-bottom: 0;
    padding-bottom: 0;
}


/* ------ PRESS PAGE BOX FEATURE BOX (INDEX) ------ */

#pressBox {
	float: right;
	width: 424px;
	margin: 0;
	padding: 10px;
	background: url('../ia/business/buildingcontest/images/nbc/Press_Page_Box_background.png') no-repeat;
}

#pressBox img.header_type {
	margin-top: 5px;
}

/* ------ 14 BUILDINGS 12 MONTHS BOX (INDEX) ------ */

#fourteenBldgs {
	float: right;
	margin: 17px 30px 0 0;
	background-color: #eee;
	width: 300px;
	height: 176px;
}



/* ------ MEET THE CONTESTANTS BOX (INDEX) ------ */

#meetContestants {
	float: right;
	margin: 0 0 0 0;
	background-color: #eee;
	width: 594px;
	height: 453px;
	overflow:hidden;
	background-image:url('../ia/business/buildingcontest/images/nbc/Meet_the_competitors.jpg');
}

#meetContestants p {
	margin: 7px;
}
#meetContestants img {
	margin: 0px;
}
#meetContestants p img {
	margin: 10px;
}

#new_2012{
    padding: 45px 20px 30px 10px;
}

#new_2012 p{
	font-size: 95%;
    line-height: 115%;
    margin: 0.5em;
}

#new_2012 #spacing{
    height: 180px;
    width: 220px;
}

#new_2012 ul {
    list-style-image: url("../ia/business/buildingcontest/images/nbc/newBulletGreen.png");
    margin: 0 0 0 40px;
    padding: 0;
}

#new_2012 ul li {
	font-size: 100%;
	margin: 0 0 0.4em;
}	

/* ------ FEATURED VIDEOS BOX (INDEX) ----- */

#featuredVideos {
	width: 320px;
	height: 453px;
	margin-bottom: 0;
	background-image:url('../ia/business/buildingcontest/images/nbc/Featured_videos.jpg');
	background-color: #FFFFFF;
}

#featuredIntro {
	margin: 10px 15px;
}
#ytVideoCtr {
	margin: 0px 10px;
	margin-bottom: 0px;
	padding-top:42px;
}
#ytVideo {
	clear:both;
}
.videoNav {
	background-image:url('../ia/business/buildingcontest/images/nbc/videoNav.png');
	font-weight: bold;
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 5px;	
	height: 20px;
	width: 290px;
}
.videoNav li {
	float: left;
}
.videoNav a {
	color: #00aeef;
	padding: 17px 10px; 
	text-decoration: none;
	vertical-align: middle;
}
.videoNav a:hover {	
	text-decoration: underline;
}
.videoNav li {
	margin: 0;	
}
#ytDesc, #jcp_credit {
	padding: 5px;
	height: 40px;
	width: 290px;
	overflow: hidden;
	background-image:url('../ia/business/buildingcontest/images/nbc/Featured_Video_background_under_player.png');
	background-repeat:repeat-x;
	margin: 0px;
}
p#ytDesc, #jcp_credit span {
	font-size: 0.8em;
}
#jcp_credit span {
	display: block;
}

div#jcp_credit {
		padding-bottom: 11px;
}

* html div#jcp_credit {padding-bottom: 15px;}
*+html div#jcp_credit {padding-bottom: 15px;}

p#jcp_credit span {
	padding-right: 80px;
	display: block;
	color: #222; 
}

#jcp_credit img {
	float: right;
	width:80px;
}

#facebook {
	/*position: absolute;
	top: 242px;
	right: 310px;
	z-index: 3;*/
}

#facebook_building {
	margin-left: 6px;
}

#past_winners{
    margin-top: 140px;
    padding: 30px;
}

#past_winners p{
    line-height: 160%;
}

/* ------ THREE COL BOXES (INDEX) ------ */

.features_box .features_box_content .seeAll { /*all link at bottom of box*/
	text-align: right;
	padding: 0 5px 10px;
	margin: 0;
}

/* ------- SCROLLABLE TWITTER ---------- */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 830px;
	height:115px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:830px;
	vertical-align: baseline;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 21px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../ia/business/buildingcontest/images/nbc/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 5px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#tweetContainer {
	width: 100%;
	height: 175px;
	margin-top: 10px;
	overflow: hidden;
	background-image:url('../ia/business/buildingcontest/images/nbc/Follow_Along_Box_Background.png');
	display:block;
	clear:both;
}

#twitterIntro {
	padding-top: 10px;
	height: 60px;
	width: 100%;
}

#tweetContainer img{
	margin: 15px 10px;
}

#twitterBox .tweet {
	float: left;
	width: 250px;
	height: 110px;
	font-size: 0.8em;
	margin: 5px 10px;
	position: relative;
}

#twitterBox .twitterUserImg {
	margin-top: 0px;
}

#tweetContainer img.twitter_icon {
	margin: 0px;
}

#twitterBox .timeStampFollow {
bottom: 10px;
font-size:10px;
left: 35px;
margin: 0;
position:absolute;
width: 220px;
}
#twitterBox .timeStampFollow p {
	float: left;
	color: #00BFF7;
	margin-left: 5px;
	margin-bottom: 0;
	padding-top: 5px;
}
.timeStampFollow img {
	margin-top: 0px;
	vertical-align:top;
}
.timeStampFollow a {
	text-decoration: none;
	color: #00BFF7;
	font-weight: bold;
	float: left;
}

#twitterBox .features_box_content .contestantsFollowLink {
	font-size: 0.8em;
}

#twitterBox .features_box_content .contestantsFollowLink img {
	vertical-align:text-bottom;
}

#tipsBox {
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
}

#tipsBox p {
	margin-bottom: 190px;
}

#seeAllTips {
	position: absolute;
	right:10px;
	bottom:145px;
}

#seeAllTips a {
	display:block;
	height:35px;
	width:145px;
}

#seeAllTips a span {
	position: absolute;
	left: -99999px;
}

#threeColContainer #blogBox .Energy-Saving_Tips {
	background-image:url('../images/business/buildingcontest/LandingPage_Blog_bkgd_ES.png');
}

#threeColContainer #blogBox .Tips_for_Success {
	background-image:url('../images/business/buildingcontest/LandingPage_Blog_bkgd_Tips.png');
}

#threeColContainer #blogBox .Trainers_Help_Work_Off_the_Waste {
	background-image:url('../images/business/buildingcontest/LandingPage_Blog_bkgd_Train.png');
}

/* ------ GET INVOLVED PAGE STYLES ------ */

/*get involved three col features_box titles*/
.getInvolvedBoxes .features_box h2.oneLine {
	line-height:40px;
}

.getInvolvedBoxes .features_box h2.twoLine {
	height:32px;
}

/*get involved three col features_box lists*/
.getInvolvedBoxes .features_box .features_box_content ol {
	padding-left:10px;
}

.getInvolvedBoxes .features_box .features_box_content ol li {
	margin-bottom:10px;
	line-height:1.4em;
}

/*get involved three col features_box same height*/
.getInvolvedBoxes .features_box_content {
	height: 490px;
	overflow: auto;
}

/*get involved extras styles for nice spacing of elements*/

#getInvolvedExtras {
	float: left;
}

#getInvolvedExtras h2 {
	margin-top:48px !important;
}

#getInvolvedExtras div {
	float: left;
	clear:left;
	width: 500px;
	margin: 10px 0 10px;
}

/* ------ CONTESTANT PAGE STYLES ------ */

#contestant_intro {
    /*height: 268px;*/
    margin-left: -17px;
    padding: 10px;
    width: 938px;
	font-size: 140%;
	line-height: 140%;
	background: url('../ia/business/buildingcontest/images/nbc/Stories_Behind_the_Battle_Top_BG.png') no-repeat;
}

#contestant_intro p, #contestant_intro a{
    color: #fff;
}

#contestant_intro img{
	float: none;
}

#contestant_intro h1 {
	margin-bottom: 0;
}


#startingEui {
	margin-top: 10px;
}

#startingEui h2{
	text-align: center;
	font-weight: bold;
	color: #666;
	 width:100%;
}

#startingEui div {
    text-align: center;
    width: 215px;
}

#startingEui a {
		font-weight: normal;
}

.startingEuiValue {
	background: url(../images/business/buildingcontest/Midpoint-Scorebox.png) no-repeat;
	height: 101px;
	font-weight: bold;
	line-height: 24px;
	width: 232px;
	margin-left: 15px;
	margin-top: -70px;
	padding-top: 10px;
	padding-left: 10px;
}
.leaderEUIValue {
	margin-top: -100px;
}
#content_wrap ul.eui_list {
	margin-left: 2px;
}
#content_wrap ul.eui_list li {
	list-style: none none;
	margin: 0;
	font-size: 1.0em;
}
#content_wrap ul.eui_list li.percentage {
	font-size:1.6em;
}



.accessible { /*accessible text to explain eui number*/
	position: absolute;
	left: -99999px;
}

div.submitStory {
	width: 35%;
	margin-right: -16px;
	background: #ddd;
	padding: 10px;
}

div.submitStory li{
	/*font-weight: bold;*/
}

div.submitStory img{
	float: none;
}

div.submitStory .go-bttn{
	float: right;
}

.contestantBox {
	margin: 10px 20px 15px 0px;
	clear: left;
	width: 96%;
}

.accessibleBox {
	width: 944px;
	height: 101px;
}

.contestantBox img.contestant_img {
	padding: 3px;
	/*background: url(../images/business/buildingcontest/bezel_150.png) right bottom no-repeat;*/
}

.contestantBox h2 {
	font-size: 1.4em;
	color: #006600;
}

.contestantBox a {
	color: #006600;
	font-style: italic;
}

#content_wrap .contestantBox p.city, #content_wrap .contestantBox p.buildingtype {
	font-size: 1.2em;
	margin-left: 135px;
}

.contestantBox p.contestantsFollowLink {
	margin-left: 500px;
	color: #006FEB;
}
.contestantStoryList .contestantBox p.contestantsFollowLink {
    clear: left;
    margin-left: 0;
    text-align: right;
    width: 150px;
}
p.contestantsFollowLink img {
	vertical-align:text-bottom;
	margin-left: 6px;
}

p.contestantsFollowLink span {
	font-size: 0.8em;
}


/* ------ CONTESTANT DETAILS PAGE STYLES ------ */

#contestantDetails {
	margin-top: -25px; /* address weird padding left over from other pages on midcol */
}
*+html #contestantDetails {
	margin-top: 0px; /* address weird padding left over from other pages on midcol */
}

#contestantDetails #contestantInfo {
	width:100%;
}

#contestantDetails h1 {
	float: left;
}

#contestantDetails #contestantInfo h1, #contestantDetails #contestantInfo h2 {
		color:#006FEB;
}

#contestantDetails #contestantInfo h1 {
		padding: 0;
}

#contestantDetails #contestantInfo h2 {
		margin-top: 5px !important;
}

#contestantDetails #contestantInfo p {
		color:#006FEB;
		font-size:1.2em;
		float:left;
		clear:left;
		margin:0;
		white-space: nowrap;
}

#contestantDetails #contestantInfo p.contestantsFollowLink {
		float:right;
		clear:none;
}
/* doesn't apply anymore
#contestantDetails #logo_building {

	margin: 0;
}

#contestantDetails ul#logo_building li {
	list-style: none;
	list-style-image: none;
}
*/
#contestantDetails img.logo_building {
    float: left;
    padding: 10px 10px 0 0;
    width: 300px;
}


#contestantDetails div.two_col_l {
	width: 100%;
}

#contestantDetails div.two_col_r {
	margin-left: 190px;
}

#contestantDetails h2 {
	float:left;
	margin-top:10px !important;
}

#contestantDetails h2#contestantFirstSection {
	float:none;
	width:auto;
	margin: 0 0 5px !important;
}

#contestantDetails #contestant_photos {
border:#CCC solid;
border-width: 1px 0;
margin-top: 30px;
padding: 20px 0;
}

#contestantDetails #contestant_photos img {
	height: 200px;
	vertical-align: middle;
}

#contestantDetails #contestant_photos img#VA_img { height: 242px;}
#contestantDetails #contestant_photos img.morrison_small { height: 106px;}

/* ------ ALL TIPS PAGE STYLES ------ */

#allTipsList {

      margin: 28px 0 0 22px;
}

#allTipsList li {
      margin-bottom: 20px;
}

#allTipsList em {
	font-weight: bold;
}
/* ------ PRESS PAGE STYLES ------ */
.video_footnote {
	display: block;
	font-style: italic;
}

/* ------ BLOG PAGE STYLES ------ */

#nbcBlogBanner {
	width: 700px;
	margin-bottom: 10px;
}

#blogPosts {
	float: right;
	width: 700px;
}

#blogPosts .features_box {
	margin-bottom: 28px;
}

#collections, #recentPosts {
	width: 200px;
	background-color:#d8f1fd;
}

#collections ul, #recentPosts ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
}

#collections ul li, #recentPosts ul li {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
	border-top: 1px solid #fff ;
}

#collections ul li a:link, #collections ul li a:visited, #recentPosts ul li a:link, #recentPosts ul li a:visited, #recentPosts h2, #collections h2 a:link, #collections h2 a:visited {
	text-decoration: none;
	font-size: 1.1em;
}

#blogPosts .features_box h2, #blogPosts .features_box h2 a:link, #blogPosts .features_box h2 a:visited {
	text-decoration: none;
	}

#blogPosts .features_box h2 {
	font-size: 1.25em;
	}

#collections ul li a:hover, #recentPosts ul li a:hover, #collections h2 a:hover, #blogPosts .features_box h2 a:hover {
	text-decoration: underline;
}

#collections h2, .getInvolvedBoxes h2 {
	font-size: 1.25em;
}

.features_box .blog_features_box_content {
	padding: 10px;
	/*overflow: hidden; using clearing div*/
}

#blogPagination #recentPostsNav {
	float: left;
}

#blogPagination #previousPostsNav {
	float: right;
}

#blog_intro {
	padding-top: 15px;
}

#blog_intro p.estarTipsBlog {
	background: url(../images/business/buildingcontest/Blog_ESicon.png) left top no-repeat;
	padding-left: 90px;
	height: 85px;
}

#blog_intro p.winnerTipsBlog {
	background: url(../images/business/buildingcontest/Blog_TipsIcon.jpg) left top no-repeat;
	padding-left: 90px;
	height: 85px;
}

#blog_intro p.trainersTipsBlog {
	background: url(../images/business/buildingcontest/Blog_TrainIcon.jpg) left top no-repeat;
	padding-left: 90px;
	height: 85px;
}
#press_overall_finish span{
    float: right;
	display: inline;
}

.jump_to a{
	padding-right: 70px;
}