html {
	overflow: hidden;
}
body {
	font-family: Tahoma; font-size: 8pt;
	margin: 0px; background-color:#DBEEFC;
	background-repeat: no-repeat;
}

div.Lock {
	width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;
	background-color: #000000;
	cursor:default;
	z-index: 10;
	filter: alpha(opacity=90);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.9;
	width: 100%; height: 100%;
}

span.Loading {
	padding: 10px 10px 0px 10px;
	width: 270px; height: 124px;
	border: 3px dashed #0F4D64;
	background-color: #E6F4FF; font-size:10pt; font-weight:bold;
}

span.Loading#LockPage {
	padding: 30px 20px 20px 20px;
	width: 500px; height: 150px;
	border: 3px dashed #0F4D64;
	background-color: #E6F4FF; font-size:10pt; font-weight: normal; color: red;
}

span.Loading#NewMemberPage {
	padding: 10px 10px 0px 10px;
	width: 400px; height: 300px;
	border: 3px dashed #0F4D64;
	background-color: #E6F4FF; font-size:10pt; font-weight:bold;
}
span.Loading#NewMemberPage div {
	width:320px; text-align:right;
	margin-bottom: 5px;
}
span.Loading#NewMemberPage input {
	width:174px;
}
span.Loading#NewMemberPage select {
	width:176px;
}

span.Loading#LoadingWindows {
	padding: 5px 0px 0px 0px;
	width: 800px; height: 419px;
	border: 3px dashed #0F4D64;
	background-color: #E6F4FF; font-size:10pt; font-weight:normal;
}

div.Main {
	padding-top: 45px; padding-left: 10px;
	cursor: default;
}

div.OLCIcon {
	width: 80px; height: 60px;
	text-align: center; font-weight: bold;
	position: absolute; z-index: 1;
	cursor: pointer;
	margin-bottom: 0px;
	padding-top: 10px;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}
div:hover.OLCIcon {
	background-image:url('http://images.openlearningcenter.com/icon/objhover.png'); background-repeat: no-repeat;
}

div.OLCIcon img	{
	width: 32px; height: 32px;
	margin-bottom: 5px;
}

div.OLCWindow {
	border: 2px solid #0F4D64;
	position: absolute; z-index: 1;
	background-color: #E6F4FF;
	cursor: default;
	filter: alpha(opacity=60);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	opacity: 0.6;
	visibility: hidden;
}
div.OLCWindow .Title {
	height: 22px; width: 100%; float: left;
	font-size: 12pt; color: #FFFFFF; text-align: center;
	background-color: #0F4D64;
	font-weight: bold;
}
div.OLCWindow .TitleText {
	height: 19px; width: 100%; float: left;
	padding: auto;
	cursor: move;
}
div.OLCWindow .TitleBotton {
	height: 15px; float: right;
	padding: 2px;
	margin-top: -18px;
	cursor: default;
}
div.OLCWindow .TitleBottonLeft {
	height: 15px; float: left;
	padding: 2px;
	margin-top: -18px;
	cursor: default;
}
div.OLCWindow .Body {
	overflow: auto;
	float: left;
}

div.GadGate {
	cursor: default;
}

div.OLCGadGate {
	z-index: 0;
	position: absolute;
}

div.MessageAlert {
	z-index: 4;
	text-align: center;
	position: absolute;
	width: 200px; height: 90px;
	background-color:#FFFFFF; border: 4px solid #FF9900;
	filter:alpha(opacity=90); opacity: 0.9;
	visibility: hidden;
	display: none;
	cursor: pointer;
}

div.OLCNoteShadow {
	left: 0px; top: 0px;
	position: absolute; width: 0px; height: 0px; z-index: 10; background-color: #CCCCCC; opacity: 0.8;
	overflow: hidden;
}
div.OLCNote {
	left: 0px; top: 0px;
	border:1px solid #000000; position: absolute; width: 0px; height: 0px; z-index: 10; background-color: #FFFF99;
	overflow: hidden; cursor: move;
}
textarea.OLCTextNote {
	width: 182px; height: 222px; margin: 10px; border: 2px solid #EBCB18; background-color: #FFFF99; resize: none; overflow: hidden;
}
textarea:focus.OLCTextNote {
	border: 2px solid #EBCB18
}

input.nofocus {color:#C0C0C0; font-size:8pt}
input.readonly {border: none; background: none; padding-left:0px;}
input:focus.readonly {border: none; background: none;}

input,textarea,select { background-color: #F6F6F6; border: 1px solid #ABC6DD; font-family: Tahoma; font-size: 10pt; padding-left:3px; }
input:focus,textarea:focus,select:focus { background-color: #FFFF99; border: 1px solid #EBCB18}

.LinkAlert {color:#CC0000; font-size: 10pt}

.FlatScroll {
	SCROLLBAR-FACE-COLOR: #F0F0F0;
	SCROLLBAR-TRACK-COLOR: #F0F0F0;
	SCROLLBAR-ARROW-COLOR: #A0A0A0;
	SCROLLBAR-HIGHLIGHT-COLOR: #F0F0F0;
	SCROLLBAR-SHADOW-COLOR: #F0F0F0;
	SCROLLBAR-3DLIGHT-COLOR: #C0C0C0;
	SCROLLBAR-DARKSHADOW-COLOR: #C0C0C0;
}

.Classlist {font-family: Tahoma; font-size: 10pt;cursor: default;}

.StatusOff {text-decoration: overline underline; color:#808080; font-size: 10px; font-weight:bold; text-align:center; width:25px}
.StatusOn {color:#000080; font-size: 12px; font-weight:bold; text-align:center; width:25px}
.UserOn {font-weight:bold; color:#000000;}
.UserOff {color:#808080;}
.UserMute {color:#808080; text-decoration:line-through}
.Teacher {font-weight:bold; color:#000080;}
.Admin {font-weight:bold; color:#800000;}
.Profile {text-align:right; padding-right: 5px}
.ProfileLink {color:#000080; font-size: 8px; font-weight:bold; text-decoration:none;cursor:pointer}

.NewMessage {margin-left: 30px; margin-top: 1px; margin-bottom: 1px; text-indent: -20px;}
.ReMessage {margin-left: 30px; margin-top: 1px; margin-bottom: 1px;}
.NewReMessage {margin-left: 30px; margin-top: 6px; margin-bottom: 1px; text-indent: -20px;}
.PrivateMessage {margin-top: 11px; margin-bottom: 1px; background-color: #99CCFF;}
.Admin {color: darkred; font-weight: bold;}
.Teacher {color: darkblue; font-weight: bold;}
.Student {color: black; font-weight: bold;}

a { behavior: url("Links.htc"); }
a { font-family: Tahoma; font-size: 9pt; color: #0000FF; text-decoration: none; cursor:pointer; }
a:hover { color: #800080; }

p { font-size:9pt; margin-bottom: 5px; margin-top: 5px; margin-left: 5px; }