.te_lbl_center
{
	font-size: 12px;
	font-family: Verdana;
	background-color: transparent;
	text-align: center;
}
.rpt_header
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	border-collapse: collapse;
	background-color: #cccccc;
	text-align: center;
	border-color:Black;
}

.rpt_td
{
	border-top-width: 1px;
	border-left-width: 1px;
	font-size: 10pt;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	color: black;
	border-top-color: #000000;
	font-family: Verdana;
	background-color: #ffffff; /*	text-align: center; */
	border-right-width: 1px;
	border-right-color: #000000;
}

.rpt_title
{
	font-size: 14pt;
	border-top-style: solid;
	font-family: Verdana;
	border-right-style: solid;
	border-left-style: solid;
	border-collapse: collapse;
	background-color: #999999;
	text-align: center;
	border-bottom-style: solid;
       
}
.rpt_header_Main
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	border-collapse: collapse;
	background-color: #EAEAEA;
	text-align: center;
}
.rpt_header_Main_left
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	border-collapse: collapse;
	background-color: #EAEAEA;
	
}
A:link
{
	font-size: 7.7pt;
	font-family: Verdana;
	text-decoration: none;
	color:#054355;
}
A:visited
{
    FONT-SIZE: 7.7pt;
    TEXT-DECORATION: none
   	font-family: Verdana;
	text-decoration: none;
	color:#054355;
}

A:hover
{
    FONT-SIZE: 7.7pt;
    TEXT-DECORATION: underline
}

.ShellServicesLink
{
	font-size: 7.7pt;
	color: white;
	font-family: Verdana;
}
.ShellServicesLink1
{
	font-size: 7.7pt;
	color: Black;
	font-family: Arial Unicode MS;
}
.ShellFrame
{
	border-right: #6699cc 1px solid;
	border-top: #6699cc 1px solid;
	border-left: #6699cc 1px solid;
	border-bottom: #6699cc 1px solid;
}
.NavBody
{
	font-family: Verdana;
	background-color: white;
}
.NavArea
{
	font-weight: bold;
	font-family: Verdana;
	background-color: #5b8497;
}
.NavLink
{
	padding-right: 20px;
	font-weight: bold;
	font-size: 9pt;
	cursor: hand;
	color: black;
	font-family: Verdana;
	text-decoration: none;
}
.NavLink:hover
{
	color: #cccccc;
	font-family: Verdana;
	text-decoration: none;
}
.NavShadedLink
{
	color: black;
	font-family: Verdana;
	background-color: #d3d3d3;
}

.ToolBar
{
	font-family: Verdana; 
	font-size: 5pt; 
	font-weight:bold;
	color: #000000; 
	border-top:1px solid #A7C5F7;
	border-bottom:1px solid  #A7C5F7;
	border-left:1px solid #A7C5F7;
	border-right:1px solid #A7C5F7;
	background-color: #A7C5F7;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F0F5FE', EndColorStr='#A7C5F7');
}
.homeBullet
{
	width:2px;
	vertical-align:top;	
	padding-top:5px;
}

.announcement
{
	color:#4F4E4D;
	font-family:Verdana ;
	font-size:11px;	
	font-weight:normal;	
	text-decoration:none;
	vertical-align:top;
}

/* added by kiran for showing selected link */
.a_selected
{
	FONT-SIZE: 10px;
	COLOR: #ef611a; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
}

.a_selected a
{
	FONT-SIZE: 10px;
	COLOR: #ef611a; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
	text-decoration:none;
}
.a_selected a:link
{
	FONT-SIZE: 10px;
	COLOR: #ef611a; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
	text-decoration:none;
}
.a_selected a:visited
{
	FONT-SIZE: 10px;
	COLOR: #ef611a; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
	text-decoration:none;
}
.a_selected a:active
{
	FONT-SIZE: 10px;
	COLOR: #ef611a; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
	text-decoration:none;
}
.a_selected a:hover
{
	FONT-SIZE: 10px;
	COLOR: #ef611a! important; 
	FONT-FAMILY: Verdana;
	font-weight:bold;
	text-decoration:underline;
}

.a_unselected
{
	FONT-SIZE: 10px;
	COLOR: black; 
	FONT-FAMILY: Verdana;
}

.oes-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.oes-tab-pane-control.tab-row .tab {
	font-family:	Verdana, Helvetica, Arial;
	font-size:		10px;
	cursor:			Default;
	display:		inline;
	margin:			1px -5px 1px 5px;
	float:			left;
	padding:		3px 6px 3px 6px;
	background:		rgb(234,242,255);
	border:			1px solid;
	border-color:	rgb(120,172,255);
	border-left:	0;
	border-bottom:	0;
	border-top:		0;
	
	cursor:			hand;
	/*cursor:			pointer;*/
	
	z-index:		1;
	position:		relative;
	top:			0;
}

.oes-tab-pane-control.tab-row .tab.selected {
	border:			1px solid rgb(120,172,255);
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 5px 6px;
	margin:			1px -6px -2px 0px;
	top:			-2px;
	background:		 #B2D6F0;/*white;#90A7D3;#FAF1B8;#CAD6EC;#CDC7DC;#EAEAEA;#EAEAEA*/
}

.oes-tab-pane-control.tab-row .tab a {
	font-family:		Verdana, Helvetica, Arial;
	font-size:			12px; /*Font Size for All the menus which are displayed*/
	color:				rgb(0,66,174);
	text-decoration:	none;
	cursor:			hand;
	/*cursor:			pointer;	*/
}

.oes-tab-pane-control.tab-row .hover a {
	color:	rgb(0,66,174);
}

.oes-tab-pane-control.tab-row .tab.selected a {
	font-weight:	bold;
}

.oes-tab-pane-control.tab-page {
		clear:			both;
	border:			1px solid rgb(120,172,255);
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			black;
	font-family:	Verdana, Helvetica, Arial;
	font-size:		10px;
	padding:		10px;
    background:		#B2D6F0;/*white;#90A7D3;#FAF1B8;#CAD6EC;#CDC7DC;#EAEAEA;#EAEAEA*/
}

.oes-tab-pane-control.tab-row {
	z-index:		1;
	white-space:	nowrap;
	background:		rgb(234,242,255);
	/*height:			1.85em;*/
	height: 20px;
	width:			100%;
	font-size: 10px;
}

/*sameer for alignment*/

.tbl_80
{
 MARGIN-TOP: 21px; 
 Z-INDEX: 101; 
 LEFT: 10%; 
 POSITION: absolute; 
 TOP: 150px;
 width: 80%	;
 padding:[3];
 
}

.tbl_70
{
 MARGIN-TOP: 21px; 
 Z-INDEX: 101; 
 LEFT: 15%; 
 POSITION: absolute; 
 TOP: 180px;
 width: 70%	;
 padding:[3];
 
}

.tbl_50
{
MARGIN-TOP: 50px; 
Z-INDEX: 101; 
LEFT: 25%; 
POSITION: absolute; 
TOP: 200px; 
width:50%	
}

.tbl_30
{
MARGIN-TOP: 50px; 
Z-INDEX: 101; 
LEFT: 35%; 
POSITION: absolute; 
TOP: 160px; 
width:30%	
}
/*sameer for alignment*/

/*sameer for resource manager question repository */
.te_td_instrucd
{
	font-size: 10px;
	color: #666699;
	font-family: Verdana;
	/*background-color: #FEFDF5;*/
	background-color: #EAEAEA;
	text-align: left;
	padding-left:10px;
}
/*sameer for resource manager question repository */

/*sameer for data import in admin login*/
.te_td_rbt          
{ 
	font-family:Verdana; 
	font-size:10px;
	color:#666666;
	background-color:#EAEAEA;
	border-color:#C0C0C0;
	height : 20px;	
}

/*sameer for data import in admin login*/

