/* =======================================
//general styles for this example page
//create by : Kinh,Van Dang
//create Date : 27/01/2007 
//csing dhtmlgoodies example.
//=======================================*/
	html{
		height:100%;
	}
	body{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		margin:0px;
		padding:0px;
		text-align:left;
		background-color:#FFFFFF;
		height:100%;
	}
	
	p{
		margin-top:5px;
		margin-bottom:10px;
	}
	
	#mainContainer{
		width:760px;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
		padding-left:16px;
		padding-right:16px;
		padding-bottom:20px;	
	}
	
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */		 
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:0px solid #000;
		background-color:#ebcc6f;
		padding:1px;				 
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:1px;
		border:0px solid #317082;
		background-color:#ebcc6f;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:0px;
		border:0px solid #555;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:0px;
		padding-right:0px;	
	}
	
	/*
	Main menu items 
	*/
	
	#dhtmlgoodies_menu .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:0px solid #E2EBED;
	}
	#dhtmlgoodies_menu .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#916507;
		border:0px solid #000;
	}
	
	#dhtmlgoodies_menu .currentDepth1 a{
		font-weight:bold;
	}
	#dhtmlgoodies_menu .currentDepth1over a{	/* Text rules */
		color:#FFF;
		font-weight:bold;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2{
		padding-right:2px;
		border:0px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth2over{
		padding-right:2px;
		background-color:#916507;
		border:1px solid #000;
		background-image:url(../image/style10_n_back.gif);		
	}	
	#dhtmlgoodies_menu .currentDepth2over a{	/* Text rules */
		color:#000;
	}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding-right:2px;
		background-color:#EDE3EB;
		border:1px solid #000;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #000;
	}				 

.textstyle1{
	font-family:Verdana, Arial, Helvetica, sans-serif
	font-weight:normal;
	font-size:10px;
	color:#000000;
}	

table{	
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
	FONT-SIZE: 10px; 
	COLOR: #444444 
}

tr{
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #000000 	
}

th{
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #242d0c;	 
	background-image:url(../image/th_bg.gif);
	height: 40px;	
}

td{
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	COLOR: #000000;
}

.inputtext{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	BORDER-RIGHT: 1px solid #999999; 
	BORDER-TOP: 1px solid #999999; 
	BORDER-LEFT: 1px solid #999999;  	 
	BORDER-BOTTOM: 1px solid #999999;
	BACKGROUND: #FFFFFF 
}

.textnumber{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	BORDER-RIGHT: 1px solid #999999; 
	BORDER-TOP: 1px solid #999999; 
	BORDER-LEFT: 1px solid #999999;  	 
	BORDER-BOTTOM: 1px solid #999999;
	BACKGROUND: #FFFFFF;
	text-align: right;  	
}

.button_lin {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	BORDER-RIGHT: 1px solid #999999; 
	BORDER-TOP: 1px solid #999999; 
	BACKGROUND: #eeeeee; 
	BORDER-LEFT: 1px solid #999999; 
	CURSOR: hand; 
	BORDER-BOTTOM: 1px solid #999999
}

.tablebox{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	border: 0px solid;		 
}

.styletop{
	color: #d1d9ed;
}
    
a.link0:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;text-decoration: none }
a.link0:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #1824BD;text-decoration: none }
a.link0:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #316CBD;text-decoration: none }

a.link1:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #000000;text-decoration: none }
a.link1:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #0C0983;text-decoration: none }
a.link1:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #316CBD;text-decoration: none }

a.link2:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #000000;text-decoration: none;}
a.link2:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #0C0983;text-decoration: none;}
a.link2:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #ff6600;text-decoration: underline;}

a.link3:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #7B83AB;text-decoration: none;}
a.link3:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #0C0983;text-decoration: none;}
a.link3:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #ff6600;text-decoration: underline;}

a.linklo:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #d0d8eb;text-decoration: none;}
a.linklo:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:none ; color: #d0d8eb;text-decoration: none;}
a.linklo:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold ; color: #8e5906;text-decoration: underline;}

a.linkincom:link   { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:none ; color: #d0d8eb;text-decoration: none;}
a.linkincom:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:none ; color: #d0d8eb;text-decoration: none;}
a.linkincom:hover  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold ; color: #8e5906;text-decoration: underline;}



