a:link { color: #333333; text-decoration: none}
a:visited { color: #333333; text-decoration: none}
a:active { color: #333333; text-decoration: none}
a:hover { color: #003399; text-decoration: none}
/*-------------------------------------------------------------------------------*/
/* Don't Modify - This Block is styles used with Lesson Page.*/
/*-------------------------------------------------------------------------------*/
.tab1  {
   text-align : center;
	width:100%;
}				  
.tab2  {
   text-align : center;
	width:100%;
	height: 100%;
}				  	
.tr1  {
	vertical-align: top;
}				  			
.td1  {
	text-align : left;
	height: 100%;
	vertical-align: top;
}				  						  				  
/*-----------------------------------------------------------------*/
Body  {
	background-color : #FFFFFF;
	margin: 0px  0px; 
	padding: 0px  0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #EFEFEF; 
	SCROLLBAR-SHADOW-COLOR: #444444; 
	SCROLLBAR-3DLIGHT-COLOR: #444444; 
	SCROLLBAR-ARROW-COLOR: #333333; 
	SCROLLBAR-TRACK-COLOR: #FFFFF0; 
	SCROLLBAR-DARKSHADOW-COLOR: #6699cc
}
/*-----------------------------------------------------------------*/
BODY,DIV,BR,P,FONT,TABLE,TR,TD {   
  font-size:   11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333; 
}
/*-----------------------------------------------------------------*/

.formInput  {
	BACKGROUND-COLOR: #D3EFFB;
    BORDER-BOTTOM: #4BA4D5 1px ;
    BORDER-LEFT: #4BA4D5 1px dotted;
   	BORDER-RIGHT: #4BA4D5 1px dotted;
    BORDER-TOP: #4BA4D5 1px dotted;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif";
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
	COLOR: #333333;
	border-style: solid;
}
.formInputFile  {
	BACKGROUND-COLOR: #D3EFFB;
    BORDER-BOTTOM: #4BA4D5 1px ;
    BORDER-LEFT: #4BA4D5 1px dotted;
   	BORDER-RIGHT: #4BA4D5 1px dotted;
    BORDER-TOP: #4BA4D5 1px dotted;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif";
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
	COLOR: #333333;
	border-style: solid;
}
.formInputDisabled  {
	BACKGROUND-COLOR: #f2f2f2;
    BORDER-BOTTOM: #4BA4D5 1px ;
    BORDER-LEFT: #4BA4D5 1px dotted;
   	BORDER-RIGHT: #4BA4D5 1px dotted;
    BORDER-TOP: #4BA4D5 1px dotted;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: "MS Sans Serif", "Microsoft Sans Serif";
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
	COLOR: #333333;
	border-style: solid;
}
.formButton  {
	BACKGROUND-COLOR: #D3EFFB;
    BORDER-BOTTOM: #4BA4D5 1px dotted;
    BORDER-LEFT: #4BA4D5 1px dotted;
   	BORDER-RIGHT: #4BA4D5 1px dotted;
    BORDER-TOP: #4BA4D5 1px dotted;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	COLOR: #333333;
    border-style: solid;
}
.formButtonDisabled  {
	BACKGROUND-COLOR: #F2F1F1;
    BORDER-BOTTOM: #000000 1px dotted;
    BORDER-LEFT: #000000 1px dotted;
   	BORDER-RIGHT: #000000 1px dotted;
     BORDER-TOP: #C0C0C0 1px dotted;
 	COLOR: #C0C0C0;	
    FONT-FAMILY: "MS Sans Serif", AngsanaUPC, Arial, "Arial Black";
    FONT-SIZE: 8px;
    FONT-WEIGHT: bold;
    border-style: groove;
}

.formButtonNextPrev  {
	BACKGROUND-COLOR: #D3EFFB;
    BORDER-BOTTOM: #4BA4D5 1px dotted;
    BORDER-LEFT: #4BA4D5 1px dotted;
   	BORDER-RIGHT: #4BA4D5 1px dotted;
    BORDER-TOP: #4BA4D5 1px dotted;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	COLOR: #333333;
    border-style: solid;
}
/*-----------------------------------------------------------------*/
.table100BorderColor  {
	text-align : center;
	width : 100%;
	background-color : #FFFFFF;
}

.table90BorderColor  {
	text-align : center;
	width : 90%;
	background-color : #FFFFFF;
}
.table60BorderColor  {
	text-align : center;
	width : 60%;
	background-color : #FFFFFF;
}
/*-----------------------------------------------------------------*/
.table100NoBorder  {
	text-align : center;
	width : 100%;
}
.table90NoBorder  {
	text-align : center;
	width : 90%;
}
.table60NoBorder  {
	text-align : center;
	width : 60%;
}
/*-----------------------------------------------------------------*/
.tdBgHead{
	text-align : center;	
	background-color : #D3EFFB;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold;
}
.tdBgHead2{
    font-size:   11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-weight : bold;
	text-align : center;	
	color: #000000;
	background-color : #C7C8C9;	
}
.tdBgHead_MenuCourse{
    font-size:   11px;
	font-weight : bold;
	text-align : center;	
	color: #FFFFFF;
	background-color : #6983BD;	
}

.tdBgDetail{
	background-color : #E9E9E9;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
}

#tdBgDetail_onmouseover{		/*# =>#name ID*/
	color: black;	
	background-color : #D8E3EF;	
}

#tdBgDetail_onmouseout{		/*# =>#name ID*/
	color: black;	
	background-color : #FFFFF0;
}
.tdBgNoDetail{
	color: black;	
	background-color : #EFEFEF;	
}

/*-----------------------------------------------------------------*/
.lessonHead{
	text-align : center;	
	background-color : #D3EFFB;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: bold;
}
.lessonBgEver{
	background-color : #E9E9E9;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
}
.lessonBgNever{
	background-color : #E9E9E9;	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
}

/*-----------------------------------------------------------------*/
.tdTextHead{
    font-size:   11px;
/*	font-weight : bold;*/
	text-align : center;	
	color: #333333;	
}
.tdTextErrorHead{
    font-size:   11px;
/*	font-weight : bold;*/
	text-align : center;	
	color: #CC0033;	
}
.tdTextWarning{
    font-size:   11px;
/*	font-weight : bold;*/
	text-align : center;	
	color: #ff6600;	
}
.tdTextDetail{
	color: #00008B;	
}
/*-----------------------------------------------------------------*/
.textAssType{
	color: #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.textWaiting{
	color: #237A2C;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.textIncomplete{
	color: #CC0033;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.textAnswer{
	color: #CC0033;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
.textDisable{
	color: #CC0033;
	background-color: #CCCCCC;
}
/*-----------------------------------------------------------------*/
.textRequire{
	font-weight: bold; 
	color: #D50000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
}
/*-----------------------------------------------------------------*/
.textSmall15Normal{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	 font-weight: normal; 
	 color: #000000;
}
.textSmall15Bold{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
/*	font-weight : bold;	*/
}
/*-----------------------------------------------------------------*/
.text15WithBg1{
    font-size:   11px;
/*	font-weight : bold;*/
	text-align : center;	
	color: #FFFFD5;	
	background-color : #B2D38A;
}
/*-----------------------------------------------------------------*/
.fontColor1{	color: #CC0033;		}
.fontColor2{	color: #0008B;		}
.fontColor3{	color: #FFFFCC;		}
.fontColor4{  	color: #808000;	}
.fontColor5{	color: 	#FFFFD5;	}
/*-----------------------------------------------------------------*/
.textHead1{	
	font-weight : bold;
    font-size:   11px;
	color: 	black;	
}
.textHead2{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
    font-size:   11px;
	color: 	#000000;	
}
/*-----------------------------------------------------------------*/
.left{	text-align:left;	}
.center{	text-align:center;	}
.right{	text-align:right;	}
/*-----------------------------------------------------------------*/
.bold{		font-weight : bold;		}
/*-----------------------------------------------------------------*/
.folding{		cursor:hand;		}
/*-----------------------------------------------------------------*/
.regHeader{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;	
	text-align : center;
	color: #000000;
	background-color: #D3EFFB;	
	width: 90%;
	height: 25;
}
.regDesc  { 
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #666666;	
}
.regBgFieldReq  { 
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
    FONT-WEIGHT: bold;	
	color: #333333;	
	background-color: #FFFFFF;
	height : 20;
}
.regBgFieldNoReq  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
    FONT-WEIGHT: bold;	
	color: #333333;	
	background-color: #FFFFFF;
	height : 25;	
}
.regFontColor1{	color: 	#D50000;	}
/*-----------------------------------------------------------------*/
.headBarRight  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
    FONT-WEIGHT: bold;	
	text-align : right;
	height:20;
	width:100%;
	color: #000000;
	background-color : #D3EFFB;	
}
/*-----------------------------------------------------------------*/
.mainMenu{	
	BACKGROUND-COLOR: #F2F1F1;
 	COLOR: #333333;
    CURSOR: hand;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	cursor:hand;		
}
/*-----------------------------------------------------------------*/
.currentChapter{
    font-size:   11px;
	font-weight : bold;
	color: #6983BD;
}
/*-----------------------------------------------------------------*/
.chatBg{
	background-color: #B2D38A;
}
/*-----------------------------------------------------------------*/
.titleHead{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	font-weight: bold;
}
/*-----------------------------------------------------------------*/