/*sameer for Course backup in admin */
.te_hearder_left
{  
background-color:#cccccc;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:left
}
/*sameer for Course backup in admin */

/*sameer for admin set paper */
.te_td_Mar
{
	font-size: 12px;
	border-left-color: #e0ecf9;
	border-bottom-color: #e0ecf9;
	color: black;
	border-top-color: #e0ecf9;
	font-family: Verdana;
	background-color: #e4e6d5;
	text-align: center;
	border-right-color: #e0ecf9;
}
.te_td_Eng
{
	font-size: 12px;
	border-left-color: #e0ecf9;
	border-bottom-color: #e0ecf9;
	color: black;
	border-top-color: #e0ecf9;
	font-family: Verdana;
	background-color: #e0e3ee;
	text-align: center;
	border-right-color: #e0ecf9;
}
/*sameer for admin set paper */

/*sameer for oef\GiveExam\ExamMain.aspx */

/* classes for exam form */

 .exam_te_td_left           
{ 
	font-family:Verdana; 
	font-size:10px;
	color:#666666;
	background-color:#c5e7f7;
	border-color:#C0C0C0;
	padding-left:10px;
	height : 20px;
	text-align:left ;
	
}
.exam_te_td_left_without_Pad           
{ 
	font-family:Verdana; 
	font-size:10px;
	color:#666666;
	background-color:#c5e7f7;
	border-color:#C0C0C0;	
	height : 20px;
	text-align:left ;
	
}
.exam_td_left           
{ 
	font-family:Verdana; 
	font-size:10px;
	color: #666666;
	background-color: White;
	padding-left:10px;
	height : 20px;
	text-align:left ;

}

 .exam_question_left
  {
    font-size: 12px;
	color: #67729E;
	font-family: Verdana;	
	background-color: White;
	text-align: left;	
}
  .exam_question_right
  {
    font-size: 12px;
	color: #67729E;
	font-family: Verdana;	
	background-color: White;
	text-align: right;	
}
.exam_question_center
  {
    font-size: 12px;
	color: #67729E;
	font-family: Verdana;	
	background-color: White;
	text-align: center;	
}
.te_td_left_match           
{ 
	font-family:Verdana; 
	font-size:12px;
	color:#666666;
	text-align:left ;
	background-color:#EAEAEA;	
	padding-left:10px;
	height : 20px;
	
}
.te_td_center_match           
{ 
	font-family:Verdana; 
	font-size:12px;
	color:#666666;
	text-align:center;
	background-color:#EAEAEA;		
	height : 20px;	
}
.te_th_grid1             /* used for match pair in exam form */
{ 
	font-family:Verdana; 
    font-size:12px;
    text-align:left;
	Color: #CC0066;
	background-color:#EAEAEA; 
	padding-left:10px;
	height : 20px;   
}

/*sameer for oef\GiveExam\ExamMain.aspx */

/*sameer added by comparing testengine.css with Css.css */

.te_right_menu    
{ 
text-align:right; 
background-color:#AA9FA3;
FONT-SIZE: x-small; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: black; 
FONT-FAMILY: Verdana;
border-color:#1E77D3
}

.te_left_menu    
{ 
text-align:left; 
background-color:#AA9FA3;
FONT-SIZE: x-small; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: black; 
FONT-FAMILY: Verdana;
border-color:#1E77D3
}

.te_center_menu    
{ 
text-align:center; 
background-color:#AA9FA3;
FONT-SIZE: x-small; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: black; 
FONT-FAMILY: Verdana;
border-color:#1E77D3
}

/*sameer for proper display of links on topband */
/*a:link       
{ 
color: #646C58 
}*/
/*sameer for proper display of links on topband */

