@charset "utf-8";
@import url("yui-reset.css");
body {
	padding: 0px;
	margin: 0px auto;	
	font-family: Arial, Helvetica, sans-serif;	
	font-size:9pt;	
}
#container{
	width:960px;
	margin:0px auto;	
	padding:0;	
}
#topbar{ width:100%; height:26px;
	background:url(/images/bg_topbar.jpg) top left repeat-x;
	float:left;
}
.menuover{ width:460px; margin-left:20px; float:left;}
.menuover ul{list-style-type:none; float:left; width:100%;}
.menuover ul li{float:left; margin:0px 5px;}
.menuover ul li a{ color:#252424; float:left; text-decoration:none; line-height:26px; font-size:9pt;}
.menuover ul li a:hover{ color:#F00;}
.menuover ul li span{width:2px; float:left; margin-left:10px;}
.hotline{ width:460px; margin-right:20px; float:right; text-align:right; color:#252424; line-height:26px;}

#banner{
	background:url(/images/banner.jpg) top left no-repeat;
	width:100%;
	height:122px;
	float:left;
}
.adv-banner{ width:690px; float:right;}
.advtop1{ width:330px; float:left; margin:16px 0px;}
.advtop2{ width:330px; float:left; margin:16px 15px;}

#topmenu{ width:100%; float:left;
	background:#FFFFFF url(/images/bg_topmenu.jpg) top left repeat-x;
	height:25px;
}
#topmenu ul{ float:left; width:100%; list-style-type:none;}
#topmenu ul li{float:left; margin:0px 8px;}
#topmenu ul li a{ text-decoration:none; float:left; color:#FFFFFF; line-height:25px; font-size:9pt;}
#topmenu ul li a:hover{ color:#FF0000;}
#topmenu ul li span{ width:2px; float:left; margin:0px 0px 0px 10px;}
#datebar{ width:100%; float:left; background:url(/images/bg_datebar.gif) top left repeat-x;
	height:28px;
}
.date{ width:470px; margin-left:10px; line-height:28px; float:left;}
.search{ width:270px; float:left; margin-left:200px;}
.divboxsearch{ width:182px; height:20px; float:left; margin:4px 0px;}
.boxsearch{ width:175px; height:18px; float:left; border:1px solid #b2b2b2; color:#333;font-size:10pt; padding-left:5px;}
.btn_search{float:left; margin:3px 10px;}
#maincontent{width:940px; margin:10px 10px 30px 10px; float:left;}
.home-column-left{ width:448px; float:left; margin-right:19px;}
.player{ width:451px; height:328px; float:left;}
.adv-home{width:451px; float:left; margin:5px 0px;}
.adv-home .item{width:224px; float:left; margin-top:3px; margin-left:1px;}
.home-boxnews{ width:451px; float:left;}
.home-boxnews .title{ background:url(/images/boxnews_title.gif) top left no-repeat;
	width:411px;
	line-height:28px;
	padding-left:40px; 
	font-size:10pt;
	color:#333;
	font-weight:bold;
}
.home-boxnews .content{ width:431px; float:left; padding:10px;
background:url(/images/boxnews_fill.gif) top left repeat-y;
}
.home-boxnews .bottom{ width:451px; height:8px; float:left;}
.home-column-right{
	width:470px; float:left;
}
.home-boxright{ width:100%; float:left; margin-bottom:10px;}
.home-boxright .hinhanh-title{background:url(/images/boxright_hinhanh_title.gif) no-repeat top left; float:left; line-height:28px; font-size:10pt; color:#FFF; font-weight:bold; width:430px; padding-left:40px;}
.home-boxright .content{ background:url(/images/boxright_fill.gif) repeat-y top left; padding:5px 0px; float:left; width:100%;}
.home-hinhanh, .home-clip, .home-chuongtrinh{ width:100%; float:left;}
.home-hinhanh .item, .home-clip .item, .home-chuongtrinh .item{ width:156px; text-align:center; float:left; margin-bottom:10px;}
.home-boxright .bottom{ width:100%; float:left; height:9px;}

.home-boxright .clip-title{background:url(/images/boxright_videoclip_title.gif) no-repeat top left; float:left; line-height:28px; font-size:10pt; color:#FFF; font-weight:bold; width:430px; padding-left:40px;}
.home-boxright .chuongtrinh-title{background:url(/images/boxright_chuongtrinh_title.gif) no-repeat top left; float:left; line-height:28px; font-size:10pt; color:#FFF; font-weight:bold; width:430px; padding-left:40px;}
.home-clip .item a, .home-chuongtrinh .item a{ color:#09F; font-weight:bold;}
#footer{ width:100%; background:url(/images/bg_footer.gif) top left repeat-x;
	height:54px; float:left;
}
.textfooter{
	padding-top:5px;
	color:#3f3e3e;
	text-align:center;
	
	}
	
/*Detail*/
/*Left Column*/
.leftColumn{ width:190px; float:left;}
.boxleft-menu, .boxleft-detail{ width:100%; float:left; margin-bottom:10px;}
.boxleft-menu .title{ width:150px;
	background:url(/images/leftbox_title.gif) top left no-repeat;
	float:left; height:29px;
	font-size:10pt; font-weight:bold; color:#F00;
	padding-left:40px;
	line-height:29px;
}
.boxleft-menu .title-program{ width:150px;
	background:url(/images/leftbox_program_title.gif) top left no-repeat;
	float:left; height:29px;
	font-size:10pt; font-weight:bold; color:#F00;
	padding-left:40px;
	line-height:29px;
}
.boxleft-menu .title-picture{ width:150px;
	background:url(/images/leftbox_album_title.gif) top left no-repeat;
	float:left; height:29px;
	font-size:10pt; font-weight:bold; color:#F00;
	padding-left:40px;
	line-height:29px;
}
.boxleft-menu .title-clip{ width:150px;
	background:url(/images/leftbox_video_title.gif) top left no-repeat;
	float:left; height:29px;
	font-size:10pt; font-weight:bold; color:#F00;
	padding-left:40px;
	line-height:29px;
}
.boxleft-menu .content, .boxleft-detail .content{ width:190px; float:left;
	background:url(/images/leftbox_fill.gif) top left repeat-y;
}
.boxleft-detail .content{ text-align:center;}
.boxleft-detail .content img{ margin-bottom:5px;}
.boxleft-menu .content ul{ float:left; width:100%; list-style-type:none;}
.boxleft-menu .content ul li{ width:160px; float:left; margin:0px;
	background:url(/images/bg_menu_left.gif) top left no-repeat;
	height:27px; line-height:27px; padding-left:30px;
}
.boxleft-menu .content ul li a{ text-decoration:none; float:left; color:#333; line-height:27px; font-size:9pt;}
.boxleft-menu .content ul li a:hover{ color:#F00;}
.menuselected{ color:#F00;}
.boxleft-menu .bottom, .boxleft-detail .bottom{ width:100%; float:left; height:9px;}
.boxleft-detail .title{width:140px;
	background:url(/images/leftbox_lasta_title.gif) top left no-repeat;
	float:left; height:29px;
	font-size:10pt; font-weight:bold; color:#F00;
	padding-left:50px;
	line-height:29px;}
.votecontent{ width:170px; margin:0px 10px; float:left; text-align:left;}
.answer{float:left; clear:left; line-height:18px;}
/*Center column*/
.centerColumn{ width:521px; margin:0px 9px 0px 10px; float:left;}
.centerbox{ width:100%; float:left;}
.centerbox .title{ width:481px; float:left;
	background:url(/images/centerbox_title.gif) top left no-repeat;
	height:29px;
	line-height:29px; padding-left:40px;
	font-size:10pt; color:#FFF; font-weight:bold;
}
.centerbox .content{
	background:url(/images/centerbox_fill.gif) top left repeat-y;
	width:501px; float:left; padding:10px;
	}
.centerbox .bottom{ width:100%; float:left; height:8px;}
.centerbox .content .tabnews { width:100%; float:left; margin-bottom:10px;}
.centerbox .content .tabnews .articletitle a{ font-size:9pt; font-weight:bold; color:#09599d; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.centerbox .content .tabnews .articletitle a:hover{ color:#81c2f9;}
.centerbox .content .tabnews .datearticle{ font-size:8pt; color:#666;}
.centerbox .content .summary{ font-size:9pt; margin:5px;}
.article-pic{ float:left; margin:0px 5px 5px 0px;}
.detail a{color:#F00; text-decoration:none;}
.detail a:hover{color:#F90;}
.button-paging{
	font-family:arial;
	font-size:8pt;
	color:#333333;	
	padding-left:8px;
	padding-right:8px;
	font-weight:bold;
}
a.button-paging{ text-decoration:none; color:#333333;}
a.button-paging:hover{ color:#006699;}
.norecord{ width:100%; font-size:9pt; color:#F00; float:left;}
.goback{ width:100%; text-align:right; float:left; margin-top:20px;}
.goback a{ color:#339; text-decoration:none; font-size:8pt;}
.goback a:hover{ color:#000;}
.title-article-detail{
	font-size:12pt;
	font-weight:bold;
	width:100%;
	color:#0057AE;
}
.date-article{ font-size:8pt; width:100%;}
.header{font-size:10pt; font-weight:bold; font-family: Arial;}
.article-content{ font-size:9pt;}
.article-content p{ margin:10px 0px;  font-size:9pt;}
.paging-div{
	width:100%;
	float:left;clear:left;
	text-align:right;	
	font-size:9pt;
	margin-top:10px;
}
.paging-div a{ text-decoration:none; color:#06F;}
/*Bookmark*/
.book-text{
	font-weight:bold;
	float:left;
	padding-right:10px;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	color:#005BB7;
}
.detail-bookmark, .detail-bookmark div{
	float:left;
	padding-right:5px;
}
.detail-bookmark img
{
	cursor:pointer;
	border:0px;
	width:20px;
	height:20px;
}
/*End bookmark*/
.centerbox .content .tabothernews{ float:left;
	width:100%;
	line-height:20px;
	height:20px; 
	font-size:9pt; color:#000;
	font-weight:bold;	
}
.centerbox .content .listothernews { width:100%; float:left; margin-top:10px;}

.centerbox .content .listothernews ul{ float:left; width:100%; list-style:none;	
}
.centerbox .content .listothernews ul li{float:left; padding:0px 0px 0px 20px; 
	margin:5px 0px 0px 10px;
	background: url(/images/bullet_blue.gif) center left no-repeat;
	width:470px;
	
}
.centerbox .content .listothernews ul li a{ text-decoration:none; color:#09599d; font-size:9pt;}
.centerbox .content .listothernews ul li a:hover{ color:#FF0000;}
.titleCategory{
	font-family:Arial;
	height:20px;
	border-bottom:1px solid #333;
	clear:both;
	margin-bottom:5px;
}
.titleCategory a{color:#900;
    font-family:Arial;
    font-size:11pt; 
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;	
}
.titleCategory a:hover{ text-decoration:none; color:#F00;}
.datearticle{ font-size:8pt; color:#666;}
.sep{ width:100%; float:left; height:10px;}
.othernews { width:100%; float:left; margin-top:10px;}
.othernews ul{ float:left; width:100%; list-style:none;	}
.othernews ul li{float:left; padding:0px 0px 0px 20px; 
	margin:5px 0px 0px 10px;
	background: url(/images/bullet_blue.gif) center left no-repeat;
	width:470px;
	
}
.othernews ul li a{ text-decoration:none; color:#09599d; font-size:9pt;}
.othernews ul li a:hover{ color:#FF0000;}
.smallimage{
	text-align:left;	
}
.titleArticleLink{
	font-family:arial;
	font-size:9pt;
	font-weight:bold;
}
a.titleArticleLink{ text-decoration:none; color:#09599d;}
a.titleArticleLink:hover{ color:#81c2f9;text-decoration:none;}

/*Right Column*/
.rightColumn{ width:210px; float:right;}
.rightbox{ width:100%; float:left; margin-bottom:5px;}
.rightbox .title{ width:170px; float:left;
	background:url(/images/rightbox_title.gif) top left no-repeat;
	font-size:10pt; font-weight:bold; height:29px; line-height:29px; padding-left:40px;
	color:#FFF;
}
.rightbox .content{ float:left; padding:5px 2px;
	background:url(/images/rightbox_fill.gif) top left repeat-y;
	text-align:center;
	width:206px;
}
.rightbox .content img{ margin-bottom:5px; }
.rightbox .bottom{ width:100%; float:left; height:9px;}
/* Contact */
.contact{ float:left; margin:0px auto; padding:0px;}
.title-contact{
	width:100%;	
	float:left;
	font-size:10pt;
	font-weight:bold;
	font-family:Arial;
}
.errmsg{color:#FF0000; font-size:9pt;}
#tblContact{	
	margin:10px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.boxContact{ width:100%; float:left;}
#frmContact{ width:100%; text-align:center; float:left; margin:0px auto; display:block;}
#tblContact tr td{ margin:5px; padding:5px;}
.textbox{ width:300px; font-size:10pt;}
/*Chuong trinh*/
.program{ width:100%; float:left;}
.program .item{ width:125px; height:130px; float:left; text-align:center;}
.program .item a{ color:#06F; text-decoration:none;}
.program .item a:hover{ color:#F00;}

/*Album*/
.divpicture{ width:100%; float:left;}
.divpicture .item{ width:125px; float:left; text-align:center; margin-bottom:10px;}
/*Clip*/
.player-inside{ width:100%; float:left; text-align:center;}
.info-clip{ width:100%; float:left; font-size:9pt;}
.info-clip a{ text-decoration:none; color:#06C;}
.info-clip a:hover{color:#F00;}
/*Comment box*/
.boxcomment{ width:100%; float:left;}
.boxcomment .title{ width:470px; float:left;
	padding-left:30px;
	background:url(/images/ykien-title.gif) top left no-repeat;
	height:28px; line-height:28px; font-size:12pt; color:#000; font-weight:bold;
}
.boxcomment .content{
	background:none;
	width:100%; float:left;
	margin:10px 0px; padding:0px;
	}
.boxcomment .content .row1, .row2, .row3, .rows4{ width:100%; float:left; margin-bottom:5px;}
.inHoten{ width:280px; margin-right:20px; color:#999; border:1px solid #999;}
.inEmail{ width:190px; border:1px solid #999;color:#999; float:right;}
.inScode{ width:100px; border:1px solid #999;color:#999;}
.inContent{ width:100%;border:1px solid #999;color:#999;}
.divComment{ width:100%; float:left; height:400px; overflow:auto;}
.viewcommenttitle{ width:470px; float:left;
	padding-left:30px;
	background:url(/images/viewykien-title.gif) top left no-repeat;
	height:28px; line-height:28px; font-size:12pt; color:#000; font-weight:bold;
}
.divComment .row{ width:100%; float:left; margin-bottom:15px;}
.divComment .row p.name{ width:480px; float:left; font-weight:bold;}
.divComment .row p.comment{ width:480px; float:left;}