/* This stylesheet contains style rules for web guidebooks on ENERGYSTAR.gov 
 * Please add guidebook specific rules to Section 2 - IDs may be NOT be subclassed for specific guidebooks (IE6 bug)
 * e.g. #guidebook_intro.spp{}, #guidebook_intro.tenants{} while IE6 is still supported
 *
 * TABLE OF CONTENTS
 * 0 - Imported rules from small business guidebook
 * 1 - Global guidebook rules
 *   - 1.1 - Overrides to standrad.css rules
 *   - 1.2 - Guidebook styles
 * 2 - Rules for specific guidebooks
 * 3 - Print rules for guidebooks
 */

/* SECTION 0:Imported Rules From Small Business Guidebook ******************* */

#banner_text ul, #banner_text p {
	padding-right: 10px;
	height: auto;
}

.buttons {
	font-weight:bold;
	font-size:1.1em;	
	padding: 0;
	list-style: none;
	list-style-image: none;
	margin-left: 551px;
	margin-bottom: 0;
}
.buttons li {
	margin: 0 0 1px;
	padding: 0;	
	width:191px;
	font-size:.9em;
}	
.buttons a {
	display: block;
	width: 100%;
	padding: 14px 0 15px 5px;
	text-decoration: none;
	color: #fff;	
}
.buttons a:link, .buttons a:visited {
	background: url('../ia/business/small_business/images/sb_nav_btn.gif') no-repeat;	
	color: #fff;
}
.buttons a:hover, .buttons a:active {
	background: url('../ia/business/small_business/images/sb_nav_btn.gif') no-repeat 0 -46px;
}
.buttons li.current  {
	padding: 14px 0 15px 5px;
	color:#fff;
	background: url('../ia/business/small_business/images/sb_nav_btn.gif') no-repeat 0 -92px;
}


/* SECTION 1:Global Rules - Apply to all web guidebooks ********************* */
/* 1.1: Overrides to standard layout */
#page_content,
#pg_hd, 
#mid_col,
body.no_left_nav div#mid_col, #wrap.no_left div#mid_col  {
	position:static;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin:0px;
	width:769px;
	}

body.no_left_nav div#mid_col, #wrap.no_left div#mid_col   {
	margin-left:6px;
	display:inline;
	background:#2db9ee;
	position:relative;
	width:762px; /* 763px-1 to fix IE6 odd-width rendering bug */
	}

/* 1.2: Guidebook Styles */
#banner_text, /* deprecated name - use guidebook_intro */
#guidebook_intro,
.guidebook_intro {
	background: #c8eefb url('../ia/business/small_business/images/sbg_splash_ban_bg.jpg') no-repeat;
	padding-top:60px; /* f(padding-top) = pixels from top of BG image to baseline of headline + 12px */
	padding-left:8px;
	padding-right:16px;	
	width:326px; /* f(width) = background_image_width - ("padding-left:"+"padding-right:") */ 
	float:left;
	display:inline;
	}
	
#buttons {
	/* position:relative; */
	background:#ffffff;
	float:left;
	margin:0px;
	}

#buttons li,
#buttons li a {
	color:#00aeef; /* ENERGY STAR Blue */
	}
		
#buttons li {
	background-color:#ffffff;
	display:block;
	position:relative;
	height:48px; /* 64 for tall buttons - 48 for small */
	overflow:hidden;
	width:240px;
	}

#buttons li a {
	/* background: url('../ia/partners/spp_res/spp_guidebook/images/1.gif') no-repeat 6px center; */
	height:40px; /* 48 for tall buttons - 40 for small */
	padding:0px;
	margin:0px;
	padding-top:8px; /* 16 for tall buttons - 8 for small */
	padding-left:48px;
	padding-right:48px;
	width:192px;
	}

#buttons li a.button:link,
#buttons li a.button:visited {
	background-color: #2db9ee;
	color: #ffffff;
	}
	
#buttons li a.button:link:hover,
#buttons li a.button:visited:hover {
	background-color: #18a2d6;
	}

