/* New HiTV Channel CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/bg.jpg) no-repeat fixed center top ;
	color: #333333;
}

h1, h2, h3 {
	margin-top: 0;
	color: #8C0209;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	color:#003366;
	text-decoration:none;	
}

a:hover{
	color:#3385AD;		
} 


a img {
	border: none;
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
}


/* Header */
#header {
	width:982px;
	margin: 0 auto;	
}

/* Banner */
#banner{
	width:982px;
	height:128px;
}

#logo{
	float:left;
	width:214px;
	height:80px;
	background:url(../images/logo.jpg) no-repeat;
	margin:20px 0px 28px 0px;
	cursor: pointer; /* hand-shaped cursor */
 	cursor: hand; /* for IE 5.x */
}

#ads1{
	float:left;
	width:370px;
	height:80px;
	margin:26px 0px 20px 10px;
}

#ads2{
	float:left;
	width:370px;
	height:80px;
	margin:26px 0px 20px 10px;
}

#timkiem{
	position:absolute;
	right:2px;
	width:261px;
	height:26px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.search form {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0px 100px;
	/*padding:10px 0px 5px 0px;;*/
}

.keyword {
	border:1px inset #CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	margin:3px 0px;
	width:189px;
}

.button {
	margin:2px 0px;
	vertical-align:top;
}

.button img{
	margin:0px;
	padding:0px;
	vertical-align:top;
}
/* Wrapper */
#wrapper {

	
}

/* Page */

#page {
	width:982px;
	margin: 0 auto;		
}

/* Top Index */
#top-index{
	width:982px;
	height:605px;
	margin: 0 auto;
}

#news{
	float:left;
	width:628px;
	height:592px;
	margin:35px 0px 0px 0px;
}

/* Top News */
#top-news{
	width:608px;
	height:327px;
	padding:0px 10px 10px 10px;
	border-bottom:1px solid #CCCCCC;
}

.top_news{
	width:628px;
	height:9px;
	background:url(../images/top_news.jpg) no-repeat;
}

.body_news{
	width:628px;
	height:553px;
	background:url(../images/body_news.jpg) repeat-y;
}

.bottom_news{
	width:628px;
	height:10px;
	background:url(../images/bottom_news.jpg) no-repeat;
}

/* Hot News  */
#hot-news {
	float:left;
	width:322px;
	height:277px;
}

#top_hot-news{
	width:322px;
	height:7px;
	background:url(../images/border_top_hot-news.png) no-repeat;
}

#body_hot-news{
	width:322px;
	height:304px;
	background:url(../images/border_body_hot-news.png);
	/*padding:10px;*/
}

#bottom_hot-news{
	width:322px;
	height:7px;
	background:url(../images/border_bottom_hot-news.png) no-repeat;
}

.text{
	width:300px;
	margin:0px auto;
}

.text a{
	font-size:18px;
}

/* Ha Noi News */
#hanoinews{
	float:left;
    width:264px;
	height:315px;
	margin-left:12px;
	border:#D9D9D9 solid 1px;
	overflow:hidden;
}

#title_hanoinews{
	float:left;
	width:173px;
	height:29px;
	background:url(../images/hanoi_news.jpg) no-repeat;
}

#content_hanoinews{
	float:left;
	width:264px;
	margin-left:0px;
	padding-top:5px;
	line-height:150%; 
}

#content_hanoinews .icon{
	float:left;
	width:20px;
	margin-top:3px;
}

#content_hanoinews .title{
	float:left;
	width:234px;
	text-align:justify;
}

#content_hanoinews a:hover{
	color:#3385AD;
}


#bottom-news{
	width:620px;
	height:197px;
	/*padding:10px;*/
	margin:0px auto;
}

.news-special{
	float:left;
	width:178px;
	height:170px;
	padding:25px 0px 0px 20px;
}

/* Player HiTV Channel */
#player{
	float:right;
	width:345px;
	height:334px;
	background:url(../images/boder_hitv-player.gif) no-repeat;
	margin:35px 0px 0px 0px;
}

#player-news{
	float:left;
	width:317px;
	height:27px;
	background:#000000;
	
	line-height:30px;
	color:#CCCCCC;
}

/* Broadcast HiTV Channel */
#broadcast{
	float:right;
	width:345px;
	height:234px;
	background:url(../images/broadcast.jpg) no-repeat;
	margin:5px 0px 0px 0px;
}

#broadcast .title{
	float:right;
	width:220px;
	padding-top:5px;
}

#broadcast .show-date{
	float:left;
	width:120px;
	line-height:26px;
}

#broadcast .select{
	float:right;
	width:90px;
	
}

#broadcast .content{
	float:right;
	width:210px;
	height:170px;
}

/* Bottom Index */
#bottom-index{
	width:982px;
	margin: 0 auto;
}

/* Left Bottom */
#left-bottom{
	float:left;
	width:478px;
	margin:10px 0px;
}

