@charset "utf-8";
/* CSS Document */

html {height:100%;}

body {
background-image: url(../images/layout/bg.gif);
background-repeat: repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
height:100%;
overflow-y:scroll;
}

img {border: 0px;}

a:link {color:blue; text-decoration: none}
a:visited {color:blue; text-decoration: none} 
a:active {color:blue; text-decoration: none}
a:hover {color:blue; text-decoration: underline; color:#C30000;}




/* ----------container to center the layout-------------- */
#container {
position: relative;
width: 950px;
margin-left: auto;
margin-right: auto;
overflow: visible;
z-index: 1;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #fff;
text-align: right;
padding: 0px;
margin: 0px;
height: 185px;
z-index: -200;
}



/* -----------------content--------------------- */
#content {
float: left;
position: relative;
background-color: #ffffff;
padding: 10px;
padding-bottom: 30px;
width: 930px;
z-index:-200;
}


/* ------------- Captions ------------------ */

.coursecaption {
font-size: 16px;
text-align: center;
font-weight: bold;
margin-top:7px;
}


.topcaption {
margin-top:-30px; 
text-align:left; 
margin-left: 135px; 
font-size: 18px;			 
font-weight: bold;			 
}

.caption {
font-size: 16px;
text-align: center;
font-weight: bold;
}

.subcaption{
font-size: 13px;
font-weight: bold;
margin-top: 20px;
}

.subsubcaption {
font-weight: bold;
font-size: 11px;
}

.error {
font-size: 16px;
text-align: center;
font-weight: bold;
color: red;
}


.bigger {
font-size: 13px;
}


.Bigger {
font-size: 14px;
}


.BIGGER {
font-size: 15px;
}

.description {
font-size: 13px;
font-weight: bold;
margin-top: 20px;
text-align: center;
}


.description_small {
font-size: 13px;
font-weight: normal;
margin-top: 20px;
text-align: center;
}


.captionpic {
margin-left: 60px; 
width:48px; 
height:48px;	
}


.coursedetailItem {
font-size: 16px;
font-weight: bold;
}


.coursedetailItem img {
margin-left: 50px; 
margin-right: 11px;
width:48px; 
height:48px;
vertical-align:middle;
}




/* ------------- Tables ------------------ */

.extra_table{
margin-left: auto;
margin-right: auto;
border: 1px;
border-style: solid;
border-color: /*#B4B4B4;*/ #C8C8C8;
width: 600px;
background: #F0F0F0;
margin-top:5px;
border-collapse: collapse;
}

.extra_table th{
	text-align:left;
	font-weight: bold; 
	padding-left: 4px;
	height: 20px;
	border-bottom: 1px solid  #B4B4B4;
	border-left: 1px solid #B4B4B4;

}

.extra_table.darkHeader {
	background: #DADADA;
}


.extra_table th.withoutLeft{
	text-align:left;
	font-weight: bold; 
	padding-left: 4px;
	height: 20px;
	border-bottom: 1px solid  #B4B4B4;
	border-left: 0px;
}

.extra_table td.bottom_border {
	border-bottom:1px solid black;
}

.extra_table td.desc {
	font-weight: bold; 
	padding-left: 20px;	
}

.extra_table td.bordered {
	border: 1px solid /*#B4B4B4;*/ #C8C8C8;
	padding-left: 3px;
}

.extra_table tr.bordered  td {
	border: 1px solid /*#B4B4B4;*/ #C8C8C8;
	padding-left: 3px;
}

.sortcol {
	cursor: pointer;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
/*	background-color: #BBB;*/
	background-image: url(../images/layout/sorting/up.gif);
}
.sortdesc {
/*	background-color: #CCC;*/
	background-image: url(../images/layout/sorting/down.gif);
}
.nosort {
	cursor: default;
}

tr.roweven {
	background-color: #FFFFDC;/*#EBEBEB;*/
}

tr.rowodd {
	background-color: #FFFFFF;
}

.calendar {
	border: 1px solid black;
	border-collapse:collapse;
	font-size: 13px;
	background-color: #C00000;
	margin: auto;
}


.calendarheader {
	font-size: 13px;
	margin: auto;
}


.calendarheader td.nav {
	background-color: #fff;
	color: #C00000;
	width: 105px;
	height: 25px;
	text-align: center;
}


.calendarheader td.month {
	width:165px; 
	font-size:16px; 
	background-color: #fff;
	color: #000;
	height: 25px;
	text-align: center;
	font-weight: bolder;
}

.calendar th {
	border: 1px solid black;
	border-collapse:collapse;
	background-color: #C00000;
	color: #fff;
	width: 105px;
	height: 25px;
	text-align: center;	
}



.calendar td.normal {
	border: 1px solid black;
	border-collapse:collapse;
	text-align: left;
	padding-left: 5px;
	padding-right: 3px;
	background-color: #fff;
	width: 105px;
	height: 80px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}
			  
.calendar td.empty {
	border: 1px solid black;
	border-collapse:collapse;
	text-align: center;
	background-color: #E6E6E6;
	width: 105px;
	height: 80px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
}

.calendar td div {
	font-size: 10px; 
	font-weight: normal; 
	text-align: left; 
	margin-left: 5px;
	margin-top: -5px;


}

.calendar td.app {
	background-color: #FFFFDC;/*#FFC8C8;*/
}

.calendar div.cw {
	text-align: right;
	margin-top: -15px;
}

.calendar td.empty div.cw {
	visibility:hidden;
}





.calendar_mini {
	border: 1px solid black;
	border-collapse:collapse;
	font-size: 13px;
	background-color: #C00000;
	margin: auto;
}


