/***************************************************** 
 *  MAIN		                                    *
 *****************************************************/
body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#outerframe {
	position: relative;  /* do not remove, fixes a bug in IE */
	border: 1px solid #fff; 
	background-color: #fff;
}

/* Hides from IE5-mac \*/
* html #outerframe {height: 1%;}
/* End hide from IE5-mac */

#main {
	position: relative; /* to avoid the IE peekabo bug*/
	margin: 0px auto;
	margin-top: 10px;
	width: 98%;
	padding: 0px 10px 10px 10px;
	background-color: #fff;
	min-height: 320px;
}

/* for content section in main index.php file */
.maincontent { 
	float: left;  
	width: 78%;
	padding: 4px; 
	background-color: #fff; 
}
#center { 
	margin: 0 190px 0 0; 
	padding: 10px 0 40px 0; 
	min-height: 300px; 
}
.invisible {
	color: #999; 
}
.invisible a:link, .invisible a:visited {
	color: #999; 
}
a.invisible:link, a.invisible:visited {
	color: #999; 
}
.clear {clear: both; line-height: 0px; height: 0;}


input.link_alike { background-color: #FFFFFF; border-width: 0px;
 color: #4171b5; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }
input.link_alike:hover { background-color: #FFFFFF; border-width: 0px;
 color: #f3840d; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }

/***************************************************** 
 *  REDEFINED HTML TAGS                              *
 *****************************************************/
img {	
	border: none; 
}
p,blockquote,ol,ul { 
	font-size: 12px; 
}
h1 { 
	font-size: 21px; 
}
h2 { 
	font-size: 18px; 
}
h3 { 
	font-size: 15px; 
	margin-top:0px; 
	padding-top:0px; 
}
h4 { 
	font-size: 12px; 
}
h5,h6 {
	font-family: verdana, arial, helvetica, sans-serif;
}

/* the following for regular <a> elements */
a:link {
	text-decoration: none; 
	font-weight : bold; 
	color : #333;
}
a:visited {
	text-decoration: none; 
	font-weight : bold; 
	color : #333;
}
a:hover {
	text-decoration: none; 
	color: #f3840d; 
	font-weight: bold;
}
a:active {
	text-decoration: none; 
	font-weight : bold;  
	color : #f00;
}
select, textarea {
	color : #000; 
	border: 1px solid #000;
}
input.checkbox { 
	border-width: 0; 
}


select,
input[type=checkbox],
input[type=radio],
input[type=button], 
input[type=submit] {cursor:	pointer; font-size: 12px;}
input[text] {font-size: 12px; }

/* user_portal course status icon */
.coursestatusicons{
	border: 0px solid #000;
	float: left;
	padding-right: 5px;
	width: auto;
}

/* user_portal course list */
.courses {
	list-style-type: none;
	margin-bottom: 5px;
}
/***************************************************** 
 *  HEADER STYLES                                    *
 *****************************************************/
#header {
	width: 100%;
	padding: 0;
	margin: 0;
}
/******************************************************** 
 *  HEADER 1: Title, portal, organisation, course title	* 
 ********************************************************/
#header1 {
	font-size: 12px;
	padding: 4px;
	background-color: #dcdcdc; 
	color: #666; 
	border-bottom: 1px solid #ccc;
}
#header1 a {
	color: #000;
	text-decoration: none;
}
#header1 a:hover{
	text-decoration: underline;
}
#sitename { 
	margin: 0; 
	font-weight: bold;
}
#institution {
	float: left; 
	font-weight: bold;
}
#my_courses {
	float: right; 
	font-weight: bold;
}
/******************************************************** 
 *  HEADER 2: Users online, help, student/teacher view	* 
 ********************************************************/
