/* CSS Document */
/* 
	Author: THO PHAM
	Date: 18/05/2009
	Project: WASE website
	Company: WASECO
	Copyright: (C) 2009 by WASECO
	Contact: anhtho453a@yahoo.com
*/

/* ===================================================================== */
/* COMMON */
/* ===================================================================== */

html, body, form {
	margin: 0;
	padding: 0;
}

body{
	color: #333333;
	background-color: #39424B;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
}

a:link,a:visited ,a:active{
	color: #333333;
	text-decoration: none;
	font-family: Tahoma;
	line-height:14px;
	list-style-type:none;
}

a:hover {
	color: #ff6100;
	text-decoration:underline;
}

#fullpage {
	background-position:center top;
	background-repeat:no-repeat;	
}

#layout{
	margin:auto;
	padding:10px;
	width:931px;
	background:url(../images/bg_layout.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:hidden;

}

* html #layout{
	margin:auto;
	width:931px;
	
}

.fl{
	float:left;
}
.rt{
	float:right;
}

/* ===================================================================== */
/* COMMON */
/* ===================================================================== */
.top{
	margin:auto;
	width:951px;
	height:74px;
	background-image:url(../images/bg_top.gif);
	background-repeat:no-repeat;
	margin-top:18px;
}

.top_right{
	float:right;
	height:74px;
	width:530px;
	margin-right:8px;
}
.top_logo{
	float:left;
	width:404px;
	height:74px;
}
.searchgreytextbox1{
	background:url(../images/seach_fill.gif);
	background-repeat:no-repeat;
	width:179px;
	height:26px;
}

.chongonngu{
	margin-top:6px;
	height:12px;
}
.timkiembox{
	margin-top:17px;
	height:30px;
	width:445px;
	margin-left:85px;
}
.searchtxt{	
	width:170px; 
	padding-left:3px; 
	height:15px; 
	padding-top:2px; 
	padding-right:3px;
	background-color:transparent;
	border-color:transparent;
	font-size:11px;
}
.xam_10{
	color: #608DAE;
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
}

/* ===================================================================== */
/*  IMAGE */
/* ===================================================================== */
.img_main{
	width:950px;
	height:150px;
	margin:auto;
	background-color:#FFFFFF;
	padding-left:1px;
}

/* ===================================================================== */
/* content
/* ===================================================================== */

.content_leftBox_all{
	float:left;
	width:180px;
	overflow:hidden;
}
.content_leftBox{
	width:178px;
	border:1px solid #FFCF4D;
	background-color:#FFFDE7;
}



.content_midBox{
	float:left;
	width:520px;		
	margin-left:25px;
	margin-right:25px;		
	margin-top:10px;
	min-height:720px;   
    overflow:hidden;
}

.content_rightBox{
	float:left;
	width:178px;
	border:1px solid #1B74DD;
	background-color:#E7F7FF;
}
/* ===================================================================== */
/* cot tin tuc su kien trang chu
/* ===================================================================== */

.folder_othernews {
	width:168px; 
	padding-left:5px;
	padding-right:5px;

}
.folder_title_bg{
	padding-top:6px;
	width:178px;
	height:22px;
	background:url(../images/tintuc_bg_1.gif);
	background-repeat:no-repeat;
	margin-bottom:12px;
}
.folder_title_bg_2{
	padding-top:6px;
	width:178px;
	height:22px;
	background:url(../images/tintuc_bg_2.gif);
	background-repeat:no-repeat;
	margin-bottom:12px;
}

.floder_title_txt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	padding-left:28px;
}

.folder_img{
	float:left;
	width:60px;
	height:40px;
	margin-right:10px;
	margin-bottom:2px;
}

.folder_txt, a.folder_txt:link, a.folder_txt:active, a.folder_txt:visited {	
	font-family:Tahoma;
	font-size:11px; 
	color:#444444;
	text-decoration:none; 
	line-height:15px;
}
.folder_txt a:hover{
	text-decoration:none;
	color:#0166AA;
	
}

.line_168{
	margin-left:5px;
	width:168px;
	height:13px;
	background:url(../images/news_s_line.gif);
	background-repeat:repeat-x;
}