.te_exp_center    
{  
background-color: #e8d0e8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}
/*for assigment evaluation */
.te_exp_left    
{  
background-color: #e8d0e8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_new_center
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_new_left
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.rp_te_right_title     
{ 
text-align:right; 
background-color:#707070;
FONT-SIZE: 15px; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: White; 
FONT-FAMILY: Book Antiqua;
border-color:#707070
}
.rp_te_left_title     
{ 
text-align:left; 
background-color:#707070;
FONT-SIZE: 15px; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: White; 
FONT-FAMILY: Book Antiqua;
border-color:#707070
}

.rp_te_center_menu    
{ 
text-align:center; 
background-color:#C8C8C8 ;
FONT-SIZE: 15px; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: black; 
FONT-FAMILY: Book Antiqua;
border-color:#000000
}

.rp_te_left_menu    
{ 
text-align:left; 
background-color:#C8C8C8 ;
FONT-SIZE: 15px; 
font-weight:bold;  
TEXT-TRANSFORM: capitalize; 
Color: black; 
FONT-FAMILY: Book Antiqua;
border-color:#000000
}


.rp_te_td_center           
{ 
font-family:Book Antiqua; 
font-size:14px;
text-align:center; 
border-color:#000000  ;
Color: Black;
background-color:#FFFFFF ;
border-width:1 
}

.rp_te_td_left          
{ 
font-family:Book Antiqua; 
font-size:14px;
text-align:left; 
border-color:#000000 ;
Color: Black;
background-color:#FFFFFF;
border-width:1
}
.rp_table2_right           
{ 
font-family:Book Antiqua; 
font-size:14px;
text-align:right; 
border-color:#000000;
Color: Black;
background-color:#FEFDF5;
border-width:1
}

.menulable
 {
	/*color :#3C7CB7;*/
	color:#666699;
 }

 .te_grd_left_block           
{ 
	font-family:Verdana; 
	font-size:10px;
	color:#666666;
	/* background-color:#EAEAEA; */
	padding-left:10px;	  	
}

.te_td_left_NoColor           
{ 
	font-family:Verdana; 
	font-size:12px;
	text-align: left;
	border-color:#E0ECF9;
	Color: #333333;
}

/*sameer for proper display of labels on topband */
.te_td_nomarg           
{ 
	font-family:Verdana; 
	font-size:10px;
	color:#666666;
	background-color:#EAEAEA;
	border-color:#C0C0C0;
	height : 20px;
	text-align :right ;
}

.te_sub_center
{  
background-color: #DEEFF8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_app_center
{  
background-color: #9BCEC9;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_rej_center
{  
background-color: #CDC7DC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_eva_center
{  
background-color: #62AE9B;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_ExtDate1_center
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_ExtDate2_center
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}


.te_Freexam_center
{  
background-color: #F7E29B;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}

.te_Ereexam_center
{  
background-color: #FAF1B8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
text-align:center
}


.te_sub_left
{  
background-color: #DEEFF8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_app_left
{  
background-color: #9BCEC9;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_rej_left
{  
background-color: #CDC7DC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}


.te_eva_left
{  
background-color: #62AE9B;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_ExtDate1_left
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}


.te_ExtDate2_left
{  
background-color: #CAD6EC;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_Freexam_left
{  
background-color: #F7E29B;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

.te_Ereexam_left
{  
background-color: #FAF1B8;
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
padding-left:10px;
text-align:left
}

/* for round Tabel corner and other images on learner home page */
    .style1 { BACKGROUND-IMAGE: url(images/infobar-back.gif) }
	.style2 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/main-back.gif); FONT-FAMILY: Arial }
	.style3 { FONT-SIZE: 2px; FONT-FAMILY: Arial }
	.style5 { BACKGROUND-IMAGE: url(images/main-back.gif) }
	.style6 { FONT-SIZE: 2px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e0e3d0 }
	.style7 { BACKGROUND-COLOR: #e0e3d0; TEXT-ALIGN: right }
	.style9 { BACKGROUND-IMAGE: url(images/corner1.jpg) }
	.style10 { BACKGROUND-IMAGE: url(images/corner2.jpg) }
	.style11 { BACKGROUND-IMAGE: url(images/pbar1-back.jpg) }
	.style12 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/corner5.gif); FONT-FAMILY: Arial, Helvetica, sans-serif }
	.style13 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/corner6.gif); FONT-FAMILY: Arial, Helvetica, sans-serif }
	.style14 { BACKGROUND-COLOR: #e0e3d0 }
	.style15 { FONT-SIZE: 2px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #e0e3d0 }
	.style16 { MARGIN-LEFT: 5px }
	.style17 { TEXT-ALIGN: center }
	.style20 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/corner7.jpg); FONT-FAMILY: Arial }
	.style21 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/corner8.jpg); FONT-FAMILY: Arial }
	.style22 { BACKGROUND-COLOR: #e0e3d0; TEXT-ALIGN: center }
	.style23 { BACKGROUND-IMAGE: url(images/pside1-back.gif); BACKGROUND-COLOR: #e0e3d0 }
	.style24 { BACKGROUND-IMAGE: url(images/pside2-back.gif); BACKGROUND-COLOR: #e0e3d0 }
	.style25 { FONT-SIZE: 2px; BACKGROUND-IMAGE: url(images/pbot-back.gif); FONT-FAMILY: Arial; BACKGROUND-COLOR: #e0e3d0 }
	.style27 { BACKGROUND-IMAGE: url(images/corner3.jpg) }
	.style28 { BACKGROUND-IMAGE: url(images/corner4.jpg) }
	.style29 { BACKGROUND-IMAGE: url(images/pbar2-back.gif) }
	.style30 { BACKGROUND-IMAGE: url(images/bottom-band.jpg) }
	.style31 { FONT-SIZE: small; COLOR: #2374a8; FONT-FAMILY: Verdana }
	.style33 { BORDER-BOTTOM: #c7cab9 1px solid; BACKGROUND-COLOR: #e0e3d0 }
	.style34 { BORDER-BOTTOM: #c7cab9 1px solid; BACKGROUND-COLOR: #e0e3d0; TEXT-ALIGN: center }
	.style41 { BORDER-BOTTOM: #c7cab9 1px solid; TEXT-ALIGN: center }
	.style43 { TEXT-ALIGN: left }
	.style44{ background:url(images/body-bg-blue.jpg) repeat-x #fff; }
	.style45 { FONT-SIZE: xx-small; COLOR: #134e7b; FONT-FAMILY: Verdana; TEXT-ALIGN: right }
	.style46 { FONT-SIZE: xx-small; COLOR: #897a62; FONT-FAMILY: Verdana; TEXT-DECORATION: underline }
	.style47 { FONT-SIZE: xx-small; COLOR: #897a62; FONT-FAMILY: Verdana; TEXT-ALIGN: right; TEXT-DECORATION: underline }
	.style48 { BACKGROUND-IMAGE: url(images/loginbk.jpg)}
	.style49 { MARGIN-LEFT: 10px }
	.style50 { MARGIN-RIGHT: 10px }
	.style51{ FONT-FAMILY: Verdana; TEXT-ALIGN: center }
	.style53 {background-image: url(images/pbar2-back.gif);	font-size: small;color: #989D7D;}
	.style54 {font-family: Verdana;	font-size: small;color: #6D6F63;}
	.style55 {background-image: url(images/pbar1-back.jpg);font-size: small; color: #4295B0;}
.style56 {font-family: Verdana;	font-size: 10pt;color: #6D6F63;MARGIN-LEFT: 5px}
.style57{font-family: Verdana;	font-size: 10pt;color: #6D6F63;MARGIN-LEFT: 4px}
.style58{font-family: Verdana;	font-size: 10pt;color: #4295B0}
.style59 {
	font-size: xx-small;
	font-family: Verdana;
	color: #6d6f63;
	
}

.style60 { BACKGROUND-COLOR: #ADB4A4 }
.style61 { BACKGROUND-IMAGE: url(images/loginbk02.jpg)}

/* End for round Tabel corner and other images on learner home page*/
/*Start Added for applying css to learner part to give facility for Skin selection*/
.te_table        
 { 
  padding:[3];
}
/*Start Table  header*/
.te_th
{
	font-size: 9px;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E9F3F5'  , endColorStr='#95C4D6'  , gradientType= '0' );
	color: #354e5a;
	font-family: Verdana;
	padding-left: 10px;
	font-weight:bold
	
}
.te_th_left
{
	/*font-size: 10px;*/
	font-size: 9px;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E9F3F5'  , endColorStr='#95C4D6'  , gradientType= '0' );
	/*color: #296384;*/
	color: #354e5a;
	font-family: Verdana;
	padding-left: 10px;
	text-align:left;
	font-weight:bold
	
}

te_left_title
{
	text-align: left;
	background-color: #AA9FA3;
	font-size: x-small;
	font-weight: bold;
	text-transform: capitalize;
	color: White;
	font-family: Verdana;
	}



.te_th_right

{

    /*font-size: 10px;*/
    font-size: 9px;
    height: 20px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E9F3F5'  , endColorStr='#95C4D6'  , gradientType= '0' );
    /*color: #296384;*/
    color: #354e5a;
    font-family: Verdana;
    padding-right: 10px;
    text-align:right;
    font-weight:bold
}


.te_th_center
{
	/*font-size: 10px;*/
	font-size: 9px;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E9F3F5'  , endColorStr='#95C4D6'  , gradientType= '0' );
	/*color: #296384;*/
	color: #354e5a;
	font-family: Verdana;
	padding-left: 10px;
	text-align:center;
	font-weight:bold
	
}

/* End Table  header*/

/*Start Table  Rows*/
.te_td_left
{	
	font-size:10px;
	height: 20px;
	color: #37392c;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align: left;
}

.te_td_right
{
	font-size:10px;
	height: 20px;
	/*color: #6D6F63;*/
	color: #37392c;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align: right;
}
.te_td_center
{
	font-size:10px;
	height: 20px;
	/*color: #6D6F63;*/
	color: #37392c;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align: center;
}

/* End Table  Rows*/

/*Start Table  footer*/
.te_ft_left
{	
	font-family: Verdana;
	font-size: 10px;
	color: #1B3C49;
	background-color: #E9F1F5;
	padding-right: 10px;
	text-align: left;
	border-color: White;
	height: 20px;
}

.te_ft_right
{
	font-family: Verdana;
	font-size: 10px;
	color: #1B3C49;
	background-color: #E9F1F5;
	padding-right: 10px;
	text-align: right;
	border-color: White;
	height: 20px;
}
.te_ft_center
{
	font-family: Verdana;
	font-size: 10px;
	color: #1B3C49;
	background-color: #E9F1F5;
	padding-right: 10px;
	text-align: center;
	border-color: White;
	height: 20px;
}

/* End Tabel Footer*/

/*Start Table  Alternating item*/
.te_td_alt_left
{	
	font-family: Verdana; 
	font-size: 7.7pt;
	font-weight:normal; 
	color: #000000; 
	background-color: #e1ecfc;/*#DFEAF4;*/
	padding-left:5px;
	text-align:left;
}

.te_td_alt_right
{
	font-family: Verdana; 
	font-size: 7.7pt;
	font-weight:normal; 
	color: #000000; 
	background-color: #e1ecfc;/*#DFEAF4;*/
	padding-left:5px;
	text-align:right;
}
.te_td_alt_center
{
	font-family: Verdana; 
	font-size: 7.7pt;
	font-weight:normal; 
	color: #000000; 
	background-color: #e1ecfc;/*#DFEAF4;*/
	padding-left:5px;
	text-align:center;
}

/* End Table  Alternating item*/

/*Start Table  Sub title*/
.te_sb_th_left
{ 
	text-align:left; 
	background-color:#646C58;
	FONT-SIZE: x-small; 
	font-weight:bold;  
	TEXT-TRANSFORM: capitalize; 
	Color: White; 
	FONT-FAMILY: Verdana;
	border-color:#1E77D3
}

.te_sb_th_right  
{ 
	text-align:right; 
	background-color:#646C58;
	FONT-SIZE: x-small; 
	font-weight:bold;  
	TEXT-TRANSFORM: capitalize; 
	Color: White; 
	FONT-FAMILY: Verdana;
	border-color:#1E77D3
}

.te_sb_th_center
{ 
	text-align:center; 
	background-color:#646C58;
	FONT-SIZE: x-small; 
	font-weight:bold;  
	TEXT-TRANSFORM: capitalize; 
	Color: White; 
	FONT-FAMILY: Verdana;
	border-color:#1E77D3
}
/* End Table  Sub title*/

/*sameer added for supervisor*/

.te_sb_td_left
{
	/* background-color:#bcbcbc;*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#bcbcbc' , endColorStr= '#FFFFFF' , gradientType= '1' );
	Color: Black; 
	FONT-FAMILY: Verdana;
	text-align:left; 
	font-size:11px;
	font-weight:normal;  
	TEXT-TRANSFORM: capitalize; 
}
.te_sb_td_center
{
	/* background-color:#C6BDC0;*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#bcbcbc' , endColorStr= '#FFFFFF' , gradientType= '1' );
	Color: Black; 
	FONT-FAMILY: Verdana;
	text-align:center; 
	font-size:10px;
	font-weight:normal;  
	TEXT-TRANSFORM: capitalize; 
}
/*sameer added for supervisor*/

/*For Menu*/
/*Menu Header*/
.mu_th_left
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
		font-weight:bold

}
.mu_th_left a
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;

	font-weight:bold
}
.mu_th_left a:link
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;
	
	font-weight:bold
}

.mu_th_left a:visited
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;
	
	font-weight:bold
}
.mu_th_left a:active
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;

	font-weight:bold
}
.mu_th_left a:hover
{
	padding-left: 10px;
	font-size: 11px;
	color: #2a5a70;
	font-family: Arial Unicode MS;
	
	font-weight:bold
}
.mu_th_right
{  
	 text-align:right;
	padding-right: 8px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_right a
{  
	 text-align:right;
	padding-right: 5px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_right a:link
{  
	 text-align:right;
	padding-right: 5px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_right a:visited
{  
	 text-align:right;
	padding-right: 5px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_right a:active
{  
	 text-align:right;
	padding-right: 5px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_right a:hover
{  
	 text-align:right;
	padding-right: 5px;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
}
.mu_th_center
{  
	text-align:center;
	font-size: 11px;
	color: #354E5A;
	font-family: Verdana; 
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#6CB2E3'  , endColorStr='#B2D6F0'  , gradientType= '0' );
	background-color: #5b8497;
	text-align:center;
}
/* End of Menu Header*/

/*Menu Rows*/
.mu_td_left
{
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:left;
}
.mu_td_right
{
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:right;
}
.mu_td_center
{
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:center;
	
}

/*Menu Rows*/
/*Sub menu*/
.mu_sb_th_left
{
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:left;
}
.mu_sb_th_right
{
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:right;
}
.mu_sb_th_center
{
	/*font-size:10px;*/
	font-size:11px;
	height: 20px;
	color: #6D6F63;
	font-family: Verdana;
	background-color: #E0E3D0;
	padding-left: 10px;
	text-align:center;
}

/*End of Sub Menu*/
.te_button       
{ 
Font-family: Verdana;
font-size :7.7pt;
color :#666666;
}

.te_input        
{ 
font-family:Verdana;
color:#808080;
font-size:7.7pt;
border: 1px solid #9CC3DE; 
padding-left: 4px; 
padding-right: 4px; 
padding-top: 1px; 
padding-bottom: 1px;
height:19px 
}

/*for showing message in red color*/
.lbl_err
{
	font-family: Verdana;
	font-size: 10px;
	color: Red;
}
.lbl_msg
{
	font-family: Verdana;
	font-size: 10px;
	color: black;
}

.te_td_instructions
{
	font-size: 10px;
	color: #666699;
	font-family: Verdana; /*background-color: #FEFDF5;*/
	background-color: white;
	text-align: left;
}
.te_th_head
{
	font-size: 12px;
	height: 20px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#E9F3F5'  , endColorStr='#95C4D6'  , gradientType= '0' );
	color: black;
	font-family: Arial Unicode MS;
	FONT-WEIGHT: normal;
	padding-left: 10px;
	text-align: left;
}

.te_lbl_left
{
	font-size: 11px;
	background-color: transparent;
	font-family: Verdana;
	text-align: left;
	
}

.te_grd1_center
{
	font-family: Verdana;
	font-size: 10px;
	color: white;
	background-color: gray;
	padding-left: 10px;
	text-align: center;
}

/*End of  Menu*/



/* Course Home Page */



.coursehomebody{
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#012133;
background:url(images/body-bg.png) top center no-repeat;
text-align:center;
}

.coursehomeh1{
font-size:14px;
color:#fff;
}


.coursehomehh11{
font-size:11px;
font-weight:bold;
color:#06527e;
line-height:20px;
}
.coursehomehh11 a:link{
color:#dd6107;
text-decoration:none;
}
.coursehomehh11 a:visited{
color:#dd6107;
text-decoration:none;
}
.coursehomehh11 a:active{
color:#dd6107;
text-decoration:none;
}
.coursehomehh11 a:hover{
color:#dd6107;
text-decoration:underline;
}

.coursehomea{
text-decoration:none;
color:#054355;
}
.coursehomea:link{
text-decoration:none;
color:#054355;
}
.coursehomea:visited{
text-decoration:none;
color:#054355;
}
.coursehomea:active{
text-decoration:none;
color:#054355;
}
.coursehomea:hover{
text-decoration:underline;
color:#ef5307;
}
#container-course{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
background:url(images/course-body-bg.jpg) repeat-y;
text-align:left;
}



#content-icon{
width:963px; min-height:100px; float:left;background:url(images/icons-bg.jpg) no-repeat; clear:both; padding-top:4px; padding-left:4px
}
* html #content-icon{
width:963px; height:100px; float:left;background:url(images/icons-bg.jpg) no-repeat; clear:both; padding-top:4px; padding-left:4px
}

#content-icon a:link{
	font-size:12px;
	color:#06527e;
	text-decoration:none;
}
#content-icon a:visited{
	font-size:12px;
	color:#06527e;
	text-decoration:none;
}
#content-icon a:active{
	font-size:12px;
	color:#06527e;
	text-decoration:none;
}
#content-icon a:hover{
	font-size:12px;
	color:#ef5307;
	text-decoration:underline;
}
#content-icon img{
	border:0px;
}
#chat{
	width:120px; height:110px; float:left;margin-right:18px;display:inline;text-align:center;
}
#forum{
	width:120px; height:110px; float:left;margin-right:18px;display:inline;text-align:center; 
}
#planner{
	width:120px; height:110px; float:left;margin-right:18px;display:inline;text-align:center;
}
#feedback{
	width:120px; height:110px; float:left;margin-right:18px;display:inline;text-align:center;
}
#eportfolio{
	width:120px; height:110px; float:left;margin-right:18px;display:inline;text-align:center;
}
#course-announcement{
width:300px; min-height:80px; float:right; display:inline;
}
* html #course-announcement{
width:300px; height:80px; float:right; display:inline;
}

#top-bar-course{
height:20px;
width:1003px;
background:url(images/top-bar-bg-coursepage.jpg) repeat-x;

}
#top-bar-right{
height:20px;
text-align:right;
padding-right:10px;
width:150px;
float:right;
color:#fff;
}
#top-bar-right a:link{
text-decoration:none;
color:#000;font-weight:bold;
}
#top-bar-right a:visited{
text-decoration:none;
color:#000;font-weight:bold;
}
#top-bar-right a:active{
text-decoration:none;
color:#000;font-weight:bold;
}
#top-bar-right a:hover{
text-decoration:underline;
color:#000;font-weight:bold;
}
#top-bar-left{
height:20px;
float:left;
padding-left:10px;
width:600px;
color:#fff
}
#top-bar-theme{
height:20px;
float:left;
padding-left:10px;
width:250px;
color:#000;
font-weight:bold;
text-align:left;
font-family:arial unicode MS;
}
.theme{
	font-family:arial unicode MS;
	font-size:10px;
	color:333333;
	width:130px;
	border: 1px solid #31a4bc;
	background-color: #f1f6fa;
	font-weight:normal;
}
#top-bar-left a:link{
text-decoration:none;
color:#fff;
font-family:arial unicode MS;
}
#top-bar-left a:visited{
text-decoration:none;
color:#fff;
font-family:arial unicode MS;
}
#top-bar-left a:active{
text-decoration:none;
color:#fff;
font-family:arial unicode MS;
}
#top-bar-left a:hover{
text-decoration:underline;
color:#fff;
font-family:arial unicode MS;
}


