body {
	background-color: #ffffff;
	margin: 0px;
}
.preloader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2000;
	margin-left: -15px;
	margin-top: -15px;
}
#container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
}
#header {
	width: 1000px;
	height: 50px;
	background: #eee;
	border: 1px solid #dcdcdc;
	 box-shadow: 0 5px 5px -5px #333;
	z-index: 100;
	position: absolute;
	top: 50%;
	margin-top: -305px;
}
#footer {
	width: 1000px;
	height: 50px;
	background: #eee;
	border: 1px solid #dcdcdc;
	box-shadow: 0 -5px 5px -5px #333;
	z-index: 100;
	position: absolute;
	top: 50%;
	margin-top: 250px;
}
#btnnext {
	width: 50px;
	height: 50px;
	float: right;
	display: none;
	margin-left: 2px;
}
#btnnext:hover {
	cursor: pointer;
}
#btnreload {
	width: 50px;
	height: 50px;
	float: right;
	margin-left: 2px;
}
#btnreload:hover {
	cursor: pointer;
}
#btnprev {
	width: 50px;
	height: 50px;
	float: right;
	margin-left: 2px;
}
#btnprev:hover {
	cursor: pointer;
}
#btnjump {
	margin-top: 9px;
	width: 32px;
	height: 32px;
	float: right;
	display: none;
	margin-left: 2px;
}
#btnjump:hover {
	cursor: pointer;
}
#btnglossary {
	margin-top: -5px;
	float: left;
	display: none;
	margin-left: 20px;
	margin-right: 20px;
	color: #00f;
	cursor: pointer;
}
#progbarcont {
	width: 202px;
	height: 10px;
	border: 1px solid #fff;
	padding: 2px;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	box-shadow: 0px 0px 1px #000;
	border-radius: 4px;
}
#progbar {
	width: 200px;
	height: 10px;
	background: #fff;
	float: left;
	box-shadow: 0px 0px 1px #000;
	border-radius: 2px;
}
#pagenum {
	font-family: monospace;
	font-size: 16px;
	font-weight: bold;
	float: right;
	margin-right: -140px;
	margin-top: 7px;
}
#coursetitle {
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
}
#chapter {
	float: left;
	font-size: 16px;
	position: absolute;
	top: 25px;
	left: 160px;
	font-weight: bold;
}
#logo {
	float: left;
	display: none;
}
#logo2 {
	float: right;
	margin-left: 10px;
	display: none;
}
.pagejumper {
	background: #eee;
	width: 380px;
	height: 260px;
	position: absolute;
	bottom: 160px;
	right: -300px;
	z-index: 5000;
	box-shadow: 0px 0px 2px 2px #888;
	padding: 5px;
	display: none;
}
.pagegotoer {
	margin: 2px;
	border: 1px solid #ccc;
	background: #f0f0f0;
	display: inline-block;
	width: 30px;
	text-align: center;
	color: #ccc;
}
.pagedone {
	box-shadow: 0px 0px 1px 1px #000;
	color: #000;
	font-weight: bold;
	background: #fff;
	border: 1px solid #000;
}
.goto10 {height: 26px !important;}
.goto20 {height: 50px !important;}
.goto30 {height: 77px !important;}
.goto40 {height: 102px !important;}
.goto50 {height: 127px !important;}
.goto60 {height: 154px !important;}
.goto70 {height: 181px !important;}
.goto80 {height: 207px !important;}
.goto90 {height: 232px !important;}
.goto100 {height: 259px !important;}
.goto110 {height: 286px !important;}
.goto120 {height: 311px !important;}
.goto130 {height: 338px !important;}
.goto140 {height: 362px !important;}
.goto150 {height: 389px !important;}
.goto160 {height: 414px !important;}
.goto170 {height: 439px !important;}
.goto180 {height: 466px !important;}
.goto190 {height: 491px !important;}
.goto200 {height: 516px !important;}
#closejumper {
	margin-left: 5px;
	display: inline-block;
	font-size: 24px;
	cursor: pointer;
}

.navlabel {
	font-family: 'Verdana';
}