a#first.button, a#first.button:hover { background: url('../images/guidebook/1.png') no-repeat 11px -384px; }
a#second.button, a#second.button:hover { background: url('../images/guidebook/2.png') no-repeat 11px -384px; }
a#third.button, a#third.button:hover  { background: url('../images/guidebook/3.png') no-repeat 11px -384px; }
a#fourth.button, a#fourth.button:hover { background: url('../images/guidebook/4.png') no-repeat 11px -384px; }
a#fifth.button, a#fifth.button:hover  { background: url('../images/guidebook/5.png') no-repeat 11px -384px; }
a#sixth.button, a#sixth.button:hover  { background: url('../images/guidebook/6.png') no-repeat 11px -384px; }

a#first.button:link, a#first.button:visited { background: url('../images/guidebook/1.png') no-repeat 11px 0; }
a#second.button:link, a#second.button:visited { background: url('../images/guidebook/2.png') no-repeat 11px 0; }
a#third.button:link, a#third.button:visited { background: url('../images/guidebook/3.png') no-repeat 11px 0; }
a#fourth.button:link, a#fourth.button:visited { background: url('../images/guidebook/4.png') no-repeat 11px 0; }
a#fifth.button:link, a#fifth.button:visited   { background: url('../images/guidebook/5.png') no-repeat 11px 0; }
a#sixth.button:link, a#sixth.button:visited { background: url('../images/guidebook/6.png') no-repeat 11px 0; }

a#first.button:link:hover, a#first.button:visited:hover { background: url('../images/guidebook/1.png') no-repeat 11px -192px; }
a#second.button:link:hover, a#second.button:visited:hover { background: url('../images/guidebook/2.png') no-repeat 11px -192px; }
a#third.button:link:hover, a#third.button:visited:hover  { background: url('../images/guidebook/3.png') no-repeat 11px -192px; }
a#fourth.button:link:hover, a#fourth.button:visited:hover { background: url('../images/guidebook/4.png') no-repeat 11px -192px; }
a#fifth.button:link:hover, a#fifth.button:visited:hover  { background: url('../images/guidebook/5.png') no-repeat 11px -192px; }
a#sixth.button:link:hover, a#sixth.button:visited:hover  { background: url('../images/guidebook/6.png') no-repeat 11px -192px; }

img.rounded_corner {
	height:25px;
	width:25px;
	z-index:1000;
	}

.hide_left { /* To be replaced by a site-wide class for accessible hiding of accessibility content */
	left:-100000px;
	position:absolute;
	}


#guidebook_chapter {
	background:#ffffff;
	color:#000000;
	float:left;
	width:500px; /* 514px - 6 - 8 */
	padding-left:8px;
	padding-right:11px;
	}
	
#guidebook_chapter h1 {	 
	padding:0;
	margin:0 0 8px 0;
	}
#guidebook_chapter h2,
#guidebook_chapter h3,
#guidebook_chapter h4,
#guidebook_chapter h5,
#guidebook_chapter h6 {
	padding:0;
	margin:0;
	}

#guidebook_chapter img.chapter_image {
	background:#ccc;
	float:right;
	margin-left:16px;
	margin-bottom:8px;
	}

#sb_ban_img, /* deprecated - use carousel_img */
#carousel_img {
	background:#ccc;
	float: left;
	display:inline;
	margin-left:1px;
	margin-right:1px;
}


/* SECTION 2:Guidebook-specific rules *************************************** */
/* 2.1 SPP Guidebook */
#guidebook_intro.spp {
	background: #cbeefb url('../ia/partners/spp_res/spp_guidebook/images/spp_guidebook_intro_bg.jpg') no-repeat top left;
	padding-top:85px; /* f(padding-top) = pixels from top of BG image to baseline of headline + 12px */
	padding-right:16px;
	position:relative;
	height: 208px; /*must specify to stretch div thanks to IE 3px jog effect - 304px for tall buttons - 208 for small*/
	}

/* 2.2 Tenants Guidebook */
#mid_col .tenants_intro {
	background: #cbeefb url('../ia/business/tenants_guidebook/images/tenants_guidebook_intro_bg.jpg') no-repeat 0 -10px;
	height: 150px;
	padding-top: 45px;
	}	
	
#buttons li a.button.tenants {
	padding-left:8px;
	padding-right:40px;
	}
	
#buttons li a.button.tenants:link,
#buttons li a.button.tenants:visited {
	/* Styling for menu items - subclassed "tenants" in menu */
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 203px 0;
	background-color: #2db9ee;
	color: #ffffff;
	}
	
#buttons li a.button.tenants:link:hover,
#buttons li a.button.tenants:visited:hover {
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 203px -191px; 
	background-color: #18a2d6;
	}
	