#masthead-course{
height:74px;
width:1003px;
background:url(images/masthead-course-bg.jpg) repeat-x;
clear:both;
}



#mkcl-logo-learner{
width:284px;
height:66px;
float:left;
clear:both;
}

#below-masthead-course{
height:22px;
width:997px;
background:url(images/below-masthead-course-bg.jpg) repeat-x;
font-size:10px;
padding-left:6px;
}

#course-header{
width:1003px;
background:url(images/course_header-bg-ie.jpg) no-repeat;
padding-top:10px;
clear:both! important;
min-height:300px;
}

* html #course-header{
width:1003px;
background:url(images/course_header-bg-ie.jpg) no-repeat;

clear:both! important;
height:300px;
}


.footer-header{
font-weight:bold;
}


#footer-course{
	width:1003px;
	height:40px;
	background:url(images/footer-learner.jpg) no-repeat #f4f4d4;
	clear:both;
	font-size:10px;
	color:#333333;
	margin-top:-4px;
}

/*
.copyright{
	width:300px; 
	height:10px; 
	float:left; 
	margin-top:60px; 
	margin-left:10px;
	
}
*/
.copyright{
	width:260px; 
	height:10px; 
	float:left; 
	margin-top:60px; 
	margin-left:10px;
	
}
.copyright-learner{
	width:300px; 
	height:10px; 
	float:left; 
	margin-top:50px; 
	margin-left:10px;
	
}
/*
.poweredby_course{
	width:310px; 
	height:46px; 
	float:right;
	margin-top:40px;
	
}
*/
.poweredby_course{
	width:310px; 
	height:56px; 
	float:right;
	margin-top:25px;
	padding-top:10px;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../css/skin0/images/mkcl-logo.png');
	/*padding-left:60px;*/
}