/* Title News */
#left-news{
	float:left;
	width:475px;
	background:url(../images/title_news.jpg) top no-repeat;
	margin-bottom:10px;
}

#left-news .text{
	float:left; 
	width:130px;
	line-height:24px;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	font-size:14px;
}

#left-news .text a{
 color:#FFFFFF;
 font-size:14px;
}

#left-news .text a:hover{
 color:#3385AD;
}

#left-news .title{
	width:475px;
	height:32px;
	line-height:26px;
	/*padding-left:150px;*/
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	/*letter-spacing:1.3px;*/
	text-align:center;
	float:right;
}

.content{
	float:left;
	width:468px;
	height:108px;
	padding:5px 0px 0px 0px;
	line-height:130%;
	color: #333333;
	font-weight:normal;
}

.content img{
	float:left;
	padding:4px 4px 4px 0px;
}

.content a{
	font-weight:bold;
}

.readmore{
	float:right;
	width:468px;
	height:14px;
	padding-right:10px;
	text-align:right;
}

.readmore a{
	font-size:10px;
	color: #616161;
	padding-left:8px;
	font-weight:normal;
}

.readmore a:hover{
	color:#3385AD;
}

.related{
	float:left;
	width:468px;
	/*height:64px;
	line-height:130%;*/
	line-height:20px;
}

.related a{
	color:#3385AD;
	font-weight:normal;
}

.related a:hover{
	color: #333333;
}

.related img{
	vertical-align:middle;
	padding-right:6px;
}

/* Center Bottom */
#center-bottom{
	float:left;
	width:300px;
	margin:10px 0px;
	background:#f3f3f3;
	border: 1px solid #CCCCCC;
	
}

#weather{
	width:288px;
	height:117px;
	margin:5px 5px 0px 5px ;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}

#weather-title{
	width:290px;
	height:34px;
	background:url(../images/weather_new.jpg) no-repeat;
}

#weather-content{
	width:270px;
	height:58px;
	/*padding:5px;*/
	margin:0px auto;
	
}

#enrollment{
	width:288px;
	margin:5px ;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}

#enrollment_title{
	width:290px;
	height:46px;
	background:url(../images/enrollment.jpg) no-repeat;
}

#enrollment_content{
	width:270px;
	margin:0px auto;
	/*height:168px;*/
	padding:0px 0px 10px 0px;*/
}

#enrollment_content a{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	width:260px;
	color:#003366;
	line-height:200%;
}

#enrollment_content a:hover{
	color:#3385AD;
}

#for-ads{
	width:288px;
	margin:5px;
	border: 1px solid #CCCCCC;
	background:#FFFFFF;
}

.for-ads-title{
	width:290px;
	height:44px;
	background:url(../images/for-ads.jpg) no-repeat;
}

.for-ads-content{
	width:270px;
	padding:5px 0px;
	margin:0px auto;
}

.for-ads-content img{
	padding-bottom:5px;
	padding-left:0px;
}

/* Right Bottom */
#right-bottom{
	float:right;
	width:197px;
	margin:10px 0px;
}

#ad_25h_bg_title{
	width:197px;
	height:46px;
	background:url(../images/ad_25h.jpg) no-repeat;
}

#ad_25h_content{
	width:195px;
	border-left:#D9D9D9 solid 1px;
	border-right:#D9D9D9 solid 1px;
	border-bottom:#D9D9D9 solid 1px;
}

#ad_25h_content .img_product{
	float:left;
	width:85px;
	height:85px;
}

#ad_25h_content .title_product{
	float:left;
	width:100px;
	/*padding:4px ;*/
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	margin:0px 0px 0px 1px;
}

#ad_25h_content .title_product a{
	text-align:center;
	line-height:150%;
}

#ad_25h_content .price_product{
	float:right;
	width:100px;
	height:17px;
	/*padding:0px 4px;*/
	color:#FF0000;
}

/* Footer */
#footer {
	width:982px;
	margin: 0 auto;
}

#footer_title{
	float:left;
	width:982px;
	height:44px;
	background:url(../images/bg_footer.jpg) repeat-x;
	margin:20px 0px 0px 0px;
}

#footer_title a{
	color:#FFFFFF;
	line-height:24px;
	padding:0px 10px;
}

#footer_title a:hover{
	color:#003366;
}

#footer_title img{
	vertical-align:middle;
}

#footer_content{
	width:982px;
	height:104px;
}

#footer_content .footer_content-text{
	float:left;
	width:804px;
	padding:10px;
	text-align:right;
}

#footer_content .footer_content-img{
	float:left;
	
}

/*=========================================*/
#cafe_ps
{
	margin:0px 0px 0px 10px;
}

.image_quan
{
	margin:0px 0px 0px 0px;
}

/*=============Detail====================*/

/*  Detail */
#detail{
	width:982px;
	margin: 40px auto;
}

/* Left Detail */
#left-detail{
	float:left;
	width:478px;
	margin:10px 0px;
}

