/*============= CENTER BOX ================*/

.centerbox{text-align:left;padding:0px 10px;}

.centerbox .boxtitle{
margin-top:10px;
padding-top:5px;
margin-bottom:15px;
color:#ADD4E3;
font-size:11pt;
font-weight:bold;
border-bottom:1px solid #040F13;
}

.centerbox .boxcontent{
font-family:verdana;
font-size:10pt;
margin-bottom:15px;
}
.centerbox .boxother{
border-top:1px solid #173038;

}

/*============= END CENTER BOX ================*/

.centerbox .topbutton{text-align:right;color:#eee;}

.centerbox .topbutton a{color:#eee;font-size:9pt;}

.centerbox .topbutton a:hover{text-decoration:underline;color:#6FBFDB}

/*================ LEFT BOX ===================*/

.leftbox{
text-align:left;
padding:5px;
padding-top:0px;
margin-top:15px;
font-size:8pt;
}

.leftbox .boxtitle{text-align:left;font-weight:bold;color:#dfdfdf;font-size:10pt; text-transform:uppercase}
/*================= END LEFT BOX ===================*/
.leftbox .boxcontent{padding:10px 0px;color:#eee}

/*================ LEFT BOX CATALOG===================*/

.leftbox .catalog{
padding:0px 10px;
color:#eee;

}

.leftbox .catalog p{margin-bottom:10px;}

.leftbox .catalog p b{
padding-right:10px;font-size:7pt;font-weight:bold;
}

.leftbox .catalog p a{color:#e4e4e4;}

.leftbox .catalog p a:hover{color:#00FFCC;}

.leftbox .catalog p a_selected{color:#00FFCC;}

.leftbox .requestproposal{
display:block;
background:url(../image/requestproposal.gif) no-repeat left top;
width:140px;
height:38px;
color:#fdc689;
}

.leftbox #navMenu {  
	margin:0;   
	padding:0;  
	list-style:none;      
	font-family:arial;  
	text-align:center;  
	line-height:26px;  
}

.leftbox #navMenu b{
padding-right:10px;font-size:7pt;font-weight:bold;padding-left:10px;
}  

.leftbox #navMenu li {  
	float:left;   
	
	/* default background image */  
	/*background:url(../image/leftmenu/bg_over.png) repeat-x center center;      */
	
	/* width and height of the menu item */  
	width:160px;                              
	height:26px;  
	
	/* simulate pixel perfect using border 
	border-left:1px solid #111;               
	border-right:1px solid #333;  
	border-top:1px solid #555;  
	border-bottom:1px solid #333;  
	*/  
	
	/* must set it as relative, because .hover class top and left with absolute position will be positioned according to i.    */  
	position:relative;     
	text-align:left;       
}  

.leftbox #navMenu li a {  
	/* z-index must be higher than .hover class */  
	z-index:20;               
	
	/* display as block and set the height according to the height of the menu to make the whole LI clickable   */  
	display:block;    
	height:26px;  
	position:relative;  
	color:#CCCCCC;  
} 

.leftbox #navMenu li a:hover {  
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}  

.leftbox #navMenu li .hover {  
	/* mouseover image  */ 
	color:white; 
	background:url(../image/leftmenu/bg_over.png) repeat-x center center;         
	
	/* must be postion absolute     */  
	position:absolute;    
	
	/*  width, height, left and top to fill the whole LI item   */  
	width:160px;      
	height:26px;  
	left:0;   
	top:0;    
	
	/* display under the Anchor tag */  
	z-index:0;        
	
	/* hide it by default   */  
	display:none;     
}   

.leftbox #navMenu li.selected {  
	/* selected image   */  
	background:url(../image/leftmenu/bg_over.png) no-repeat center center;     
	font-weight:bold;
}  

.leftbox #navMenu li.selected a{color:#FFFFFF}  

/*================= END LEFT BOX ===================*/

.infobox{}

.infobox .boxdetail{margin-bottom:20px;}

.infobox .navi{color:#f3f3f3;font-size:8pt;}

.infobox .navi a{color:#f3f3f3;font-weight:bold;}


#leftpanel .thuvien{
color:#eee;

}


#leftpanel .thuvien .boxcontent{

}

#leftpanel .timkiem{

}

#leftpanel .timkiem input{font-size:7pt;width:120px;}

#leftpanel .timkiem input.button{width:26px;background:url(../image/search.png) top left no-repeat;border:0;height:20px;cursor:pointer}

#leftpanel .timkiem input.button:hover{background-position:0 -20px;}