/* CSS Document */
*{margin:0px; padding:0px}
body{color:#000; font-family:Arial; text-align:left; background:#d1cac1 url(../images/graphics/bg_1x1280.gif) repeat-y center top;}
a{	background-color:inherit;	text-decoration:none; outline:none;}
a:hover{text-decoration:underline}
img{border:0px}
/* Nhap lieu */
input{	font-family:Tahoma, arial, sans-serif;	font-size:11px;}
textarea{	font-family:Tahoma, arial, sans-serif;	font-size:11px; }
select{ font-family:Tahoma, arial, sans-serif;	font-size:11px;}
/* easy clearing */
.clearfix:after{
	content:'[DO NOT LEAVE IT IS NOT REAL]'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{display:inline; position:relative;}
.clearfix{display:block;}
/* end easy clearing */

/*Scroll*/
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width:13px;}
.vscrollerbar {width:13px;
/* following is the bit that allows us fixed height scrollbars */
height: 68px !important; cursor:pointer
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
/** html .vscrollerbar {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}*/
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px;/* background-color: #84ADD6;*/}
.vscrollerbar, .hscrollerbar {padding: 0px;z-index: 2;
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
}
/* properties for scroller jog box, just in case */
.scrollerjogbox {width: 22px;height: 22px;top: auto; left: auto;bottom: 0px; right: 0px; /*background: #698AAA;*/}
/* Scroll Bar Master Styling Ends Here */
/*Scroll*/


/*go on*/
#vj_container{margin:0 auto; font:normal 11px arial; width:980px;}
#vj_wrapper_content{margin:0 auto;  width:960px; overflow:hidden}

/*B-vj_header*/
#vj_header{width:960px; margin:0 auto}
/*B-chuan head top*/
#header_main{margin:0 auto; position:relative; clear:both; width:960px; font:normal 11px tahoma; margin-bottom:5px}
#list_name_top{width:960px; background-color:#fff; position:absolute; top:22px; z-index:3; height:115px}
#header_main .left_list_name_top{width:156px; height:95px; float:left; background:url(../images/graphics/line_left_he_1x3.gif) repeat-y right center; margin-top:10px}
#header_main .left_list_name_top ul{width:144px; overflow:hidden; clear:both; margin-left:13px; list-style-type:none}
#header_main .left_list_name_top ul li{float:left; padding-left:9px; width:135px; margin-right:7px; line-height:1.7; overflow:hidden; height:20px}
#header_main .left_list_name_top ul li a{color:#333; font-weight:bold}
#header_main .right_list_name_top{width:792px; float:left; overflow:hidden}
#header_main .icon_js{width:45px; height:15px; float:right; margin-top:5px; position:absolute; right:5px}
#header_main .icon_js a{width:7px; height:14px; display:block; float:left; margin-left:5px;.margin-left:5px;_margin-left:4px; cursor:pointer; margin-top:3px}
#header_main .icon_js label{float:right; display:block; cursor:pointer; margin:2px 0 0 0px  }

#header_main .icon_prev_he{background:url(../images/icons/icon_prev_he_7x8_.gif) no-repeat left top; height:8px; width:7px}
#header_main .icon_next_he{background:url(../images/icons/icon_next_he_7x8.gif) no-repeat left top; height:8px; width:7px}
#header_main .icon_close_he{background:url(../images/icons/icon_close_10x10.gif) no-repeat left top; height:10px; width:10px}

#header_main .right_list_top_sd{width:792px; height:95px; clear:both; overflow:hidden; top:13px; position:absolute }
#header_main .right_list_top_sd ul{width:145px; overflow:hidden; list-style-type:none; float:left; margin-left:10px;}
#header_main .right_list_top_sd ul li{float:left; width:150px; line-height:1.8; overflow:hidden; height:18px}
#header_main .right_list_top_sd ul li a{color:#666666;}
#header_main .box20{width:812px; float:left;}

#header_main .top_menu{width:960px; height:23px; float:left; margin:0 auto}
#header_main .menu_top_left{float:left;}
#header_main .menu_top_left ul{font:normal 11px tahoma; list-style-type:none; float:left}
#header_main .menu_top_left ul li{float:left; margin-right:1px; overflow:hidden; height:16px; border:1px solid #bebebe; padding:3px 11px 0 11px; background:url(../images/graphics/bg_menu_he_1x19.gif) repeat-x left top; }
#header_main .menu_top_left ul li a{color:#003366}
#header_main .menu_top_left ul li a:hover{color:#000;}
#header_main .menu_top_left ul li.pic_js a{background:url(../images/icons/icon_down_he_5x8.gif) no-repeat right 5px; padding-right:15px}
#header_main .menu_top_left ul li.pic_js_up a{background:url(../images/icons/icon_up_he_5x8.gif) no-repeat right 5px; padding-right:15px}
#header_main .menu_top_right{font-size:11px; color:#666; text-align:right; margin-top:3px; float:right}
#header_main .menu_top_right a{color:#666}
#header_main .menu_top_right a:hover{color:#000; text-decoration:none}

#header .header_sub{width:960px; margin:0 auto; clear:both}
.header_fix{height:75px; width:960px;}
.header_fix .he_logo{float:left; margin:3px 0 0 28px; display:inline; width:219px}
.header_fix .he_logo p{clear:left; font:normal 12px arial;}
.header_fix .he_logo p a{}
.header_fix .he_logo p a.vj_nickname{font:bold 12px arial;}

.header_fix .search_{float:right; width:712px}
.header_fix .list_menu{background:url(../images/graphics/bg_1x2.gif) repeat-x left bottom; float:right; padding:9px 0}
.header_fix .list_menu a{float:left; color:#fff;  font:bold 12px tahoma; margin-right:20px}
.header_fix .list_menu a:hover{text-decoration:none}
.header_fix .list_menu a.active_menu{}
.inp_search{float:right;  width:565px; font:normal 12px arial; margin-top:10px}
.inp_search .input_text{height:14px; width:255px; padding-top:1px; float:left; margin-right:10px}
.inp_search .input_bt{height:18px; width:76px; padding-top:1px; float:left; background:url(../images/graphics/bt_search_1x20.gif) repeat-x left top; border:1px solid #e5cbcb; margin-top:1px; font:bold 11px tahoma; color:#3a0000; cursor:pointer}
.inp_search select{ width:184px; float:left; height:19px; margin-right:10px}


.header_js{height:16px; width:960px}
.header_js p{height:9px; width:43px; margin:7px 30px 0 0; float:right; display:inline}
.header_js p a.pic_sh_down_js{background:url(../images/icons/icon_9x5.gif) no-repeat left top; height:5px; width:9px; display:block; margin-left:17px}
.header_js p a.pic_sh_up_js{background:url(../images/icons/icon_up_9x5.gif) no-repeat left top; height:5px; width:9px; display:block; margin-left:17px}
#open_js{width:960px;padding:5px 0; overflow:hidden;}
#open_js label{float:right; width:72px; margin-left:10px; color:#c08d9b}
#open_js span{float:right;  width:76px;}
#open_js span a{display:block; width:10px; height:10px; float:left; margin-right:7px; border:1px solid #ccc; display:inline; line-height:0; font-size:0}
#open_js span a.blue{background-color:#109abf}
#open_js span a.green{background-color:#55b003}
#open_js span a.yellow{background-color:#ff6c00}
#open_js span a.pink{background-color:#ff0066}

pre{overflow:visible;}
/*E-chuan head top*/

/*B-vj_content*/
.vj_main_menu{width:960px; margin:0 auto 10px auto; height:25px; background-color:#f2eee7; font:normal 12px arial; color:#333}
.vj_main_menu p{float:left; margin:5px 0 0 10px; display:inline }
.vj_main_menu p span{margin:0 7px}
.vj_main_menu p a{color:#333}
.vj_main_menu p a.active_sub_menu{color:#c36a05}
.vj_main_menu p a:hover{color:#c36a05}
.vj_main_menu div{float:right; margin:5px 5px 0 0px; display:inline }
.vj_main_menu div span{margin:0 7px}
.vj_main_menu div a{color:#3952a2}
.vj_main_menu div a.active_sub_menu{color:#c36a05}
.vj_main_menu div a:hover{color:#c36a05}
.vj_main_menu div b{background:url(../images/icons/20x10.gif) no-repeat right 3px; padding-right:26px}

#vj_content{width:960px; margin:0 auto 0px auto}
#vj_left{width:650px; float:left}

/*B-vj_flash_top*/
#vj_flash{width:650px; height:250px; margin-bottom:10px; overflow:hidden}
.vj_flash_top{width:650px; height:250px; margin-bottom:10px; overflow:hidden}
/*a:active, a:link, a:visited, .small a:active, .small a:link {
	text-decoration: none;
	color: #C16100;
	font-family: Lucida Sans, Helvetica, sans-serif;
	font-size:.8em;
}
a:hover {
	text-decoration: none;
	color: #000000;
}*/
#imageMenu {
	width: 650px;
	height: 250px;
}
#imageMenu ul.rollable {
	list-style: none;
	margin: 0px;
	display: block;
	}

#imageMenu ul.rollable li.rollable {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	overflow:hidden;
}

#imageMenu ul.rollable li.rollable a {
	background:#FFFFFF none repeat top left;
	cursor:pointer;
	display:block;
	float:left;	
	width:650px;
	height:250px;
}
/*#imageMenu ul.rollable li.rollable a span {
	display:block;
	width: 242px;
	height:246px;
	background-color: #CCCCCC;
	position:relative;
	left:80px;
	color:#000000;
}*/




.box_two_650{width:650px; height:460px; margin-bottom:10px}
.box_js_450{width:450px; float:right}

.box_js_bottom{width:450px; height:201px}
#vj_banner04{width:225px; height:200px; float:left}
#vj_banner05{width:225px; height:200px; float:right}

.run_word{margin-bottom:10px;}
#runword{width:630px;  padding:3px 10px; font:normal 15px arial; height:18px; overflow:hidden; background-color:#efeeee}
#runword div{height:18px; overflow:hidden; margin:2px 0 2px 0px}
.run_word a{color:#3952a2}
.run_word b{color:#666666}


#vj_box_190_co{width:190px; float:left}
#vj_box_760_co{width:760px; float:right}
#vj_right{width:300px; float:right; overflow:hidden}
#vj_banner01{width:300px; height:250px; margin-bottom:10px}
#vj_banner02{width:650px; height:60px; margin-bottom:10px; text-align:center}
#vj_banner_190{width:190px; margin-bottom:10px; text-align:center}
#vj_banner03{width:960px; height:90px; clear:both; text-align:center}
#vj_banner_three{width:650px; height:111px; margin-bottom:10px;}
#vj_banner_three div{width:210px; height:111px; float:left; margin-right:10px}
#vj_banner_three div.none_margin_b_three{margin-right:0px}
/*E-vj_content*/


/*B-vj_wrapper_footer*/
#vj_wrapper_footer{margin:0 auto; width:960px; }
#footer_main{width:960px; clear:both; margin:0px auto; padding:15px 0 0px 0; overflow:hidden; font:normal 11px tahoma;}
#list_name_footer{width:958px; border:1px solid #dbd5d1; background:#fff url(../images/graphics/bg_fo.gif) repeat-x left top;  margin:0px auto; clear:both; overflow:hidden; padding:10px 0}
#list_name_footer .left_list_name{width:283px; height:135px; margin:0px 0 0 10px;  float:left; display:inline; background:#dbd5d1}
#list_name_footer .left_list_name h1{font-weight:normal; font-size:20px; width:257px; overflow:hidden; clear:both; margin:0px 0 8px 13px; color:#000}
#list_name_footer .left_list_name ul{width:265px; overflow:hidden; clear:both; margin-left:13px; list-style-type:none}
#list_name_footer .left_list_name ul li{float:left; padding-left:9px; width:116px; margin-right:7px; line-height:1.8; overflow:hidden; background:url(../images/icons/icon_list_fo_left_5x5.gif) no-repeat left 9px; height:20px}
#list_name_footer .left_list_name ul li a{color:#3952a2}

#list_name_footer .right_list_name{width:643px; overflow:hidden; float:right;}
#list_name_footer .top_list_footer_js{width:643px;}
#list_name_footer .all_js_footer{font:normal 20px tahoma; width:502px; float:left; color:#333; overflow:hidden}
#list_name_footer .icon_js_footer{width:55px; height:14px; float:right;  margin:5px 5px 0 0}
#list_name_footer .icon_js_footer .prev_bt_fo{background:url(../images/icons/left_21x14.gif) no-repeat left top; height:14px; width:21px}
#list_name_footer .icon_js_footer .next_bt_fo{background:url(../images/icons/right_21x14.gif) no-repeat left top; height:14px; width:21px}

#list_name_footer .icon_js_footer a{width:21px; height:14px; float:left; margin-left:5px;}

#list_name_footer .footer_list_sd{width:643px; overflow:hidden; height:100px; margin-top:10px; float:left}
#list_name_footer .footer_list_sd ul{width:150px; list-style-type:none; margin-right:10px; float:left; overflow:hidden;}
#list_name_footer .footer_list_sd ul li{padding-left:9px; width:147px; line-height:1.8; overflow:hidden; float:left; background:url(../images/icons/icon_list_fo_left_5x5.gif) no-repeat left 9px; height:20px}
#list_name_footer .footer_list_sd ul li a{color:#333;}
#list_name_footer .cut_js_footer{width:643px; float:left;}

#footer{width:960px; clear:both; overflow:hidden; margin:0px auto;}
#footer .content_footer{width:960px; text-align:center; line-height:20px; padding-top:8px; overflow:hidden; color:#07519a}
#footer .content_footer a{color:#07519a}
#footer .content_footer span{color:#404040}
#footer .content_footer span a{color:#404040}
/*E-chuan footer*/








.vj_box_three_ul_300{width:940px; margin:0px auto; overflow:hidden; clear:both; height:100px; padding-top:10px}
.vj_box_three_ul_300 ul{list-style-type:none; overflow:hidden; height:100px}
.vj_box_three_ul_300 li{width:300px; height:100px;float:left; display:inline}
.vj_box_three_ul_300 li.vj_banner_ul_300x100{margin:0 20px 0 20px;}










@media print 
{
.overflo_none{overflow:visible}
.noidung_sao{width:600px}
.nguon_tin{width:550px}		
.bt_print,.footer_print,#header_print{display:none}
}