.ad_180x90{
	width:180px;
	height:90px;
	margin-top:5px;
	margin-bottom:5px;
	
}
.ad_180x90_box{
	width:180px;
	overflow:hidden;
	min-height:260px;
}
/* ===================================================================== */
/* cot giua trang chu
/* ===================================================================== */
.welcome{
	margin-top:36px;
	margin-bottom:28px;
}
.welcome_box{
	margin-bottom:20px;
	overflow:hidden;
}
.welcome_img{
	float:left;
	width:201px;
	height:247px;
	margin-right:20px;
	margin-bottom:12px;
}
.duan_home_box{
	margin-top:25px;
	width:510px;
	height:27px;
	background:url(../images/duan_home.gif);
	background-repeat:no-repeat;
}
.titleTxt{
	padding-top:6px;
	padding-left:15px;
	font-family:Tahoma;
	font-size:14px; 
	color:#FE9E25;
	font-weight:bold;
	font-style:italic;
	text-decoration:none; 
	line-height:15px;
}

.txtCam11, a.txtCam11:link, a.txtCam11:active, a.txtCam11:visited {	
	font-family:Verdana;
	font-size:11px; 
	color:#FE9E25;
	text-decoration:none; 
	line-height:14px;
}
.txtCam11 a:hover{
	text-decoration:underline;
	color:#0166AA;
	
}



/* ===================================================================== */
/* trang sub */
/* ===================================================================== */

.title_bg{
	margin-bottom:12px;
	width:510px;
	height:27px;
	background:url(../images/title_bg.gif);
	background-repeat:no-repeat;
}

.box_511{
	width:511px;
}

.download_img{
	float:left;
	width:14px;
	margin-top:4px;
	margin-right:20px;

}
.download_thongtin{
	float:left;
	width:460px;
	
}
.news_images{
	float:left;
	width:130px;
	border:1px solid #A5A5A5;
	margin-right:20px;

}

.news_thongtin{
	float:left;
	width:350px;
	
}
.news_date{	
	font-family: Verdana;
	font-size: 10px;
	color: #707070;
	text-decoration: none;
	margin-bottom:5px;
}
.linkCam11Bold, a.linkCam11Bold:link, a.linkCam11Bold:active, a.linkCam11Bold:visited {	
	font-family:Tahoma;
	font-size:11px; 
	color:#f58529;
	text-decoration:none; 
	font-weight:bold;
	line-height:14px;
}
.linkCam11Bold a:hover{
	text-decoration:underline;
	color:#318bd9;
	
}

.chitiet, a.chitiet:link, a.chitiet:active, a.chitiet:visited {	
	width:157px;
	height:17px;
	margin-top:15px;	
	font-family:Verdana;
	font-size:10px; 
	color:#318BD9;
	text-decoration:none; 
	line-height:14px;
}
.chitiet a:hover{
	text-decoration:underline;
	color:#FF5900;
	
}

.line_511{
	width:510px;
	height:22px;
	background-image:url(../images/line.gif);
	background-repeat:repeat-x;

}
.sotrang, a.sotrang:link, a.sotrang:active, a.sotrang:visited {	
	font-family:Verdana;
	font-size:10px; 
	color:#318BD9;
	text-decoration:none; 
	line-height:14px;
}
.sotrang a:hover{
	text-decoration:underline;
	color:#FF5900;
	
}

.news_detail_title{	
	font-family:Verdana;
	font-size:14px;
	font-weight:bold; 
	color:#F48529;
	text-decoration:none; 
	line-height:18px;
	
}

.tinDaDua_box{
	padding-top:4px;
	padding-bottom:4px;
    height:18px;
	width:510px;
	margin-left:0px;

	
}
.tinDaDua_icon{
	float:left; 
	width:15px; 
	height:12px; 
	padding-top:5px;
}
.tinDaDua_txt{
	float:left; 
	width:490px; 
	height:14px;
	padding-top:3px;


}