#header2 {
	position: relative; /* to avoid the IE peekabo bug*/
	font-size: 1.0em;
	font-weight: normal;
	padding:  0.2em 0.5em;
	padding-bottom: 0.2em; 
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #ccc;
}
#header2 a {
	color: #666;
	text-decoration: none;
	font-weight:normal;
}
#header2 a:hover{
	text-decoration: underline;
}
/* Header2Right: online users, student/teacher view, help */
#Header2Right ul{
	position: relative; /* to avoid the IE peekabo bug*/
	float: right;
	width: 70%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#Header2Right ul li { 
	display: inline; 
}
#Header2Right ul li a {
	padding: 4px 6px 4px 4px; 
	color:#666; 
}


/***************************************************** 
 *  HEADER 3: TABS OF THE HEADER			     	 * 
 *****************************************************/
#header3 { 
	font-size: 1.0em;
	padding: 0.8em 0.5em 0.4em 0.5em;
	background: #fff;
	color: #006; 
	border-bottom: 1px solid #aeaeae;
	height:auto;
	margin-bottom: 1px;	
}
#header3 A {
	PADDING-RIGHT: 15px; 
	DISPLAY: block; 
	PADDING-LEFT: 6px; 
	FONT-WEIGHT: bold; 
	BACKGROUND:  url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; 
	PADDING-BOTTOM: 0px; 
	COLOR: #333;
	PADDING-TOP: 5px; 
	TEXT-DECORATION: none; 
}
#header3 A:hover {
	COLOR: #333; 
	BACKGROUND:  url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
}
#header3 UL {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	LIST-STYLE-TYPE: none; 
	display: inline; 
}
#header3 LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 9px; 
	BACKGROUND:  url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; 
	FLOAT: left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	/*border-bottom: 1px solid #dcdcdc;*/
}
#header3 LI:hover {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 9px; 
	BACKGROUND: url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
#header3 #current {
	BACKGROUND-IMAGE:  url(../../img/dokeosgrey/tab_left_active.gif); 
	border-bottom: 1px solid #fff;
}
#header3 #current A {
	BACKGROUND-IMAGE:  url(../../img/dokeosgrey/tab_right_active.gif); 
	COLOR: #333
}

#header3 .banner_links {
	margin: 0; 
}

#header3 input.logout { 
 	/* makes an input appear like a link in this header */	
	margin: 0 0 0 0; 
	padding: 0; 
	background-color: transparent; 
	border: none;
	COLOR: #333; 
	font-size: 1.0em;
	font-weight:bold;
	font-family: verdana, arial, helvetica, sans-serif;
	display: inline; 
	BACKGROUND:  url(../../img/dokeosgrey/tab_right.gif) no-repeat right top;
	PADDING-RIGHT: 10px; 	
	PADDING-TOP: 3px; 	
}
#header3 input:hover {
	COLOR: #333; 
	BACKGROUND:  url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top;
}
#header3 input {
	PADDING-RIGHT: 15px; 
	DISPLAY: block; 
	PADDING-LEFT: 6px; 
}
#header3 #logout {
	margin-top: 0px;	
}

#header3 input.logout:hover {

}
#logout{
	display: inline; 
	float: right; 
	width: auto; 
	text-align: right;
   	font-size: 1.0em;
}

/***************************************************** 
 *  HEADER 3: not used          			     	 * 
 *****************************************************/
#header4 {
	background-color: #fff;
	color: #009;
	padding: 4px;
	margin-bottom: 2px;
	float: left;
	clear:right;
}
#header4 a {
	color: #666;
}
#header4 a:hover {
	text-decoration: none;
	color: #f3840d;
}
/* The tool shortcuts */
#toolshortcuts {
	text-align: right;
	clear: right;
}

/***************************************************** 
 *  FOOTER STYLES                                    *
 *****************************************************/
#footer {
	padding: 8px;
	border-top: 1px solid #aeaeae;
	background-color: #f0f0f0;
	font-size: 12px;
}
#footer .copyright {
	float: right;
}

/***************************************************** 
 *  NAVIGATION MENU                                  *
 *****************************************************/
