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

body{ margin:0 auto; 
    font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; 
    background-color:#FFF;    
    background-repeat: repeat-x;    
    /*
    background-image: url(../images/bg_xuan_2010.jpg);
    background-attachment: fixed;
    background-position: center;*/
}
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,blockquote,fieldset,input,p { margin: 0; padding: 0; }

ul{ list-style: none; }
fieldset,img { border: none; }


a:link{ color:#000; text-decoration:none;}
a:visited{ color:#000; text-decoration:none;}
a:hover{ color:#9a0808; text-decoration:underline;}

.chitiet{ background-image:url(../images/btn-chitiet.png); height:21px; color:#FFFFFF; font-weight:bold; font-size:11px; font-family:Tahoma;  margin:5px 0 5px 0; background-repeat:no-repeat; text-align:right; background-position:100% 0; padding-right:15px;}

.chitiet .text-chitiet{ padding:4px 0 0 15px;}
.chitiet a:link{ color:#FFF; text-decoration: none;}
.chitiet a:visited{color:#FFF; text-decoration: none;}
.chitiet a:hover{color:#FFCC00; text-decoration: none;}

#wrapper-main{ margin:0 auto; width:1000px; padding:0; background-color:#FFFFFF;}

#left-main{ float:left; width:493px; margin-top: 5px;}
#right-main{ float:right; width:488px; margin-top: 4px;}

/*Slide*/
#slide-main{ margin:4px 0 4px 0;}
#slide{ float:left;}
#event{ float:right;}


/*Banner for default page*/

#banner{ background-image:url(../images/banner.jpg); width:1000px;  height:129px; position: relative;}


/*CSS for Search Page*/

#search-main{width:386px; background-image:url(../images/bg-text-search.gif); width:386px; height:30px; float: right; }
#search-main li{ display:inline;}
#search{ margin-top:4px;}
.search-left-conner{ background-image:url(../images/left-conner-search.gif); width:6px; height:30px; float:left;}
.search-right-conner{ background-image:url(../images/right-conner-search.gif); width:4px; height:30px; float:right;}
.keyword{ color:#FFFFFF; font-size:12px; font-weight:bold; margin-left:30px;}
#search-main input[type="text"]{ border:1px solid #8a0404; width:200px;}
#search-main .submit{ float:right; margin-top:3px; margin-right:30px;}

/*CSS for LOGO*/

#logo-main{ margin:0; padding:0; width:568px;}
#logo-main .logo-image{ float:left; margin: 10px 15px 0 30px;}
#logo-main li.logo-name{ font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; color:#b30606; padding-top:45px;}
#logo-main li.logo-slogan{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#737373;}


/*CSS for Menu Bar*/
#menu-bar{ width:1000px; height:38px; background-color:#8a0404;}
#menu-bar li{ float:left; font-family:Tahoma; font-weight:bold; font-size:12px; color:#FFFFFF; padding:8px 0 0 0; white-space: nowrap;}
#menu-bar li a:link{ color:#FFFFFF; text-decoration:none;}
#menu-bar li a:visited{ color:#FFFFFF; text-decoration:none;}
#menu-bar li a:hover{ color:#FFCC00; text-decoration:none;}
.menu_line{ margin:0 6px 0 6px;}

/*CSS For Event */
#event{ background-color: #F0F0F0; height: 325px;}
#tbCalendar{ width: 260px;  height: 210px; margin: 0 auto;}
#tbCalendar td{ text-align: center;}
.su-kien-title{ background-image:url(../images/bg-su-kien-portal.jpg); width:268px; height:33px; border:1px solid #c6c6c6; }

.su-kien-title p{ margin-top:8px;font-family:Arial;font-size:16px;font-weight:bold; color:#666666; margin-left:10px;}

.highlight{ color:#9E0105; font-weight: bold; border: 1px solid #9E0105; padding : 5px;}

.content_event{ color: #0080FF;  border: 1px solid #000; padding: 3px;}

.tooltips_content{ width:230px;}
.tooltips_content li{ line-height: 20px;}
.tootips_title{ font-size: 13px; font-weight: bold; color: #B70409;}

.su_kien{ width:670px; margin-left:20px;}
.su_kien .tieu_de_noi_bat{ font-size:15px; font-weight:bold; font-family:Tahoma; background:url(../images/event_bg_noibat.jpg) no-repeat; height:38px; padding:10px 0 0 10px;}
.su_kien .tieu_de{ font-size:13px; font-weight:bold; font-family:Tahoma; background: url(../images/event_bg.jpg) repeat-x;  width:138px; padding:10px 0 7px 10px;}
.su_kien .line_H{ background:url(../images/event_line_H.jpg) repeat-x; height:1px;}
.image_event{ float:left; margin-right:10px; border:1px solid #bebebe; padding:3px;}
.su_kien_noidung{ margin:10px 0 0 0; min-height:110px;}
span.day_month{ background-color:#000; padding:2px 4px 2px 4px; color:#FFF; font-weight:bold;}
.event_time{ margin:5px 0 5px 0; font-weight:bold; color:#990000;}

.event_name a:link{ font-size:14px; font-weight:bold; color:#116CB0;}
.event_name a:hover{ font-size:14px; font-weight:bold; color:#116CB0; text-decoration:underline;}
.event_name a:visited{ font-size:14px; font-weight:bold; color:#116CB0;}

.noi_dung_noi_bat{ line-height:20px;}
.event_detail{ width:650px;}
.event_detail li{ display:inline; margin-left:15px;}
.line_dot_H{background:url(../images/event_line_dot_H.jpg) repeat-x; height:1px; margin:10px 0 0 15px;}
.event_contents{ text-align:justify;}
.event_content_detail{ width:650px; margin-left:15px; margin-top:20px;}

.new_year{ padding:5px 0 7px 10px; background-color:#FFFFFF; margin-top:10px;}
.new_year .title{ color:#CC0000; font-weight:bold;}
.new_year .title_newyear{ color:#CC0000; font-weight:bold; font-size: 18px; font-family: Time News Roman; text-align: center; }

.calendar{background-color: #F0F0F0; width: 268px;}


/*CSS for Block 1*/

#block-1 {width:493px;}

#block-1 #left{ margin-bottom:5px;}
#block-1 .line{ background-image:url(../images/line-block-1.png); width:211px; height:1px; margin:0 auto; background-position:top;}

.gioithieu, .thongtin{ margin:0; padding:0;}

#block-1 #left{ float:left; width:234px; background-image:url(../images/bg-block-1.jpg); height:325px; background-position:top; background-repeat:repeat-x; border:1px solid #bebebe; }
#block-1 #left .gioithieu{ background-image:url(../images/icon-gioithieu.gif); background-repeat:no-repeat; padding:10px 0 0 35px; background-position:5% 50%; font-size:12px; font-weight:bold; font-family:Tahoma; height:25px;}

#block-1 #left li.noidung{ font-size:11px; width:100%;  margin-top:15px;}


#block-1 #right{ float:right; width:234px; background-image:url(../images/bg-block-1.jpg); height:325px; background-position:top; background-repeat:repeat-x; border:1px solid #bebebe;}

#block-1 #right .thongtin{ background-image:url(../images/icon-thongtin.gif); background-repeat:no-repeat; padding:10px 0 0 35px; background-position:5% 6px; font-size:12px; font-weight:bold; font-family:Tahoma; height:25px;}

#block-1 .tieude-tintuc{ font-size:12px; font-weight:bold; font-family:Tahoma; margin-top:10px; margin-bottom:5px;}
#block-1 .tintuc{ width:90%; margin:0 auto; font-size:11px; text-align: justify;}


.danhsach-tintuc{ width:90%; font-size:11px; clear:both; margin:0 auto;}
.danhsach-tintuc p { margin:0; padding-bottom:4px;}
.danhsach-tintuc p a:link{ color:#2a5e96; text-decoration:none; font-size:11px;}
.danhsach-tintuc p a:visited{  color:#2a5e96; text-decoration:none; font-size:11px;}
.danhsach-tintuc p a:hover{  color:#8a0404; text-decoration:none; font-size:11px;}
.danhsach-tintuc .float-left{ float:left; width:4px; margin-top:4px; padding:0;}
.danhsach-tintuc .float-right{ float:right; width:200px; padding:0;}

/*Block 2*/

#block-2, #block-5{ width:488px;}


/*Block 3*/

#block-3{ margin-top:5px;}


/*Goc Hai Huoc*/


#block-7 { width:484px; height:267px; border:1px solid #bebebe; background:url(../images/bg-goc-hai-huoc.jpg) repeat-x; z-index:1; margin-top:5px; overflow: hidden;}
#block-7 .face{ background: url(../images/face.png); width:113px; height:130px; position:absolute; margin-left:360px;}
#block-7 .title{ background:url(../images/icon-face.png) no-repeat 0 50%; height:28px; margin:10px 0 0 10px; padding-left:35px; font-family:Tahoma; font-size:12px; font-weight:bold; padding-top:10px;}
#block-7 .line{ background-image:url(../images/line-hai-huoc.png); height:1px;  background-position:top; margin:0 auto; background-repeat:no-repeat; margin-left:10px;}
#hai-huoc-left{ float:left; width:220px; margin-left:10px; overflow: hidden;}
#block-7 .title_tan_man { height:28px; margin-top:10px; font-family:Tahoma; font-size:12px; font-weight:bold; padding-top:10px; }
#hai-huoc-left .tieude, #hai-huoc-right .tieude{ font-size:12px; font-weight:bold; font-family:Tahoma; margin-top:10px; margin-bottom:5px;}

#hai-huoc-left .noidung, #hai-huoc-right .noidung{ font-size:11px; margin-top:10px; margin-bottom:10px;}

#hai-huoc-left .read-more{ float:right; font-size:11px; color:#9a0808}
#hai-huoc-left .read-more a:link{ color:#9a0808; text-decoration:none;}
#hai-huoc-left .read-more a:visited{ color:#9a0808; text-decoration:none;}
#hai-huoc-left .read-more a:hover{ color:#9a0808; text-decoration:underline;}

#hai-huoc-right{float:right; width:220px; margin-right:10px; z-index:4; overflow: hidden;}
#hai-huoc-right .read-more{ float:right; font-size:11px; color:#9a0808}
#hai-huoc-right .read-more a:link{ color:#9a0808; text-decoration:none;}
#hai-huoc-right .read-more a:visited{ color:#9a0808; text-decoration:none;}
#hai-huoc-right .read-more a:hover{ color:#9a0808; text-decoration:underline;}

/*Block Hoi Vien*/

#block-4 { width:492px; margin-top:5px;}
#block-4 .background{ background:url(../images/bg-over-tab.jpg) repeat-x; width:134px; height:29px;}
#block-4 .tieude{ background:url(../images/icon-hoi-vien.png) no-repeat 0 20%; margin-left:10px;  height:28px; padding-left:27px; color:#FFFFFF; font-family:Tahoma; font-weight:bold; font-size:12px; padding-top:8px;}
#block-4 .tieude a:link{ color: #FFF; }
#block-4 .tieude a:visited{ color: #FFF;}
#block-4 .tieude a:hover{ color: #FFF; text-decoration: underline;}

.content-hoivien{ width: 690px; margin: 0 auto;}

.content-hoivien .image{ float: left; padding: 5px; border:1px solid #bebebe; width: 124px; margin-right: 10px;}
.content-hoivien .noidung{ min-height: 100px; float: right; width: 440px;}
.content-hoivien li.name-hoivien{ clear: both; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.content-hoivien .thongtin{ width: 500px; min-height: 100px; /*IE can duoc set height*/} 
.content-hoivien .thongtin li{ line-height: 20px;}
.content-hoivien .line{ clear: both; color: #bebebe; padding-top: 5px;}
#container-chitiet{background: url(../images/bg-content-tintuc.jpg) no-repeat top;}
#frame-chitiet{  width: 679px; margin:0 auto;}
#frame-chitiet .image{ float: left; padding: 5px; border:1px solid #bebebe; margin-right: 10px;}
#frame-chitiet .thongtin{ min-height: 177px;}
#frame-chitiet .ten-cong-ty{ font-size:20px; font-weight: bold; font-family: Arial; padding: 10px 0 10px 0;}
#frame-chitiet .ve-cong-ty{ margin-bottom:10px; clear: both; padding-top: 10px; font-weight: bold; font-family: Tahoma;}
#frame-chitiet table #chitiet-hoivien{ line-height: 20px;}


#danhsach-hoivien{ margin: 10px 0 0 0;}
#danhsach-hoivien .image{padding:5px; border:1px solid #bebebe;}
#danhsach-hoivien .name{ font-weight: bold; font-family:Tahoma;}
#danhsach-hoivien .tieude-hoivien{ font-weight: bold; font-family:Tahoma; font-size: 14px; text-decoration: underline;}



#container-hoi-vien{ border:1px solid #bebebe; height:175px;}


#content-hoi-vien { width:440px; margin:0 auto; margin-top:20px;}
#content-hoi-vien li{ display:block; float:left; width:98px; height:90px; border:1px solid #bebebe; margin:0 5px 0 5px}
#container-hoi-vien p.name-thanh-vien{ margin-top:8px; text-align:center; font-weight:bold; font-size:11px; font-family:Tahoma; width:98px;}

/*Block 5 Tabs*/
#block-5{ margin-top:5px;}

/*Block 6 Dich Vu */

#block-6 { border: 1px solid #bebebe; width:490px; margin-top:10px; background:url(../images/bg-goc-hai-huoc.jpg) repeat-x;}
#block-6 .tieude{ font-size:16px; font-weight:bold; font-family:Tahoma; margin:10px 0 10px 0;}
#block-6 .noidung{ font-size:11px; width:460px; margin:0 auto; }



/* FOOTER */
#footer{ 
    clear:both; 
    background-image: url('../images/bg-footer.jpg'); 
    background-repeat: no-repeat;
    background-position: top;
    width: 999px; 
    height: 210px; 
    background-color: #590202;
}
#footer .footer-left{ float: left; margin-top: 80px; color: #FFF; line-height: 18px; margin-left: 15px; width:340px;}

#footer .footer-right{ float: right; margin-top: 105px; margin-right: 20px;}
#footer .footer-right{ text-align: right;}
#footer .footer-right p{ margin:0; padding:0; color:#FFFFFF;}
#footer .footer-right a{ margin:0; padding:0; color:#FFFFFF;}
#footer .footer-support{ margin: 120px 0 0 85px; float:left; color:#FFFFFF; text-align:center;}
#footer .footer-support li{ margin-bottom: 5px;}
.footer-left li a:link{ color:#FFFFFF; font-size: 11px; font-weight: bold;}
.footer-left li a:visited{ color:#FFFFFF; font-size: 11px; font-weight: bold;}
.footer-left li a:hover{ color:#FFFF00; font-size: 11px; font-weight: bold;}


/*CSS for 6 tabs*/

#tabs { text-align: justify; min-height: 170px; width:460px;}

#tabs .show_content{ width:460px; margin:0 auto;}

#tabs .image{ float: left; padding:3px; border: 1px solid #bebebe; margin-right: 10px;}

#tabs .link{width:448px; clear: both; padding-top: 10px;}
#tabs .link li{ background-image: url(../images/icon-block-tabs.jpg);  background-repeat: no-repeat; padding-left: 20px; margin-bottom: 6px;}
#tabs .link a:link{ color: #2a5e96; }
#tabs .link a:visited{ color: #2a5e96;}
#tabs .link a:hover{ color: #8a0404; text-decoration: underline;}
#tabs .tieu-de{ font-size: 13px; font-family: Tahoma; font-weight: bold; margin-bottom: 10px;  width: 443px;}
#tabs .tieu-de a:link{ text-decoration:underline;}
#tabs .tieu-de a:visited{ text-decoration:underline;}
#tabs .tieu-de a:hover{ text-decoration:underline; color:#9a0808}



/*CSS FOR SUB PAGE*/
#container-tintuc #left{ float:left; width:723px;}
#container-tintuc #left #content{ width:690px; margin:0 auto;  }
#container-tintuc #left #content p{ padding-bottom: 5px; margin: 0;}
#container-tintuc #left .tieude{ font-size:18px; font-weight:bold; padding:15px;  background:url(../images/bg-content-tintuc.jpg) no-repeat; background-position:top; width:585px; color:#000;}


/*CSS FOR DANH MUC SUB PAGE*/

#container-danhmuc #left{ float:left; width:723px;}
#container-danhmuc #left #content{ width:590px; margin:0 auto;}
#container-danhmuc #left .tieude{ font-size:18px; font-weight:bold; padding:15px;  background:url(../images/bg-content-tintuc.jpg) no-repeat; background-position:top; width:585px; color:#000;}

.content-danhmuc{ width: 690px; margin: 0 auto;}

.content-danhmuc .image{ float: left; padding: 5px; border:1px solid #bebebe; width: 124px; margin-right: 10px;}
.content-danhmuc .noidung{ min-height: 100px; float: right;}
.content-danhmuc .noidung_image{ min-height: 100px; float: right; width: 540px;}
.content-danhmuc li.name-danh-muc{ clear: both; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
#container-danhmuc #right{float:right; width:270px;}
#container-tintuc #right{ float:right; width:270px;}



#other-news { width:690px; margin:0 auto;}
#other-news li{ line-height:18px;}
#other-news .tieu-de{ font-family:Tahoma; font-size:13px; font-weight:bold; margin-bottom:5px;}

#other-news a:link{ color:#2a5e96; text-decoration:none; font-size:12px;}
#other-news a:visited{  color:#2a5e96; text-decoration:none; font-size:12px;}
#other-news a:hover{  color:#8a0404; text-decoration:none; font-size:12px;}

#container-page { width:100%; margin:0 auto; text-align:center; margin-left: 230px; clear: both; padding-top: 10px;}
#container-page .float-left{ float:left; width:50px; text-align:right;}
#container-page .float-right{ text-align:left;}

#container-page .float-right .current-page{ background-color:#000000; color:#FFFFFF; font-family:Tahoma; font-size:12px; padding:5px;}
#container-page .float-right a{ margin-right: 2px; margin-left: 2px;}
#container-page .float-right a:link{ background-image:url(../admin/images/gray-grad.png); color:#000; padding:5px;}
#container-page .float-right a:visited{ background-image:url(../admin/images/gray-grad.png); color:#000; padding:5px;}

#gioithieu { width: 670px; margin: 0 auto; margin-top: 10px; text-align: justify;}
#gioithieu .tieude{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold;}


#contact{ background-image: url(../images/sub-header-lienhe.jpg); width: 1000px; background-position: top; background-repeat: no-repeat;}
#contact .left{ float: left; width: 450px;}
#contact .left li{ padding-left: 20px; line-height:25px;}
#contact .left img{ border: 1px solid #bebebe;}
#contact .right{ float: right; width: 524px; border-left: 1px dashed; padding-left: 10px;}
#contact .right li{ clear:both;}
#contact .right label{ position: relative; display:block!important; line-height: 25px;}
#contact .right input[type="text"] { border: 1px solid #bebebe; padding: 3px; width:470px;}

#contact .name{ font-weight: bold; font-size: 20px; margin-bottom:10px;}
#contact .tieude{ font-size:18px; color:#666666; text-decoration:underline; margin-bottom:10px;}
#contact .submit{ text-align:center;  margin-top:15px;}
#contact .note{ font-size:11px; font-style:italic;}
.out-error{ color:#FFF; font-size:14px; font-weight:bold; padding:10px; text-align:center; background-color:#FF3300; width:470px;}
.output{ color:#FFF; font-size:14px; font-weight:bold; padding:10px; text-align:center; background-color:#009900; width:470px;}


#thuvienanh #header{ background: url(../images/sub-header-thuvienanh.jpg) no-repeat top; height: 108px;}
#thuvienanh #header li{ display: block; float: left;}
#thuvienanh #header .tieude{ font-size: 28px; font-family: Arial; color: #757575; padding: 35px 10px 0 20px;}
#thuvienanh #header .danhmuc{ font-size: 16px; color: #757575; margin: 45px 0 0 10px; font-family: Tahoma;}
#thuvienanh #header .select { font-weight: bold;}

#thuvienanh #divLeft{ float: left; width: 689px;}
#thuvienanh #divLeft .showImage{ margin: 0 auto; width: 647px; text-align: center;}
#thuvienanh #divLeft .image{ border: 1px solid #bebebe; padding: 3px;}

#thuvienanh .tieude-thuvienanh{ font-size: 14px; font-weight: bold; font-family: Tahoma;}
#thuvienanh .div_page{ margin: 20px 0 0 0;}
.div_page_number{ margin-top: 20px;}

#thuvienanh #divRight{ float: right;}
#thuvienanh .xem-nhieu-nhat{ border: 1px solid #dcdcdc; width: 293px;}
#thuvienanh .xem-nhieu-nhat .image{  border: 1px solid #bebebe;}
#thuvienanh .xem-nhieu-nhat .tieude{ font-family: Tahoma; font-size: 13px; font-weight: bold; color:#969696; padding: 15px 0 15px 15px;}

#three-banner{ width:490px; margin-top:10px;}
#three-banner li{ float: left; margin-right: 3px;}

.footer-logos{ clear: both; width: 750px; padding-top: 20px;  padding-bottom: 20px; float: left;}
.footer-logos li{ display: inline; margin-right: 9px; }

.links{ float:right; width: 240px; margin-top: 20px; border: 1px solid #969696; height:90px;}
.links .tieu_de{ font-weight: bold; margin-top: 10px;}
.links select{ width: 220px;}
.links li{ line-height: 25px; padding: 0 0 0 10px;}

.right_links{ width: 242px; border: 1px solid #969696; height:90px; float: right; margin-right: 15px;}
.right_links .tieu_de{ font-weight: bold; margin-top: 10px;}
.right_links select{ width: 220px;}
.right_links li{ line-height: 25px; padding: 0 0 0 10px;}

.keyword_result{ font-family: arial; font-size: 15px; color: #000; margin:20px 0 0 0; color: #FF0000; font-style: italic;}
.large_size{ font-size: 14px; margin-left: 10px;}

.so_do{ text-align: center;}
/*  public CSS*/
.tieude_right{background-image:url(../images/bg-su-kien-portal.jpg); width:268px; height:22px; border:1px solid #c6c6c6; margin: 5px 0 8px 0; font-size: 14px; font-weight: bold; padding: 10px 0 0 0; text-align: center;}

.tieude_small_right{width:240px; border:1px solid #c6c6c6; margin: 15px 0 8px 0; font-size: 14px; font-weight: bold; text-align: center; padding: 3px;}

.quangcao {text-align: center; float: right; margin-right: 15px;}
.quangcao li img{ margin-bottom: 10px;}
.date{ margin-left: 5px; font-size: 12px; color: #585858;}

/*DOCUMENT PAGE*/
#tbDocument{
    background-color: #800000;
}
#tbDocument tr{
    background-color: #FFF;
}

#tbDocument .tieu_de{
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}
#document_left{ float: left; width: 300px;}
#document_left li{ line-height: 35px; border-bottom: 1px dotted; margin: 0 15px 0 5px;}
#document_left a:link{ color:#000000; text-decoration: none; padding:10px 160px 10px 10px;}
#document_left a:visited{ color:#000000; text-decoration: none; padding:10px 160px 10px 10px;}
#document_left a:hover{ color:#FFFFFF; text-decoration: none; padding:10px 160px 10px 10px;}
#document_left li:hover{ background-color: #800000; }

#document_left li.active{ color:#FFFFFF; text-decoration: none; background-color: #800000;}
#document_left li.active a{ color:#FFFFFF; text-decoration: none;}

#document_left .tieu_de, #tbDetailDocument .tieu_de{ font-size: 15px; font-weight: bold; margin: 0 0 5px 5px;}
#document_right{ float: right; width: 700px;}

/*Banner for default page*/

#banner{ background-image:url(../images/banner_xuan.jpg); width:1000px;  height:129px;}

#search_colors{ float: right; width: 386px;}
/*CSS for Search Page*/

#search-main{width:386px; background-image:url(../images/bg-text-search.gif); width:386px; height:30px; }
#search-main li{ display:inline;}
#search{ margin-top:4px;}
.search-left-conner{ background-image:url(../images/left-conner-search.gif); width:6px; height:30px; float:left;}
.search-right-conner{ background-image:url(../images/right-conner-search.gif); width:4px; height:30px; float:right;}
.keyword{ color:#FFFFFF; font-size:12px; font-weight:bold; margin-left:30px;}
#search-main input[type="text"]{ border:1px solid #8a0404; width:200px;}
#search-main .submit{ float:right; margin-top:3px; margin-right:30px;}

/*CHANGE BACKGROUND COLOR*/
#background_color{
    margin-top: 75px;
    margin-right: 5px;
    float: right;       
}
.colors p{
    margin:0;
    padding:0;
}
.colors{ margin: 0 auto;}
.colors li{
    float: left;
    margin: 2px;
    cursor: pointer;
}
.small_text{ font-size: 10px;}
.red{
    background-color: #c6000b;
    height: 13px;
    width: 13px;
     border:1px solid #808080;
}
.blue{
    background-color: #046997;
    height: 13px;
    width: 13px;
     border:1px solid #808080;
}
.green{
    background-color: #267444;
    height: 13px;
    width: 13px;
     border:1px solid #808080;
}
.black{
    background-color: #4d4d4d;
    height: 13px;
    width: 13px;
     border:1px solid #808080;
} 
.white{
    background-color: #FFFFFF;
    height: 13px;
    width: 13px;
    border:1px solid #808080;
}
.light_blue{
    background-color: #7dc8ff;
    height: 13px;
    width: 13px; 
     border:1px solid #808080;  
}
.container_thitruong {
    margin-top: 15px;
}
.thi_truong {
    float: left;
    width: 162px;
    margin-right: 2px;    
}
.thi_truong ul {
    border: 1px solid #D8D8D8;
}
.thi_truong li {
    padding-left: 7px;
    padding-top: 5px;
    height: 18px;    
    font-size: 11px;    
}
.thi_truong .tieude_thitruong {
    height: 20px;
    background-color: #D8D8D8;    
    font-weight: bold;
    padding-top: 5px;
    padding-left: 8px;
    font-size: 12px;
}
.ngay_cap_nhat {
    color: #808080;
    font-style: italic;
    text-align: right;
    padding: 0;
    margin-bottom: 4px;
    font-size: 11px;
}
.current_event {
    width: 268px;
    border-top: 1px solid #C0C0C0;
    padding-top: 5px;    
}
.current_event p { padding-bottom: 3px; padding-left: 5px; margin: 0; font-size: 11px;}
.fireworks {
    left: 123px;
    position: absolute;
    top: 0;
}