/* Building control specific styles */

/*  Building control additions start  */

/* Technical Questions ------------------------------------------------- */
#tech_questions { display:block; margin:2em 0; background:transparent url(a/img/shadow.png) 0 0 repeat-x; padding:0 0 1em; }


/* navigation */
#tech_questions .nav { display:block; list-style-type:none; margin:0; padding:0; 
/* background: rgb(185,201,208); */
}
#lowerContent #tech_questions .nav li { display:block; margin:0 1px 0 0; padding:0; background:rgb(106,125,139); float:left; }
#lowerContent #tech_questions .nav li:hover { background:rgb(29,46,63); }
#lowerContent #tech_questions .nav li a { display:block; width:48px; margin:0; padding:.5em 0; text-align:center; color:rgb(255,255,255); font-weight:bold; text-decoration:none; }
#lowerContent #tech_questions .nav li.last { margin-right:0; width:48px; }
#lowerContent #tech_questions .nav li.active { background:url(/cms/publish/consumer/a/img/builders/bc/part_active2.png) bottom center no-repeat; padding-bottom:10px; }
#lowerContent #tech_questions .nav li.active a { margin:0; background:rgb(29,46,63); }


/* question & answers */
#tech_questions .fw { display:block; width:679px; margin-top:0; padding:1em 0; float:left; border:3px solid rgb(218,223,226); border-top:0; 
/* CSS3 */
-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; }
.part { clear:both; }
#tech_questions h2 { margin:1em 1.5em; }
#tech_questions dl.faqs dt { font-size:12px; clear:both; }
#tech_questions dl { margin:1em 2em; }
#tech_questions dd { padding-bottom:1em; }
#tech_questions dd img { border:3px solid rgb(218,223,226); padding:5px; background:rgb(255,255,255); }
#lowerContent #centreColumn dt a { text-decoration:none; }
#lowerContent #centreColumn #tech_questions a.reveal_all { float:right; margin:1em 2em; padding:.25em .75em; background:rgb(106,125,139); text-decoration:none; color:rgb(255,255,255); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
#lowerContent #centreColumn #tech_questions a.reveal_all:hover { background:rgb(29,46,63); }

/*	Dashboard - NEW - ------------------------------	*/
	
	table#dashboard {
		font-size: 12px; line-height: 1;
		border-collapse: collapse;
		
		border: 1px solid rgb(145, 154, 162);
		border-width: 0 1px 1px;
	}
	
	#dashboard tr {

	}
	
	#dashboard td {
		width: 33%;
		vertical-align: top;
		position:  relative; 
		border-top: 1px solid rgb(145, 154, 162);
	}

	#dashboard tr.info td { border-top: none; }

	#dashboard tr.even {
		background-color: rgb(233, 235, 236);
	}
	
	#dashboard td.part {  font-size:15px; line-height:1; color:rgb(29,46,63); border-bottom: 0; font-weight: bold; padding: 15px 10px 5px; }

	#dashboard td.questions { border-left: 1px solid rgb(200,205,209); padding: 0;
		vertical-align: bottom;
	}
	#dashboard td.questions div {
		display: block;
		height:  100%;
		padding: 10px 10px 45px;
		position: relative;
	}

	#dashboard td a.btn { 
		display: block;
		position: absolute;
		bottom: 10px;
		right:  0;
	}

	#dashboard td.status { font-weight: bold; }
	#dashboard td.status.no { color:rgb(49,147,0); }
	#dashboard td.status.due { color:rgb(157,0,25); }
	
	#dashboard a[href$='.pdf'] { 
		display: block;
		background:url(/cms/publish/consumer/a/img/builders/builderreg/pdf.png) no-repeat 0 3px; 	
		padding-left: 28px;
		overflow:visible;
		min-height:20px;
	}
	
	#dashboard a[target $='_blank'] {
		display: block;
		background:url(/cms/publish/consumer/a/img/builders/bc/external.png) no-repeat 0 3px; 
		padding:3px 0 3px 28px;
		overflow:visible;
		min-height:20px;
		
	}
	
/*  Dashboard ends -------------------------------*/

/* infiniteCarousel -------------------- */



#slideshow {
	display: block;
	width: 460px;
	float: left;
	margin-right: 24px;
	
	
	
}
#introbar {
	float: left;
	width: 185px;
	
}


#lowerContent #centreColumn div.infiniteCarousel {
	list-style-type: none;
	width: 459px;
	height: 315px;
	overflow-y: scroll;
	overflow-x: hidden;
	position: relative;
	padding: 0;
	margin: 0 0 1px;
	position: relative;
}

#lowerContent #centreColumn div.infiniteCarousel a {
	display: block;
	width: 459px;
	height: 315px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	color: #fff;
}

#lowerContent #centreColumn div.infiniteCarousel a span {
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 50;
	width: 424px;
	padding: 1em 24px .5em 12px;
	background-color: rgba(30,30,30,.85);
	background-color: rgb(30,30,30);
	color: #fff;
}
#lowerContent #centreColumn div.infiniteCarousel a span * {	color: #fff; }

/* case_studies_list layout */
#lowerContent #centreColumn #case_studies_list {


	display: block;




	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	width: 100%;
	
}

#lowerContent #centreColumn #case_studies_list li {
	margin: 0 1px 0 0;
	padding: 0;
	display: block;
	float: left;
	width: 91px;
	background-color: rgb(30,30,30);
}

#lowerContent #centreColumn #case_studies_list li a {
	display: block;
	background: rgb(218,223,226);
	text-decoration: none;
	padding: 0;
	position: relative;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	height: 110px;
}

#lowerContent #centreColumn #case_studies_list li a span { display: block; padding: .5em 5px; }

