@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font:10pt Tahoma; color:#000; background:url(images/bg.gif)}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{ margin:0; padding:0; border:none}
.spacer{clear:both; font-size:0;line-height:0}
a:link, a:visited{ color:#000;text-decoration:none}
a:hover{color:#ff0000; text-decoration:none;}
a:focus{outline:none;}
ul{	margin:0; padding:0; list-style-type:none}

/*---- header ---*/
.body { width:930px; margin:0 auto; background: #FFF; border:1px solid #CCC; margin:10px auto; padding-bottom:10px}

.header { width:930px; height:103px; background:url(images/bg_header.gif) repeat-x bottom}
.header a { display:block; float:left }
.logo { width:161px; height:103px; background:url(images/logo.gif) no-repeat; float:left }
.topsearch { height:34px; width:484px; background:url(images/bg_topsearch.gif) no-repeat; float:right}
p.search { display:block; font: bold 12px tahoma; padding:10px 0 0 150px; float:left }
.search_cont { margin:5px 10px; float:left; padding:3px; font:13px tahoma; width:190px}
.search_button { height:33px; width:25px; background:url(images/go.gif) no-repeat;}
#nav { margin-top:77px; margin-left:43px}
#nav ul{margin:0; padding:0}
#nav ul li{float:left}

/*.banner { height:200px; width:930px; margin:10px 0}*/
.banner {margin:10px 0}

#mainpage { width:930px }


#left { width:181px; float:left}
.titlepanel { width:181px; height:33px; background:url(images/title_panel.gif) no-repeat;}
.titlepanel_t { font:bold 11px tahoma; color:#FFF; padding:10px 0 0 19px }
.leftpanel { width:180px; background:url(images/bg_panel.gif); border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-top:2px}
ul.listpanel { width:165px; margin-left:10px; padding-bottom:10px}
ul.listpanel li { border-bottom:1px solid #CCC; height:21px; background:url(images/butlet.gif) no-repeat; padding-top:7px}
ul.listpanel li a { color: #000; font:11px verdana; padding-left:20px}
ul.listpanel li a:hover { color: #bc2026; font:11px verdana; padding-left:20px}
ul.listpanel_suport { width:165px; margin-left:10px; padding-bottom:10px}

/* KhanhNguyen - edited: 10/03/2009 */
ul.listpanel_suport li.offline { border-bottom:1px solid #CCC; height:25px; background:url(images/support_ym_off.gif) left bottom no-repeat; padding-top:15px}
ul.listpanel_suport li.offline a { color: #000; font:11px verdana; padding-left:40px}
ul.listpanel_suport li.online { border-bottom:1px solid #CCC; height:25px; background:url(images/support_ym_on.gif) left bottom no-repeat; padding-top:15px}
ul.listpanel_suport li.online a { color: #000; font:11px verdana; padding-left:40px}
/* End */

.cource { display:block; padding:5px 0 5px 7px }
.counter { text-align:center; display:block; width:180px}

#center { width: 530px; float:left; margin:0px 9px}
.topnews { width:508px; border:1px solid #CCC; padding:10px; background: #f5f5f5}
.topnews .imgborder { border:1px solid #CCC;}
.topnews_tit { font: 18px tahoma; color:#F33; display:block; width:150px; float:left; margin-top:5px}
.topnews_tit2 { width:350px; border-bottom:1px solid #F33; height:23px; float:left; margin:5px 0 20px}
.topnews_cont { width:508px }
.topnews_cont a.newsimg { float:left; margin:0 10px 10px 0 }
.topnews_cont .topnewstitle { font:bold 14px tahoma; float:left; display:block; color:#006; width:329px}
.topnews_cont .topnewsdate { font:12px tahoma; float:left; display:block; color:#999; margin:5px 0; width:329px; text-align:right}
.topnews_cont .topnewsmaincont { font:12px tahoma; float:left; display:block; color:#333; width:329px; text-align:justify}
.topnews_cont .readmore { float:right; display:block; width:90px; margin-top:5px; font:bold 10px tahoma; color:#F00}

/* khanhnguyen - added: 17/03/2009 */
.news_content { width:508px }
.news_content .title { font:bold 15px Arial; float:left; display:block; color:#006; width:508px}
.news_content .date { font:12px Arial; color:#999;}
.news_content .intro { font:12px Arial; float:left; display:block; color:#333; width:508px; text-align:justify; padding-top:5px}
.news_content .intro a { color:#00F;}
.news_content .intro a:hover {}
.news_content .intro ul { margin:6px;}
.news_content .intro li { list-style:inside}
.news_content .intro p { margin-top:6px; margin-bottom:6px}
.news_content .readmore { float:right; display:block; width:90px; margin-top:5px; font:bold 10px Arial; color:#F00}
.topnews_tit a { font: 18px tahoma; color:#F33; text-decoration:none}
.news_content .topnewstitle { font:bold 14px tahoma; float:left; display:block; color:#006;}
.news_content .topnewstitle_s { font:bold 13px tahoma; float:left; display:block; color:#006;}
.news_content .topnewstitle_s:hover { font:bold 13px tahoma; float:left; display:block; color:#bc2026;}
.news_content .publisher { text-align:right; }
.news_content .source { text-align:right; color:#999; }
.news_content .linkbutton { text-align:right; color:#999; font:bold 10px Arial; }
.news_content .linkbutton2 { text-align:center; color:#999; font:bold 10px Arial; }
.news_content .linkbutton2 a { color:#999; font:bold 11px Arial; text-decoration:none; }
.news_content .linkbutton a { color:#999; font:bold 10px Arial; text-decoration:none; }
.news_content .intro_b { font:12px Arial; display:block; color:#333; width:508px; text-align:justify; padding-top:5px}
.news_content .intro_c { font:12px Arial; display:block; color:#333; width:508px; text-align:justify; padding-top:5px}

.news_content .intro_c li { list-style:outside; margin:5px 5px 5px 20px;}

/* -end- */

ul.list_newnews { width:508px; margin-top:10px }
ul.list_newnews li { background:url(images/butlet_2.gif) center left no-repeat; width:508px; height:20px}
ul.list_newnews li a { padding-left:15px; font-size:11px}

ul.list_newnews_s { width:508px; margin-top:10px }
ul.list_newnews_s li { background:url(images/butlet_2.gif) center left no-repeat; width:508px; height:18px}
ul.list_newnews_s li a { padding-left:15px; font-size:11px}

ul.list_newnews_s_2 { width:508px; margin-top:10px }
ul.list_newnews_s_2 li { background:url(images/butlet_2.gif) center left no-repeat; width:508px; height:18px}
ul.list_newnews_s_2 li a { padding-left:15px; font:bold 13px tahoma; float:left; display:block; color:#006;}
ul.list_newnews_s_2 li a:hover { color:#ff0000;}

.othernews { width:528px; border:1px solid #CCC; background: url(images/bg_topnav.gif) repeat-x; display:block}
.othernews .imgborder { border:1px solid #CCC;}
.othernews_tit { display:block; margin:6px 0 0 10px; float:left; font:bold 14px tahoma; color:#006}
.othernews_body { width:508px; padding:10px; border-top:1px solid #CCC }

.chinhanh { width:528px;border:1px solid #CCC; background: url(images/bg_topnav.gif) repeat-x; display:block; margin-top:15px}
.chinhanh_tit { margin:6px 0 0 10px; float:left; font:bold 14px tahoma; color:#006}
.chinhanh_body { width:528px;  padding-top:1px; padding-bottom:1px;float: center}
.chinhanh_body_img { margin-left:2px;padding:1px;float: center; height:250px}
.chinhanh_bodyb { background-color:#959595; width:100%; overflow:hidden;}
.chinhanh_text1{float:left; margin-left:20px; width:120px; padding:10px; font-weight:bold; text-align:center; color:#fff;overflow:hidden;}
.chinhanh_text2{float:left; margin-left:30px; margin-top:10px; width:310px;text-align:justify;color:#fff;font:11px tahoma;font-weight:bold}
.chinhanh_text1 .district {font:12px tahoma; font-weight:bold;color:#ffffff; width:100px; text-align:center}
.chinhanh_text1 .districtname {font:20px tahoma; font-weight:bold; color:#FFFFFF; width:100px; text-align:center}
.chinhanh_text .chinhanh_detail {font:11px tahoma; color:#FFFFFF; width:100px; text-align:center}

#right { width:199px; float:right}
.rtitlepanel { width:200px }
.rtitlepanel_t { font:bold 11px tahoma; color:#000; padding:10px 0 0 19px; height:24px; background:url(images/bg_thongbao.gif) no-repeat }
.rightpanel { width:198px; background:#f5f5f5; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.rightpanel .readmore { float:right; display:block; font:bold 10px tahoma; color:#F00; margin-bottom:10px; margin-right:10px}
ul.listrpanel { width:177px; margin-left:10px; padding-bottom:10px}
ul.listrpanel li { border-bottom:1px solid #CCC; padding:7px 0}
ul.listrpanel li a { color: #000; font:12px tahoma; text-align:justify }

.hvnewstime { font: 10px tahoma; color: #369}

.rtitlepanel_film { font:bold 11px tahoma; color:#fff; padding:15px 0 0 54px; height:25px; background:url(images/phim.gif)}
.rtitlepanel_t2 { font:bold 11px tahoma; color:#fff; padding:10px 0 0 19px; height:25px; background:url(images/rpanel.gif)}
ul.listrpanel_2 { width:177px; margin-left:10px; padding-bottom:10px}
ul.listrpanel_2 li { border-bottom:1px solid #CCC; padding:7px 0}
ul.listrpanel_2 li a { font:11px tahoma; text-align:justify}
.miniimgnews { float:left; margin-right:5px }

a.dndh { text-align:center; display:block}

.trangchu a { display:block; background: url(images/trangchu.gif) no-repeat; height:18px; width:60px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 9px}
.trangchu a:hover { display:block; background: url(images/trangchu_hover.gif) no-repeat; color:#900}

.gioithieu a{ display:block; background: url(images/gioithieu.gif) no-repeat; height:18px; width:60px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 9px }
.gioithieu a:hover{display:block;background: url(images/gioithieu_hover.gif) no-repeat; color:#900}

.daotao a {display:block; background: url(images/daotao.gif) no-repeat; height:18px; width:54px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 15px}
.daotao a:hover {display:block; background: url(images/daotao_hover.gif) no-repeat; color:#900}

.tintucsukien a{ background: url(images/tintucsukien.gif) no-repeat; height:18px; width:98px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 9px}
.tintucsukien a:hover { background: url(images/tintucsukien_hover.gif) no-repeat; color:#900}

.thongbao a{display:block; background: url(images/thongbao.gif) no-repeat; height:18px; width:66px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 12px}
.thongbao a:hover {display:block; background: url(images/thongbao_hover.gif) no-repeat; color:#900}

.hoptacdaotao a{display:block; background: url(images/hoptacdaotao.gif) no-repeat; height:18px; width:97px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 6px}
.hoptacdaotao a:hover {display:block; background: url(images/hoptacdaotao_hover.gif) no-repeat; color:#900}

.lienhe a{display:block; background: url(images/lienhe.gif) no-repeat; height:18px; width:47px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 12px}
.lienhe a:hover {display:block; background: url(images/lienhe_hover.gif) no-repeat; color:#900}

.diendan a{display:block; background: url(images/diendan.gif) no-repeat; height:18px; width:53px; font:bold 10px tahoma; color:#fff; padding:8px 0 0 12px}
.diendan a:hover {display:block; background: url(images/diendan_hover.gif) no-repeat; color:#900}

a.giua { margin:0 6px }


#footer { width:930px; margin:10px auto}
#fnav { width:930px; background:#686868; text-align:center; padding:6px 0}
#fnav a { color:#FFF; font:bold 10px tahoma} 

#copyright { margin-top:10px; padding:10px; background:#FFF; border:1px solid #CCC; }
#copyright_1 {font: bold 10px tahoma; background:url(images/NHG.gif) bottom right no-repeat; display:block}

/* Label for each option above graph - i.e. results */
.result_pollerOption{
	margin-top:8px;
	margin-bottom:1px;	
	margin-left:0px;
	margin-right:0px;	
	font-size:11px;
}

/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img{
	float:left;
}

/* The <div> tag where the percentage result is shown */
.result_pollGraph div{
	float:left;
	height:16px;
	background-repeat:repeat-x;
	font-size:0.8em;
	line-height:16px;
}

/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph{	
	height:16px;
	margin:0px;
}
	
/* Message when Ajax is working getting restults fromt the server */
.poller_waitMessage{
	display:none;	
}	

.result_totalVotes{
	margin-top:10px;
	float:left;	
	clear:both;
}

.submenu{ background:url(../images/submenubg.jpg) no-repeat bottom; height:28px;}
.submenu a{text-decoration:none;; font-size:11px; color:#bc2026}
.submenu a:hover{text-decoration:none;; font-size:11px; color:#666666}
.submenu ul li{margin:0px; padding:0px 10px 0 0; list-style-type:none; float:left}

.sub_gioithieu{ padding:5px 0 0 5px;color:#b5b5b5;  white-space:nowrap}

.sub_daotao{ padding:5px 0 0 50px;color:#b5b5b5; text-align:center; white-space:nowrap}
.sub_tintuc{ padding:5px 0 0 330px;color:#b5b5b5; white-space:nowrap }
.sub_thang4{ padding:5px 0 0 530px;color:#b5b5b5; display:none;}
.sub_thang5{ padding:5px 0 0 630px;color:#b5b5b5; display:none;}
.sub_thang6{ padding:5px 0 0 650px;color:#b5b5b5; display:none;}
.sub_thang7{ padding:5px 0 0 650px;color:#b5b5b5; display:none;}

a.menu_small:link, a.menu_small:visited  {
	font:bold 10px tahoma; color:#fff;
	width:69px;
	height:26px;
	text-align:center;
	line-height:26px;
	float:left;
	background-image:url(images/menu_small.gif);
}
a.menu_small:hover {
	color:#990000;
	background-position:0 -26px;
}
a.menu_small_selected:link, a.menu_small_selected:visited  {
	font:bold 10px tahoma; color:#990000;
	width:69px;
	height:26px;
	text-align:center;
	line-height:26px;
	float:left;
	background-image:url(images/menu_small.gif);
	background-position:0 -26px;
}
a.menu_small_selected:hover {
	color:#000000;
}
a.menu_large:link, a.menu_large:visited  {
	font:bold 10px tahoma; color:#fff;
	width:103px;
	height:26px;
	text-align:center;
	line-height:26px;
	float:left;
	background-image:url(images/menu_large.gif);
}
a.menu_large:hover {
	color:#990000;
	background-position:0 -26px;
}
a.menu_large_selected:link, a.menu_large_selected:visited  {
	font:bold 10px tahoma; color:#990000;
	width:103px;
	height:26px;
	text-align:center;
	line-height:26px;
	float:left;
	background-image:url(images/menu_large.gif);
	background-position:0 -26px;
}
a.menu_large_selected:hover {
	color:#000000;
}