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

body {margin:0; padding:0; font:10pt Tahoma; color:#000; background:url(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; background: #FFF; border:1px solid #CCC; margin:5px auto; padding-bottom:10px}
.header { width:930px; height:103px; background:url(bg_header.gif) repeat-x bottom}
.header a { display:block; float:left }
.logo { width:161px; height:103px; background:url(logo.gif) no-repeat; float:left }
.topsearch { height:34px; width:484px; background:url(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(go.gif) no-repeat;}
#nav { margin-top:0px; margin-left: 160px;}
#nav ul{margin:0; padding:0}
#nav ul li{float:left}

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

/*Main*/
#mainpage { width:930px }

/* Left*/
#left { width:181px; float:left}
.titlepanel { width:181px; height:33px; background:url(title_panel.gif) no-repeat;}
.titlepanel_t { font:bold 11px tahoma; color:#FFF; padding:10px 0 0 19px }
.leftpanel { width:180px; background:url(bg_panel.gif); border-bottom:1px solid #CCC; border-right:1px solid #CCC; padding-top:2px}
.titlepanel1 { width:181px; height:33px; background:url(title_panel1.gif) no-repeat;}
ul.listpanel { width:165px; margin-left:10px; padding-bottom:10px}
ul.listpanel li { border-bottom:1px solid #CCC; height:21px; background:url(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}
ul.listpanel_suport li.offline { border-bottom:1px solid #CCC; height:25px; background:url(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(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}
ul.listpanel_suport li.tel { border-bottom:1px solid #CCC; height:53px; background:url(icon_hotline.jpg) left bottom no-repeat; padding-top:5px}
ul.listpanel_suport li.tel a { color: #f00; font:bold 11px verdana; padding-left:50px;}
.cource { display:block; padding:5px 0 5px 7px }
.counter { text-align:center; display:block; width:180px}

/* Center Right*/
#center { width: 550px; float:left; margin:0px 9px}
.topnews { width:526px; border:1px solid #CCC; padding:10px; background: #f5f5f5}
.topnews .imgborder { border:1px solid #CCC;}
.topnews_tit { font: 18px tahoma; color:#F33; display:block; width:526px; float:left; margin-top:5px;height:27px;background: url(bg_title.gif) repeat-x;}
.topnews_tit2 { width:350px; border-bottom:1px solid #F33; height:23px; float:left; margin:5px 0 20px}
.topnews_cont { width:526px }
.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:526px}
.topnews_cont .topnewstitle1 { font:bold 14px tahoma; float:left; display:block; color:#006; width:526px}
.topnews_cont .topnewsdate { font:10px tahoma; float:left; color:#999; margin:5px 0; width:526px; text-align:left}
.topnews_cont .topnewsdate1 { font:10px tahoma; float:left; color:#999; margin:5px 0; width:526px; text-align:left}

.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:0px; font:bold 10px tahoma; color:#F00}
.news_content { width:526px }
.news_content .title { font:bold 15px Arial; float:left; display:block; color:#006; width:526px}
.news_content .date { font:12px Arial; color:#999;}
.news_content .intro { font:12px Arial; float:left; display:block; color:#333; width:526px; text-align:justify; padding-top:5px}
.news_content .intro a { color:#00F;}
.news_content .intro a:hover { color:#ff0000;}
.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:526px; text-align:justify; padding-top:5px}

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

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

ul.list_newnews_s_2 { width:526px; margin-top:10px }
ul.list_newnews_s_2 li { background:url(butlet_2.gif) center left no-repeat; width:526px; 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:548px; border:1px solid #CCC; background: url(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:526px; padding:10px; border-top:1px solid #CCC }

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* Center not Right*/
#centernr { width: 730px; float:left; margin:0px 9px}
.topnewsnr { width:708px; border:1px solid #CCC; padding:10px; background: #f5f5f5}
.topnewsnr .imgbordernr { border:1px solid #CCC;}
.topnews_titnr { font: 18px tahoma; color:#F33; display:block; width:708px; float:left; margin-top:5px;height:27px;background: url(bg_title.gif) repeat-x;}
.topnews_tit2nr { width:100%; border-bottom:1px solid #F33; height:23px; float:left; margin:5px 0 20px}
.topnews_contnr { width:708px }
.topnews_contnr a.newsimgnr { float:left; margin:0 10px 10px 0 }
.topnews_contnr .topnewstitlenr { font:bold 14px tahoma; float:left; display:block; color:#006; width:708px;}
.topnews_contnr .topnewstitle1nr { font:bold 14px tahoma; float:left; display:block; color:#006; width:708px}
.topnews_contnr .topnewsdatenr { font:10px tahoma; float:left; color:#999; margin:5px 0; width:708px; text-align:left}
.topnews_contnr .topnewsdate1nr{ font:10px tahoma; float:left; color:#999; margin:5px 0; width:708px; text-align:left}

.topnews_contnr .topnewsmaincontnr { font:12px tahoma; float:left; display:block; color:#333; width:529px; text-align:justify}
.topnews_contnr .readmorenr { float:right; display:block; width:90px; margin-top:0px; font:bold 10px tahoma; color:#F00}
.news_contentnr { width:708px }
.news_contentnr .titlenr { font:bold 15px Arial; float:left; display:block; color:#006; width:708px}
.news_contentnr .datenr { font:12px Arial; color:#999;}
.news_contentnr .intronr { font:12px Arial; float:left; display:block; color:#333; width:708px; text-align:justify; padding-top:5px}
.news_contentnr .intronr a { color:#00F;}
.news_contentnr .intronr a:hover { color:#ff0000;}
.news_contentnr .readmorenr { float:right; display:block; width:90px; margin-top:5px; font:bold 10px Arial; color:#F00}
.topnews_titnr a { font: 18px tahoma; color:#F33; text-decoration:none}
.news_contentnr .topnewstitlenr { font:bold 14px tahoma; float:left; display:block; color:#006;}
.news_contentnr .topnewstitle_snr { font:bold 13px tahoma; float:left; display:block; color:#006;}
.news_contentnr .topnewstitle_snr:hover { font:bold 13px tahoma; float:left; display:block; color:#bc2026;}
.news_contentnr .publishernr { text-align:right; }
.news_contentnr .sourcenr { text-align:right; color:#999; }
.news_contentnr .linkbuttonnr { text-align:right; color:#999; font:bold 10px Arial; }
.news_contentnr .linkbutton2nr { text-align:center; color:#999; font:bold 10px Arial; }
.news_contentnr .linkbutton2nr a { color:#999; font:bold 11px Arial; text-decoration:none; }
.news_contentnr .linkbuttonnr a { color:#999; font:bold 10px Arial; text-decoration:none; }
.news_contentnr .intro_bnr { font:12px Arial; display:block; color:#333; width:708px; text-align:justify; padding-top:5px}

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

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

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

.othernewsnr { width:728px; border:1px solid #CCC; background: url(bg_topnav.gif) repeat-x; display:block}
.othernewsnr .imgbordernr { border:1px solid #CCC;}
.othernews_titnr { display:block; margin:6px 0 0 10px; float:left; font:bold 14px tahoma; color:#006}
.othernews_bodynr { width:708px; padding:10px; border-top:1px solid #CCC }

/*-----------------------------------------------------------------------------------------------------------------------------------*/

/*RIGHT*/
#right { width:181px; float:right}
.rtitlepanel { width:180px }
.rtitlepanel_t { font:bold 11px tahoma; color:#000; padding:10px 0 0 19px; height:24px; background:url(bg_thongbao.gif) no-repeat }
.rtitlepanel_t1 { font:bold 11px tahoma; color:#000; padding:10px 0 0 19px; height:24px; background:url(title_panel1.gif) no-repeat }
.rightpanel { width:180px; 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(phim.gif)}
.rtitlepanel_t2 { font:bold 11px tahoma; color:#fff; padding:10px 0 0 19px; height:25px; background:url(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}
a.giua { margin:0 6px }

/* FOOTER*/
#footer { width:930px; margin:10px auto}
#fnav { width:930px; text-align:center; padding:6px 0; background-color: #F03; background-image: url(mn_bg.gif); background-repeat:repeat-x;}
#fnav a { color:#FFF; font:bold 12px tahoma} 

#copyright { margin-top:10px; padding:10px; background:#FFF; border:1px solid #CCC; }
#copyright_1 {font: bold 9px tahoma;}










/*Menu*/
/* 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(../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 150px;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(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(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(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(menu_large.gif); background-position:0 -26px;}
a.menu_large_selected:hover { color:#000000;}
.big_title { color: #FC4E07; font-weight:bold; text-decoration:none; font-size: 120%;}
.createdate{ font-size: 10px; font-style: italic; color: #999; text-align: left; padding-bottom: 15px; }
 /* Orange Button Definitions */
.blue_button { background: url(button_left.gif) no-repeat top left;padding-left: 3px; height: 22px; float: left; margin-right: 10px;}
 /* Orange Button Definitions */
.blue_button input, .blue_button button { background: url(button_bg.gif) top right no-repeat; height: 22px; font-size:11px; color: #ffffff; font-weight: bold; padding-bottom: 2px; padding-right: 5px; margin: 0px; border-width: 0px; cursor: pointer;}