.linkXanh10Bold, a.linkXanh10Bold:link, a.linkXanh10Bold:active, a.linkXanh10Bold:visited {	
	font-family:Verdana;
	font-size:10px; 
	color:#2D93D5;
	text-decoration:none; 
	font-weight:bold;
	line-height:14px;
}
.linkXanh10Bold a:hover{
	text-decoration:underline;
	color:#FF9826;
	
}

/* ===================================================================== */
/* vietnamese menu */
/* ===================================================================== */

#menutop{
	margin:auto;
	width:951px;
	height:35px;
}


#nav {
	list-style:none;
	margin: 0px 0px 0px 0px;
	width:951px;
	height:35px;
	padding:0px;
	clear:both;
	float:left;
	line-height:0px;
}

#nav li{
	float:left;
}
#nav li a{
	height: 35px;
	width:141px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -663em;
}
#nav #nav-trangchu a{
	width:107px;
	background:url(../images/menu_vn_trangchu.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-trangchu a:hover{
	background:url(../images/menu_vn_trangchu_on.gif) no-repeat left top;
}
#nav #nav-gioithieu a{
	width:102px;
	background:url(../images/menu_vn_gioithieu.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-gioithieu a:hover{
	background:url(../images/menu_vn_gioithieu_on.gif) no-repeat left top;

}
#nav #nav-dichvu a{
	width:87px;
	background:url(../images/menu_vn_dichvu.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-dichvu a:hover{
	background:url(../images/menu_vn_dichvu_on.gif) no-repeat left top;
}
#nav #nav-duan a{
	width:79px;
	background:url(../images/menu_vn_duan.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-duan a:hover{
	background:url(../images/menu_vn_duan_on.gif) no-repeat left top;
}
#nav #nav-tintuc a{
	width:138px;
	background:url(../images/menu_vn_tintuc.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-tintuc a:hover{
	background:url(../images/menu_vn_tintuc_on.gif) no-repeat left top;
}

#nav #nav-tochuc a{
	width:163px;
	background:url(../images/menu_vn_tochuc.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-tochuc a:hover{
	background:url(../images/menu_vn_tochuc_on.gif) no-repeat left top;
}

#nav #nav-thuvien a{
	width:94px;
	background:url(../images/menu_vn_thuvien.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-thuvien a:hover{
		background:url(../images/menu_vn_thuvien_on.gif) no-repeat left top;
}

#nav #nav-diendan a{
	width:97px;
	background:url(../images/menu_vn_diendan.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-diendan a:hover{
		background:url(../images/menu_vn_diendan_on.gif) no-repeat left top;
}
#nav #nav-lienhe a{
	width:84px;
	background:url(../images/menu_vn_lienhe.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-lienhe a:hover{
		background:url(../images/menu_vn_lienhe_on.gif) no-repeat left top;
}

body#trangchu #nav-trangchu a{
	background:url(../images/menu_vn_trangchu_on.gif) no-repeat left top;
	cursor:pointer;
}
body#gioithieu #nav-gioithieu a{
	background:url(../images/menu_vn_gioithieu_on.gif) no-repeat left top;
	cursor:pointer;
}
body#dichvu #nav-dichvu  a{
	background:url(../images/menu_vn_dichvu_on.gif) no-repeat left top;
	cursor:pointer;
}
body#duan #nav-duan a{
	background:url(../images/menu_vn_duan_on.gif) no-repeat left top;
	cursor:pointer;
}
body#tintuc #nav-tintuc a{
	background:url(../images/menu_vn_tintuc_on.gif) no-repeat left top;
	cursor:pointer;
}
body#tochuc #nav-tochuc a{
	background:url(../images/menu_vn_tochuc_on.gif)  no-repeat left top;
	cursor:pointer;
}
body#thuvien #nav-thuvien a{
	background:url(../images/menu_vn_thuvien_on.gif) no-repeat left top;
	cursor:pointer;
}
body#thuvien #nav-diendan a{
	background:url(../images/menu_vn_diendan_on.gif) no-repeat left top;
	cursor:pointer;
}
body#lienhe #nav-lienhe a{
	background:url(../images/menu_vn_lienhe_on.gif) no-repeat left top;
	cursor:pointer;
}