.input-button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:333333;
	width:80px;
	border: 1px solid #31a4bc;
	background-color: #f1f6fa;
}

#learning-topic{
width:364px; min-height:100px; float:left; padding-left:6px;display:inline; padding-bottom:10px;

}

* html #learning-topic{
width:364px; height:100px; float:left;padding-left:6px; padding-bottom:10px;

}
#learning-topic li{
padding-top:6px; padding-bottom:1px; font-weight:bold; font-size:10px; color:#e55304;

}

#assessement{
float:left; display:inline; width:300px; min-height:100px; margin-left:10px; padding-bottom:10px;
}

* html #assessement{
float:left; display:inline; width:300px; min-height:100px; margin-left:10px; padding-bottom:10px;
}


#search-content{
float:right; width:310px; min-height:200px;
}

* html #search-content{
float:right; width:310px; height:200px;
}

#search-content select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:333333;
	width:190px;
	border: 1px solid #31a4bc;
	background-color: #f1f6fa;
}
.search-input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:333333;
	width:187px;
	border: 1px solid #31a4bc;
	background-color: #f1f6fa;
}
#summarry{
clear:both; margin-top:40px; background:url(images/summary-bg.jpg) repeat-x; min-height:200px; padding-left:6px; padding-top:5px; padding-bottom:10px
}

* html #summarry{
clear:both; margin-top:40px; background:url(images/summary-bg.jpg) repeat-x; height:200px; padding-left:6px; padding-top:5px; padding-bottom:10px;
}


.last-visited-link
{
	font-size:13px;
	color:#012133;
	
}

.last-visited-link:link{
text-decoration:none;
color:#000;
font-size:13px;
font-family:Arial Unicode MS;
}
.last-visited-link:visited{
text-decoration:none;
color:#000;
font-size:13px;
}
.last-visited-link:active{
text-decoration:none;
color:#000;
font-size:13px;
}
.last-visited-link:hover{
text-decoration:underline;
color:#685b64;
font-size:13px;
}


.coursehomeannounce
{
	font-size:13px;
	color:#343b3a;
	
}
.coursehomeannounce:a{
text-decoration:none;
color:#209583;
font-size:14px;
font-family:Arial Unicode MS;
}
.coursehomeannounce:link{
text-decoration:none;
color:#209583;
font-size:14px;
font-family:Arial Unicode MS;
}
.coursehomeannounce:visited{
text-decoration:none;
color:#209583;
font-size:14px;
font-family:Arial Unicode MS;
}
.coursehomeannounce:visited{
text-decoration:none;
color:#209583;
font-size:14px;
font-family:Arial Unicode MS;
}
.coursehomeannounce:active{
text-decoration:none;
color:#209583;
font-size:14px;
font-family:Arial Unicode MS;
}
.coursehomeannounce:hover{
text-decoration:underline;
color:#343b3a;
font-size:14px;
font-family:Arial Unicode MS;
}


.coursehomeassesssection
{
	font-size:13px;
	font-weight:bold;
	color:#06527e;
	font-family:Arial Unicode MS;
}
.coursehomeassesssection1
{
	font-size:9px;
	font-weight:bold;
	color:#06527e;
	font-family:Arial Unicode MS;
}
.coursehomeassesssection:link
{
	font-size:13px;
	font-weight:bold;
	color:#2e9283;
	font-family:Arial Unicode MS;
}
.coursehomeassesssection:active

{
    font-size:13px;
    font-weight:bold;
    color:#2e9283;
    font-family:Arial Unicode MS;
}

.coursehomeassesssection:visited

{
    font-size:13px;
    font-weight:bold;
    color:#2e9283;
    font-family:Arial Unicode MS;
}

.coursehomeassesssection:hover
{
	font-size:13px;
text-decoration:underline;
color:#2b403d;
font-family:Arial Unicode MS;
font-weight:bold;
}
.coursehomecollaborationlinks
{
	font-size:14px;
	color:#ef5307;
}

.coursehomewelcomeuser
{
	color:#000;font-weight:bold
}


/* Course Home Page */




/*After Comparison */

.bodyLearnerHome{
margin:0 auto;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#012133;
background:#fff url(images/body-bg.jpg) top center no-repeat;
text-align:center;
}
.bodyLearnerHome1{
margin:0 auto;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#012133;
background:url(images/body-bg.jpg) top center no-repeat;
text-align:center;
}

/*doubt*/

h1{
font-size:14px;
color:#fff;
font-family:arial unicode MS;
}
.h1{
font-size:11px;
font-weight:bold;
color:#000;
line-height:20px;
font-family:arial unicode MS;
}
.h1 a:link{
color:#dd6107;
text-decoration:none;
font-family:arial unicode MS;
}
.h1 a:visited{
color:#dd6107;
text-decoration:none;
font-family:arial unicode MS;
}
.h1 a:active{
color:#dd6107;
text-decoration:none;
font-family:arial unicode MS;
}
.h1 a:hover{
color:#dd6107;
text-decoration:underline;
font-family:arial unicode MS;
}

