/*
* Global Sidebar Styles
* ---------------------------------------- */
#quiz,
.hands-on,
.source-material,
.press,
.definition {
	padding-bottom:20px;
}
	#quiz h3,
	.hands-on h3,
	.source-material h3,
	.press h3,
	.definition h3 {
		width:203px;
		padding:0;
		margin:0 0 15px;
		font-size:1px;
		text-indent:-999em;
		overflow:hidden;
	}

/*
* Sidebar capsule button
* ---------------------------------------- */
.capsule {
	background:url("/energy/images/site/capsule_left.gif") no-repeat;
	overflow:hidden;
	padding:0 0 0 15px;
	margin:0;
}
	.capsule a {
		color:#899b40;
		display:block;
		float:left;
		height:26px;
		font:bold 10.5px/26px Verdana, Arial, Helvetica, sans-serif;
		background:url("/energy/images/site/capsule_right.gif") no-repeat right 0;
		padding:3px 30px 3px 0;
		-moz-outline-width:0;
	}

/*
* Quiz Styles (sidebar-specific styles)
* ---------------------------------------- */
.sec #quiz h3 {
	height:45px;
	background:url("/energy/images/sidebar/quiz_header.png") no-repeat 0 0;
}
	.sec #quiz h4,
	.sec #quiz .option li {
		font-size:14px;
		font-weight: normal;
		padding-left: 8px;
	}
		.sec #quiz h4 {
			color:#191919;
		}
		.sec #quiz .option li {
			color:#313131;
			cursor:pointer; 
			margin:0 0 5px 5px;
           	padding-left:26px;
            text-indent:-25px;
		}
	
	.sec #quiz .option li a {
		background:url("/energy/images/quiz/quiz_bullet.gif") no-repeat 0 0;
		color:#313131;
		font-style:italic;
		padding-bottom:1px;
		padding-left:26px;
		-moz-outline-width:0;
	}
		.sec #quiz .option li a:hover,
		.sec #quiz .option li.selected-opt a {
			background-position:0 -133px;
		}
			.sec #quiz .option li.inactive a {
				color:#bbb;
				text-decoration:none;
			}
			.sec #quiz .option li.inactive a:hover {
				background-position:0 0;
			}
	
	.sec #quiz .option { 
		margin-bottom:15px;
	}
	.sec #quiz .answer li {
		padding-left:8px;
		display:none;
	}
	.sec #quiz li.selected-answer {
		display:block;
	}
	
	.sec #quiz li .response,
	.sec #quiz li .response-detail {
		color:#191919;
		display:inline;
		font-size:14px;
		font-style:italic;
	}
		.sec #quiz li .response {
			/* incorrect response */
			color:#c8516f;
			padding-right:3px;
		}
		.sec #quiz li.correct .response {
			/* correct response */
			color:#5f93b3;
		}

/*
* Mini Promo Styles
* ---------------------------------------- */
.hands-on h3 {
	height:25px;
	background:url("/energy/images/sidebar/interactive_header.png") no-repeat;
}
	.hands-on div {
		margin:0 0 18px;
	}
		.hands-on div h4 { 
			display:none;
		}
		.hands-on div a { 
			color:#333;
			display:block;
			font-size:12px;
			line-height:1.25em;
			padding:0 40px;
		}
			.hands-on .loss {
				background:url("/energy/images/sidebar/promo_efficiency.gif") no-repeat;
			}
				.hands-on .loss a {
					padding-top:37px;
				}
			.hands-on .flow {
				background:url("/energy/images/sidebar/promo_system.gif") no-repeat;
			}
				.hands-on .flow a {
					padding-top:22px;
				}

/*
* Source Material module
* ---------------------------------------- */
.source-material {
	font:10.5px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
	.source-material h3 {
		height:25px;
		background:url("/energy/images/sidebar/sources_header.png") no-repeat;
		margin-bottom:5px;
	}
	
	#source-nav {
		color: #848481;
		font-weight: bold;
	}
		#source-nav span {
			padding:0 3px;
			cursor:pointer;
			cursor:hand;
		}
			#source-nav span:hover {
				background-color:#ddd;
			}
		#source-nav span.active {
			color:#374d5f;
		}
	
	.source-material ul li {
        margin-bottom: 6px;
	}
		
	
	.source-material cite {
		color:#445c6f;
		font-style:italic;
	}
	
	.source-material a.pdf-src,
    .source-material a.audio-src,
	.source-material a.video-src {
		display:block;
		color:#899b40;
		height:26px;
		font:bold 10.5px/26px Verdana, Arial, Helvetica, sans-serif;
		font-style:normal;
		background-repeat:no-repeat;
		background-position:0 0;
		padding-left:48px;
		margin:10px 0 0;
	}
		.source-material a.audio-src {
			background-image:url("/energy/images/sidebar/audio_src.png");
			padding-top:7px;
			padding-bottom:9px;
		}
		.source-material a.video-src {
			background-image:url("/energy/images/sidebar/video_src.png");
			padding-top:26px;
			padding-bottom:12px;
		}
		.source-material a.pdf-src {
        	background-image:url("/energy/images/sidebar/pdf_src.png");
           	padding-top:17px;
			padding-bottom:17px;
			padding-left:68px;
        }
		/** Original PDF button style
        .source-material a.pdf-src {
        	background-image:url("/energy/images/sidebar/pdf_src.png");
            width: 157px;
            padding-top: 9px;
            height: 38px;
            width: 158px;
        }*/
		