.calendarheader_mini {
	font-size: 13px;
	margin: auto;
}


.calendarheader_mini td.nav {
/*	background-color: #fff;*/
	color: #C00000;
	width: 70px;
	height: 25px;
	text-align: center;
}


.calendarheader_mini td.month {
	width:165px; 
	font-size:16px; 
/*	background-color: #fff; */
	color: #000;
	height: 25px;
	text-align: center;
	font-weight: bolder;
}

.calendar_mini th {
	border: 1px solid black;
	border-collapse:collapse;
	background-color: #C00000;
	color: #fff;
	width: 30px;
	height: 25px;
	text-align: center;	
}



.calendar_mini td.normal {
	border: 1px solid black;
	border-collapse:collapse;
	text-align: center;
	padding-left: 5px;
	padding-right: 3px;
	background-color: #fff;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}
			  
.calendar_mini td.empty {
	border: 1px solid black;
	border-collapse:collapse;
	text-align: center;
	background-color: #E6E6E6;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
}

.calendar_mini td div {
	font-size: 10px; 
	font-weight: normal; 
	text-align: left; 
	margin-left: 5px;
	margin-top: -5px;


}

.calendar_mini td.app {
	background-color: #FFFFDC;
}

.calendar_mini div.cw {
	text-align: right;
	margin-top: -15px;
}

.calendar_mini td.empty div.cw {
	visibility:hidden;
}



/* ------------- Text-align ------------------ */
.centered {
	text-align:center;
}


.bold {
	font-weight: bold;
}

.messages_new {
	font-style: italic;
	color: #C30000;
}


.coursemenu {
	margin: auto;
	width: 534px;
}

.coursemenu div {
	margin-left: 25px;	
	width: 140px;
	height: 50px;
	float: left;
}

.coursemenu div div {
	width: 25px;
	height: 25px;
	float: left;
	margin-top: 50px;
	margin-left: 5px;
	margin-right: 5px;
}

.coursemenu div.files {
	background:url(../images/layout/coursemenu/files_gray.png);	
}

.coursemenu div.files:hover {
	background:url(../images/layout/coursemenu/files.png);	
}

.coursemenu div.filesactive {
	height: 83px;
	background:url(../images/layout/coursemenu/files_big.png);	
	background-repeat:no-repeat;
}


.coursemenu div.filesactive_p {
	background:url(../images/layout/coursemenu/files.png);	
}


.coursemenu div.app {
	background:url(../images/layout/coursemenu/app_gray.png);	
}

.coursemenu div.app:hover {
	background:url(../images/layout/coursemenu/app.png);	
}

.coursemenu div.appactive {
	height: 83px;
	background:url(../images/layout/coursemenu/app_big.png);	
}

.coursemenu div.appactive_p {
	background:url(../images/layout/coursemenu/app.png);	
}


.coursemenu div.part {
	background:url(../images/layout/coursemenu/part_gray.png);	
}

.coursemenu div.part:hover {
	background:url(../images/layout/coursemenu/part.png);	
}

.coursemenu div.partactive {
	background:url(../images/layout/coursemenu/part.png);	
}


.coursemenu div.settings {
	background:url(../images/layout/coursemenu/settings_gray.png);	
}

.coursemenu div.settings:hover {
	background:url(../images/layout/coursemenu/settings.png);	
}

.coursemenu div.settingsactive {
	background:url(../images/layout/coursemenu/settings.png);	
}

.coursemenu div div.new_app {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_app_gray.png);	
}

.coursemenu div div.new_app:hover {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_app.png);	
}

.coursemenu div div.new_appactive {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_app.png);	
}


.coursemenu div div.new_file {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_file_gray.png);	
}

.coursemenu div div.new_file:hover {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_file.png);	
}

.coursemenu div div.new_fileactive {
	margin-left: 7px;
	background:url(../images/layout/coursemenu/new_file.png);	
}

.coursemenu div div.new_folder {
	margin-left: 4px;
	background:url(../images/layout/coursemenu/new_folder_gray.png);	
}

.coursemenu div div.new_folder:hover {
	margin-left: 4px;
	background:url(../images/layout/coursemenu/new_folder.png);	
}

.coursemenu div div.new_folderactive {
	margin-left: 4px;
	background:url(../images/layout/coursemenu/new_folder.png);	
}


.coursemenu div div.new_link {
	margin-left: 3px;
	background:url(../images/layout/coursemenu/new_link_gray.png);	
}

.coursemenu div div.new_link:hover {
	margin-left: 3px;
	background:url(../images/layout/coursemenu/new_link.png);	
}

.coursemenu div div.new_linkactive {
	margin-left: 3px;
	background:url(../images/layout/coursemenu/new_link.png);	
}


.coursemenu div div.export {

	background:url(../images/layout/coursemenu/export_gray.png);	
}

.coursemenu div div.export:hover {

	background:url(../images/layout/coursemenu/export.png);	
}

.coursemenu div div.exportactive {

	background:url(../images/layout/coursemenu/export.png);	
}

.folderList {
	width: 920px; 
	float: left; 
	margin-left:5px;
	font-size:11px;
}


.folderList ul {
	float:left; 
	position:relative; 
	margin:0; 
	padding:0;
}

.folderList ul li {
 display: inline;
 float: left; 
 position: relative; 
 margin:0; 
 padding:0;
}

.folderSpan {
	margin: auto; 
	height: 20px; 
	vertical-align: middle; 
	line-height: 20px; 
	padding-left: 3px; 
	font-weight: bold;
}

.folderHeaderLi {
	 border-bottom: 1px solid #BEBEBE; 
	 border-right: 1px solid #BEBEBE;
}