/*****************************************************
 *  MAIN		                                    *
 *****************************************************/
body {
	font-family: Arial, verdana, helvetica, sans-serif;
	font-size: 0.75em;
	color: #000;
	padding: 0;
	margin: 5px;
	background: #fff url(../../img/bg.gif) repeat-x top left;
	margin: auto;
	width: 990px;
	border: solid 1px #999;
}

#outerframe {
	position: relative;  /* do not remove, fixes a bug in IE */
	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*/
	padding: 0px 10px 10px 10px;
	background-color: #fff;
	min-height: 350px;
}

#leftmenu
{
	width:180px;
	margin:5px;
	border:solid 1px #000000;
	float:left;
	position:relative;
	left:0px;
}

/* for content section in main index.php file */
.maincontent {
	float: left;
	width: 100%;
	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: #FF0000; font-weight: bold; text-align: left; padding: 0px; margin: 0px; }

/*****************************************************
 *  REDEFINED HTML TAGS                              *
 *****************************************************/
img {
	border: none;
}

p,blockquote,ol,ul {
	font-size: 0.95em;
}

h1 {
	font-family: Calibri, Arial;
	font-size: 1.6em;
	color: #b2cb4b;
	padding-left: 10px;
}
h2 {
	font-family: Arial;
	font-size: 1.3em;
	color: #296393;
}
h3 {
	font-family: Arial;
	font-size: 1.1em;
	margin-top:0px;
	padding-top:0px;
	color: #296393;
}
h4 {
	font-family: Arial;
	font-size: 0.8em;
	color:  #28B8F0;
}
h5,h6 {
	font-family: verdana, arial, helvetica, sans-serif;
}

.h4alt
{
	font-family: Arial;
	font-size: 1.2em;
	color:  #28B8F0;
	font-weight: bold;	
}

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


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

input[type=button],
input[type=submit] 
{
	cursor:	pointer; 
	font: bold 12px Arial, "Lucida Grande", "Trebuchet MS", Verdana;
	background-color: #6BA4D7;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	color: #fff;
}

input[type=button]:hover,
input[type=submit]:hover 
{
	background-color: #c3c3c3;
	color: black;
}
/* 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;
	background: #28B8F0;
	margin: 0;
}

#hdr_bkgnd
{
	padding: 0px;
}
/********************************************************
 *  HEADER 1: Title, portal, organisation, course title	*
 ********************************************************/
#header1 {
	font-size: 12px;
	padding: 0px;
	border-bottom: solid 2px #eee; 
}

#header1 a {
	color: #027CB9;
	text-decoration: none;
}

#header1 a:hover{
	background-color: #027CB9;
	text-decoration: underline;
}

#header1_hp {
	font-size: 12px;
	padding: 0px;
	width:100%;
	background: #fff;
}

#header1_hp a {
	color: #027CB9;
	text-decoration: none;
}

#header1_hp a:hover{
	text-decoration: underline;
}

#sitename {
	margin: 0;
	font-weight: bold;
}

#institution {
	float: left;
	font-weight: bold;
	position:absolute;
	top:25px;
	left:0px;
}

#my_courses {
	float: right;
	font-weight: bold;
}

#loginMenuMember {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: bold;
	font-size: 0.9em;
	height: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	margin-left: 20px;
	text-align: right;
	color: #1F527D;
}

#loginMenuMember a
{
	margin-left: 3px;
	margin-right: 3px;
	color: #1F527D;
}

#loginMenuMember a:hover{
	color: #1F527D;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration:underline;
}

#loginMenuGuest {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: bold;
	font-size: 0.9em;
	height: 35px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	margin-left: 20px;
	text-align: right;
	color: #fff;
}

#loginMenuGuest a
{
	margin-left: 3px;
	margin-right: 3px;
	color: #fff;
}

#loginMenuGuest a:hover{
	color: #fff;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration:underline;
}

/********************************************************
 *  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: #4271b5;
	color: #fff;
	border-bottom: 1px solid #666;
}
#header2 a {
	color: #fff;
	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:#fff;
}


/*****************************************************
 *  HEADER 3: TABS OF THE HEADER			     	 *
 *****************************************************/
#header3 {
	font-size: 1.0em;
	padding: 0em 0.0em 1em 0.5em;
	background: #fff url(../../img/menubg.gif) repeat top left;
	color: #006;
	height:auto;
	margin: 0px;
}

#header3 A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.2em;
	BACKGROUND:  url(../../img/tab_right.gif) no-repeat right top;
	PADDING-BOTTOM: 5px;
	COLOR: #fff;
	PADDING-TOP: 5px;
	TEXT-DECORATION: none;
	border: 0;
}
#header3 A:hover {
	COLOR: #fff;
	BACKGROUND:  url(../../img/tab_right_hover.gif) no-repeat right top;
	border: 0;
}
#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/tab_left.gif) no-repeat left top;
	FLOAT: right;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
#header3 LI:hover {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND: url(../../img/tab_left_hover.gif) no-repeat left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	border: 0;
}
#header3 #current {
	BACKGROUND-IMAGE:  url(../../img/tab_left_active.gif);
	border-bottom: 1px solid #fff;
	background-color: transparent;
}
#header3 #current A {
	BACKGROUND-IMAGE:  url(../../img/tab_right_active.gif);
	COLOR: #4599CC;
	background-color: transparent;
}

#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: rgb(39,84,175);
	font-size: 1.0em;
	font-weight:bold;
	font-family: verdana, arial, helvetica, sans-serif;
	display: inline;
	BACKGROUND:  url(../../img/tab_right.gif) no-repeat right top;
	PADDING-RIGHT: 10px;
	PADDING-TOP: 3px;
}
#header3 input:hover {
	COLOR: #333;
	BACKGROUND:  url(../../img/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;
}

/*
* Home page menu plain with login box
*/

/*****************************************************
 *  HEADER 3: TABS OF THE HEADER			     	 *
 *****************************************************/
#menuwithlogin {
	font-size: 1.0em;
	padding: 0em 0.0em 0.3em 0.5em;
	background: #80A004;
	color: #006;
	height:auto;
	margin-left: 0px;
}

#menuwithlogin A {
	PADDING-RIGHT: 15px;
	DISPLAY: block;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.0em;
	BACKGROUND: #80A004;
	PADDING-BOTTOM: 2px;
	COLOR: #fff;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
	border-right: solid 1px #678102;
}
#menuwithlogin A:hover {
	COLOR: #fff;
	BACKGROUND: #3480B2;
	border: 0;
}
#menuwithlogin UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	display: inline;
}
#menuwithlogin LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND:  #80A004;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
}
#menuwithlogin LI:hover {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 9px;
	BACKGROUND:  #3480B2;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	border: 0;
}

