html 
{
	/* Set to force vertical scrollbar on FF and Opera */
	height: 100%;
	padding-bottom: 1px;
}
body {
	background-color: #ececec;
	margin: 0px 0px 0px 0px;
	color: #404040;
	font-family: Trebuchet MS, Verdana;
	font-size: 10pt;
}

/* Anchor tags */
a:hover {
	color: #707070;
	text-decoration: underline;
}

a {
	color: #404040;
	text-decoration: none;
}

/* Horizontal ruler */
hr 
{
	padding: 0px;
	border: solid 1px #e5e5e5;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	
}

/* Input fields section */
input, textarea, select {
	font-family: Trebuchet MS, Verdana;
	font-size: 10pt;
}

input[type="text"], input[type="password"] 
{
	width: 200px;
}
input[type="file"] 
{
	width: 350px;
}
input[type="text"], input[type="password"], input[type="file"], textarea, option
{
	border: solid 1px #d0d0d0;
	padding: 2px 2px 2px 2px;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, textarea:hover {
	background-color: #f5f5f5;
	border: solid 1px #c0c0c0;
}

input[type="button"], input[type="submit"], button {
	padding-left: 15px;
	padding-right: 15px;
}

input[class="search"] 
{
	width: 250px;
}

/* Course search fields */
input.course_search_text
{
	margin-top: 5px;
	margin-left: 5px;
	width: 100px;
	font-size: 8pt;
}
input.course_search_button
{
	font-size: 8pt;
}


/* The outermost wrapper */
.Main_Wrapper, .Main_Wrapper_NoMenu, .Main_Wrapper_Logon, .Main_Wrapper_Popup, .Main_Wrapper_Editor {
	/* Set margin-left and margin right to auto to center */
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}

.Main_Wrapper {
	width: 1000px;
}

.Main_Wrapper_NoMenu {
	width: 800px;
}

.Main_Wrapper_Logon {
	width: 400px;
}

.Main_Wrapper_Popup {
	width: 500px;
}

.Main_Wrapper_Editor {
	width: 1040px;
}


/* Common window properties */

.Content_Main, .Menu_Main, .Logon_Main, .Popup_Main {
	margin-top: 5px;
	font-size: 10pt;
	font-family: Trebuchet MS;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	overflow: hidden;
}


/* Menu window section */ 

.Menu_Section {
	width: 270px;
	float: left;
}

.Menu_Wrapper {
	width: 270px;
	clear: left;
}

.Menu_Header {
	background: url('images/menu_header_270x25.png');
	height: 25px;
}

.Menu_Body {
	padding: 1px 0px; /* Collapsing margins fix */
	background: url('images/menu_body_270x1.png');
	background-repeat: repeat-y;
	min-height: 120px;
}

.Menu_Footer {
	background: url('images/menu_footer_270x50.png');
	height: 50px;
}

.Menu_Main {
	width: 220px;
}


/* Content window section */ 
.Content_Wrapper {
	float: left;
	width: 850px;
}

.Content_Header, .Content_Header_Editor {
	background: url('images/content_header_850x25.png');
	height: 25px;
}

.Content_Body, .Content_Body_Editor {
	padding: 1px 0px;
	background: url('images/content_body_850x1.png');
	background-repeat: repeat-y;
	min-height: 530px;
}

.Content_Footer_Course
{
	background: url('images/content_footer_730x70.png');
	height: 70px;
}


.Content_Footer, .Content_Footer_Editor {
	background: url('images/content_footer_850x50.png');
	height: 50px;
}

.Content_Main {
	width: 800px;
	margin-bottom: 15px;
}


/* Content window section - when displaying EDITOR */ 
.Main_Wrapper_Editor .Content_Wrapper {
	width: 770px;
}

.Main_Wrapper_Editor .Content_Header {
	background: url('images/content_header_770x25.png');
}

.Main_Wrapper_Editor .Content_Body {
	background: url('images/content_body_770x1.png');
}

.Main_Wrapper_Editor .Content_Footer {
	background: url('images/content_footer_770x50.png');
}

.Main_Wrapper_Editor .Content_Main {
	width: 720px;
}



/* Popup window section */ 
.Popup_Section {
	width: 500px;
}

.Popup_Wrapper {
	width: 500px;
	clear: left;
}

.Popup_Header {
	background: url('images/window_header_500x25.png');
	height: 25px;
}

.Popup_Body {
	padding: 1px 0px; /* Collapsing margins fix */
	background: url('images/window_body_500x1.png');
	background-repeat: repeat-y;
	min-height: 120px;
}

.Popup_Footer {
	background: url('images/window_footer_500x50.png');
	height: 50px;
}

.Popup_Main {
	width: 450px;
}


.StartBanner {
	margin-left: 10px;
	position: relative;
	top: -2px;
}



/* Table/ Grid section */

td.Grid, td.GridCalendar {
	padding: 2px 5px 2px 5px;
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 10pt;
	background-color: #f3f3f3;
	border-bottom: solid 1px #f0f0f0;
}
td.GridDetails {
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 8pt;
	color: #606060;
}
td.GridCalendar {
	background-color: #d0d0d0;
	border-bottom: 1px solid #404040;
}

/* Calendar section */ 
div.Calendar_Wrapper {
	width: 100%;
	height: 100%;
	background-color: White;
	text-align: center;
}




/* Navigation controls section */
#Course_Footer 
{
	padding-top: 10px;
	width: 100%;
	height: 32px;
	clear: both;
}
#Course_Comments 
{
	float: left;
	margin-left: 20px;
}
#Navigation_Wrapper {
	float: right;
	width: 185px;
	margin-right: 20px;
}