.menu { 
	float: right; 
	width: 20%;  
	padding: 0 0 6px 0;
	background-color: #f0f0f0; 
	border: 1px solid #bbb; 
}
.menucaption { 
	font-size: 12px; 
	font-weight: bold; 
	padding-left: 12px; 
}
.menusection { 
	width: auto; 
	margin: 24px 6px 0 6px;
	padding-left: 10px;
	border: 1px solid #bbb; 
}
.menusectioncaption { 
	position: relative; 
	top: -9px;
	background-color: #f0f0f0; 
	font-size: 12px; 
	padding: 0 8px 0 4px; 
}
.menulist { 
	list-style: none; 
	margin: 0 0 12px 0; 
	padding: 0; 
}
#centerwrap {
  float: left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}
/* --- course navigation menu as a definition list  --- */
#toolnavbox {
	margin: 0 0 0 10px; 
	padding: 0; 
	float: left; 
	border: 1px solid #f0f0f0;
}
#toolnavbox dl { 
	width: 160px; 
	margin: 0 auto; 
	padding: 0;
	background: transparent; 
	font-size: 12px; 
	text-align: center; 
}
#toolnavbox dt { 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	font-size: 12px; 
	text-align: center; 
	color: #000; 
	border-bottom: 1px solid #fff; 
	background: transparent; 
}
#toolnavbox dd {
	margin: 0; 
	padding: 0; 
	color: #009; 
	text-align: left;
	border-bottom:1px solid #fff; 
	background: #E5EDF9; 
}
#toolnav img {
	float: left; 
	width: 25px; 
	height: 25px; 
	margin: 0 4px 0 0; 
}
#toolnavlist a, #toolnavlist a:link { 
	background: #E5EDF9; 
	color: #dcdcdc; 
	padding: 5px 5px 5px 10px; 
	margin: 0; 
	text-decoration: none; 
	display: block;
}
#toolnavlist a:hover { 
	background: #fff; 
	color:#dcdcdc; 
}
#toolnavlist a#here { 
	background: #fff; 
	color:#dcdcdc; 
}
/* --- end of course navigation menu section  --- */ 
/*
this lets the navigation menu appear to the left:
#center { margin: 0 0 0 180px; padding: 10px 0 40px 0;  
 min-height: 300px; }

#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
 margin-left: -5%; 
}
#toolnav { float: right; width: 180px; padding: 0; margin: 0;
 margin-left: -5%; /* the difference to make the left colum appear flush left */
}

/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #toolnav { margin-right: 0px;}
* html #center { height: 1%; margin-left: 0; }
 /* End hide from IE5/mac */
*/

/***************************************************** 
 *  LOGIN AND LANGUAGE FORM                          *
 *****************************************************/
#lang_form {
	text-align: left; 
	font-size: 12px;
	margin: 2px 0 10px 0; 
	padding: 2px;
}
#lang_form input, #lang_form select{ 
	font-size: 12px;
}

#formLogin label { 
	font-size: 12px; 
	margin: 4px 6px;
}
#formLogin input { 
	font-size: 13px; 
	margin: 4px 6px;
}
#login_fail {
	margin: 0 6px 6px 6px; 
	padding: 4px; 
	border: 1px solid #f00;
	background-color: #fff; 
	font-size: 12px; 
	color: #f00;
}
input.mainoption {
	font-weight : bold;
}
input.liteoption {
	font-weight : normal;
}





/***************************************************** 
 * COURSE HOMEPAGE			                         *
 *****************************************************/
/* various sections in course-home.php file  */
#toolremove {
	width: 40%; 
	color: #f00; 
	font-weight: bold;
	margin: 10px auto; 
	padding: 10px; 
	border: 2px solid #f00;
}

#courseintro { clear: both; width: 80%; margin: 10px auto;
 padding: 10px; border-bottom: 1px solid #dcdcdc;}
#courseintro_icons { clear: both; width: 80%; margin: 10px auto;}

