/* _____MAIN MEDIA LESSON STYLES_____ */

html, body {
	height:	100%;
}

body {
	font-family:	Arial, sans-serif;
	font-size:		10pt;
	margin:			0px;
}

#mainHolder {
	height:		100%;
	overflow:	hidden;
}


/* _____HEADER_&_TITLES_____ */

#headerBlock {
	width:	100%;
	color:			#FFFFFF;
	background:		#434343; /* for non-css3 browsers */
	filter:			progid:DXImageTransform.Microsoft.gradient(startColorstr="#010101", endColorstr="#434343"); /* for IE */
	background:		-webkit-gradient(linear, left top, left bottom, from(#010101), to(#434343)); /* for webkit browsers */
	background:		-moz-linear-gradient(top,  #010101,  #434343); /* for firefox 3.6+ */
	background-image:	-o-linear-gradient(#010101, #434343); /* for Opera */
}

#headerBlock #titles {
	padding:	20px;
}

h1 {
	font-size:	1em;
	margin:		0px;
}

h2 {
	font-size:	1.4em;
	margin:		10px 0px 0px;
}


/* _____INFO_ACCORDION_____ */

.ui-widget {
    font-family:	Arial,sans-serif;
    font-size:		1em;
}

#infoHolder .ui-corner-all, #infoHolder .ui-corner-bottom, #infoHolder .ui-corner-top {
	border-top-right-radius:	0px;
	border-top-left-radius:		0px;
	border-bottom-right-radius:	0px;
	border-bottom-left-radius:	0px;
}

#infoHolder .ui-state-active {
	background:	url("../js/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;
    color:		#555;
}

#infoHolder .ui-accordion-content {
	position:	absolute;
	z-index:	1000;
}

#contentCover {
	background-image:	url("alpha50.png");
	position:	absolute;
	width:		100%;
	z-index:	999;
}


/* _____CONTENT_____ */

#contentHolder {
	padding:	10px;
	border:		1px solid #aaaaaa;
	border-top:	none;
}

#contentHolder .panel {
	float:		left;
	padding:	10px;
	margin:		10px;
	overflow:	auto;
	background-color:	white;
	border:				1px solid #ffffff;
	-moz-box-shadow:	2px 2px 5px #888888;
	-webkit-box-shadow:	2px 2px 5px #888888;
	box-shadow:			2px 2px 5px #888888;
	-ms-filter:			"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"; /* for IE 8 */
	filter:				progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888'); /* for IE 5.5-7 */
}

#contentHolder .panel.vidPanel {
	overflow:	hidden;
}

#myVideo {
	position:	relative;
}

.subtitle {
	color:	red;
}

.clearFloat {
	clear:	both;
}

p {
	font-size:	1em;
}

.panel p:first-of-type {
	margin-top:	0px;
}

.panel p:last-of-type {
	margin-bottom:	0px;
}