body {
	font-size: 9pt;
	background-attachment:fixed;
}

A:link
{
    COLOR: #6b9ece;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #3366cc;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #990000;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: underline
}
#bg {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:600px;
	background-image: url(../images/bg.jpg);
	z-index:1;
}
#videoArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:2;
}
#contentArea {
	position:absolute;
	left:206px;
	top:84px;
	width:594px;
	height:516px;
	z-index:2;
}
#tocArea {
	position:absolute;
	left:0px;
	top:128px;
	width:200px;
	height:472px;
	z-index:2;
	visibility:visible;
}
#cpArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:2;
	visibility:hidden;
}
#noteArea {
	position:absolute;
	left:691px;
	top:486px;
	width:108px;
	height:92px;
	background-image: url(../images/notebg.jpg);
	z-index:5;
}
#btn-prev- {
	position:absolute;
	left:660px;
	top:548px;
	width:30px;
	height:20px;
	background-image: url(../images/btn-prev-.gif);
	z-index:2;
	cursor: hand;
}
#btn-next- {
	position:absolute;
	left:700px;
	top:548px;
	width:30px;
	height:20px;
	background-image: url(../images/btn-next-.gif);
	z-index:2;
	cursor: hand;
}
#btn-help- {
	position:absolute;
	left:660px;
	top:200px;
	width:120px;
	height:30px;
	background-image: url(../images/btn-help-.gif);
	z-index:2;
	cursor: hand;
}
#btn-quit- {
	position:absolute;
	left:660px;
	top:230px;
	width:120px;
	height:30px;
	background-image: url(../images/btn-quit-.gif);
	z-index:2;
	cursor: hand;
}
#btn-ctrl-pause- {
	position:absolute;
	left:660px;
	top:495px;
	width:120px;
	height:30px;
	background-image: url(../images/btn-ctrl-pause-.gif);
	z-index:2;
	cursor: hand;
}
#commentBgArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-image: url(../images/commentbg.jpg);
	z-index:3;
}
#commentArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:4;
	overflow: hidden;
}
#btn-hide- {
	position:absolute;
	left:729px;
	top:536px;
	width:57px;
	height:29px;
	background-image: url(../images/btn-hide-.gif);
	z-index:6;
	cursor: hand;
}
#btn-save- {
	position:absolute;
	left:729px;
	top:499px;
	width:57px;
	height:29px;
	background-image: url(../images/btn-save-.gif);
	z-index:6;
	cursor: hand;
}
#logoArea {
	position:absolute;
	left:15px;
	top:5px;
	width:73px;
	height:57px;
	background-image: url(../images/logo.gif);
	z-index:2;
}
#timeArea {
	position:absolute;
	left:162px;
	top:272px;
	width:80px;
	height:18px;
	z-index:2;
	padding-top: 2px;
	padding-left: 4px;

}
#processBarArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:2;
	visibility:hidden;
}
#processTextArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:2;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 6pt;
	padding: 0px;
	cursor: hand;
	visibility:hidden;
}
#courseNameArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-image: url(../images/coursename.gif);
	z-index:2;
}
#headerArea {
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	z-index:2;
	overflow: hidden;
	font-size: 9pt;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 6px;
	text-align: left;
}
#btn-struc- {
	position:absolute;
	left:660px;
	top:10px;
	width:120px;
	height:30px;
	background-image: url(../images/btn-struc-.gif);
	z-index:2;
	cursor: hand;
}
#btn-control- {
	position:absolute;
	left:79px;
	top:304px;
	width:51px;
	height:27px;
	background-image: url(../images/btn-control-.gif);
	z-index:2;
	cursor: hand;
}
#copyrightArea {
	position:absolute;
	left:280px;
	top:510px;
	width:391px;
	height:54px;
	background-image: url(../images/copyright.gif);
	z-index:2;
}
#tocSelect {
	position:absolute;
	left:1px;
	top:1px;
	width:147px;
	height:20px;
	z-index:4;
	cursor: hand;
	font-size: 9pt;
	color: #000000;
	padding-top: 2px;
	padding-left: 3px;
	text-align: left;
}
#cpSelect {
	position:absolute;
	left:1px;
	top:23px;
	width:147px;
	height:20px;
	z-index:4;
	cursor: hand;
	font-size: 9pt;
	color: #000000;
	padding-top: 2px;
	padding-left: 3px;
	text-align: left;
}
.controlpanel {
	z-index:1;
	cursor: hand;
	font-size: 9pt;
	color: #FFFFFF;
}
#commentInput {
	font-size: 9pt;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height: 50px;
	width: 376px;

}
#btn-add- {
	position:absolute;
	left:18px;
	top:13px;
	width:78px;
	height:29px;
	background-image: url(../images/btn-add-.gif);
	z-index:1;
	cursor: hand;
}
#btn-del- {
	position:absolute;
	left:107px;
	top:13px;
	width:78px;
	height:29px;
	background-image: url(../images/btn-del-.gif);
	z-index:1;
	cursor: hand;
}
#btn-src- {
	position:absolute;
	left:211px;
	top:11px;
	width:76px;
	height:28px;
	background-image: url(../images/btn-src-.gif);
	z-index:1;
	cursor: hand;
}
#searchInput {
	position:absolute;
	left: 22px;
	top: 15px;
	font-size: 9pt;
	border: none;
	width: 174px;
	height: 16px;
	background-color: #B9B9B9;
}
#btn-lay- {
	position:absolute;
	left:168px;
	top:185px;
	width:66px;
	height:27px;
	background-image: url(../images/btn-lay-.gif);
	z-index:1;
	cursor: hand;
}
#t1 {
	font-size: 9pt;
	color: #FFFFFF;
	padding-top: 2px;
	padding-left: 2px;
	position: absolute;
	left: 43px;
	top: 36px;

}
#t2 {
	font-size: 9pt;
	color: #FFFFFF;
	height: 20px;
	width: 320px;
	padding-top: 2px;
	padding-left: 2px;
	position: absolute;
	left: 43px;
	top: 219px;
	text-align: center;
}
#r1 {
	position: absolute;
	left: 54px;
	top: 110px;
}
#r2 {
	position: absolute;
	left: 215px;
	top: 110px;
}
#btn-log- {
	position:absolute;
	left:102px;
	top:66px;
	width:60px;
	height:25px;
	background-image: url(../images/btn-log-.gif);
	z-index:3;
	cursor: hand;
}
#loginInput {
	font-size: 9pt;
	width: 180px;
	height: 16px;
	z-index:3;
	font-size: 9pt;
	color: #FFCC00;
	border: 1px solid #FFCC00;
	background-color: transparent;
	border-top: 1px none #FFCC00;
	border-right: 1px none #FFCC00;
	border-bottom: 1px solid #FFCC00;
	border-left: 1px none #FFCC00;
}
#titleArea {
	font-size: 18pt;
	color: #B9B9B9;
	height: 30px;
	width: 400px;
	padding-top: 2px;
	padding-left: 2px;
	position: absolute;
	left: 200px;
	top: 121px;
	text-align: center;
	font-weight: bold;

}
#checkInfo {
	font-size: 9pt;
	color: #B9B9B9;
}
#loginArea {
	position:absolute;
	left:268px;
	top:438px;
	width:264px;
	height:91px;
	z-index:2;
	visibility:visible;
	color: #FFCC00;
}
#welcomeArea {
	position:absolute;
	left:268px;
	top:438px;
	width:264px;
	height:91px;
	font-size: 9pt;
	color: #FFCC00;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	z-index:2;
	visibility:hidden;
}
#contactArea {
	position:absolute;
	left:262px;
	top:535px;
	width:276px;
	height:20px;
	z-index:2;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;
}
#listArea {
	position:absolute;
	left:5px;
	top:20px;
	padding-top: 0px;
	padding-left: 0px;
	width:390px;
	height:254px;
	z-index:2;
	overflow: auto;
}
#listArea2 {
	position:absolute;
	left:5px;
	top:70px;
	padding-top: 0px;
	padding-left: 0px;
	width:290px;
	height:270px;
	z-index:2;
	overflow: auto;
}
#listArea3 {
	position:absolute;
	left:5px;
	top:350px;
	padding-top: 0px;
	padding-left: 0px;
	width:290px;
	height:30px;
	z-index:2;
	font-size: 9pt;
	color: red;
	text-align: center;
}
td {
	font-size: 9pt;
	color: #FFFFFF;
}
.aa{
	font-size: 9pt;
	color: silver;
	cursor: hand;
}
#btn-close- {
	position:absolute;
	left:260px;
	top:517px;
	padding-top: 5px;
	padding-left: 0px;
	width:280px;
	height:27px;
	cursor: hand;
	text-align: center;
}