#end_detail{
	float:left;
	width:468px;
	height:10px;
	border-bottom: 1px solid #CCCCCC;
}

#related-detail{
	float:left;
	width:478px;
	height:200px;
}

#related-detail .title{
	float:left;
	width:144px;
	height:18px;
	background:url(../images/related-detail.jpg) no-repeat;
}

#related-detail .content{
	float:left;
	width:458px;
	margin-left:20px;
}

#related-detail .content a{
	font-weight:normal;
}

#related-detail .content a:hover{
	color: #333333;
	text-decoration:underline;
}

#center-detail{
	float:left;
	width:190px;
	margin: 10px 10px 10px 0px;		
	border: 1px solid #CCCCCC;
}

#center-detail_title{
	float:left;
	width:190px;
	height:44px;
	background:url(../images/tieudiem_new.jpg) no-repeat;
}

#center-detail_title a{
	font-weight:bold;
	line-height:44px;
	padding-left:50px;
}

#center-detail_content{
	float:left;
	width:180px;
	padding: 5px ;
}

#center-detail_content img{
	float:left;
	padding-right: 5px ;
}

#paging{
	 float:left;
	 width:458px;
	 margin:10px 0px;
	 text-align:right;
	 padding-right:10px;
}

#paging a{
	width:16px;
	height:16px;
	background:#CCCCCC;
}

/*=============View====================*/

/*  View */
#view{
	float:left;
	width:982px;
	margin: 40px auto;
}

/* Left View */
#left-view{
	float:left;
	width:478px;
	margin:10px auto;
}

#view-date{
	float:left;
	width:478px;
	text-align:right;
	color:#999999;
}

#viewarticle{
	float:left;
	width:478px;
	margin:10px auto;
}

#viewarticle .title{
	float:left;
	width:478px;
}

#viewarticle .title a{
	font-weight:bold;
	font-size:16px;
}

#viewarticle-content{
	float:left;
	width:458px;
	padding:10px;
	line-height:150%;
}

#viewarticle .introtext{
	float:left;
	width:458px;
	font-weight:bold;
	line-height:150%;
	text-align:justify;
}

#viewarticle-text{
	float:left;
	width:458px;
	line-height:150%;
	text-align:justify;
}

#view-footer{
	float:left;
	width:458px;
	padding:10px;
}

#view-back{
	float:left;
	width:158px;
	font-weight:bold;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	
}

#view-author{
	float:right;
	width:150px;
	font-weight:bold;
	text-align:right;
}

/*=============Contact====================*/


/* Left Contact */
#left-contact{
	float:left;
	width:678px;
	margin:45px auto;
	
}

/* Right Contact */
#right-contact{
	float:left;
	width:280px;
	margin:40px auto;
	
}

/*=============Gioi Thieu====================*/

/* Left Menu*/

#left_intro{
	float:left;
	width: 190px;
	margin:40px auto;
}

div.sdmenu {
	width: 190px;
	font-size: 12px;
	padding-bottom: 10px;
	background: url(../images/bottom.png) no-repeat  right bottom;
	color:#000000;
}
div.sdmenu div {
	background: url(../images/sidebar_title.png) no-repeat;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: url(../images/sidebar_title_top.png) no-repeat;
}
div.sdmenu div.collapsed {
	height: 31px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 31px;
	font-weight: bold;
	color: white;
	background: url(../images/expanded.gif) no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background-image: url(../images/collapsed.gif);
}
div.sdmenu div a {
	padding: 5px 20px;
	background: #eee;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	color:#000000;
}
div.sdmenu div a.current {
	background : #D1D6FE;
}
div.sdmenu div a:hover {
	background : #D1D6FE url(../images/linkarrow.gif) no-repeat left center;
	color:#FF0000;
	
}

/* Content Detail Intro*/


#detail_page{
	float:left;
	width:722px;
	margin:40px 0px 0px 20px;
	padding:0px;	
}


#detail_all_link{
	float:left;
	width:722px;
	margin:0px ;
	padding-top:0px;
	border-bottom: 2px solid #CCCCCC;
}


#detail_menu_link{
	float:left;
	width:722px;
	margin:4px 0px 0px 0px;
	padding-left:10px;
	background:url(../images/icon_title_detail.png) no-repeat;
	line-height:12px;	
}

#detail_menu_link_all{
	float:left;
	width:220px;
	margin:4px 0px 0px 0px;
	padding-left:10px;
	background:url(../images/icon_title_detail.png) no-repeat;
	line-height:12px;	
}

#detail_menu_link a{
	color:#263B8A;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	padding-left:5px;
}

#detail_menu_link  a:hover{
	color:#FF0000;
}

.detail_text{
	float:left;	
	display:inline;
	width:722px;
	padding:5px;
	color:#524b48;
	text-align:justify;
	line-height:150%;	
}

.detail_text a{
	color:#006699;
	font-size:14px;
	font-weight:bold;
	
}

.detail_text  a:hover{
	color:#FF0000;
}

.detailbody_text img{
	float:left;
}