/* ===================================================================== */
/* footer */
/* ===================================================================== */
.footer_box{
	margin:auto;
	padding-bottom:37px;
	width:951px;
	height:92px;
	background:url(../images/bg_footer.gif);
	background-repeat:no-repeat;

}

.txtXam10, a.txtXam10:link, a.txtXam10:active, a.txtXam10:visited {	
	font-family:Verdana;
	font-size:10px; 
	color:#B0B0B0;
	text-decoration:none; 
	line-height:14px;
}
.txtXam10 a:hover{
	text-decoration:none;
	color:#3C7697;
	
}


/* ===================================================================== */
/* en menu */
/* ===================================================================== */


#nav #nav-home a{
	width:93px;
	background:url(../images/menu_en_home.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-home a:hover{
	background:url(../images/menu_en_home_on.gif) no-repeat left top;
}
#nav #nav-about a{
	width:93px;
	background:url(../images/menu_en_about.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-about a:hover{
	background:url(../images/menu_en_about_on.gif) no-repeat left top;

}
#nav #nav-services a{
	width:111px;
	background:url(../images/menu_en_services.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-services a:hover{
	background:url(../images/menu_en_services_on.gif) no-repeat left top;
}
#nav #nav-projects a{
	width:106px;
	background:url(../images/menu_en_projects.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-projects a:hover{
	background:url(../images/menu_en_projects_on.gif) no-repeat left top;
}
#nav #nav-news a{
	width:145px;
	background:url(../images/menu_en_news.gif) no-repeat  left top;
	cursor:pointer;
}
#nav #nav-news a:hover{
	background:url(../images/menu_en_news_on.gif) no-repeat  left top;
}

#nav #nav-units a{
	width:88px;
	background:url(../images/menu_en_units.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-units a:hover{
	background:url(../images/menu_en_units_on.gif) no-repeat left top;
}

#nav #nav-library a{
	width:99px;
	background:url(../images/menu_en_library.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-library a:hover{
	background:url(../images/menu_en_library_on.gif) no-repeat left top;
}

#nav #nav-forum a{
	width:98px;
	background:url(../images/menu_en_forum.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-forum a:hover{
	background:url(../images/menu_en_forum_on.gif) no-repeat left top;
}
#nav #nav-contact a{
	width:118px;
	background:url(../images/menu_en_contact.gif) no-repeat left top;
	cursor:pointer;
}
#nav #nav-contact a:hover{
	background:url(../images/menu_en_contact_on.gif) no-repeat left top;
}

body#home #nav-home a{
	background:url(../images/menu_en_home_on.gif) no-repeat left top;
	cursor:pointer;
}
body#about #nav-about a{
	background:url(../images/menu_en_about_on.gif) no-repeat left top;
	cursor:pointer;
}
body#services #nav-services  a{
	background:url(../images/menu_en_services_on.gif) no-repeat left top;
	cursor:pointer;
}
body#projects #nav-projects a{
	background:url(../images/menu_en_projects_on.gif) no-repeat left top;
	cursor:pointer;
}
body#news #nav-news a{
	background:url(../images/menu_en_news_on.gif) no-repeat left top;
	cursor:pointer;
}
body#units #nav-units a{
	background:url(../images/menu_en_units_on.gif) no-repeat left top;
	cursor:pointer;
}
body#library #nav-library a{
	background:url(../images/menu_en_library_on.gif) no-repeat left top;
	cursor:pointer;
}
body#forum #nav-forum a{
	background:url(../images/menu_en_forum_on.gif) no-repeat left top;
	cursor:pointer;
}
body#contact #nav-contact a{
	background:url(../images/menu_en_contact_on.gif) no-repeat left top;
	cursor:pointer;
}


/*--------------------------------Quoc them vao--------------------------*/
.img-list-txt{ 
	FONT-SIZE: 11px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana; 
	TEXT-DECORATION: none;
}

.contact_form {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding:2px 2px 0 2px;
	float: left;
	height: 14px;
	width: 350px;
	border: 1px solid #999999;
}
.contact_form_2 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding:2px 2px 0 2px;
	float: left;
	height: 150px;
	width: 400px;
	border: 1px solid #999999;
}