.everybodyview { position: relative; /* to avoid the IE peekabo bug ?*/
 width: 80%; margin: 10px auto; padding: 10px;}

.courseadminview, .platformadminview {position: relative; width: 80%;
 margin: 25px auto 10px; padding: 10px; border: 1px solid #4171B5;}

.viewcaption {position: relative; top: -20px; font-size: 12px;
 font-weight: bold; color: #dcdcdc; background-color: #fff; padding: 0 4px;}
/***********************************/

/***************************************************** 
 *  			AGENDA                               *
 *****************************************************/
#agenda {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #bbb;
	border-collapse: collapse;
}
.agenda_month_divider {background-color: #dcdcdc; font-weight: bold;
 font-size: 12px; color: #fff; text-align: center;}
#agenda .title a { color: #fff;}
#agenda .agendaitem {font-size: 12px;}
#smallcalendar .title {background-color: #dcdcdc; font-weight: bold; padding: 2px;
 color: #666; text-align: center; font-size: 11px;}
#smallcalendar .title a { color: #666;}
#agenda_select {list-style: none; border: 0px solid green;
 margin: 30px 0 0 0; padding: 0 0 0 10px;}


/* ---------------------------------------------------
	styles for the agenda (day, week, month view)
-----------------------------------------------------*/
#agenda_list {width: 100%; margin: 0 auto; border: 1px solid #fff;
 border-collapse: collapse;}
 
/*The caption of the calendar (displays the month and the << and >> links*/ 
#agenda_list .title {background-color: #dcdcdc; font-weight: bold;
 font-size: 12px; color: #666; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #bbb;}
#agenda_list .title a:link, #agenda_list #title a:visited {background-color: #dcdcdc; font-weight: bold;
 font-size: 11px; color: #666; padding: 2px 10px;text-align: center;}
#agenda_list .title a:hover {background-color: #dcdcdc; font-weight: bold;
 font-size: 11px; color: #f3840d; padding: 2px 10px;text-align: center;}
 
/* The cells with the name of the days of the weeks (mon->sun)*/
#agenda_list .weekdays {background-color: #dcdcdc; text-align: center;
 font-weight: bold; border: 1px solid #264269; border-collapse: collapse;}
 
/* The cells for the days (1->31) */ 
#agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #264269; border-collapse: collapse; background-color: #f5f5f5;}
#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #264269; border-collapse: collapse; background-color: #e6e6e6;}
#agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #264269; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}

/* text in the cells: display of agenda items (visible)*/
#agenda_list .data {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} 
#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;}

/*text in the cells: display of agenda items (invisible)*/   
#agenda_list .data_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;} 
#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse; color: #999999;}
 
/*text in the cells: display of agenda items (highlighted)*/    
#agenda_list .datanow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
 font-weight: bold; border: 0px solid #dcdcdc; border-collapse: collapse;}
#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} 
#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #dcdcdc; border-collapse: collapse;} 
 
/* ---------------------------------------------------
	styles for the mini agenda
-----------------------------------------------------*/ 
#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
 border-collapse: collapse;}
#smallcalendar .weekdays {background-color: #dcdcdc; text-align: center;
 font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse;}
#smallcalendar .days_week {background-color: #f5f5f5; text-align: center;
 font-size: 11px; border-collapse: collapse;}
#smallcalendar .days_weekend {background-color: #e6e6e6; text-align: center;
 font-size: 11px; border: 1px solid #fff; border-collapse: collapse;}
#smallcalendar .days_today {width: 12%; text-align: center;
 font-size: 11px;  border: 1px solid #FA8500; border-collapse: collapse; background-color: #FFCA8D;} 
   
