﻿body
{
	background-image: url("/images/RedGrayBar.gif");
	background-repeat: repeat-y;
	margin: 10px 0px 0px 40px;
	font-family: Segoe UI , Tahoma, Arial, Sans-Serif;
	font-size: small;
}

p
{
	margin: 5px 0px;
}
a
{
	text-decoration: none;
}
a:hover
{
	color: Red;
}

div.PageSubTitle, div.PageSubTitle a
{
	color: navy; /*#E1E1E1;*/
	text-decoration: none;
	font-size: 10pt;
	margin-left: 10;
}

div.PageTitle
{
	color: navy; /*White;*/
	font-size: 20pt;
	margin-left: 10px;
}
/*
div.PageSubTitle 
{
	color: #EBEBEB;
	font-size: 12pt;
	margin-left: 0px;
}
*/
div.menupath
{
	color: #E1E1E1;
}

div.menupath span a
{
	font-size: 9pt;
	color: #E1E1E1;
	padding: 0px 5px 1px 5px;
	border: 0px solid gainsboro;
	text-decoration: none;
}
div.menupath span a:hover
{
	color: black;
	padding: 0px 5px 1px 5px;
	background-color: #759AB5;
}
div.menupath span.current a
{
	color: black;
	font-weight: bold;
	padding: 0px 5px 1px 5px;
	border: 2px solid #F8941D;
	border-width: 2px 0px 0px 0px;
	background-color: #F8941D;
	text-decoration: none;
}

div.menupath span.thislevel a
{
	background-color: #9ACD32;
}


/* ---- */

h1
{
	font-family: Segoe UI , Tahoma, Arial, Sans-Serif;
	font-size: 150%;
	font-weight: normal;
	color: #DC143C; /* crimson */
	margin: 3px 0px 10px 0px;
}

div.sidebarHead
{
	font-weight: bold;
	color: silver;
	padding: 1px 0px 1px 3px;
	background-color: #707070;
	border: 1px solid #404040;
	border-width: 1px 1px 0px 0px;
}
div.sidebar
{
	background: url(   '/images/listmenu_o.png' ) repeat-y left 50%;
	padding: 3px 2px 5px 29px;
}
div.sidebarFull
{
	padding: 5px 5px 8px 5px;
}




div.mainzone
{
	position: absolute;
	padding: 15px 10px 10px 18px;
	padding-top: 165px; /* 150px;*/
	padding-left: 208px; /*190px; */
	top: 0px;
	left: 0px;
	z-index: 0;
}

div.sidebarzone
{
	height: 100%;
	width: 190px;
	position: absolute;
	top: 130px;
	left: 0px;
	z-index: 10;
	font-size: 10pt;
	font-weight: normal;
	background-color: transparent;
}

div.bluebox
{
	background-color: #EFF3FB;
	/*
	background-color: AntiqueWhite;*/
	
	border-color: #B5C7DE;
	border-width: 1px;
	border-style: Solid;
	border-collapse: collapse;
	padding: 10px;
	margin: 10px 0px;
}

.cuteEditorTextArea
{
	padding: 5px;
}




div.TopicHead
{
	margin: 0px 0px;
	text-align: center;
}
div.TopicHead img { margin: 0px; }

div.TopicContent
{
	padding: 5px;
}

div.TopicContent b
{
	color: Navy;
}
div.TopicContent b.SubHead
{
	font-size: 110%;
	color: #D2691E; /* chocolate */
}


div.NewsItem, div.BoxItem
{
	margin: 5px 0px;
	border: 1px solid #3776A0;
	border-color: #C0D5EC #C0D5EC #C0D5EC #3776A0;
	border-left-width: 10px;
	padding: 5px;
	background-color: white;
	vertical-align: middle;
}
div.CourseItem, div.BoxSilverItem
{
	margin: 5px 0px 15px 0px;
	border-color: silver silver silver gray;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	padding: 5px 5px 5px 5px;
	background-color: #F5F5F5; /* whitesmoke */
}

td div.BoxSilverItem
{
	margin-bottom: 5px;
}

div.BoxSilverItem div.BoxItem
{
	border-left-width: 5px;
}

div.HorizontalBar
{
	border: 1px dotted silver;
	border-width: 0px 0px 1px 0px;
	margin: 10px 0px;
}

td.dt
{
	font-weight: bold;
	color: maroon; /* chocolate */
}
dl dd
{
	margin-left: 80px;
}


tr
{
	vertical-align: top;
}

div.BoxItem ul, div.BoxSilverItem ul
{
	margin: 5px 5px 5px 1.2em;
}