/* doubt */

a-new {
text-decoration:none;
color:#054355;
}
.a-new a:link{
text-decoration:none;
color:#054355;
}
.a-new a:visited{
text-decoration:none;
color:#054355;
}
.a-new a:active{
text-decoration:none;
color:#054355;
}
.a-new a:hover{
text-decoration:underline;
color:#000;
}

#container-login{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
/*background:url(images/content-area-bg.jpg) repeat-y;*/
background:url(images/ERA2-main-bgg.jpg) no-repeat #fef6e1;
text-align:left;
}

#container-learner{
margin:0 auto;
width:1003px;
border:0px solid #04677e;
background:url(images/learner-body-bg.jpg) repeat-y;
text-align:left
}

#content-bottom{
	width:1003px; 
	min-height:100px! important; 
	clear:both; 
	background:url(images/learner-body-bg2.jpg) no-repeat #ffffff; 
	padding-top:10px;
}

* html #content-bottom{
	width:1003px; 
	height:100px; 
	clear:both; 
	background:url(images/learner-body-bg2.jpg) no-repeat #ffffff; 
	padding-top:10px! important;
}

#top-bar{
height:20px;
width:1003px;
background:url(images/top-bar-bg.jpg) repeat-x;

}

#masthead{
height:66px;
width:1003px;
background:url(images/masthead-bg.jpg) repeat-x;
clear:both;
}
#masthead-learner{
height:66px;
width:1003px;
background:url(images/masthead-learner-bg.jpg) repeat-x;
clear:both;
}

#below-masthead{
height:24px;
width:997px;
/*background:url(images/below-masthead-bg.jpg) repeat-x;*/
font-size:10px;
padding-left:6px;
}

#below-masthead-learner{
height:24px;
width:997px;
background:url(images/below-masthead-learner-bg.jpg) repeat-x;
font-size:10px;
padding-left:6px;
}

#select-lang{
width:195px;height:20px; float:right;padding-top:10px;
font-size:11px;
font-family:arial unicode MS;
color:#fff;font-weight:bold;font-size:11px;
}
#select-lang Select{
font-size:11px;
border:1px solid #0696b8;
background:#d6f3fb;
}
#logo{
width:269px;
height:66px;
float:left;
clear:both;
}

#login-header{
width:1003px;
/*background:url(images/login-header-bg.jpg) no-repeat;*/
font-size:14px;
font-weight:bold;
color:#06527e;
clear:both! important;
min-height:150px;
}
* html #login-header{
width:1003px;
/*background:url(images/login-header-bg.jpg) no-repeat;*/
font-size:14px;
font-weight:bold;
color:#06527e;
clear:both! important;
height:250px;
}

#learner-header{
width:1003px;
background:url(images/learner_header-bg.jpg) no-repeat;
clear:both! important;
min-height:200px;
}
* html #learner-header{
width:1003px;
background:url(images/learner_header-bg.jpg) no-repeat;
font-size:14px;
font-weight:bold;
color:#06527e;
clear:both! important;
height:200px;
}

#welcome-header{
width:647px;
padding-top:54px;
padding-left:0px;
float:left;
clear:both;

}

#welcome-txt{
font-weight:normal;
font-size:12px;
margin-top:20px;
padding-right:10px;
padding-bottom:10px;
}

#login-txt{
width:330px;
padding-top:12px;
padding-left:20px;
float:right;
}

#course-list{
	width:336px; 
	min-height:200px; 
	float:left; 
	display:inline; 
	margin-left:10px; 
	padding-top:12px;
	padding-left:6px;
}
* html #course-list{
	width:336px; 
	height:200px; 
	float:left; 
	display:inline; 
	margin-left:10px; 
	padding-top:12px;
	padding-left:6px;
}
#course-list img{
	margin-left:8px;
	border:0px;
}
#course-list p{
	margin-bottom:4px;
	margin-top:3px;
}
#Student-photo{
/*width:100px;
height:100px;*/
width:80px;
height:107px;
background:#ffffff;
padding:4px;
border:4px solid #cccccc;
margin-bottom:5px;
float:left;
margin-right:4px;
}

#footer{
	width:1003px;
	height:185px;
	/*background:url(images/footer.jpg) no-repeat;*/
	clear:both;
	font-size:10px;
	color:#333333;
}
#footer-learner{
width:1003px;
height:92px;
background:url(images/footer-learner.jpg) no-repeat #f4f4d4;
clear:both;
	font-size:10px;
	color:#333333;
	margin-top:-18px;
}
.copyright-login{
	width:300px; 
	height:10px; 
	float:right; 
	margin-top:140px; 
	margin-right:10px;
	text-align:right;
}
.poweredby{
	width:310px; 
	height:46px; 
	float:right;
	margin-top:40px;
}
.poweredby-learner{
	width:290px; 
	height:40px; 
	float:right;
	margin-top:32px;
	font-size:9px;
}

.poweredby-login{
	width:310px; 
	height:54px; 
	float:left;
	margin-top:125px;
	margin-left:10px;
	
}

.input-text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:333333;
	width:206px;
	border: 1px solid #b2937d;
	background-color: #ece4d9;
	
}
.input-button-group {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:333333;
	width:120px;
	border: 1px solid #31a4bc;
	background-color: #f1f6fa;
	margin-left:39px;
}

#login-box{
padding-top:60px;
text-align:center;
font-weight:normal;
font-size:12px;
margin-top:0px;
padding-right:10px;
padding-bottom:10px;
}
* html #login-box{
padding-top:60px;
font-size:11px;
text-align:center;
}

#login{
margin-right:6px; width:328px; height:202px;/* background:url(images/login-bg.jpg) no-repeat;*/ margin-top:45px;
}
* html #login{
margin-right:3px; width:328px; height:202px; /*background:url(images/login-bg.jpg) no-repeat;*/ margin-top:45px;
}

#login-username{
width:90px;
height:15px;
float:left;
text-align:left;
padding-left:14px;
padding-top:2px;
font-family:arial unicode MS;
color:#343333;
font-size:13px;
}

#login-password
{
	width: 90px;
	height: 15px;
	float: left;
	text-align: left;
	padding-left: 14px;
	padding-top: 2px;
	font-family:arial unicode MS;
	color:#343333;
font-size:13px;
}
#below-login{
width:326px; height:30px; margin-left:1px;margin-top:-20px;
}

#student-login{
width:330px; float:right; padding-top:12px;
}

.faq{
float:left; width:40px; background:#fedb73; font-size:10px;padding:4px;text-align:center; border-left:1px solid #dddddd; border-bottom:2px solid #cccccc;
}

.reference{
float:right; width:110px; background:#c4ada3;font-size:10px;padding:4px;text-align:center; border-left:1px solid #000; border-bottom:2px solid #000;font-family:arial unicode MS; color:#fff
}


#learner-profile{
width:300px;
padding-top:12px;
padding-left:6px;
float:left;
clear:both;
display:inline;
min-height:200px;
text-align:left;

}
* html #learner-profile{
width:290px;
padding-top:12px;
padding-left:6px;
float:left;
clear:both;
display:inline;
height:200px;

}

#announcement{
	width:180px; 
	min-height:200px; 
	float:left; 
	display:inline; 
	margin-left:10px; 
	padding-top:12px;
	padding-left:6px;
	padding-bottom:12px;
	}
* html #announcement{
	width:180px; 
	height:200px; 
	float:left; 
	display:inline; 
	margin-left:10px; 
	padding-top:12px;
	padding-left:6px;
	padding-bottom:12px;
	}
	
	#fun-zone{
	 width:146px; 
	 min-height:200px; 
	 float:left; 
	 display:inline; 
	 margin-left:10px; 
	 padding-top:12px;
	 padding-left:6px;
	}