/*****************************************************
 *  HEADER 3: not used          			     	 *
 *****************************************************/
#header4 {
	background-color: #F1F6F8;
	color: #009;
	padding: 4px;
	padding-left: 21px;
	margin-bottom: 2px;
	clear:right;
}
#header4 a {
	color: #4171b5;
}
#header4 a:hover {
	text-decoration: none;
	color: #f00;
}
/* The tool shortcuts */
#toolshortcuts {
	text-align: right;
	clear: right;
	
}

/*****************************************************
 *  HEADER 5: RIGHT MENU TABS OF THE HEADER			     	 *
 *****************************************************/
#header5 {
	font-size: 1.0em;
	padding: 0.5em 0.5em 1em 0.5em;
	color: #006;
	height:auto;
	margin-bottom: 0px;
}

#header5 A {
	PADDING-RIGHT: 2px;
	DISPLAY: block;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.9em;
	PADDING-BOTTOM: 10px;
	COLOR: #01778f;
	PADDING-TOP: 10px;
	TEXT-DECORATION: none;
	BACKGROUND: #fff url(../../img/sq_button_bg_white.gif) no-repeat top left;
/*	border: solid 1px #0580c6;*/
}
#header5 A:hover {
	COLOR: #435401;
/*	border: solid 1px #8A9E3B;*/
	background: #fff  url(../../img/sq_button_bg_hover_white.gif) no-repeat top left;
}
#header5 UL {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	LIST-STYLE-TYPE: none;
	display: inline;
}
#header5 LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: right;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	width: 90px;
	height: 90px;
	TEXT-ALIGN: center;
	PADDING-TOP: 0px;
	border: 0;
	BACKGROUND: #fff url(../../img/sq_button_bg_white.gif) no-repeat top left;
	/*border-bottom: 1px solid #4171b5;*/
}
#header5 LI:hover {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	border: 0;
	background: #fff  url(../../img/sq_button_bg_hover_white.gif) no-repeat top left;	
}
#header5 #current {
	border-bottom: 1px solid #fff;
	background: #fff  url(../../img/sq_button_active_white.gif) no-repeat top left;

}
#header5 #current A {
	COLOR: #4599CC;
	background: #fff  url(../../img/sq_button_active_white.gif) no-repeat top left;
}

#header5 .banner_links {
	margin: 0;
}

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

#slfooter
{
	background: #eef8fc url(../../img/footer_bg.gif) repeat-x top left;
	text-align: left;
	padding: 8px;
	color: #666;
}

#slfooter a
{
	font-weight: normal;
}

/*****************************************************
 *  NAVIGATION MENU                                  *
 *****************************************************/
.menu {
	float: right;
	width: 20%;
	padding: 0 0 6px 0;
	background-color: #E5EDF9;
	border: 1px solid #4171B5;
}
.menucaption {
	font-size: 12px;
	font-weight: bold;
	padding-left: 12px;
}
.menusection {
	width: auto;
	margin: 24px 6px 0 6px;
	padding-left: 10px;
	border: 1px solid #4171B5;
}
.menusectioncaption {
	position: relative;
	top: -9px;
	background-color: #E5EDF9;
	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.
	*/
}

#center { margin: 0 190px 0 0; padding: 10px 0 40px 0;
 min-height: 300px; }

#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 */



/* --- course navigation menu as a definition list  --- */
#toolnavbox {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	border: 1px solid #4271b5;
}
#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: #4171b5;
	padding: 5px 5px 5px 10px;
	margin: 0;
	text-decoration: none;
	display: block;
}
#toolnavlist a:hover {
	background: #fff;
	color:#4171b5;
}
#toolnavlist a#here {
	background: #fff;
	color:#4171b5;
}
/* --- 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;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
	color: #ad0303;
}

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 #4171B5;}
#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;}

.Authoringview,.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: #4171B5; background-color: #fff; padding: 0 4px;}
/***********************************/

/*****************************************************
 *  			AGENDA                               *
 *****************************************************/