a#first.button.tenants, a#first.button.tenants:hover,
a#second.button.tenants, a#second.button.tenants:hover,
a#third.button.tenants, a#third.button.tenants:hover {
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 203px -384px; }

	/* Tenants Guidebook Home Page Overrides */

#tenants_home_menu #buttons li {
	height: 64px;
}

#tenants_home_menu #buttons li a {
	height: 48px;
	padding-top: 16px;
}

#tenants_home_menu #buttons li a#first {
	height: 40px;
	padding-top: 24px;
}

#tenants_home_menu #buttons li.last_tenants_button {
		height: 65px;
}

#tenants_home_menu #buttons li.last_tenants_button a {
	height: 57px;
}

#tenants_home_menu #buttons li a.button.tenants:link,
#tenants_home_menu #buttons li a.button.tenants:visited {
	/* Styling for menu items - subclassed "tenants" in menu */
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 203px 6px;
	background-color: #2db9ee;
	color: #ffffff;
	}
	
#tenants_home_menu #buttons li a.button.tenants:link:hover,
#tenants_home_menu #buttons li a.button.tenants:visited:hover {
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 203px -185px; 
	background-color: #18a2d6;
	}
	
#mid_col .tenants_intro h2 {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px;
	}
	
#mid_col .tenants_intro p {
	margin:0;
}
	
	/* END Tenants Guidebook Home Page Overrides */

/* 2.3 EEPS Guidebook */
#guidebook_intro.eeps_intro {
	
	}
#mid_col .eeps_intro {
	background: #ffffff url('../ia/partners/reps/ci_program_sponsors/eeps_guidebook/images/EEPS_BackgroundBanner.jpg') repeat-x top left;
	height: 185px;
	padding-top:108px; /* f(padding-top) = pixels from top of BG image to baseline of headline + 12px */
	padding-right:16px;
	position:relative;
	/* width: 323px; */
	 /*must specify to stretch div thanks to IE 3px jog effect - 304px for tall buttons - 208 for small*/
	}	

#buttons li a.button.eeps {
    font-size:.9em;
	padding-left:8px;
	padding-right:40px;
	height:40px; /* 48 for tall buttons - 40 for small */
	width:200px;
	margin-bottom: 0;
	}
	
#buttons li a.button.eeps:link,
#buttons li a.button.eeps:visited {
	/* Styling for menu items - subclassed "eeps" in menu */
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 205px 0;
	background-color: #2db9ee;
	color: #ffffff;
	}
	
#buttons li a.button.eeps:link:hover,
#buttons li a.button.eeps:visited:hover {
	background: url('../images/guidebook/arrow_bullet.png') no-repeat 205px -191px; 
	background-color: #18a2d6;
	}
	
a#first_eeps.button.eeps, a#first_eeps.button.eeps:hover,
a#second_eeps.button.eeps, a#second_eeps.button.eeps:hover,
a#third_eeps.button.eeps, a#third_eeps.button.eeps:hover,
a#fourth_eeps.button.eeps, a#fourth_eeps.button.eeps:hover,
a#fifth_eeps.button.eeps, a#fifth_eeps.button.eeps:hover,
a#sixth_eeps.button.eeps, a#sixth_eeps.button.eeps:hover { background: url('../images/guidebook/arrow_bullet.png') no-repeat 205px -384px; }

/* 2.4 CBD Guidebook */
#banner_text_cbd,
#mid_col .cbd_intro { /* */
	background: #c8eefb url('../ia/business/tools_resources/new_bldg_design/cbd_guidebook/images/cbd_splash_ban_bg.jpg') 0 -1.5em no-repeat;
	height: auto !important;
	height: 247px;
	min-height: 247px;
	padding-top:5.0em; /* f(padding-top) = pixels from top of BG image to baseline of headline + 12px */
	padding-left:8px;
	padding-right:16px;	
	width:302px; /* f(width) = background_image_width - ("padding-left:"+"padding-right:") */ 
	float:left;
	display:inline;
	}
	
ol#buttons li {
	height:51px;
	}
	
ol#buttons li a {
	height: 43px;
	}

/* SECTION 3 - Print Rules for Guidebooks *********************************** */
@media print {
h1 {
	position: static;
	left: 0px;
	top: 0px;
	width: inherit;
	}	

#buttons {
	display: none !important;
	}



} /* END of Print Rules */