* html #fun-zone{
	 width:146px; 
	 height:200px; 
	 float:left; 
	 display:inline; 
	 margin-left:10px; 
	 padding-top:12px;
	 padding-left:6px;
	}
#fun-zone img{
	 display:block;
	 margin-bottom:8px;
	 border:0px;
	}
	
	#popup{
	padding:8px;
	border:3px solid #fff;
	height:500px;
	}
	
	#panLogin
{
	width:328px;
	height:202px;
}

.buttonasp
{
	font-size: 11px;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: center;
	background-color: #c4afa5;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	font-weight:bold;
}
.dropdown
{
	border: solid 1px  #ffffff;
	
	color: #333333;
	font-family: Verdana, Sans-Serif, Arial;
	font-size: 11px;
	background-color: #F1F6FA;
}

.profileContents{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Sans-Serif, Arial;
	color: Black ;
}

.table-links
{
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Sans-Serif, Arial;
	color: #06527e;
	text-decoration:none;
}
.table-links a:link
{
	vertical-align: middle;
	text-decoration:none;
	color:#06527e;
}
.table-links a:visited
{
	text-decoration:none;
	color:#06527e;
}
.table-links a:active
{
	text-decoration:none;
	color:#06527e;
}
.table-links a:hover
{
	text-decoration:underline;
	color:#06527e;
}

.ThoughtTable
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#012133;
}

.ThoughtTable a:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#012133;
}
.ThoughtTable a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#012133;
}
.ThoughtTable a:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#012133;
}
.ThoughtTable a:hover
{
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#012133;
}
/*After Comparison */

/* SpryTabbedPanels.css file start*/
@charset "UTF-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	float: left;
	clear: none;
	width: 1002px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
background:url(images/learnerbg-tabed.jpg) repeat-y;
	padding-bottom:20px;
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 8px 10px;
	margin: 0px 3px 0px 0px;
	font: bold 0.7em sans-serif;
	background: url(images/bg1.gif) repeat-x;
	list-style: none;
	border-left: solid 0px #bbb8b8;
	border-bottom: solid 1px #bbb8b8;
	border-top: solid 0px #bbb8b8;
	border-right: solid 0px #bbb8b8;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:162px;
	text-align:center;
	height:15px;
	color:#000000;
	font-family:Arial Unicode MS;
	font-size:13px;
}


/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
		background: url(images/bg.gif) repeat-x;
	border-bottom: 1px solid #d0e2ee;
	width:162px;
	color:#ffffff;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
		background: url(images/bg.gif) repeat-x;
	border-bottom: 1px solid #d0e2ee;
	color:#ffffff;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #5a7cb0;
	border-bottom: solid 1px #5a7cb0;
	border-top: solid 1px #5a7cb0;
	border-right: solid 1px #5a7cb0;
	background-color: #d9ede5;
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
		padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial unicode MS;
	font-weight:normal;
	/*font-size:10px;*/
	font-size:14px;
	color:#012133;
	height:80px;
	/*font-weight:bold;*/
}
* html .TabbedPanelsContent {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Arial unicode MS;
	font-weight:normal;
	/*font-size:10px;*/
	font-size:14px;
	color:#012133;
	height:80px;
	line-height:15px;
	/*font-weight:bold;*/
}

/*added from cricket*/
.TabbedPanelsContent li{
		line-height:21px;
		font-family:Arial unicode MS;
		font-size:14px;
	}

	.TabbedPanelsContent li a{
		line-height:20px;
		font-family:Arial unicode MS;
		font-size:14px;
	}
	
	.TabbedPanelsContent li a:link{
		line-height:20px;
		font-family:Arial unicode MS;
		font-size:14px;
	}

	.TabbedPanelsContent li a:visited{
		line-height:20px;
		font-family:Arial unicode MS;
		font-size:14px;
	}

	.TabbedPanelsContent li a:active{
		line-height:20px;
		font-family:Arial unicode MS;
		font-size:14px;
	}

	.TabbedPanelsContent li a:hover{
		line-height:20px;
		font-family:Arial unicode MS;
		font-size:14px;
	}
/*added from cricket*/
/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}


/* SpryTabbedPanels.css file end*/


 /* ------------facebox.css starts------------------------- */

#facebox .b {
  background:url(images/b.png);
}

#facebox .tl {
  background:url(images/tl.png);
}

#facebox .tr {
  background:url(images/tr.png);
}

#facebox .bl {
  background:url(images/bl.png);
}

#facebox .br {
  background:url(images/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}
 /* facebox.css ends here */
 
 /* Barcode Popup CSS Styles Starts- By Mahendra */ 
#divBookmark
{
     background: #E0E3D0;
}
#divTitleBar
{
    font-family: Verdana;
    font-size: 11px;
    font-weight:bold;
    color: #012133;
}


.coursenamelist
{
	/*padding-top:6px; padding-bottom:1px; font-weight:bold; font-size:10px; */
	font-size:11px;
	color:#ef5307;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.coursenamelist:link
{
	font-size:11px;
	color:#06527e;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.coursenamelist:visited

{
   font-size:11px;
   color:#06527e;
   font-weight:bold;
   font-family:Verdana, Arial, Helvetica, sans-serif;
}

.coursenamelist:active

{
    font-size:11px;
    color:#06527e;
    font-weight:bold;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}


.coursenamelist:hover
{
	font-size:11px;
text-decoration:underline;
color:#ef5307;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mkclLogoLearner
{
	background-image:url(images/mkcl-era-learner.jpg);
}
#mkclLogoCourse
{
	background-image:url(images/mkcl-era-course.jpg);
}
/* Barcode Popup CSS Styles Ends*/

.era-logo{
	width:160px; 
	height:45px; 
	float:left; 
	margin-top:30px; 
	margin-left:10px;
	margin-right:160px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../css/skin0/images/mkcl-era.png');
	background: none;
}

/*added for portfolio adjustment*/
#eportfolio{
                 display:none;
}
/*added for portfolio adjustment*/
/* Added on 17 July 09 for ePortfolio*/
.te_portFolioInbox_center
{
font-size:10px;
height: 20px;
color: #37392c;
font-family: Verdana;
background-color:White;
padding-left: 10px;
text-align: center;

}

/*self*/
#top-bar-login{
height:20px;
width:1003px;
/*background:url(images/lighthouse-top.jpg);*/
}
#masthead-login
{
	height:66px;
width:1003px;
/*background:url(images/masthead-bg.jpg) repeat-x;*/
clear:both;
}

.profilepadding
{
	padding-left:0px;
}
.titlealign
{
}
.visible
{
	
}
.annouceheight
{
	height:51;
}
/*self*/

/*School Start*/
/* Ajax Tab Panel css Start */
/* Added By Vishal For Ajax Tab Panel*/
.ajax__tab_technorati-theme .ajax__tab_tab
{
 height: 20px;
 
}

.ajax__tab_technorati-theme .ajax__tab_header 
{
    font-family:"Helvetica Neue", Arial, Sans-Serif;
    background:url(images/tab-line.png) repeat-x bottom;
    font-size:12px;
    display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat left top;
    border-color:#222;
    color:#222;
    padding-left:10px;
    margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right top;
    border-color:#666;
    color:#666;
    padding:4px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner 
{
    color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer 
{
    background:url(images/tab.png) no-repeat 0pt -40px;
    border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner 
{
    background:url(images/tab.png) no-repeat right -40px;
    color:#000000;
    border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:8px;
    background-color:#ffffff;
    border:solid 1px #d7d7d7;
    border-top-width:0;    
}
/* Ajax Tab Panel css End */

.link_NoColor
{
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	border-color: #E0ECF9;
	color: black;
	
}

.PortfoliotutorGrid
{
	padding-left:10px;
	margin-left:50px;
	border-color:White;
	border-width:2px;
	border-style:solid;
	
}


/*added for Learning Facilitator Home*/
.LFHomeBody
{
	padding:0px;
	margin:0px;
	background:#d5e8f6;
}

.LFHomeH1
{
	font-size:15px;
	font-weight:bold;
	color:#fb5f01;

}

.LFHomeP
{
	line-height:18px;
}

.LFHome-link
{
	color: #ef5509;
	text-decoration: none;
}

.LFHome-link:link
{
	color: #ef5509;
	text-decoration: none;

}
.LFHome-link:visited
{
	color: #ef5509;
	text-decoration: none;

}
.LFHome-link:active
{
	color: #ef5509;
	text-decoration: none;
}
.LFHome-link:hover
{
	color: #023949;
	text-decoration: none;
}

.more {
	font-style:italic;
	font-size: 12px;/*added*/
	
}
.more a{
	color: #ef5509;
	text-decoration:underline! important;
	font-size: 12px;/*added*/
}
.more a:link{
	color: #ef5509;
	text-decoration:underline! important;
	font-size: 12px;/*added*/
}
.more a:visited{
	color: #ef5509;
	text-decoration:underline! important;
	font-size: 12px;/*added*/
}
.more a:active{
	color: #ef5509;
	text-decoration:underline! important;
	font-size: 12px;/*added*/
}
.more a:hover{
	color: #023949;
	text-decoration:underline! important;
	font-size: 12px;/*added*/
}

#main-container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #023949;
	text-decoration: none;
	margin:0 auto;
	width:1003px;
	background:#fff;
}

.masthead-LFHome
{
	width:1003px;
	height:79px;
}

#time{
	/*width:993px; orig*/
	width:1003px;/*new*/
	height:18px;
	padding-top:4px;
	padding-left:10px;
	background:url(images/clock-bg.jpg);
	color:#043754;
	font-size:11px;
}

#welcome{
	/*width:983px;orig*/
	width:1003px;/*new*/
	height:48px;
	padding-left:10px;
	padding-right:10px;
	
	clear:both;
	background:url(images/welcome-text-bg.jpg);
}
#welcome-left{
	width:400px;
	height:30px;
	padding-top:18px;
	font-weight:bold;
	float:left;
}
#welcome-right{
	/*width:400px;orig*/
	width:420px;/*new*/
	height:47px;
	padding-top:1px;
	font-weight:bold;
	float:right;
	text-align:right;
	
}

