/*****************************************************
 *  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: #6D7D59;
	padding-left: 10px;
}
h2 {
	font-family: Arial;
	font-size: 1.3em;
	color: #394635;
}
h3 {
	font-family: Arial;
	font-size: 1.1em;
	margin-top:0px;
	padding-top:0px;
	color: #394635;
}
h4 {
	font-family: Arial;
	font-size: 0.8em;
	color:  #000;
}
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;
}

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

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

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


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

#slfooter a
{
	font-weight: normal;
}

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


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

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

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

}

.skip {
	display: none;
}


#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;
	padding:50px; padding-top:20px;font-size:11pt
}

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

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


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


div#hiddenform
{
	display:none;
}

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

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

#footerdivider
{
	background: #cecece;
	margin-top: 100px;
}


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

.big_infonote
{
	color: #999;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: 14pt;
}

.small_infonote
{
	color: #999;
	margin-bottom: 5px;
	font-weight: bold;
	font-style: italic;
	font-size: 9pt;	
}
.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;
}

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

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

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

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

.error_msg
{
	padding-left: 5px;
}

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

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

.width_150
{
	width: 150px;
}

.italic_text
{
	color:#3399CC;font-size:10pt;font-weight:bold;font-style:italic;
}

.float_right
{
	float:right;
}

.register_bg
{
	width:308px;
	height:342px;
	padding: 10px;
	background:url(../../img/home_page/register_bg.gif) no-repeat top left;
	color:#ffffff;
	font-weight: bold;
}

.white_heading
{
	color:#ffffff;font-size:14pt;font-weight:bold;
}

.h1_heading
{
	font-family: Arial;font-size: 16pt;
}

.firefox_bg
{
	width:620px;background-image: url(../../img/home_page/background.png);margin-left:150px;border:solid 2px #ccc;padding: 10px;
}

.hp_heading
{
	color:#3399CC;font-size:14pt;font-weight:bold;
}
.hp_text
{
	color:#888888;font-size:14pt;font-weight:bold;
}

.register_error_hidden
{
	display:none;color:#FF0000;font-size:10pt;font-style:italic
}

.float_img
{
	float:left;
	margin-right: 10px;
}
.question_listing_even
{
	background-color: #EAEAEA;
}
.question_listing_odd
{
	border: solid 1px #dfdfDf;
}
.popup_close_button
{
	position:relative; top: -22px; right: -8px;
}

.small_text
{
	font-size:9pt; font-family:Calibri, Arial; font-weight: bold;
}
.sl_red_button
{
	background: url(../../img/bgRed.gif) repeat-x;height:25px;padding:5px;color:#FFFFFF;font-size:11pt;font-weight:bold;
}

.underlined_link
{
	text-decoration: underline;
}
.hidden
{
	display:none;
}
.comment_style
{
	text-align:left;border-bottom:1px solid #FFFFFF;
}
.comment_date
{
	float:right;font-size:7pt;
	font-style:italic;
	font-weight:bold;
}
.action_button
{
	font-size:8pt;font-weight:bold;
}
.more_action_bar
{
	text-align:center; border:solid 1px #aaa;padding:10px;
}
.comment_area
{
	padding:5px; background-color:#DEE8EA;width:210px;border:solid 1px #DAE2E5;
}

.add_comment_box_hidden
{
	display:none;border-style:solid;border-width:1px;background-color:#EBEBEB;padding:5px;
}

.side_column
{
	float:left;width:180px;margin:5px;
}

.main_column
{
	width:780px
}

.roll_no_box
{
	border:solid 2px #cecece;padding-left:10px;margin-right:240px;font-size:14pt;
}
.fix_for_ie
{
	width:100%;
}

.twitter_promotion
{
	background:#de0707;color:#ffffff;padding: 10px;font-size: 12pt;
}

.emphasize
{
	text-decoration:underline; font-size:16pt;font-weight:bold;
}
#right_section
{
	float:right;width:240px;border-left:1px solid #377BB4;padding-left:10px;
}

#left_section
{
	width:700px;
}
.topics_box
{
	border:solid 1px #b4b2b7;padding:5px;margin-top:5px;background:#eeeeee;width:700px;
}

#online_friends
{
	float:right; width:150px;border:solid 1px #aaa; padding:5px;
}
#exam_change
{
	padding:5px; background-color:#DEE8EA;width:300px;border:solid 1px #DAE2E5;
}
.middle_section
{
	width:450px;text-align:left;margin-bottom:5px;
}

.user_image_link
{
	width:90px;float:left;text-align:center;margin:5px;
}

.big_text
{
	font-size:14pt;float:left
}

.big_text_without_float
{
	font-size:14pt;
}

.bluetext
{
	font-size: 11pt;
	font-weight:bold;
	color: #296393;
}

.highlight_topic
{
	border:dotted 1px #629B28;color:#629B28;margin-top:2px;margin-bottom:2px;
}
.ask_if_expert
{
	padding:5px; background-color:#DEE8EA;width:210px;border:solid 1px #DAE2E5;
}
.multiple_select
{
	font-size:10pt;width:200px;overflow: auto;height:210px;	
}

.completion_box
{
	border:solid 1px #969696;width:50px;text-align:center;padding:5px;margin:5px;
}
.accordion_bars
{
	text-align:left; padding: 3px;width:70%;background:#aaa;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0px 0px 0px 0px;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 padding: 0px 0px;
	 color: #ff0000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #eee;
	 color: #000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(../../img/next.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(../../img/next.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 5px;
}



/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 0;
 border: none;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 8px;
}



/*-------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */





/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li {
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 background: transparent url("../../img/home_page/bgOFF.gif") repeat-x top left;
 border: solid 1px #000;
 border-bottom:none;
 color: #000;
}

ul.dropdown li a:active {
 background: url(images/grad1.png) repeat-x;
}


/* Non-first level */

ul.dropdown ul {
 margin-top: 0;
		background:#e1e1e1;
		border:  solid 1px #000;
		border-top: none;
		}

	ul.dropdown ul li {
		background-color:#E1e1e1;

	}

	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
		background:  transparent url("../../img/home_page/bgOFF.gif") repeat-x top left;
		border:none;
		padding: 0;
		margin: 0;
	}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
}



/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
 color: #000;
}

ul.dropdown ul li.hover *.open,
ul.dropdown-vertical li.hover *.open {
 padding-left: 0px;
}

	/* CSS2 clone */

	ul.dropdown li:hover > *.dir {
	 color: #000;
	}

	ul.dropdown ul li:hover > *.dir,
	ul.dropdown-vertical li:hover > *.dir {
	 padding-left: 0px;
	}

.study_plan_tabs
{
	background-color:#8AAE3D; height:25px; color:#ffffff; padding-left:10px; padding-right:10px; padding-top:5px; font-size:18px; font-weight: bold; cursor: pointer;
}

.study_plan_tabs:hover
{
	background-color:#CD6508;
}

.study_plan_nav 
{
	font-size:20px; color:#FFDF12;
}

.study_plan_nav:hover
{
	color:#CD6508;
}

ul.study_plan_week_view
{
	list-style-type:square;
	list-style-position: outside;
	font-size: 9pt;
}

.study_plan_task_list
{
	list-style-position: inside;
}


.blue_border_box
{
	border:2px solid #28B8F0;
	padding:10px;
	display:block;
	margin-bottom: 10px;
}

.text_area
{
	color: #999;
	font-style: italic;
}

.padding_space
{
	padding:5px;
}

.shift_right
{
	float:right
}

.group_image
{
	border:1px solid #808080;
	width:200px;
	margin-left:5px
}

.group_join_heading
{
	font-size:13pt; 
	font-family:Calibri, Arial; 
	font-weight: bold;
	text-align:center;
}

.group_desc
{
	font-size:10pt; 
	font-family:Calibri, Arial; 
	font-weight: bold;
}

.group_advice
{
	font-size:12pt;
	text-decoration:underline;
	color:#B44440;
}

.group_discussion
{
	border:1px solid #2B8ACD;
	background-color:#DFF7F7;
	padding:15px;
	width:600px;
}

.show_group_discussion
{
	height:50px;
	margin-left:60px;
	padding:10px;
}
.shift_left
{
	float:left;
}

.text_center
{
	text-align:center;
}

.comment_show
{
	font-size:8pt;
	font-weight:bold;
}
.user_pro_test
{
	font-family: Arial;
	font-size:14pt;
}

.user_font_size
{
	font-size:12pt;
	font-weight:bold
}

.user_font_8
{
	font-size:8pt;
}

.user_font_10
{
	font-size:10pt;
}
.font_12
{
	font-size:12pt;
}

.font_11
{
	font-size:11pt;
}
.font_14
{
	font-size:14pt;
}
.online_list
{
	width:40px;
	float:left;
	text-align:center;
	margin:5px;
}

.study_grp_border
{
	border-bottom: 1px  solid #9c9c9c;
}

.font_bold_8
{
	font-size:8pt;
	font-style:bold;
}

.hr_color
{
	color:#bbb;
}