#Navigation_Next, #Navigation_Previous 
{
	height: 20px;
	width: 90px;
	float: left;
	/* border: solid 1px red;*/
}

#Navigation_Next:hover, #Navigation_Previous:hover 
{
	/* background-color: #e0e0e0;*/
}

#Navigation_Next 
{
	text-align: right;
}

#Navigation_Next_Icon, #Navigation_Previous_Icon {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

#Navigation_Next_Icon
{
	float: right;
}
#Navigation_Previous_Icon 
{
	float: left;
}
#Navigation_Next_Icon {
	background: url('icons/16/forward_16x16.png');
}

#Navigation_Next_Icon:hover {
	background: url('icons/16/forward_16x16.png');
}
#Navigation_Previous_Icon {
	background: url('icons/16/back_16x16.png');
}
#Navigation_Previous_Icon:hover {
	background: url('icons/16/back_16x16.png');
}
#Navigation_Next_Link 
{
	margin-right: 5px;
}

#Navigation_Previous_Link 
{
	margin-left: 5px;
}



/* Layout controls section */

.Table {
	/*border: solid 1px orange;	*/
	margin-top: 25px;
	width: 680px;
}
.ColumnLeft {
	clear: both; /*border: solid 1px green;*/
	width: 330px;
	float: left;
}
.ColumnRight {
	/*border: solid 1px red;*/
	margin-left: 10px;
	width: 330px;
	float: left;
}



/* Menu section */

.MenuList 
{
    margin-top: 3px;
	margin-left: 0px;
	padding-left: 0px;
	width: 220px;
}
.MenuItem, .MenuItem_Indented {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 10pt;
	overflow: hidden;
}
.MenuItem_Indented {
	margin-left: 5px;
}

.MenuItem_Hidden {
	display: none;
}

.MenuItemIcon {
	border: none;
	float: left;
	margin: 3px 4px 0px 4px;
}
a.MenuItemLink, .MenuItemLink_Focus {
	height: 20px;
	line-height: 20px;
	color: #404040;
	width: 100%;
	display: block;
	text-decoration: none;
	background-color: #ffffff;
}
/* Do not set display: block on hover or else it will not work */
a.MenuItemLink:hover, a.MenuItemLink_Focus:hover {
	color: #606060;
	background-color: #f5f5f5;
}

a.MenuItemLink_Focus {
	text-decoration: underline;
}

a.MenuItemLink_Disabled {
	color: #b0b0b0;
}


#NavigationSelected {
	font-weight: bold;
	text-decoration: underline;
}





.PageIntro {
	font-family: Verdana, Tahoma;
	color: #404040;
}





/* Profile section */
img.ProfileImage 
{
	clear: both;
	border: solid 1px #909090;
	float: left;
	margin-right: 10px;
	max-height: 140px;
	max-width: 150px;
}
div.ProfileDescription {
	clear: both;
	margin-top: 10px;
	margin-bottom: 15px;
}

/* Graph Section */
td.Graph_Green	{border-bottom: solid 1px #bac2ba; border-right: solid 1px #bac2ba; background-color: #dae2da; height: 22px;}
td.Graph_Red	{border-bottom: solid 1px #d8bebe; border-right: solid 1px #d8bebe; background-color: #f8dede; height: 22px;}
td.Graph_Orange	{border-bottom: solid 1px #dfd3c1; border-right: solid 1px #dfd3c1; background-color: #fff3e1; height: 22px;}

.SmallText {
	font-size: 8pt;
	color: #808080;
}

.HTMLContent, .UISection, .UISubSection
{
	clear: both;
	margin-bottom: 15px;
	
}
.UISubSection 
{
	margin-top: 20px;
}

.HTMLContent a, .UIDetails a, .UIForm a
{
	color: #3276BD;
}

.HTMLContent p, .HTMLContent ol, .HTMLContent ul {
	margin-top: 1px; margin-bottom: 1px 
}

.PageHeader, .PageDescription 
{
	margin-bottom: 20px;
}

.PageHeader img, .PageDescription img 
{
	float: left;
	margin-right: 5px;
}
.PageHeader div
{
	font-size: 11pt;
	color: #404040;
	margin-top: 3px;

}

.PageDescription div
{
	font-size: 10pt;
	color: #404040;
	margin-top: 0px;

}



.Debug_Window {width: 200px; height: 250px; position: fixed; z-index: 10000; top: 30px; left: 800px; border: 1px solid red; font-size: 10pt; font-family: Tahoma, Arial; background-color: #f0f0f0; padding: 5px 5px 5px 5px;}

.Task_PassedDueDate {color: #CC6666;}
.Task_Completed {color: Gray; text-decoration: line-through;}

.Breadcrumb 
{
	font-size: 9pt;
	color: #808080;
	margin-bottom: 5px;
	margin-left: 15px;
}

.Breadcrumb a
{
	color: #808080;
}

.Part	/* AJAX */ 
{
	clear: both;
	padding-top: 0px;
}

.NoData 
{
	clear: both;
	font-style: italic;
	margin: 20px 0px 20px 0px;
}

.Red 
{
	color: #CC6666;
}

.Green
{
	color: green;
}


option.ReportingUnit {color: #3276BD;} 

.Link_Disabled 
{
	color: #a0a0a0;
}
.UIFooterInfo 
{
	border-top: solid 1px #e5e5e5;
	padding-top: 5px;
	clear: both;
	font-size: 8pt;
}
.ajax_loader 
{
    color: #808080;
    font-size: 9pt;
    padding-left: 20px;
    background-image: url(images/ajax-loader.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.Marker 
{
    background-color: Yellow;
}


.Link 
{
    clear: both;
}

.LinkIcon 
{
    clear: both;
    vertical-align: middle;
}