.LFHome-content-area
{
	width:983px;
	padding:10px;
	background:url(images/body-bg.jpg) repeat-x #fff;
	min-height:300px;
	margin-bottom:10px;
	padding-top:15px;
}

#box-container{
	width:983px;
	clear:both;
	
}
#box-container li{
	line-height:16px;
	list-style-image:url(images/arrow.gif);
	margin-left:-38px;
	padding-right:15px;
	
}

#box-container1{
	/*width:204px;orig*/
	width:239px;/*new*/
	/*height:265px; orig*/
	height:290px;/*new*/
	claer:both;
	float:left;
	margin-left:5px;
	background:url(images/box1.jpg) no-repeat;
	padding-top:25px;
	padding-left:35px;
	margin-bottom:10px;
	color:#424611;
}

#box-container1 li a{
	color:#424611;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container1 li a:link{
	color:#424611;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container1 li a:visited{
	color:#424611;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container1 li a:active{
	color:#424611;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container1 li a:hover{
	color:#424611;
	text-decoration:none;
	font-size: 12px;/*added*/
}
#box-container2{
	/*width:204px;
	height:265px;orig*/
	width:239px;
	height:290px;
	claer:both;
	float:left;
	margin-left:5px;
	background:url(images/box3.jpg) no-repeat;
	padding-top:25px;
	padding-left:35px;
	color:#2c472c;
}
#box-container2 li a{
	color:#2c472c;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container2 li a:link{
	color:#2c472c;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container2 li a:visited{
	color:#2c472c;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container2 li a:active{
	color:#2c472c;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container2 li a:hover{
	color:#2c472c;
	text-decoration:none;
	font-size: 12px;/*added*/
}
#box-container3
{
	/*
	width:204px;
	height:265px;orig*/
	width:239px;
	height:290px;
	claer:both;
	float:left;
	margin-left:5px;
	background:url(images/box.jpg) no-repeat;
	padding-top:25px;
	padding-left:35px;
	color:#044a78;
}
#box-container3 li a{
	color:#044a78;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container3 li a:link{
	color:#044a78;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container3 li a:visited{
	color:#044a78;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container3 li a:active{
	color:#044a78;
	text-decoration:underline;
	font-size: 12px;/*added*/
}
#box-container3 li a:hover{
	color:#044a78;
	text-decoration:none;
	font-size: 12px;/*added*/
}
#box-container4
{
	/*
	width:204px;
	height:265px;orig*/
	width:239px;
	height:290px;
	claer:both;
	float:left;
	margin-left:5px;
	background:url(images/box2.jpg) no-repeat;
	padding-top:25px;
	padding-left:35px;
	color:#000;
}
#box-container3 li a{
	color:#044a78;
	text-decoration:underline;
}
#box-container3 li a:link{
	color:#044a78;
	text-decoration:underline;
}
#box-container3 li a:visited{
	color:#044a78;
	text-decoration:underline;
}
#box-container3 li a:active{
	color:#044a78;
	text-decoration:underline;
}
#box-container3 li a:hover{
	color:#044a78;
	text-decoration:none;
}

.heading-box {
	color:#fff;
	font-size:15px;
	font-weight:bolder;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*.home{width:100px; height:48px; margin-right:10px; display:inline;}orig*/
.home{width:50px; height:48px; margin-right:10px; display:inline;}/*new*/
.home img{margin-right:10px;}

/*added for Learning Facilitator Home*/

/*added for LF Home submenu page*/
#inner-container{
	width:983px;
	clear:both;
	
}

#inner-navigation{
	width:204px;	
	min-height:265px;
	claer:both;
	float:left;
	margin-left:0px;
	padding-left:0px;
	margin-bottom:10px;
	color:#424611;
}

#navcontainer { margin-left: 0px; }

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

/*#navcontainer ul li { margin: 0 0 1px 0; list-style-image:none}orig*/
#navcontainer ul li { margin: 0 0 1px 0; list-style-image:none;width:310px}/*new*/

#navcontainer ul li a
{
display: block;
padding: 5px 10px;
/*width: 180px;orig*/
width: 310px;/*new*/
color: #033747;
border-bottom:1px dotted #61b3db;
text-decoration: none;
text-align:right;
font-size: 12px;/*added*/
}

/*added*/
#navcontainer ul li a:hover
{
display: block;
padding: 5px 10px;
/*width: 180px;orig*/
width: 310px;/*new*/
color: #e3530d;
border-bottom:1px dotted #61b3db;
text-decoration: none;
text-align:right;
font-size: 12px;/*added*/
}
/*added*/
#navcontainer a:hover
{
color: #000;
text-decoration: none;
font-size: 12px;/*added*/
}
#navcontainer ul li.active a{
color: #e3530d;
text-decoration: none;
display: block;
/*width: 180px;orig*/
width: 310px;/*new*/
font-size: 12px;/*added*/
 }
/*orig
#main-content-right{
	width:765px; min-height:400px;float:right
}
* html #main-content-right{
	width:765px; height:400px;float:right
}
*/
/*new*/
#main-content-right{
	width:635px; min-height:383px;float:right
}
* html #main-content-right{
	width:635px; height:383px;float:right
}
/*new*/

/*added*/
.LFsubmenuDescr{
	width:635px; height:383px;float:right
}
/*added*/
/*added for LF Home submenu page*/
/*School End*/

.Hide 
{
	 display:none;
}