.display_none
{
	display:none;
}
.shift_left_border_bottom_white
{
	border-bottom:1px solid #FFFFFF;
	float:left;
}

.shift_right_font_7
{
	font-size:7pt;
	float:right;
}

.text_left
{
	text-align:left;
}
.text_left_450
{
	width:450px;
	text-align:left;
	margin-bottom:5px;
}
.shift_right_font_8
{
	font-size:8pt;
	float:right;
}
.padding_left_right_10
{
	padding-left:10px;
	padding-right:10px
}
.padding_5
{
	padding:5px
}
.back_color_width_50
{
	background-color:#E6E6FA;
	width:50%;
}
.display_none_height_30
{
	display:none;
	border-style:solid;
	border-width:1px;
	background-color:#EBEBEB;
	padding:5px;
 	height:30px;
}

.color_3477AE
{
	color:#3477AE;
}


.text_center
{
	text-align:center
}

.chart_area
{
    font-size: 1em;
    border-top: 4px solid #D8D9D1;
    border: 2px solid #D8D9D1;   
    background-color: #fff;
	display:block;
	margin-bottom: 10px;
	background-color:#F8F8D8;
	padding:0px;
	margin:0px
}
.font_10_backcolor
{
	color:#800000;
	background-color:#F8F8D8;
	font-size:10pt;
}

.color_white_bkg_color_padding_5
{
	background-color:#3477AF;
	padding:5px;
	color:#fff
}
.shift_right_size_8
{
	float:right;
	font-size:8pt
}
.text_right
{
	text-align:right;
}
.shift_left_margin_5
{
	float: left;
	margin:5px;
}

.show_comment
{
	background-color:#EBEBEB;
	width:50%;
}
.comment_box
{
	background-color:#EBEBEB;
	padding:10px;
	padding-top:15px;
	border:solid 1px #ddd;
	margin:15px;
}
.shift_right_font_7
{
	float:right;
	font-size: 7px;
}
.text_right
{
	text-align: right;
}

.update_status_message
{
	font-size:10pt;
	font-weight:bold;
	color:#CD6508;
}
.question_post_status
{
	padding:5px; 
	background-color:#DEE8EA;
	width:270px;
	border:solid 1px #DAE2E5;
}
.padding_right
{
	padding-right:5px
}
.shift_right_brd_left_padd_left
{
	border-left:1px solid #377BB4;
	padding-left:10px;
}
.premium_add
{
	border:1px solid #1D9EC5;
	padding:2px;
}
.premium_add_center
{
	background-color:#006898;
	padding:5px;
	color:#fff;
}
.text_aligh_center_padding_10
{
	text-align:center;
	padding:10px;
}

.feedback_msg
{
	 font-size: 1em;
    border-top: 4px solid #D8D9D1;    
    padding: 10px;
    padding-top: 10px;
    background-color: #fff;
	display:block;
	margin-bottom: 10px;
	background-color: #fbfbfb;
	border:1px solid #FFB30F;
}
.update_on_mysl
{
	 font-size: 1em;
    border-top: 4px solid #D8D9D1;    
    padding: 10px;
    padding-top: 10px;
    background-color: #fff;
	display:block;
	margin-bottom: 10px;
	background-color:#EDEAD6;
	border:1px solid #FFB30F;
}
.sl_study_plan_det
{
	background-color: #e6f7fe;	
	padding-left: 10px;
	margin-top: 5px;	
	padding:10px;
	border:2px solid #7AD3FA;
}
.changeexambox
{
	padding:5px; 
	background-color:#DEE8EA;
	width:300px;
	border:solid 1px #DAE2E5;
}

.thisweekplanbox
{
	border:solid 1px #b4b2b7;
	padding:5px;
	margin-top:5px;
	background:#f8f8f8;
}

.border_28B8F0_back_EFEFFF
{
	border:solid 2px #28B8F0;
	background-color:#EFEFFF; 
	padding: 5px;
}
.mysl_mid_heading
{
	font-size: 1.3em;
	color: #28b8f0;	
	font-family: Calibri, Arial; 
	font-weight:bold
}
.mysl_message_div
{
	text-align:center; 
	color:#FF2424;
}
.status_message
{
	border:solid 1px #000; 
	background-color:#eeeeee;
	width:450px;
	margin:2px;
	padding: 2px;
}

