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

/*
* Sidebar capsule button
* ---------------------------------------- */
.capsule {
	background:url("../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("../images/site/capsule_right.gif") no-repeat right 0;
		padding:3px 30px 3px 0;
		-moz-outline-width:0;
	}

/*
* Share Utility Styles
* ---------------------------------------- */
#page-utils {
	height:19px;
	margin:0 0 15px;
	list-style:none;
}
	.home #page-utils {
		margin-bottom:15px;
	}

	#page-utils li {
		display:inline;
		float:left;
		padding-right:13px;
		background:url("../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("../images/sidebar/util_print.gif") no-repeat;
			width:55px;
		}
		#page-utils li.email a {
			background:url("../images/sidebar/util_email.gif") no-repeat;
			width:62px;
		}
		#page-utils li.share a {
			background:url("../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;
			}

/*
* Quiz Styles (sidebar-specific styles)
* ---------------------------------------- */
.sec #quiz h3 {
	height:45px;
	background:url("../images/sidebar/header_quiz.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("../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;
		}

/*
* Source Material module
* ---------------------------------------- */
.source-material {
	font:10.5px/1.5em Verdana, Arial, Helvetica, sans-serif;
}
	.source-material h3 {
		height:25px;
		background:url("../images/sidebar/header_sources.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("../images/sidebar/source_audio.png");
			padding-top:7px;
			padding-bottom:9px;
		}
		.source-material a.video-src {
			background-image:url("../images/sidebar/source_video.png");
			padding-top:26px;
			padding-bottom:12px;
		}
		.source-material a.pdf-src {
        	background-image:url("../images/sidebar/source_pdf.png");
           	padding-top:17px;
			padding-bottom:17px;
			padding-left:68px;
        }

/*
* Press Office Styles
* ---------------------------------------- */
.press {
	background:url("../images/sidebar/header_press.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("../images/sidebar/presslist_bullet.gif") no-repeat 0 7px;
			list-style-type: none;
			padding-left: 9px;
		}
	.press a {
		color:#7a3c3c;
	}
		.press .capsule a {
			background-image:url("../images/site/capsule_right_red.gif");
		}


/*
* Energy Defined Styles
* ---------------------------------------- */
.definition h3 {
	height:25px;
	background:url("../images/sidebar/header_definition.png") no-repeat;
}
	.definition dl {
		margin-top:0px;
	}
		.definition dl dt {
			font-size:16px;
			background:url("../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;
		}

/*
* Video Promo Component Styles
* ---------------------------------------- */
.videos h3 {
	background:url("../images/sidebar/header_videos.png") no-repeat;
	height:25px;
}

.videos .video-promo {
	border-top: 1px solid #d0cfca;
	padding-top: 17px;
}

.videos div.alpha {
	border: none;
	padding-top: 0;
}

	.videos .video-promo h4 {
		font-size:15px;
		font-weight: normal;
		padding-left: 10px;
	}

	.videos .thumbnail {
		padding-left: 8px;
		position: relative;
		width: 183px;
	}

		.videos .thumbnail img {
			background: #ffffff;
			border: 1px solid #dadad7;
			padding: 3px;
		}

		.videos .thumbnail p.video-duration {
			background: #140d21;
			bottom: 10px;
			color: #cfd0d7;
			font:bold 10px/10px Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 3px;
			position: absolute;
			right: 6px;
		}

		.videos .thumbnail div.play-button {
			position: absolute;
			top: 50%;
			left: 52%;
			width: 64px;
			height: 64px;
			margin: -32px 0 0 -32px;

			text-align: center;
			vertical-align: center;
			cursor: pointer !important;

			border: none; opacity: 0.7;
			border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;

			/* Default */ background-color: #0B151A;
			background: rgba(23, 35, 34, 0.746094);

			/* CSS Shadows */
			box-shadow: none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
		}

		.videos .thumbnail div.play-button span {
			display: block; font-size: 0; line-height: 0;
			width: 0; height: 0;
			/*margin: 21px 0 0 24px;*/
			position: absolute;
			top: 21px;
			left: 24px;
			/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
			border-left: 20px solid #fff; /* Width & Color of play icon */
			/* Height of play icon is total top & bottom border widths. Color is transparent. */
			/*border-top: 10px solid rgba(0,0,0,0); border-bottom: 10px solid rgba(0,0,0,0);*/
			border-top: 10px solid transparent; border-bottom: 10px solid transparent;
		}


/*
* Quick Nav Styles
* ---------------------------------------- */

.quick-nav {
	cursor: pointer;
	padding-bottom: 20px;
	position: relative;
	z-index: 200;
}

	.quick-nav h3 {
		background: url(../images/sidebar/quick-nav-sprite.png) no-repeat left -200px;
		height: 45px;
		margin: 0;
		position: relative;
		width: 204px;
	}
	.quick-nav h3:hover {
		background-position: left -245px;
	}
		.quick-nav h3 span {
			background: url(../images/sidebar/quick-nav-sprite.png) no-repeat left -129px;
			display: block;
			height: 8px;
			margin-left: 10px;
			position: absolute;
			right: 7px;
			top: 21px;
			width: 18px;
		}
		.quick-nav.active h3 span {
			background-position: left -157px;
		}
	.quick-nav ul {
		background-color: #e6e6df;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6df), to(r));
		background-image: -webkit-linear-gradient(top, #e6e6df7, #e0e0d9);
		background-image:    -moz-linear-gradient(top, #e6e6df7, #e0e0d9);
		background-image:     -ms-linear-gradient(top, #e6e6df7, #e0e0d9);
		background-image:      -o-linear-gradient(top, #e6e6df7, #e0e0d9);
		border-top: 5px solid #253849;
		-webkit-box-shadow: -3px 3px 5px 0x #d4d4cd;
		   -moz-box-shadow: -3px 3px 5px 0 #d4d4cdc;
	  	        box-shadow: -3px 3px 5px 0 #d4d4cd;
	  	display: none;
		margin: -1px 0 0 0;
		padding: 0 12px;
		position: absolute;
		right: 0;
		width: 258px;
	}
	.quick-nav.active ul {
		display: block;
	}
		.quick-nav li {
			background: url(../images/sidebar/quick-nav-sprite.png) no-repeat center top;
			padding-top: 1px;
		}
		.quick-nav li.first-child {
			background: none;
			padding: 0;
		}
			.quick-nav li a {
				background: url(../images/sidebar/quick-nav-sprite.png) no-repeat left -305px;
				display: block;
				height: 75px;
			}
			.quick-nav .qn-energy a {
				background-position: left -305px;
			}

			.quick-nav .qn-disease a {
				background: url(../images/sidebar/quick-nav-sprite.png) no-repeat left -377px;
			}