/* ---------------------------------------------------
	styles for the personal agenda
-----------------------------------------------------*/
.personal_agenda {color: #008000; }
.personal_agenda a:link, .personal_agenda a:visited {color: #008000; } 
a.personal_agenda:link, a.personal_agenda:visited {color: #008000; }
.personal_agenda a:hover, .personal_agenda a:hover {color: #666666; } 
a.personal_agenda:hover, a.personal_agenda:hover {color: #666666; }



/***************************************************** 
 *  DISPLAY MESSAGES	                             *
 *****************************************************/
/* normal and erro message-box */
.normal-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #dcdcdc;
	color: #000; 
	background-color: #E5EDF9;
	min-height: 30px;	
}
.warning-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #FFB30F;
	color: #000; 
	background-color: #FFEFA7;
	min-height: 30px;
}
.confirmation-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #1F8323;
	color: #000; 
	background-color: #CAF0C7;
	min-height: 30px;	
}
.error-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	border: 1px solid #FF0000;
	color: #000; 
	background-color: #FFD1D1;
	min-height: 30px;	
}

#message {margin: 0 auto; text-align: center;}
#message select {margin: 10px 0; width: 220px;}
#message textarea {margin: 10px 0;}
#message td {padding: 4px;}

/********************************************** 
 *  DOCUMENT MODULE                           *
 **********************************************/
/* styles from the document.php file */
.comment { margin-left: 30px; }

/* styles from the upload.php file */
dl.upload_option {margin: 1em 0; padding: 0;}
.upload_option dt {font-weight:bold; margin:0;}
.upload_option dd {margin:0;}

/********************************************** 
 *  DROPBOX MODULE                            *
 **********************************************/
/* styles from dropbox.php file */
.dropbox_detail {font-size: small}
.dropbox_date {font-style: italic}
.dropbox_person {font-weight: bold}
.dropbox_listTitle { color: #000000;}
.dropbox_feedback {font-size: x-small; height: 50px; width: 200px; overflow: auto}
.dropbox_feedbacks {height: 250px; width: 100%; overflow: auto}

/********************************************** 
 *  CHAT MODULE                               *
 **********************************************/
/* styles for chat / conference tools */
#chat_entermessage {
background-color: #D6E5FA; border-top: 1px solid #dcdcdc;
 padding: 5px; margin: 0;}

/* the following for the greyed out elements */
a.nobold:link, a.nobold:visited, a.nobold:active { font-weight: normal; color: #999; margin: 0 0 0 25px;}
a.nobold:hover { font-weight: normal; color: #999; text-decoration: underline; margin: 0 0 0 25px;}

.note {	margin: 6px; font-size: 12px; line-height: 14px;
	font-family: verdana, arial, helvetica, sans-serif; background-color: #f0f0f0;
	color: #dcdcdc; border: 1px solid #bbb;	padding: 4px;}

.alternativeBgLight { background-color: #f5f5f5;
 border: 1px solid #dcdcdc; border-collapse: collapse;}
.alternativeBgDark { background-color: #ccf;
 border: 1px solid #dcdcdc; border-collapse: collapse;}
.myagendatoday {
	background-color: #FFCA8D;
	border-collapse: collapse;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #CC3300;
	font-weight: bold;
 }

/***************************************************** 
 *  FORM STYLES                                      *
 *****************************************************/
div.row {
	clear: both;
	padding-top: 5px;
}
div.row div.form_header {
	white-space: nowrap;
	padding: 2px;
	background-color: #f0f0f0;
	border: 1px solid #bbb;
}
div.row div.label {
	float: left;
	width: 18%;
	text-align: right;
}
div.row div.formw {
	width: 80%;
}
[dir=ltr] div.row div.label, [dir=rtl] div.row div.formw {
	float: left;
	text-align: right;
}
[dir=rtl] div.row div.label, [dir=ltr] div.row div.formw {
	float: right;
	text-align: left;
}
span.form_required {
	color: #f00;
}
span.form_error {
	color: #f00;
	font-size: x-small;
	margin: 2px;
}

/***************************************************** 
 *  DATA TABLE STYLES                                *
 *****************************************************/
.cell_header {background-color: #EEEEFF;font-weight:bold;text-align:left;padding-left:5px;}   /* header cell in data table in tools */

.data_table{
  	border-collapse: collapse;
	width: 100%; 
	padding: 5px;
}
.data_table th{
	padding-right: 20px;
  	border: 1px  solid gray;
  	background-color: #f0f0f0;
}
.data_table tr.row_odd{
  	background-color: #fafafa;
  }
.data_table tr.row_odd:hover, .data_table tr.row_even:hover{
  	background-color: #f0f0f0;
}
.data_table tr.row_even{
  	background-color: #fff;
}
.data_table td{
  	padding: 5px;
	vertical-align: top;
  	border-bottom: 1px solid #b0b0b0;
  	border-right: 1px dotted #e1e1e1; 
  	border-left: 1px dotted #e1e1e1;
}

/* admin page tool list definitions */
.tool_list dt { font-weight: bold; }
.tool_list dd { margin: 0; padding: 4px 0 0 10px;}

/* divs for category list / platform news on home page */
.home_cats {width: 45%; float: left; position: relative; 
	margin: 0; padding: 0px; padding-top: 8px; background: #fff;}

.home_news {width: 45%; float: right; position: relative;
	margin: 0; padding: 0px; padding-top: 8px; background: #fff;}
 

label.left { float: left; width: 15em; margin: 0 0 0.5em 0; }
form br { clear: both; }

/* Fix for alignment problem in IE-Win browsers  */
/*  Hide from IE5-mac. Only IE-win sees this. \*/
* html .label {  margin-right: 10px; }
* html .data { height: 1%; margin-left: 0;}
/* End hide from IE5/mac */

.radio, .checkbox { margin: 0; padding: 0; border: none; background-color: transparent;}

.required { color: #f00; font-weight: bold;}

/* Admin section */
div.admin_section {
	width: 40%;
	float: left;
	padding: 5px;
	margin: 10px 20px;
}
div.admin_section h4 { 
  margin: 0;
	border-bottom: 1px solid gray;
	width: 100%;
}
.user_course_category {
	background-color: #efefef;
	border: 1px solid #666;
	font-weight: bold;
	color: #666;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
}
/*************************************************************** 
 *  DOKEOS CONFIG SETTINGS OF THE PLATFORM ADMIN SECTION 	   * 
 ***************************************************************/
.settingtitle{
	background-color: #EFEFEF;
	border: 1px solid #cccccc;
	font-weight: bold;
	color: #666666;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
	font-size: 11px;
	}
.settingcomment{
	color: #000000;
	margin: 5px;
	padding: 5px;
	font-size: 11px;
}
.settingvalue{
	list-style-type: none;
	margin: 5px;
	padding: 5px;
}

/***************************************************** 
 *  ANNOUNCEMENTS									 * 
 *****************************************************/
.announcements_datum
{ 
   font-size: 12px;
   font-style: italic;
   color: #666666;
}
/***************************************************** 
 *  SYSTEM ANNOUNCEMENTS						     * 
 *****************************************************/
div.system_announcements{
}
div.system_announcements h3{

}
div.system_announcement{
	margin: 5px;
}
div.system_announcement_title{
}
div.system_announcement_content{
	margin-left: 20px;
	border-left: 1px solid gray;
	padding-left: 5px;
}






/***************************************************** 
 *  THE NEW FORUM					     * 
 *****************************************************/
/* **** FORUM CATEGORY **** */
.forum_category {
	background-color: #0066CC;
	color: #fff; 
}
.forum_category a{
	color: #fff; 
}
.forum_category_header {
	background-color: #0066CC;
	color: #fff; 
}
tr.forum_category_header a{
	color: #fff; 
}

/* **** FORUM **** */
.forum_header{
	background-color: #EFEFEF;	
}

/* **** THREAD **** */
.forum_threadheader{
	color: #aaa; 
	background-color: #F7F7F7;
}
tr.forum_threadheader td{
}

/* **** POST **** */
.quote{
	background-color: #EFEFEF;	
}
.forum_message_left {
	width: 150px;
	vertical-align: top;
	/*border-bottom: 1px solid #666666;*/
	border-right: 1px solid #aaa;
	background-color: #F7F7F7;	
}
.forum_message_left_2_be_approved {
	width: 150px;
	vertical-align: top;
	/*border-bottom: 1px solid #666666;*/
	border-right: 1px solid #aaa;
	background-color: #F7F7F7;	
	color: #999;
}
.forum_message_post_title{
	/*border-bottom: 1px solid #666666;*/
	font-weight: bold;
	background-color: #F7F7F7;	
	height: 20px;
}
.forum_message_post_title_2_be_approved{
	/*border-bottom: 1px solid #666666;*/
	color: #999;
	font-weight: bold;
	background-color: #F7F7F7;	
	height: 20px;
}
.forum_message_post_text{
	/*border-bottom: 1px solid #666666;*/
	margin-bottom: 10px;
	vertical-align: top;
}
.forum_message_post_text_2_be_approved{
	/*border-bottom: 1px solid #666666;*/
	color: #999;
	margin-bottom: 10px;
	vertical-align: top;
}
.current{
	font-weight: bold;
}
.structure{
	/*border-bottom: 1px solid #666666;*/
	font-weight: bold;
	background-color: #F7F7F7;	
	height: 20px;
}
a.forum_group_link {
	font-weight: lighter;
	display:inline;
}

/* **** BLOG **** */
span.blog_title {
 	font-size: 20px;
 	font-weight: bold;
 	color: #1657A9;
}
span.blog_subttitle {
 	font-size: 12px;
}
td.blog_left {
 	margin-right: 5px;
 	padding-right: 5px;
 	border-right: 1px solid #dddddd;
}
td.blog_right {
	padding-left: 10px;
}
td.blog_menu_title {
	background-color: #dddddd;
	color: #1657A9;
	font-weight: bold;
	font-size: 11px;
	padding: 2px;
}
td.blog_menu {
	border-bottom: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
	border-left: 1px dashed #dddddd;
	padding: 10px;
}
td.blog_menu ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	padding: 0;
}
td.blog_menu ul li {
}
span.blogpost_title {
 	display: block;
 	font-size: 18px;
 	font-weight: bold;
 	color: #1657A9;
 	padding-bottom: 5px;
}
span.blogpost_date {
 	display: block;
 	font-size: 12px;
 	font-weight: bold;
 	color: #333333;
 	padding-bottom: 10px;
}
span.blogpost_info {
 	display: block;
 	color: #333333;
 	border-top: 1px solid #dddddd;
 	margin-top: 5px;
}
table.newBlog {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	background-color: #f6f6f6;
}
table.newTask {	
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	background-color: #f6f6f6;
}
table.new_comment {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	background-color: #F4F4F4;
}
div.blogpost_comment {
	border-top: 1px dashed #dddddd;
	border-right: 1px dashed #dddddd;
	border-bottom: 1px dashed #dddddd;
	border-left: 1px dashed #dddddd;
	margin-bottom: 10px;
	padding: 10px;
	background-color: white;
}
span.blogpost_comment_title {
 	display: block;
 	font-size: 14px;
 	font-weight: bold;
 	color: #1657A9;
 	padding-bottom: 5px;
}
span.blogpost_comment_date {
 	display: block;
 	font-size: 10px;
 	font-weight: bold;
 	color: #333333;
 	padding-bottom: 10px;
}
span.blogpost_comment_info {
	font-size: 10px;
 	display: block;
 	color: #333333;
 	border-top: 1px solid #dddddd;
 	margin-top: 10px;
}
div.blogpost {
	border: 1px solid #DDDDDD;
	background-color: #ECECEC;
	margin-bottom: 15px;
	padding: 10px;
}
div.comments {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	background-color: #F4F4F4;
}

.link {text-decoration: none; font-weight : bold; color : #1657A9; cursor: pointer}
.link:hover {text-decoration: none; color: #abd9f1; font-weight: bold; cursor: pointer}

/***************************************************** 
 *  INSTALLATION								     * 
 *****************************************************/
#installation_steps{
	float:left;
	background-color: #EFEFEF;
}
.current_step{
	font-weight: bold;

}















/************************************************************
  styles below here are not necessarily used in the current
	release and the CVS files, they are from earlier versions,
	and have been left untouched for anyone needing them in
	their own platform ...
*************************************************************/
.topBanner a:link, .topBanner a:active, .topBanner a:visited { 
	text-decoration:none; 
	color:white;
}
.topBanner table { 
	text-decoration:none;
}
.topBanner a:hover { 
	text-decoration:underline;
}
.topBanner td { 
	border-top: solid White 1px;
}
.alternativeBgLight { 
	background-color: #f5f5f5;
}
.alternativeBgDark 	{ 
	background-color: #e6e6e6 
}
.forms {
	letter-spacing: normal; 
	text-align: justify; 
	text-indent: 3pt;
	word-spacing: normal; 
	padding: 2px 5px;
}
.formsTips	{ 
text-align: justify; 
text-indent: 15pt; 
word-spacing: normal; 
}
/*
input.forms	{ letter-spacing: normal; text-align: justify; text-indent: 3pt;	word-spacing: normal;
padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
*/
.warn {
	border: thin double Silver;
	margin-left: 15px;
	margin-right: 15px;
	font-family: serif;  
	color: Red;  
	padding-left: 25px;    
}
.small {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px
}
.xsmall {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px
}
.xxsmall {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px
}

#glossary_menu li{
	LIST-STYLE-TYPE: none; 
	display: inline; 
	padding-left:5px; 
}
.glossary_divider
{
	text-transform: capitalize;
	background-color: #CCCCCC;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 10px;
}
.glossary_word
{
	background-color: #F7F7F7;
	padding: 3px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 10px;
}

/*
 * TABBED INTERFACE
 */
#tabbed_menu
{
	width: 100%;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 20px;
}
#tabbed_menu #tabbed_menu_tabs li
{
	margin: 0 10; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
#tabbed_menu #tabbed_menu_tabs a:link, #tabbed_menu_tabs a:visited
{
	float: left;
	background: #f3f3f3;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #cccccc;
	border-bottom: 1px solid #666666;
	text-decoration: none;
	color: #666;
}
#tabbed_menu #tabbed_menu_tabs a:link.active, #tabbed_menu_tabs a:visited.active
{
	border: 1px solid #666666;
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}

#WCAG-editor {
	border: 1px #DCDCDC solid;
	background-color: #F0F0F0;
	width: 100%;	
}

#WCAG-editor .title {
	padding: 2px;
	
	background-color: #DCDCDC;
	
	text-align: center;
	color: #000000;
	font-weight: bold;
}

#WCAG-editor .body {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
}

#WCAG-editor textarea {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	height: 180px;
	
	border: 1px #DCDCDC solid;
}

#WCAG-editor input {
	width: 100%;
}

/* don't work on IE 6 */
#WCAG-editor input[type="checkbox"], #WCAG-editor input[type="radio"], #WCAG-editor input[type="submit"] {
	width: auto;
}

/* only for IE6 */
#WCAG-editor #submit, #WCAG-editor #visible_teacher, #WCAG-editor #visible_student, #WCAG-editor #visible_guest {
 	width: auto;
}

#WCAG-content img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#WCAG-content p {
	text-align: justify;
}

/* hack for IE < 7 */

#course_description input {
	width: auto;
}

#course_description #imagefile, #course_description #imageLabel, #course_description #link, #course_description #linkLabel {
	width: 100%;
}

.WCAG-form textarea {
	width: 100%;
	height: 180px;
}

.skip {
	display: none;
}



/*
------------------------------------------------------------------------------
    OTHERS
------------------------------------------------------------------------------
*/
.input_titles{
	width: 300px;
}