/* BC button */
a.btn.back { background-image:url(/cms/publish/consumer/a/img/builders/bc/backtoexamples_btn.png); height: 30px; margin-top: 1.5em; clear: both;  }

#bcnews .articles {
	
	margin: .5em 0 1em;
	padding: 0 8px 1em 0;
	border-bottom: 1px solid rgb(214,218,221); 
	
	width: 100%;
	float: left;
	clear: both;
		
	}

.articles img {
	float: left;
	margin: 0 16px 8px 0;
	background: #eee;
	display: none;
}

#bcnews .articles img {
	display: block;
}

#lowerContent #bcnews .articles p.title {
	margin: 0;
	padding: 6px 0 0;
	position:relative;
}
#lowerContent #bcnews .articles p.title a {
	font-size: 1.166666666666667em;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#bcnews .articles p.title span {
	display: none;
}

#bcnews .articles span.date {
	display: block;
	margin: .5em 0 1em;
	color: rgb(147,155,162);
}

#lowerContent .hotspot h3 {
	display: block;
	height:  85px;
	background-color: rgb(29,46,63);
	color: rgb(255,255,255);
	margin-bottom: 18px;
	position: relative;
	font-size: 1.166666666666667;
	line-height: 1.285714285714286;
}

#lowerContent #whybc h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/hotspot_whybc.png) top left no-repeat;
	background-color: rgb(29,46,63);
} 
#lowerContent #techzonebc h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/hotspot_techzone.png) top left no-repeat; 
	background-color: rgb(29,46,63);
} 
#lowerContent #newsbc h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/hotspot_bcnews.png) top left no-repeat; 
	background-color: rgb(29,46,63);
}

#lowerContent #buidregs h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/buildingregs_hs.png) top left no-repeat;
	background-color: rgb(29,46,63);
} 
#lowerContent #questionsandanswers h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/questionsandanswers_hs.png) top left no-repeat; 
	background-color: rgb(29,46,63);
} 

#lowerContent #tzforum h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/industryforum_hs.png) top left no-repeat; 
	background-color: rgb(29,46,63);
} 

#lowerContent #newsbc h3 { 
	background: url(/cms/publish/consumer/a/img/builders/bc/hotspot_bcnews.png) top left no-repeat; 
	background-color: rgb(29,46,63);
}

#lowerContent .hotspot a {
	color: rgb(255,255,255);
	text-decoration: none;
}

#lowerContent .hotspot a:hover span {
	background: #DADFE2;
	color: rgb(29,46,63);
}

#lowerContent .hotspot h3 span {
	display: block;
	height: 69px;
	padding: 8px;
	border-left: 3px solid rgb(179,81,76);
	margin-left: 85px;
	overflow: hidden;
	color: rgb(255,255,255);
	text-decoration: none;
} 


a.btn.large.talktous { background-image:url(/cms/publish/consumer/a/img/builders/bc/talktous_btn_large.png); }
a.btn.talktous { background-image:url(/cms/publish/consumer/a/img/builders/bc/talktous_btn.png); }
a.btn.readmore { background-image:url(/cms/publish/consumer/a/img/builders/bc/readmore_btn.png); }
a.btn.clickhere { background-image:url(/cms/publish/consumer/a/img/builders/bc/clickhere_btn.png); }
a.btn.visittechzone { background-image:url(/cms/publish/consumer/a/img/builders/bc/visittechzone_btn.png); } 
a.btn.readnews { background-image:url(/cms/publish/consumer/a/img/builders/bc/readnews_btn.png); }
a.btn.bregs { background-image:url(/cms/publish/consumer/a/img/builders/bc/buildingregs_btn.png); }
a.btn.questions { background-image:url(/cms/publish/consumer/a/img/builders/bc/questions-answers.png); }
a.btn.viewgroup { background-image:url(/cms/publish/consumer/a/img/builders/bc/viewgroup_btn.png); }


.hotspot a.btn { height: 30px; float: right;
	position: absolute;
	bottom: 0;
	right: 0;
 }
 
/*	--------------------------------------------------
Grid
-------------------------------------------------- */ 
.column-row, .row { margin: 0 0 18px -8px; } 
.column, .columns { float: left; display: inline; margin: 0 0 0 8px; 
position: relative; 
}
 
.one { width: 50px; }
.two { width: 108px; }
.three { width: 166px; }
.four { width: 224px; }
.five { width: 282px; }
.six { width: 340px; }
.seven { width: 398px; }
.eight { width: 456px; }
.nine { width: 514px; }
.ten { width: 572px; }
.eleven { width: 630px; }
.twelve { width: 688px; }
 
.offset-by-one-half { margin-left: 29px; } .offset-by-one { margin-left: 58px; } .offset-by-two { margin-left: 116px; } .offset-by-three { margin-left: 174px; } .offset-by-four { margin-left: 232px; } .offset-by-five { margin-left: 290px; } .offset-by-six { margin-left: 348px; } .offset-by-seven { margin-left: 406px; } .offset-by-eight { margin-left: 464px; } .offset-by-nine { margin-left: 522px; } .offset-by-ten { margin-left: 580px; }
 
/* Clear the columns automagically, thanks @kneath */ .column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; } 
.column-row, .row, .clearfix { display: inline-block; } .column-row, .row, .clearfix { display: block; }

 
/*	IE6 Problems ---------- */
body.ie .column-row { width: 696px; }
body.ie .eight .column-row	 { width: 464px; }
body.ie .nine .column-row	 { width: 522px; }
body.ie .ten .column-row	 { width: 580px; }
body.ie .eleven .column-row { width: 638px; } body.ie .two-thirds .column-row { width: 472px; }