ul.checklist
{
	/* list-style-image : url('/images/topic.png'); */
	margin-left: 1.2em;
	margin-bottom: 0px;
}

ul.courselets
{
	list-style-image: url('/images/courselet.png' );
	margin-top: 8px;
	margin-left: 18px;
	list-style-position: outside;
}
ul.modules
{
	list-style-image: url('/images/module.png' );
	margin-top: 8px;
	margin-left: 0px;
	list-style-position: outside;
}
ul.topics
{
	list-style-image: url('/images/topic.png' );
	margin-top: 8px;
	margin-left: 18px; 
	list-style-position: outside;
}

ul.courses
{
	list-style-image: url('/images/course.png' );
	margin-top: 2px; /*margin: 2 0 0 0; 	border: 1px solid black; 	 firefox/opera  	position: relative; 	left: -30px;*/
}

ul.people
{ 
	list-style-image: url('/images/actorBlack.png');
	margin-left: 1.2em;
	margin-top: 0px;
}
ul.people ul { margin-left: 1.2em; }

ul.modules li
{
	margin: 2px 1px 1px 0px;
	padding-left: 0px;
}
ul.courses li
{
	margin: 0px;
	padding-left: 3px;
	list-style-position: outside;
}
ul.courselets li
{
	/*margin: 2px 1px 1px 18px;*/
	padding-left: 3px;
}

img.bborder
{
	border: 1px solid black;
}

td.leftbar
{
	text-align: center;
	border-style: dotted;
	border-width: 0px 0px 0px 1px;
	border-color: #3776A0;
}


span.saturday
{
	background-color: #9966CC;
	text-align: center;
	padding: 0px 2px;
	color: white;
}

span.sunday
{
	background-color: #FF7F50;
	text-align: center;
	padding: 0px 2px;
	color: white;
}

span.monday, span.tuesday, span.wednesday, span.thursday, span.friday
{
	background-color: #009999;
	text-align: center;
	padding: 0px 2px;
	color: white;
}

div.button 
{
	width: 140px;  
	margin: 0px;
	padding: 12px 10px;
	border: 1px solid black;
	cursor: hand;
}
 a div.button 
{
	text-align: center;
	vertical-align: middle;
	width: 140px;  
	margin: 0px;
	padding: 12px 10px;
	background-color: #D3D7DD;
	 border: 1px solid white;
	 cursor: hand;
}
a:hover div.button 
{
	
	text-align: center;
	vertical-align: middle;
	width: 140px;  
	padding: 11px 10px;
	color: #FFF;
	background-color: black; /*#46A;*/
	border: 1px solid black; /* #BAD2EA; /* #ADF; */
	font-weight: bold; 
	background-image: url('/images/bg_button1info.png');
	background-repeat: repeat-x;
	cursor: hand;
	font-size: 105%;
}

span.TagMVP, span.TagRD, span.TagMS, span.TagVIP
{
	background-color: #FF7F50;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}

span.Tagvt_11_confirmed {
	background-color: maroon;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}
span.TagVT_9, span.TagVT_9_spk, span.TagVT_8, span.TagVT_8_spk, span.TagAB10_Winner,
span.TagVT_10, span.TagVT_10_spk,span.TagVT_11, span.TagVT_11_spk, span.TagVT_12, span.TagVT_12_spk, 
span.TagVT_13, span.TagVT_13_spk
{
	background-color: #1E90FF;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}
span.TagVT_10_absent, span.TagVT_11_absent, span.TagVT_12_absent,span.Tagvt_13_absent
{
	background-color: gray;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}

span.TagVT_9_spk, span.TagVT_8_spk
{
	background-color: #4682B4;
}

span.user 
{
	font-weight: 700;
	color: #DC143C; /* crimson */
}

span.TagStudent_GF1120, span.TagStudent_GF2120, 
span.TagStudent_GF3120, span.TagStudent_GF5120, 
span.TagStudent_GF2131
{
	background-color: #D2691E;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}

span.TagMember 
{
	display: none;
}

span.TagTA_GF1120, span.TagTA_GF2120
{
	background-color: #FF7F50;
	text-align: center;
	padding: 0px 2px;
	color: white;
	font-size: 6pt;	
	font-weight: bold;
	margin-right: 1px;
}


span.StatusOpen 
{
	color: #FF7F50;
	background-color: whitesmoke;
	padding: 0px 3px;
	font-weight : bold; 
}

span.StatusClosed
{
	color: black;
	font-weight: bold;
}

span.CourseSubTitle, div.CourseSubTitle
{
	font-size: 8pt; color: #3776A0;
}

div.CourseSubTitle
{
	padding: 5px 0px;
}
