#courseMenu{
	position: absolute;
	width: 100%;	height: 660px;
	top: 0px;
	left: -80px;
	display: none;
	opacity: 0;
	z-index: 3;
}
.menuNavClass{
	position: relative;
	float: left;
	width: 292px;
	left: 8px; 
	margin-bottom: 16px;
	font-size: 16px; color: #FFFFFF; 
	overflow-x: hidden;
}
.menuNavClass:hover, .subMenuNavClass:hover{
	margin-left: 4px;
}
.pagesContainer{
	position: relative;
	float: left;
	width: 320px;
}
.chapterNavClass{
	position: relative;
	float: left;
	width: 292px;
	left: 8px; 
	margin-bottom: 10px;
	padding: 6px;
	font-size: 16px; color: #000000; font-weight: bold;
	background-color: #FFFFFF;
}
.subMenuNavClass{
	position: absolute;
	width: 282px; left: 16px;
	font-size: 16px; color: #FFFFFF; 
}
#menuBackgroundOpacity{
	position: absolute;
	width: 341px;	height: 100%;
	background-color: #000000;
	opacity: 0.76;
}
#menuBackground{
	position: absolute;
	width: 341px;	height: 100%;
	background-color: #3d3d3d;
}
#menuOpacity{
	position: absolute;
	left: 0px;
	width: 1100px;	height: 100%;
	background-color: #000000;
	opacity: 0.4;
}
#navMenu{
	position: relative;
	float: left;
	overflow: auto;
	width: 338px;
	margin-left: 1px;

	border-style: solid;

	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	border-color: #ffffff;

	padding-top: 10px;
}
#navMenuTitle{
	cursor: default; 
	position: relative;
	float: left;
	margin-bottom: 16px;
	width: 282px;

	font-size: 22px; 
	font-weight: bold;	
	color: #FFFFFF;

	padding-left: 10px;
}
#courseProgress{
	position: relative;
	float: left;
	width: 56%; height: 106px;
}
#optionsMenu{
	position: relative;
	width: 341px; 
	height: 62px;

	border-style: solid;

	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	border-color: #ffffff;
}
.buttonClass{
	cursor: pointer; position: relative; 
	float: left;
	width: 73.24px;	height: 50px;
	background-color: #3d3d3d;

	padding-top: 10px;
	padding-left: 10px;

	border-style: solid;
	border-width: 1px;

	border-color: #111111;

	font-size: 18px; color: #000000;
}
.offButtonClass{
	cursor: pointer; position: relative; 
	float: left;
	width: 73.24px;	height: 50px;
	opacity: 0.3;

	padding-top: 10px;
	padding-left: 10px;

	border-style: solid;
	border-width: 1px;

	border-color: #111111;

	font-size: 18px; color: #000000;
}
.extraButton{
	cursor: pointer;
	position: relative;
	width: 341px;
	
	padding-top: 12px;
	padding-bottom: 12px;

	border-style: solid;

	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;

	border-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.1);

	text-align: center;
	color: #FFFFFF;
}
.menuButtonText{
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	padding-right: 6px;
	padding-top: 6px;
}
.marked {
	color: #ffa366;
	font-weight: bold;
}