#agenda {
	width: 100%;
	margin: 0 auto;
	border: 1px solid #4171B5;
	border-collapse: collapse;
}
.agenda_month_divider {background-color: #4171B5; 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: #0580c6; font-weight: bold; padding: 2px;
 color: #fff; text-align: center; font-size: 11px;}
#smallcalendar .title a { color: #fff;}
#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: #0580c6; font-weight: bold;
 font-size: 12px; color: #fff; text-align: left; padding: 2px 10px; text-align: center; border: 1px solid #264269;}
#agenda_list .title a:link, #agenda_list .title a:visited {background-color: #0580c6; font-weight: bold;
 font-size: 12px; color: #fff; text-align: left; padding: 2px 10px;text-align: center;}
#agenda_list .title a:hover {background-color: #0580c6; font-weight: bold;
 font-size: 12px; color: #ff0000; text-align: left; padding: 2px 10px;text-align: center;}

/* The cells with the name of the days of the weeks (mon->sun)*/
#agenda_list .weekdays {background-color: #E7EBBB; text-align: center;
 font-weight: bold; border: 1px solid #757F00; border-collapse: collapse; color:#757F00;}

/* The cells for the days (1->31) */
#agenda_list .past_day {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #e6e6e6;}
 #agenda_list .days_week {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #e6e6e6;}
#agenda_list .days_weekend {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #e6e6e6;}
#agenda_list .partially_busy_day {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #fedddd;color: #757F00;font-weight: bold;}
 #agenda_list .free_day {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #ecfbd1;color: #757F00;font-weight: bold;}
 #agenda_list .days_today {height: 40px; width: 12%; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; 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 #4171B5; border-collapse: collapse;}
#agenda_list .datanotbold {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
#agenda_list .text {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; 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 #4171B5; border-collapse: collapse; color: #999999;}
#agenda_list .datanotbold_hidden {background-color: #eee; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse; color: #999999;}
#agenda_list .text_hidden {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; 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 #4171B5; border-collapse: collapse;}
#agenda_list .datanotboldnow {background-color: #FFCC00; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}
#agenda_list .textnow {background-color: #fff; text-align: left; padding: 2px 10px;
 font-weight: normal; border: 0px solid #4171B5; border-collapse: collapse;}

.alternativeFreeTime { background-color: #fff;
 border: 1px solid #6da802; border-collapse: collapse;padding-left: 5px;}
.busy_time { background-color: #fedddd;
 border: 1px solid #ff6868; border-collapse: collapse; padding-left: 5px;}
.day_header {font-family: "Trebuchet MS", Verdana; font-size:  12pt; float:left; 
			 margin-right: 10px;}
.past_day_legend {height: 40px; width: 40px; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #e6e6e6;}
.busy_day_legend {height: 40px; width: 40px; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #fedddd;color: #757F00;font-weight: bold;}
 .free_day_legend {height: 40px; width: 40px; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #ecfbd1;color: #757F00;font-weight: bold;}
 .today_legend {height: 40px; width: 40px; text-align: left; vertical-align: top;
 border: 1px solid #f5f5f5; border-collapse: collapse; background-color: #FFCA8D;color: #CC3300;font-weight: bold;}
   
/* ---------------------------------------------------
	styles for the mini agenda
-----------------------------------------------------*/
#smallcalendar {width: 100%; margin: 0 auto; border: 1px solid #fff;
 border-collapse: collapse;}
#smallcalendar .weekdays {background-color: #E7EBBB; text-align: center; padding-left:2px; padding-right:2px;
 font-size: 11px; font-weight: bold; border: 1px solid #fff; border-collapse: collapse; color: #757F00;}
#smallcalendar .past_day {background-color: #f5f5f5; text-align: center;
 font-size: 11px; 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-collapse: collapse;}
#smallcalendar .partially_busy_day {width: 12%; text-align: center;
 font-size: 11px;  border-collapse: collapse; background-color: #fedddd;}
#smallcalendar .free_day {width: 12%; text-align: center;
 font-size: 11px;  border-collapse: collapse; background-color: #ecfbd1;}
#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-right-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	padding: 5px;
	border-color: #4171B5;
	color: #4171B5;
	background-color: #fbfbfb;
	min-height: 30px;
	font-weight: bold;
}
.warning-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	padding: 5px;
	border-color: #FFB30F;
	color: #a58701;
	background-color: #fbfbfb;
	min-height: 30px;
	font-weight: bold;	
}
.confirmation-message {
	position: relative;
	margin: 10px auto;
	margin-left: -250px;
	width: 500px;
	left: 50%;
	right: 50%;
	border-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	padding: 5px;
	border-color:#1F8323;
	color: #1F8323;
	background-color: #fbfbfb;
	min-height: 30px;
	font-weight: bold;
}
.error-message {
	position: relative;
	margin: 10px auto;
	margin-left: 0px;
	width: 500px;
	border-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-style: solid;
	padding: 5px;
	border-color: #fa7c7c;
	color: #d13030;
	background-color: #fbfbfb;
	min-height: 30px;
	font-weight:  bold;
}

#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 #4171B5;
 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: #FFF089;
	color: #4171B5; border: 1px solid #4171B5;	padding: 4px;}

.alternativeBgLight { background-color: #f5f5f5;
 border: 1px solid #4171B5; border-collapse: collapse;}
.alternativeBgDark { background-color: #ccf;
 border: 1px solid #4171B5; 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: 10px;
}
div.row div.form_header {
	white-space: nowrap;
	padding: 2px;
	background-color: #E5EDF9;
	border: 1px solid #4271B5;
}
div.row div.label {
	text-align: left;
	float:left;
	width: 20%;
}
div.row div.formw {
	width: 80%;
}
span.form_required {
	color: #f00;
}
span.form_error {
	color: #d13030;
	font-weight: normal;
	font-size: 1em;
	margin: 0px;
	display: block;
	text-align: left;
}

/*****************************************************
 *  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;
	margin-top: 5px;
	margin-bottom: 5px;
}
.data_table th{
	padding-right: 20px;
  	border: 1px  solid gray;
  	background-color: #E5EDF9;
}
.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;
}
.data_table td.border{
  	padding: 5px;
	  vertical-align: top;
  	border: 1px solid gray;

}
.data_table td.none{
  	padding: 5px;
	  vertical-align: top;
	border-right:none;
	border-bottom: none;
	border-left:none;
}
.data_table td.redText{
	color:red;
}
.data_table td.borderRight{
	border-right:1px solid gray;
	border-bottom: none;
	border-left:none;
}
.data_table td.borderLeft{
	border-left:1px solid gray;
	border-bottom: none;
	border-right:none;
}
.data_table td.noLink {
	color:grey;
}
.data_table tr.tableName{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #e6e6ff;
	text-align:left;
}
.data_table tr.total{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
	text-align:left;
}
.data_table th.head{
	padding-right: 20px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
}

.sl_data_table{
  	border-collapse: collapse;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.sl_data_table th{
	padding-right: 20px;
	padding: 5px;
  	border: 1px  solid #98D7EF;
  	background-color: #28B8F0;
  	color: #fff;  	
}
.sl_data_table tr.row_odd{
  	background-color: #f6fcdd;
  }
.sl_data_table tr.row_odd:hover, .sl_data_table tr.row_even:hover{
  	background-color: #f0f0f0;
}
.sl_data_table tr.row_even{
  	background-color: #fff;
}
.sl_data_table td{
  	padding: 8px;
  	padding-left: 10px;
	vertical-align: top;
  	border-bottom: 1px solid #d2e38c;
  	border-right: 1px solid #d2e38c;
  	border-left: 1px solid #d2e38c;
  	font-weight: bold;
  	color: #777;
}
.sl_data_table td.border{
  	padding: 5px;
	vertical-align: top;
  	border: 1px solid gray;

}
.sl_data_table td.none{
  	padding: 5px;
	vertical-align: top;
	border-right:none;
	border-bottom: none;
	border-left:none;
}
.sl_data_table td.redText{
	color:red;
}
.sl_data_table td.borderRight{
	border-right:1px solid gray;
	border-bottom: none;
	border-left:none;
}
.sl_data_table td.borderLeft{
	border-left:1px solid gray;
	border-bottom: none;
	border-right:none;
}
.sl_data_table td.noLink {
	color:gray;
}
.sl_data_table tr.tableName{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #e6e6ff;
	text-align:left;
}
.sl_data_table tr.total{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
	text-align:left;
}
.sl_data_table th.head{
	padding-right: 20px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
}
/* 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;
}

/* **** 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;

}
.RequirementHeading{
	margin-right:10px;
}
.RequirementHeading h1{
	color:#0066CC;
	font-size:1.2em;
	font-weight: bold;
	border-bottom: 1px solid #0066CC;
}
.RequirementText{
	color:#666;
	font-size:1.0em;
	font-weight: normal;
	float:right;
	width:200px;
}
.RequirementContent{
	color:#000;
	font-size:1.0em;
	font-weight: normal;
}
.RequirementContent table{
	border: 1px solid #ccc;
	width: 400px;
}
.RequirementContent table th{
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.requirements-item{
	width: 50%;
	background-color:#f7f7f7;
	padding-left:2px;
}
.requirements-value{

}

/*
 * 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;
	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;
}
.skip {
	display: none;
}

#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;
}

.input_titles{
	width: 300px;
}

#survey_title{
	background-color:#264269;
	color:#FFF;
	padding:2px;
	border: 1px solid #264269;
}
#survey_subtitle{
	background-color:#264269;
	color:#FFF;
	padding:2px;
	border: 1px solid #264269;
}
.survey_content{
	background-color:#EFEFEF;
	color:#264269;
	padding:5px;
	border: 1px solid #264269;
}
.survey_question_wrapper{
 	border: 1px solid #4271b5;
}
.survey_question{
	/* 264269 4271b5 E5EDF9 */
	background-color:#4271b5;
	color:#FFFFFF;
	padding:5px;
	/*border: 1px solid #264269;*/
}
.survey_question_options{
	/* 264269 4271b5 E5EDF9 */
	background-color:#FFF;
	color:#000;
	padding:5px;
	/*border: 1px solid #264269;*/
}

#headerSearch
{
	padding: 0px;
	margin:0px;
	float: right;
}

.formbox
{
	border: solid 2px #cccccc;	
	padding: 10px;
	color: #888888;
	font-weight: bold;
	text-align: justify;
	vertical-align: top;
}

.formbox .label
{
	font-weight: bold;
	color: #3A90C6;
	padding: 0px;
}

.formbox h2
{
	background-color: #fff;
	margin: 0px;
	padding: 3px;
	color: #3A90C6;
}

.formnobox
{
	padding: 10px;
	color: #888888;
	font-weight: bold;
	text-align: justify;
	vertical-align: top;
}

.formnobox .label
{
	font-weight: bold;
	color: #3A90C6;
	padding: 0px;
}

.formnobox h2
{
	background-color: #fff;
	margin: 0px;
	padding: 3px;
	color: #3A90C6;
}

.userprofile
{
	float:left;
	margin-bottom: 0px;
	padding: 10px; 
	background:#fff;
	color: #888;
	text-align: left;
}

.userprofile .leftsidebar
{
	width: 180px;
	float:left;
	margin-right: 10px;
}


.userprofile .rightsidebar
{
	width: 200px;
	float:right;
	margin-right: 10px;
}

.userprofile .main
{
	margin-left: 180px;
	margin-top: 0px;
}

.userprofile h2
{
	color: #3A90C6;
}

.tutorlisting
{
	margin: 5px;
	margin-bottom: 10px;
	padding: 2px; 
	background:#ffffff;
	border-bottom:  solid 2px #ccc;
	color: #444;
	text-align: left;
}

.tutorlisting img
{
	float:left;
	margin-right: 5px;
}

.tutor_public_listing
{
	float:left;
	margin: 5px;
	margin-bottom: 10px;
	width: 210px;
	height: 80px;
	padding: 2px; 
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #444;
	text-align: left;
}

.tutor_public_listing img
{
	float:left;
	margin-right: 5px;
}


.testhplisting
{
	float:left;
	margin-left: 10px;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	width: 220px;
	height: 120px;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #888;
	background: #fff;
	text-align: left;
}

.testhplisting img
{
	float:left;
	margin-right: 5px;
}
.testlisting
{
	margin: 5px;
	margin-bottom: 0px;
	background:#ffffff;
	border-bottom:  solid 2px #ccc;
	color: #444;
	width:650px;
	text-align: left;
	display:table;
}

.packagelisting
{
	margin: 5px;
	margin-bottom: 0px;
	background:#ffffff;
	border-bottom:  solid 2px #ccc;
	color: #444;
	width:700px;
	text-align: left;
	display:table;
}

.packagelisting img
{
	margin-right: 5px;
	
}

.contentlisting_grey
{
	float:left;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#f4f2E5;	

	
	color: #444;
	width: 100%;
	
	text-align: left;
	display:table;
	font-size: 0.95em;
}
.contentlisting
{
	float:left;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#ffffff;	

	
	color: #444;
	width: 100%;
	
	text-align: left;
	display:table;
	font-size: 0.95em;
}
.contentlisting_view
{
	
	
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	

	
	color: #444;
	width: 150px;
	text-align: center;
	display:table;
	font-size: 0.95em;

}
.medialisting
{
	margin: 5px;
	margin-bottom: 0px;
	background:#ffffff;
	border-bottom:  solid 2px #ccc;
	color: #444;
	width: 700px;
	text-align: left;
	display:table;
}

.mediashortlisting
{
	margin: 3px;
	margin-bottom: 0px;
	padding: 5px; 
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #444;
	width: 170px;
	height: 70px;
	text-align: left;
	float:left;
	font-size: 0.95em;
}

.mediashortlisting img
{
	float:left;
	margin-right: 5px;
}


.medialisting1
{
	float:left;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #444;
	width: 200px;
	height: 140px;
	text-align: left;
	display:table;
	font-size: 0.95em;
}
.feedbackshortlisting
{
	margin: 3px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #444;
	width: 150px;
	height: 70px;
	text-align: left;
	float:left;
	font-size: 0.95em;
}
.feedbackshortlisting img
{
	float:left;
	margin-right: 5px;
}

.sessionhplisting
{
	float:left;
	margin-left: 10px;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	width: 220px;
	height: 100px;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #888;
	background: #fff;
	text-align: left;
}

.sessionhplisting img
{
	float:left;
	margin-right: 5px;
}

.sessionlisting
{
	float:left;
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	width: 230px;
	height: 150px;
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #888;
	text-align: left;
	display:block;
	font-size: 0.95em;
}


.sessionlisting img
{
	float:left;
	margin-right: 5px;
}

.greencolumn
{
	float:left;
	width:300px; 
	margin: 10px;
	padding: 10px; 
	background:#bdc83d;
	color: #fff;
	text-align: justify;
}

.greencolumn h2
{
	color: #7a8500;
}

.greencolumn h4
{
	color: #fff;
}

.greencolumn img
{
	margin-left: 5px;
}

.bluecolumn
{
	float:left;
	width:300px; 
	margin: 10px;
	padding: 10px; 
	background:#51b1e1;
	color: #fff;
	text-align: justify;
}

.bluecolumn img
{
	margin-left: 5px;
}

.bluecolumn h2
{
	color: #025f8e;
}

.bluecolumn h4
{
	color: #fff;
}

.orangecolumn
{
	float:left;
	width:300px; 
	margin: 10px;
	padding: 10px; 
	background:#fbb92f;
	color: #fff;
	text-align: justify;
}
.orangecolumn img
{
	margin-left: 5px;
}
.orangecolumn h2
{
	color: #ab7400;
}

.orangecolumn h4
{
	color: #fff;
}

.rightcolumn
{
	width:200px; 
	margin: 10px;
	padding: 10px; 
	background:#51b1e1;
	color: #fff;
	text-align: justify;
}

.rightcolumn img
{
	margin-left: 5px;
}

.rightcolumn h2
{
	color: #025f8e;
}

.rightcolumn h4
{
	color: #fff;
}

div#hiddenform
{
	display:none;
}

.mediapanel
{
	background-color: #f6fafb;
	border: solid 1px #0580c6;
	color: #555;
	float:right;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 250px;
}

.mediapanel h3
{
	padding-left: 5px;
}

.mediapanel a
{
	padding-left: 5px;
}


.tutorschedule
{
	background-color: #F4F2E5;
	color: #444;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
}

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #01778f;	
	padding:5px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}

.slblue
{
	color: #05BDE3;
}

.slgreen
{
	color: #afbe04;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../../img/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:350px;	/* Width of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:1em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
.accountsummary
{
	background-color: #E1F4FE;
	color:#0580c6;	
	width: 70%;
	font-weight: bold;
	padding: 10px;
}

#account_stmt
{
	border: 1px solid #0580c6;
 	border-collapse: collapse;
}

#account_stmt .stmt_header
{
	background-color: #0580c6; 
	font-weight: bold; 
	padding: 2px;
	color: #fff; 
	text-align: center; 
	font-size: 11px;
}

#account_stmt td
{
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	border:  solid 1px #c1e7fd;
}

.beATutorBox
{
	background-color: #41a3e0;
	color: #fff;
	width: 200px;
	padding: 5px;
	border-left: solid 1px #70c0f2;
	border-top:  solid 1px #70c0f2;
	border-bottom: solid 3px #036aab;
	border-right:  solid 3px #036aab;
}

.beATutorBox h3
{
	color: #fff;
}

.beATutorBox a
{
	color: #fff;
}

#footerdivider
{
	background: #fff url(../../img/shadow_bar.gif) repeat-x bottom left;
	margin-top: 100px;
}

.mainrightbox
{
	padding-top: 0px;
	margin-bottom: 10px;
	float: right;
}

.infonote
{
	color: #999;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
}

.mainbrowsebox
{
	padding: 10px;
	padding-top: 0px;
	margin-bottom: 10px;
	width: 620px;
}

.comingsoonbox
{
	margin: 5px;
	margin-left: 10px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 270px;
	float:left;
	background: #fefefe;
}
.upcomingbox
{
	padding-left: 10px;
	margin-bottom: 10px;	
	width:630px;
}
	
.slidedoormenu{
list-style-type: none;
margin: 0;
margin-right: 10px;
padding: 0;
width: 200px; /* width of menu (don't forget to add border with below!) */
}

.slidedoormenu li{
	cursor: pointer;
	margin: 0;
}

.slidedoormenu li a{
background: white url(../../img/menu14.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: 0 -32px;
color: #fff;
}

.slidedoormenu li.current a {
background: white url(../../img/menu14.gif) repeat-y left top;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white;
padding: 7px 0;
text-indent: 8px;
text-decoration: none;
background-position: 0 -32px; 
}

.blueroundedbox
{
    border: 2px solid #F4F2E5;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 10px;
}

.blueboxHeader
{
    border: 1px solid #0580C6;
    border-bottom:none;
    color: #ffffff;
    background-color:#0580C6;
	font-weight: bold;	
    padding: 2px;
    padding-left: 10px;
    text-align:center;
}

.blueboxContent
{
    font-size: 1em;
    color:#0580C6;
    border-top: 4px solid #2c94cf;
    border: 2px solid #2c94cf;
    background: #ffffff;
    padding: 10px;
    padding-top: 10px;
    text-align:left;
}

.blueboxContent a
{
    color:#0580C6;
}

.blueboxContent a:visited
{
    color:#0580C6;
}

.greenboxHeader
{
    border: 1px solid #D8D9D1;
    border-bottom:none;
    color: #444444;
    background-color:#e5eff4;
	font-weight: bold;	
    padding: 2px;
    padding-left: 10px;
}

.greenboxContent
{
    font-size: 1em;
    border-top: 4px solid #D8D9D1;
    border: 2px solid #D8D9D1;
    padding: 10px;
    padding-top: 10px;
    background-color: #fff;
	display:block;
	margin-bottom: 10px;
}

.greenboxContent a
{
    color:#2c94cf;
}

.greenboxContent a:visited
{
    color:#2c94cf;
}

.borderBottomBox
{
    font-size: 1em;
    border-bottom: 1px solid #377BB4;
    padding: 10px;
    padding-top: 10px;
    background-color: #fff;
	display:block;
}

.borderBottomBox a
{
    color:#2c94cf;
}

.borderBottomBox a:visited
{
    color:#2c94cf;
}

.actionButtonLink
{
	padding:3px;
	padding-left:0px;
}

.green_em_box
{
	padding: 10px; 
	background:#cdeaf5 url(../../img/em_box_bg.gif) repeat-x top left;
    border: 2px solid #28B8F0;
	color: #444;
	text-align: justify;
	display:block;
	margin-bottom: 5px;
}

.green_em_box img
{
	margin-left: 5px;
}
.green_em_box h2
{
	color: #fff;
}

.green_em_box h3
{
	color: #fff;
}
.green_em_box h4
{
	color: #fff;
}

.hpbluebox
{
	background-color: #F4F2E5;	
	padding-left: 0px;
	margin-top: 5px;
	margin-left: 0;
	border: solid 1px #ddd;
}

.hpbluebox h2
{
	padding-left: 5px;
}

.bluebox
{
	background-color: #f4f2E5;	
	padding-left: 10px;
	margin-top: 5px;
}

.pagelinkforpackage
{
	width: 100%;
}

.pagelinks
{
	width:20px;
	height:20px;
	margin: 3px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #5b7202;	
	padding:2px;
}

.pagelinks:visited
{
	color:#fff;
}


.pagelinks:hover
{
	color: #5b7202;
	background-color: #317082;	
}

.pagelinkforpackage a
{
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
	margin: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
	border: solid 1px #5b7202;
	border-top: solid 1px #5b7202;
	border-bottom: solid 1px #5b7202;
	color: #ffffff;
	background-color: #b2cb4b;	
}

.categoryselection
{
	border: solid 1px #ab7400;
	width: 170px;
	margin: 5px;
}

.categoryselection_small
{
	border: solid 1px #ab7400;
	width: 150px;
	margin: 5px;
}

.subjectselection
{
	border: solid 1px #ab7400;
	width: 250px;
	margin: 5px;
	margin-right: 15px;
}

.discussionsection
{
	margin: 10px auto;
	padding: 5px;
	border: 1px solid #bbb;
	color: #4b4b4b;
	background-color: #F4F2E5;
	min-height: 30px;
	min-width: 95%;
}

.discussionsection h3
{
	color: #000; 
}

.discussioncomment
{
	margin: 10px auto;
	padding: 5px;
	margin-top: 0px;
	border: 1px solid #bbb;
	color: #4b4b4b;
	background-color: #fff;
	min-height: 30px;
	min-width: 95%;
}

#recurrence
{
	background: #fffbea;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #FFB30F;
}

.arrowlistmenu{
	width: 178px; /*width of accordion menu*/
	background:#F4F2E5;
	margin-left: 5px;
	border:Solid 1px #a1b844;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	background: #b2cb4b;
	color: #fff;
	border: solid 1px #a1b844;
	border-left-color: #a1b844;
	border-top-color: #a1b844;
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
	background: #28B8F0;
	border: solid 1px #28B8F0;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	border: solid 1px #a1b844;
	border-right-color: #a1b844;
	border-bottom-color: #a1b844;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding-left: 5px;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

#slfooter .footernote
{
	font-size: 0.9em;
	color:  #555;
}
#slfooter .footernote a
{
	color: #4171b5;	
}

INPUT.hintTextarea { color: #888; font-size: 0.8em; font-style: italic;} 
INPUT.hintTextareaActive { color: #000; }

TEXTAREA.hintTextarea { color: #888; font-size: 0.8em; font-style: italic;} 
TEXTAREA.hintTextareaActive { color: #000; }

.search_tabs
{
	font-weight: bold;
	color: #28B8F0;
}


.search_tab
{
	margin-left:  2px;
	margin-right:  2px;
}

.search_tab_selected
{
	margin-left:  2px;
	margin-right:  2px;
	background: #c3ecfc;
	border:solid 2px #28B8F0; 
	padding: 4px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.search_tab_selected a a:visited a:hover
{
	color: #fff;
}

.error_msg
{
	padding-left: 5px;
}

.searchresults
{
	margin-top: 2px;
	background-color: #fff;
	border: solid 2px #eee;
	padding: 10px;
	height: 600px;
} 

#top-nav #nav-no-menu a {outline: none; color: #fff; position: relative; z-index: 1; display: block; border: 1px solid #A1B844; border-width: 0 1px 0 0; padding: 3px 10px 3px 0; text-decoration: none; white-space: nowrap;background:transparent}
#top-nav #nav-no-menu  li.open a {border: 1px solid #39c; border-bottom-color: #fff; color: #39c; padding: 2px 24px 2px 0;}
#top-nav {background: #B2CB4B; float: left; margin: 0px 0 0 0px; *margin-top: 3px; padding: 0; list-style-type: none; border: solid 1px  #A1B844;}
#top-nav li {float: left; font-size: 110%; font-weight: bold; margin: 0 0 0 0; padding: 0; }
#top-nav li.open {position: relative; z-index: 1;}
#top-nav abbr {font-weight: normal; line-height: 1;}
#top-nav a {outline: none; color: #fff; position: relative; z-index: 1; display: block; border: 1px solid #A1B844; border-width: 0 1px 0 0; padding: 3px 24px 3px 3px; text-decoration: none; white-space: nowrap; background: url(../../img/hparrowmenu.gif) 100% 4px no-repeat;}
#top-nav span { padding: 5px 0 5px 6px; *padding: 3px 0 3px 6px;}
#top-nav a span.hover {text-decoration: underline;}
#top-nav a.hover {background: url(../../img/hparrowmenu.gif) 100% -24px no-repeat;}
#top-nav li.open a {border: 1px solid #B2CB4B; border-bottom-color: #fff; color: #B2CB4B; padding: 2px 24px 2px 0; background: #fff url(../../img/hparrowmenu.gif) 100% -54px no-repeat; *background-position: 100% -53px ;}
#top-nav li.open span {padding: 2px 0 2px 5px;}
#top-nav li ul {display: none; list-style-type: none; position: absolute; left: 0; top: 19px; background-color: #fff; border: 1px solid #B2CB4B; margin: 0; padding: 5px 0; z-index: 0;}
#top-nav li.open ul {display: block; width: 170px;}
#top-nav li li {float: none; font-size: 100%; font-weight: normal; padding: 0; margin: 0; background: none; _margin-bottom: -1em;}
#top-nav li li a, #top-nav li.open li a {padding: 3px 3px; background-image: none; border: none;}
#top-nav li li a:hover {background-image: none; background-color: #B2CB4B; color: #fff;}
#top-nav li.open li span {padding: 0;}

.separator {margin-top: 5px !important; padding-top: 5px !important;}
.separator span {display: block;}


.adv_search_header1
{
	background: url(../../img/block_header_bg.png) repeat-x  top left;
	border: solid 1px #39b3e2;
	padding-left: 5px;
	padding-right: 5px;
	padding: 5px;
	margin-bottom: 3px;
	margin-top:2px;
	color: #fff;
}
.adv_search_header1 a
{

}

.adv_search_header
{
	background: url(../../img/block_header_bg.png) repeat-x  top left;
	border: solid 1px #39b3e2;
	padding-left: 5px;
	padding-right: 5px;
	padding: 5px;
	margin-bottom: 3px;
	margin-top:2px;
	color: #fff;
}
.adv_search_header a
{
	color: #fff;
}

.greenbox
{
	background-color: #e6f7fe;	
	padding-left: 10px;
	margin-top: 5px;	
}

.publicprofilebox_main
{
	border: solid 3px #39b3e2;
	background-color: #fff;	
	padding: 3px;
	margin: 5px;	
}


.publicprofilebox
{
	border: solid 3px #B2CB4B;
	background-color: #fff;	
	padding: 3px;
	margin: 5px;	
}

.wizard_header
{
	padding: 10px; 
	background:#cdeaf5 url(../../img/em_box_bg.gif) repeat-x top left;
	color: #444;
	text-align: justify;
}

.wizard_header h2
{
	color: #fff;
}

.wizard_header h3
{
	color: #fff;
}
.wizard_header h4
{
	color: #fff;
}


.wizard_header .header
{
	font-family: Calibri, Arial;
	font-size: 1.6em;
	font-weight: bold;
	color: #fff; 
}


.wizard_footer
{
	background: url(../../img/tableheader.png) repeat-x top left;
	color: #444;
	text-align: right;
	border-left:  solid 1px #dbdbdb;
	border-right:  solid 1px #dbdbdb;
	padding: 5px;
	padding-right: 0px;
}

.wizard_footer a
{
	background: url(../../img/buttonbg.png) repeat-x top left;
	margin:0px;
	padding: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	border-left:  solid 1px #99afb7;
	border-right:  solid 1px #99afb7;
}

.wizard_footer .disabled
{
	background: url(../../img/buttonbg.png) repeat-x top left;
	margin:0px;
	padding: 5px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	height: 24px;
	border-left:  solid 1px #99afb7;
	border-right:  solid 1px #99afb7;
}

.wizard_footer a:hover
{
	background: url(../../img/buttonhbg.png) repeat-x top left;
}

.wizard_main_box
{
	background-color: #F4F2E5;
	padding: 10px;
	padding-top: 1px;
}

.hot_text a
{
	padding: 3px;
	padding-right: 10px;
	text-decoration:none;
	color: #28B8F0;
	background-color: #fff;
	cursor: default;
}

.hot_text a:hover
{
	color: #28B8F0;
	background-color: #ffffd3;
}

.sl_test_table{
  	border-collapse: collapse;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	vertical-align: middle;
}
.sl_test_table th{
	padding-right: 20px;
	padding: 5px;
  	border: 1px  solid #9c9c9c;
  	background: #eee url(../../img/tableheader.png) repeat-x top left;
  	color: #000;  	
}

.sl_test_table th.selected
{
	background: #fcfcfc;
}

.sl_test_table tr.row_odd{
  	background-color: #f0f0f0;
  }

.sl_test_table tr.row_even{
  	background-color: #fff;
}
.sl_test_table td{
  	padding: 2px;
  	padding-left: 4px;
	vertical-align: top;
  	border-bottom: 1px solid #9c9c9c;
  	border-right: 1px solid #9c9c9c;
  	border-left: 1px solid #9c9c9c;
  	font-weight: bold;
  	color: #777;
}
.sl_test_table td:hover{
  	background-color: #ffffd3;
}
.sl_test_table td.empty{
  	background: url(../../img/blankcell.gif) repeat top left;
}
.sl_test_table td.border{
  	padding: 5px;
	vertical-align: top;
  	border: 1px solid gray;

}
.sl_test_table td.none{
  	padding: 5px;
	vertical-align: top;
	border-right:none;
	border-bottom: none;
	border-left:none;
}
.sl_test_table td.redText{
	color:red;
}
.sl_test_table td.borderRight{
	border-right:1px solid gray;
	border-bottom: none;
	border-left:none;
}
.sl_test_table td.borderLeft{
	border-left:1px solid gray;
	border-bottom: none;
	border-right:none;
}
.sl_test_table td.noLink {
	color:gray;
}
.sl_test_table tr.tableName{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #e6e6ff;
	text-align:left;
}
.sl_test_table tr.total{
	padding: 5px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
	text-align:left;
}
.sl_test_table th.head{
	padding-right: 20px;
  	border: 1px  solid gray;
  	background-color: #ffffcc;
}

.testdetailslisting
{
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#ffffff;
	border-left:  solid 2px #ccc;
	border-top:  solid 2px #ccc;
	border-bottom:  solid 2px #ccc;
	border-right:  solid 2px #ccc;
	color: #444;
	text-align: left;
	display:table;
}

.test_small_listing
{
	margin: 5px;
	margin-bottom: 0px;
	padding: 2px; 
	background:#ffffff;
	border-left:  solid 1px #ccc;
	border-top:  solid 1px #ccc;
	border-bottom:  solid 1px #ccc;
	border-right:  solid 1px #ccc;
	color: #444;
	text-align: center;
	display:block;
	width: 100px;
	font-size:0.9em;
	float:left;		
}

.test_small_listing .h4alt
{
	font-size: 1em;
}

#popitmenu{
position: absolute;
background-color: white;
border:2px solid #2c94cf;
font-weight: bold;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu span{
padding-left: 6px;
color: gray;
display: block;
}

#popitmenu span:hover{
background-color: #b2cb4b;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #2c94cf;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #b2cb4b;
color: #fff;
}

#dhtmltooltip{
position: absolute;
width: 170px;
border: 1px solid #888;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
color: #444;
text-align:justify;
overflow:auto;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.dragableBox{
	float:left;
}

.dropBox{
	min-height:180px;
	background-color:#e7e5d9;
	border: solid 2px #ccc;
	padding: 5px;
}

.packageArea
{
	border: solid 2px #ccc;
	min-height:120px;
	overflow:auto;
	margin-bottom: 5px;
	background-color: #F4F2E5;		
	padding-bottom:5px;
}

.allTests
{
	background: #e7e5d9;	
	border: solid 2px #ccc;
	min-height:120px;
	padding:5px;
	overflow:auto;
}

.cbse_button
{
	width: 205px;
	height: 30px;
	background: url(../../img/campaigns/tests_button_bg.gif) no-repeat top left;
	text-align: center;
	display:block;
	float:left;
	margin-right:10px;
}

.cbse_button:hover
{
	background-position: 0 -31px;
}

.cbse_button a
{
	color: #ffffff;
	padding: 7px;
	display: block;
}
.campaign_listing
{
	display:block;
	border-bottom: solid 1px #ccc;
}

#calendar
{
	width: 241px;
	height: 165px;
	text-align: center;
	margin: 5px auto;
	border: 1px solid #f2f2f2;
	background-color: #f3f8ff;
	position: absolute;
	font: 11px Trebuchet MS;
}

#calendar ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn  
{
	margin: 1px 0 0 1px;
	padding: 0;
	width: 39px;
	height: 14px;
	line-height: 14px;
	float: left;
	text-align: center;
	background-color: #feefe4;
	color: #000;
	display: inline;
}
.emptM, .dayDisabled, .monthDisabled
{
	color: #d7d6d5;
	background-color: #f2f2f2;
}
.headDay
{
	color: #fff;
	background-color: #48688f;
	width: 33px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
	color: #fff;
	background-color: #70b0ff;
	width: 33px;
}
.dayBlank{background-color: #f3f8ff}
.dayWeekend{background-color: #ff6161}
.dayCurrent, .currMonth{background-color: #71d45b}
.dayDisabled{width: 33px}
#days{margin-left: 1px; width: 238px;}
#elements{height: 150px;}
.months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;}
.currMonth a{color: #FFF}
#days a{color: #fff;}
.yearBrowse, #closeBtn {width: 240px; background-color: #FFF; line-height: 14px;}
.yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;}
.yearBrowse b{margin: 0 5px}

.highlight_menu
{
	border: dotted 1px #246C9B;
	padding-left:2px;
}

.header_myslmenu
{
	background:	transparent url("../../img/sgmenu/bgOFF.gif") repeat-x top left;
	height: 36px;
	vertical-align:middle;
	border-bottom:1px solid #1F527D;border-top:1px solid #C0E2D4;
}

.header_sgmenu
{
	background:	transparent url("../../img/home_page/bgOFF.gif") repeat-x top left;
	height: 36px;
	vertical-align:middle;
	border-bottom:1px solid #1F527D;border-top:1px solid #C0E2D4;
}

ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:14px;font-weight:bold;background:transparent url("../../img/home_page/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:1px solid #1F527D;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;padding:0;}
ul#saturday li a{display:block;float:left;color:#28B8F0;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("../../img/home_page/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("../../img/home_page/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("../../img/home_page/bgON.gif") no-repeat top right;font-size:10pt;}

ul#sgmenu{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;margin-top:-1px;font-size:12px;font-weight:bold;background:transparent url("../../img/home_page/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-top:1px solid #C0E2D4;}
ul#sgmenu li{display:block;float:left;margin:0;padding:0;}
ul#sgmenu li a{display:block;float:left;color:#28B8F0;text-decoration:none;padding:12px 12px 0 12px;height:24px;background:transparent url("../../img/home_page/bgDIVIDER.gif") no-repeat top right;}
ul#sgmenu li a.logo{display:block;float:left;color:#28B8F0;text-decoration:none;padding:0px;height:24px;padding-right:2px; padding-left: 2px;background:transparent url("../../img/home_page/bgDIVIDER.gif") no-repeat top right;}
ul#sgmenu li a:hover{background:transparent url("../../img/home_page/bgHOVER.gif") no-repeat top right;}
ul#sgmenu li a.current,ul#sgmenu li a.current:hover{color:#fff;background:transparent url("../../img/sgmenu/bgON.gif") no-repeat top right;}

ul#myslmenu{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;font-size:12px;margin-top:-1px;font-weight:bold;background:transparent url("../../img/sgmenu/bgOFF.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-top:1px solid #C0E2D4;}
ul#myslmenu li{display:block;float:left;margin:0;padding:0;}
ul#myslmenu li a{display:block;float:left;color:#82a102;text-decoration:none;padding:12px 12px 0 12px;height:24px;background:transparent url("../../img/sgmenu/bgDIVIDER.gif") no-repeat top right;}
ul#myslmenu li a.logo{display:block;float:left;color:#82a102;text-decoration:none;padding:0px;height:24px;padding-right:2px; padding-left: 2px;background:transparent url("../../img/sgmenu/bgDIVIDER.gif") no-repeat top right;}
ul#myslmenu li a:hover{background:transparent url("../../img/sgmenu/bgHOVER.gif") no-repeat top right;}
ul#myslmenu li a.current,ul#myslmenu li a.current:hover{color:#fff;background:transparent url("../../img/home_page/bgON.gif") no-repeat top right;}

.heading
{
	font-size:11pt;
	font-weight:bold;
	color:#b2cb4b;
	display:block;
}

.highlight
{
	font-size:12pt;
	font-weight:bold;
	color:#CD6508;
}

.boxheader
{
	background: url(../../img/box_header.gif) repeat-x;
	color:#ffffff;
	font-weight:bold;
	padding: 5px;
	clear:both;
	font-size:8pt;
	margin-top:5px;
}

.slbutton
{
	background: url(../../img/bgON.gif) repeat-x;
	color:#ffffff;
	padding: 5px;
	margin-top:15px;
	margin-bottom:15px;
	clear:both;
	height:36px;
}
.slbutton:hover
{
	background: url(../../img/home_page/bgHOVER.gif) repeat-x;
	color:#3477AE;
	padding: 5px;
	margin-top:5px;
	margin-bottom:5px;
}

.slbutton-disabled
{
	background: url(../../img/home_page/bgHOVER.gif) repeat-x;
	color:#3477AE;
	padding: 5px;
	margin-top:5px;
	margin-bottom:5px;
}

.done_bar
{
	background: url(../../img/done_bar.jpg) repeat-x;
	float:left;
}

.remaining_bar
{
	background: url(../../img/remaining_bar.jpg) repeat-x;
	float:left;
}

.activetab {
	color: #0D6797;
	text-decoration: none;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-top: 3px;
	padding-right: 0.5em;
	padding-bottom: 2px;
	padding-left: 0.5em;
	border-top: 2px solid #D8D9D1;
	border-right: 2px solid #D8D9D1;
	border-bottom: 2px none #D8D9D1;
	border-left: 2px solid #D8D9D1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-variant: normal;
	text-transform: none;
	cursor: hand;
}
.inactivetab {
	color: #0D6797;
	text-decoration: none;
	background-color: #E5EFF4;
	margin: 0px 0px 0px 0px;
	padding-top: 1px;
	padding-right: 0.3em;
	padding-bottom: 0px;
	padding-left: 0.3em;
	border-top: 2px solid #D8D9D1;
	border-right: 2px solid #D8D9D1;
	border-bottom:2px none #D8D9D1;
	border-left: 2px solid #D8D9D1;
	font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
	cursor: hand;
}
.mouseovertab {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-top: 1px;
	padding-right: 0.3em;
	padding-bottom: 2px;
	padding-left: 0.3em;
	border-top: 2px solid #D8D9D1;
	border-right: 2px solid #D8D9D1;
	border-bottom: 2px none #D8D9D1;
	border-left: 2px solid #D8D9D1;
	font-family: Arial, Helvetica, sans-serif;
	cursor: hand;
}


.collapse_boxheader
{
	background: url(../../img/box_header.gif) repeat-x;
	color:#ffffff;
	font-weight:bold;
	padding: 5px;
	clear:both;
	font-size:8pt;
	margin-top:5px;
}


.complete_bar
{
	background: url(../../img/complete_bar.jpg) repeat-y;
}

.incomplete_bar
{
	background: url(../../img/incomplete_bar.jpg) repeat-y;
}

.mysl_menu
{
	border: solid 3px #dedede;
	padding:5px;
	background-color: #F9F9F9;
	margin-right:5px;
}


/* for dhtmlgoodies_calendar */
#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #E2EBED;		
	color: #E2EBED;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #317082;
	color: #FFF;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #317082;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #216072;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #317082;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #E2EBED;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #E2EBED;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

.select_css
{
	background:url("../../img/home_page/bgON.gif") no-repeat top right;
}


.header_search_box
{
	padding:0px;
	margin:0px;
	margin-top:5px;
	height:33px;
	width:318px;
	margin-right:5px;
	background: url("../../img/searchbg.gif") no-repeat top left;
}

.actionLinkColor
{
	color:#333;
}

.actionLinkColor:visited
{
	color:#333;
}

.actionLinkColor:hover
{
	color:#317082;
}

.actions_style
{
	float:right;
	width:120px;
	cursor:hand;
	background: #ddd;
	font-size:8pt;
	padding:3px;
	margin-right:5px;
}

.actions_body
{
	border: solid 1px #ddd;
	width:125px;
	font-size:8pt;
	margin-right:5px;
}

.actions_body a
{
	padding-left:3px;
}