/*
* Press Office Styles
* ---------------------------------------- */
.press {
	background:url("/energy/images/sidebar/press_release_header.png") no-repeat;
}
	.press h3 {
		height:43px;
		margin:0 0 10px;
	}
	.press .press-header {
		font-size:14px;
		padding:0 26px 0 10px;
		margin:0;
	}
	.press ul {
		padding:0 0 0 10px;
	}
		.press ul li { 
			color: #7a3c3c;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 10.5px;
			background: url("/energy/images/sidebar/press_list_bullets.gif") no-repeat 0 7px; 
			list-style-type: none;
			padding-left: 9px;
		}
	.press a {
		color:#7a3c3c;
	}
		.press .capsule a {
			background-image:url("/energy/images/site/capsule_right_red.gif");
		}


/*
* Energy Defined Styles
* ---------------------------------------- */
.definition h3 {
	height:25px;
	background:url("/energy/images/sidebar/energy_defined_header.png") no-repeat;
}
	.definition dl {
		margin-top:0px;
	}
		.definition dl dt {
			font-size:16px;
			background:url("/energy/images/site/article_rule.gif") repeat-x bottom left;
			padding:0 8px 15px;
		}
		.definition dl dd {
			color:#666;
			font-size:12px;
			/*font-style:italic;*/
			line-height:1.5em;
			padding:0 8px;
			margin:10px 0 0;
		}
		
/*
* Share Utility Styles
* ---------------------------------------- */
#page-utils {
	height:19px;
	margin:0 0 15px;
	list-style:none;
}
	#page-utils li {
		display:inline;
		float:left;
		padding-right:13px;
		background:url("/energy/images/sidebar/util_divide.gif") no-repeat right 0;
	}
		#page-utils li.share {
			padding-right:0;
			background:none;
		}
	#page-utils li a {
		display:block;
		height:19px;
		overflow:hidden;
		text-indent:-1000px;
	}
		#page-utils li.print a {
			background:url("/energy/images/sidebar/util_print.gif") no-repeat;
			width:55px;
		}
		#page-utils li.email a {
			background:url("/energy/images/sidebar/util_email.gif") no-repeat;
			width:62px;
		}
		#page-utils li.share a {
			background:url("/energy/images/sidebar/util_share.gif") no-repeat 0 0;
			width:59px;
		}
			#page-utils li span {
				display:none !important;
			}
			body #page-utils li.share a:hover,
			#page-utils li a:hover {
				background-position:0 -19px !important;
			}
/*
* WEBBY Promo
* ---------------------------------------- */
#webby-promo {
	width:204px;
	height:96px;
	margin-bottom:30px;
	position:relative;
}
.home #webby-promo {
	height:44px;
}
	


#webby-promo a {
		display:block;
		width:204px;
		height:96px;
		background:url("/energy/images/site/webbynominee.gif") no-repeat;
		cursor:pointer;
		text-indent:-1000px;
		overflow:hidden;
		position:relative;
		top:-1px;
	}
	.home #webby-promo a {
		top:-1px;
	}
/*
* AEP Promo -- mj
* ---------------------------------------- */
#aep-promo {
	width:204px;
	height:63px;
	margin-bottom:14px;
	position:relative;
}
.home #aep-promo {
	height:44px;
}
	#aep-promo a {
		display:block;
		width:203px;
		height:105px;
		background:url("/energy/images/site/aep.gif") no-repeat;
		cursor:pointer;
		text-indent:-1000px;
		overflow:hidden;
		position:relative;
		top:-2px;
	}
	.home #aep-promo a {
		top:-48px;
	}

/*
* w3 Promo -- mj
* ---------------------------------------- */


#w3-promo {
        width:204px;
        height:107px;
        margin-bottom:14px;
        position:relative;
}
.home #w3-promo {
        height:44px;
}
        #w3-promo a {
                display:block;
                width:203px;
                height:107px;
                background:url("/energy/images/site/w3gold.gif") no-repeat;
                cursor:pointer;
                text-indent:-1000px;
                overflow:hidden;
                position:relative;
                top:-2px;
        }
        .home #w3-promo a {
                top:-1px;
        }