.shift_right_font_14
{
	float: right;
	font-size: 14px;
}
.topichp_tudy_plan1
{
	background-color:#6699FF;
	font-size:12px;
	text-align:center;
}
.topichp_tudy_plan2
{
	background-color:#CCCC66;
	font-size:12px;
	text-align:center;	
}
.topichp_tudy_plan3
{
	background-color:#FFFFCC;
	font-size:12px;
	text-align:center;
}
.topichp_tudy_plan4
{
	background-color:#CCCCFF;
	font-size:12px;
	text-align:center;
}
.subtastheading
{
	background-color:#76923C;
	color:#ffffff;
	text-align:center;
	font-size:12px;
}
.subtast_det
{
	background-color:#D6E3BC;
	font-size:12px; 
	padding:5px;
}
.topic_discussion
{
	border:1px solid #2B8ACD;
	background-color:#DFF7F7;
	padding:15px;
	width:570px
}

.topic_hd_view_feedback
{
	font-size: 8pt; 
	color: #245178;
	text-decoration:underline;
}
.message_div
{
	border:1px solid #2B8ACD;
	background-color:#DFF7F7;
	padding:5px;
}
.font_10_margin_left
{
	font-size:10pt;
	margin-left:15px;
}

.study_plan
{
	/*border:1px solid #2B8ACD;*/
	display:block;
	/*height: 320px;*/
	margin-bottom: 20px;
}

#study_plan_header
{
	background: url(../../img/box_header.gif) repeat-x;
	height:28px;
	color: #fff;
	font-weight: bold;
}

#subject_header
{
	font-weight:bold;
	width: 50px;
	padding: 5px;
}

.dates_row
{
	height:24px;
	background: url("../../img/sgmenu/bgOFF.gif")  repeat-x  top left;
}

.date_0
{
	width: 70px;	
}

.date_1
{
	width: 90px;
}

.date_2
{
	width: 90px;
}

.date_3
{	
	width: 90px;
}

.date_4
{
	width: 90px;
}

.date_5
{
	width: 90px;
}

.date_6
{
	width: 90px;
}

.date_7
{
	width: 90px;
}


.week_day
{
	width: 90px;
}

.other_date
{
	height: 22px;
	font-weight: bold;
	text-align:center;
}
.current_date
{
	height: 22px;
	text-align:center;
	font-weight: bold;
	color: #fff;
}
.subject_title
{
	font-weight: bold;
	padding-left: 5px;
	padding-top: 5px;
	color: #fff;	
}
.subject_class_0
{
	background-color: #122b6b;
	padding-top: 5px;
}

.subject_class_1
{
	background-color: #1941A5;
	padding-top: 5px;
}
.subject_class_2
{
	background-color: #1a46b5;
	padding-top: 5px;
}
.subject_class_3
{
	background-color: #2253cc;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
}

.subject_class_3
{
	background-color: #3568e8;
	color: #fff;
	font-weight: bold;
	padding-top: 5px;
}

.prepare
{
	background:#DBE5F1 url(../../img/prepare_bg.gif) no-repeat bottom left;
	height: 45px;
}

.revision
{
	background:#EDF2F8 url(../../img/revise_bg.gif) no-repeat bottom left;
	height: 45px;
}
.test
{
	background:#d0e1f5 url(../../img/test_bg.gif) no-repeat bottom left;
	height: 45px;
}

.plan_area
{
	background-color:  #ededed;	
}

#month_changer
{
float:right;	
padding-top: 3px;
}

#month_changer a
{
color: #fff;
}

.datesheet_date
{
	float:left;
	margin-left:2px;
	margin-top:2px;
	background-color: #eee;
	padding:3px;
	width: 120px;
}

.datesheet_button
{
	float:left;	
	margin-left:2px;
	margin-top:2px;
	background-color: #ddd;
	padding:3px;
	width: 100px;
}

.datesheet_test
{
	float:left;
	margin-left:2px;
	margin-top:2px;
	background-color: #ccc;
	padding:3px;
	width: 445px;
}

#subject_selector
{
	height:24px;
	background: url("../../img/sgmenu/bgOFF.gif")  repeat-x  top left;
	padding: 3px;	
}

.week_day_view
{
	height:24px;
	background: url("../../img/block_header_bg.png")  repeat-x  top left;
	padding: 3px;	
	font-weight: bold;
}

.month_day_view
{
	padding-left: 5px;
}
.disable_day
{
	background: #eee;
}

.month_day_cell
{
	background: #fff url(../../img/bg.gif) repeat-x top left;
}

.today_cell
{
	background: #fff url(../../img/bg.gif) repeat-x top left;
	border: solid 2px #1941A5;
}

.month_date
{
	float:left;
	color: #1941A5;
	font-size: 10pt;
}
.smart
{
	color:#f08527;
}