@charset "utf-8";
/* CSS Document */
html,body{
margin:0;
padding:0;
}
body{
font: 76% arial,sans-serif;
text-align:center
}
.clr{
clear:both;
}
a{
display:block;
color: #981793;
padding:10px
}
.anchor_top{ position:absolute; top:0px;}
div#header{
margin:0;
background-image: url(../images/bg_baner.jpg);
background-repeat:repeat-x;
overflow:auto;
height:175px;
}
#logo{
position:relative;
float:left;
width:319px;
height:175px;
background-image: url(../images/logo.png);
}
#banner{
position: relative;
float: right;
margin-top:10px;
padding-right:20px;
width:601px;
height:116px;
background-repeat:no-repeat;
}
#login{
position: relative;
float: right;
margin-top:0px;
margin-right:20px;
width:601px;
height:36px;
}
.txt_login{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#993399;
padding-left:5px;
padding-right:5px;
text-align:center;
}
div#menu_wrapper{
margin:0px;
background: #3f3f3f;
overflow:auto;
height:60px;
}
div#menu_wrapper ul#menu{
list-style:none;
margin:10px 14px;
padding:0px;
overflow:auto
}
ul#menu li{
float:left;
height:40px;
margin:0px;
padding: 0px;
text-align:center;
background: url(../images/mnu_item.png) repeat-x;
}
ul#menu li a{
display:block;
margin-top:10px;
padding:3px 54.5px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
border-left: solid 1px #FFF;
text-decoration:none;
}
ul#menu li a:hover{
background:url(../images/mnu_over.png) no-repeat center center;
}
ul#menu li.mnu_lft{
float:left;
background: url(../images/mnu_left.png) left no-repeat;
width:16px;
height:40px;
}
ul#menu li.mnu_rgh{
float:left;
background: url(../images/mnu_right.png) left no-repeat;
width:16px;
height:40px;
}
#bg_mnu_left{
position:relative;
float:left;
height:58px;
width:32px;
background-image: url(../images/bg_mnu_left.jpg);
background-repeat:no-repeat;
}
#bg_mnu_center{
position:relative;
float:left;
margin-left:0px;
height:58px;
background-image: url(../images/bg_mnu_center.png);
}
#bg_mnu_right{
position:relative;
float: right;
height:58px;
width:32px;
background-image: url(../images/bg_mnu_right.jpg);
background-repeat:no-repeat;
}
.mnu{
position:relative;
float:left;
margin-left:43px;
margin-right:44px;
margin-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}
.pc{
position:relative;
float:left;
width:8px;
height:58px;
background-image:url(../images/pc.png);
}
#mnudoc_top{
position: relative;
float:left;
width:193px;
height:19px;
background-image:url(../images/mnudoc_top.png);
}
#mnudoc_center{
position: relative;
float:left;
width:193px;
height:323px;
background-image:url(../images/mnudoc_center.png);
}
#mnudoc_bottom{
position: relative;
float:left;
width:193px;
height:21px;
background-image:url(../images/mnudoc_bottom.png);
}
#bg_video_top{
position: relative;
float:left;
width:417px;
height:20px;
background-image: url(../images/bg_video_top.png);
}
#bg_video_center{
position: relative;
float:left;
width:417px;
height:323px;
background-image: url(../images/bg_video_center.png);
}
#bg_video_bottom{
position: relative;
float:left;
width:417px;
height:20px;
background-image: url(../images/bg_video_bottom.png);
}
div#container{
text-align:left;
background-image:url(../images/trong_suot.png);
background-repeat: repeat-y;
}
#bg_trailer_top{
height:27px;
background-image: url(../images/bg_trailer_top.png);
}
#bg_trailer_center{
height:202px;
background-image: url(../images/bg_trailer_center.png);
}
#bg_trailer_bottom{
position: relative;
display:block;
float:left;
width:417px;
height:23px;
background-image: url(../images/bg_trailer_bottom.png);
background-repeat:no-repeat;
z-index:0;
}
#bg_download_top{
position: relative;
float:left;
width:300px;
height:18px;
background-image: url(../images/bg_download_top.png)
}
#bg_download_center{
position: relative;
float:left;
width:300px;
height:65px;
background-image: url(../images/bg_download_center.png);
}
#bg_download_bottom{
position: relative;
float:left;
width:300px;
height:18px;
background-image: url(../images/bg_download_bottom.png);
background-repeat:no-repeat;
}
div#footer{
background: #333;
color: #868686;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding-top:2px;
font-size:13px;
height:88px;
background-image:url(../images/bg_foot.png) repeat-x;
margin-top:10px;
}
div#container{
width:959px;
margin:0 auto
}
div#wrapper{
margin-top:10px;
float:left;
width:415px;
position:relative;
margin-left:10px;
}
div#content
{
color:#FFFFFF;
height:366px;
background:url(../images/bg_tivi.png) no-repeat;
}
div#navigation{
float:left;
width:300px;
height:365px;
margin-top:10px;
margin-left:10px;
position:relative;
}
div#navigation div.slideShow{
height:248px;
background:url(../images/bg_slide.png) no-repeat;
overflow:auto;
}
div#navigation div.slideShow div.sldContent{
margin:11px 14px;
height: 225px;
background:#666666;
}
div#navigation div.filmInfo{
margin-top:5px;
background:url(../images/bg_download.png) no-repeat;
overflow:auto;
}
div#navigation div.filmInfo div.infoContent{
margin:7px;
height:120px;
background:url(../images/bg_download_in.png) repeat-x;
}
div.filmInfo div.infoContent table tr{
height:5px;
}
div.filmInfo div.infoContent table tr td{
padding:0px 10px;
color:#FFF;
font-weight:bold;
}
div.filmInfo div.infoContent table tr td a{
border:0px;
}
div#extra{
float:left;
width:193px;
height:366px;
margin-top:10px;
margin-left:16px;
background:url(../images/bg_mnu.png) no-repeat;
overflow:hidden;
}
div#leftMenuContent{
margin:9px 27px 0px 7px;
height:346px;
overflow:hidden;
position:relative;
}
ul#menuLeft{
list-style:none;
padding:0px;
margin:0px;
}
ul#menuLeft li{
padding:12px;
padding-right:5px;
padding-left:40px;
border-bottom:solid 1px #000000;
}
ul#menuLeft li.genre{
background:url(../images/icon_theloai-83.png) left no-repeat;
}
ul#menuLeft li.trailer{
background:left no-repeat url(../images/icon_trailer.png);
}
ul#menuLeft li.calendard{
background:url(../images/icon_lich.png) left no-repeat;
}
div#ad_wrapper{
clear:left;
float:left;
width:100%;
}
div#ad_content{
margin:10px 15px 0px 15px;
background: #000000;
border:solid #666666 1px;
}
table#ad_banners{
}
table#ad_banners tr td{
background-color:#CCCCCC;
}
div#film_list_wrapper{
float:left;
width:721px;
position:relative;
margin-left:10px;
margin-top:13px;
}
div#ad_bottom_wrapper{
float:left;
width:100%;
}
div#film_list_by_genre{
margin-right:15px;
background:url(../images/bg_host.png) no-repeat;
width:721px;
}
div#film_list_by_genre div.filmListContent{
height:317px;
}
#mainAreaInternal{ padding-left:16px; padding-top:5px;}
div.mainAreaInternal .genre_name{
margin-left:15px;
padding-left:40px;
background:url(../images/icon_theloai-83.png) left no-repeat;color:#FFFFFF;
width:620px;
height:35px;
font-weight:bold;
font-size:16px;
position:relative;
float:left;
}
.genre_menu{
float:right;
margin-right:35px;
margin-top:5px;
}
.div_genre_name{
margin-top:9px;
position:absolute;
}
#icon_loading_film{
position:absolute;
z-index:2000;
display:none;
}
.loading_film
{
margin-left:270px;
margin-top:115px;
}
.loading_Schedule
{
margin-left:400px;
margin-top:90px;
}
div.div_mainfilm{
background-color:#f7a42e;
width:115px;
height:111px;
border: solid 2px white;
text-align:center;
margin-top:6px;
float:left;
margin-left:15px;
margin-bottom:8px;
position:relative;
}
a.title_film{
color:#FFFFFF;
text-decoration:none;
}
a.title_film_today{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
margin:0px;
padding:0px;
}
div.div_pagnanion{
float:right;
margin-top:-4px;
margin-right:35px;
}
#bg_host_top{
float:left;
width:718px;
height:15px;
background-image: url(../images/bg_host_top.png);
}
#bg_host_center{
position: relative;
float:left;
width:718px;
height:290px;
background-image: url(../images/bg_host_center.png);
}
#bg_host_bottom{
position: relative;
float:left;
width:718px;
height:15px;
background-image: url(../images/bg_host_bottom.png);
}
#film_list_top{
float:left;
width:197px;
height:320px;
background:url(../images/bg_trailer.png) no-repeat;
position:relative;
margin-left:16px;
margin-top:13px;
}
div#film_list_top div.filmTop{
margin: 6px 5px 0px 3px;
height:312px;
background:url(../images/bg_trailer_in.png) repeat-x;
}
div#film_list_top div.filmTop h4{
margin:0px;
margin-left:10px;
margin-bottom:-5px;
padding:10px;
padding-left:48px;
background:url(../images/icon_mostview.png) left no-repeat;
font-size:14px;
color:#000;
width:115px;
}
div.div_filmtop{
background-color:#4dd46e; width:77px;height:76px;border: solid 2px white; margin-left:10px; text-align:center; margin-top:10px; float:left;
}
#bg_mostview_top{
position: relative;
float:left;
width:197px;
height:15px;
background-image: url(../images/bg_mostview_top.png);
}
#bg_mostview_center{
position: relative;
float:left;
width:197px;
height:290px;
background-image: url(../images/bg_mostview_center.png);
}
#bg_mostview_bottom{
position: relative;
float:left;
width:197px;
height:15px;
background-image: url(../images/bg_mostview_bottom.png);
}
div#ad_bottom_content{
margin:10px 15px 0px 15px;
background:#000000;
min-height:162px;
}
div#footer{
clear:left;
width:100%
}
.pagNav{
float:left;
display:block;
border:solid 1px #CCCCCC;
margin-top:2px;
margin-left:3px;
}
.pagNav a{
margin:0px;
padding:0px 5px;
color:#FFFFFF;
text-decoration:none;
}
.pagNavSelected{
float:left;
display:block;
border:solid 1px #CCCCCC;
margin-top:2px;
margin-left:3px;
color:#000000;
}
.pagNavSelected a{
margin:0px;
padding:0px 5px;
color:#000000;
text-decoration:none;
}
.button{
background:url(../images/btn_login.png) no-repeat;
border:none;
}
#schedule_wrapper{
margin: 0px 15px;
border:solid 1px red;
}
#schedule_list_wrapper{
width:928px;
position:relative;
float:left;
margin-left:16px;
display:none;
margin-top:13px;
}
#schedule_top{
background:url(../images/schedule_top.png) no-repeat;
width:928px;
height:42px;
position:relative;
float:left;
}
#schedule_main{
width:928px;
position:relative;
float:left;
background-color:#925C08;
}
#schedule_bottom{
background:url(../images/schedule_bottom.png) no-repeat;
width:928px;
height:29px;
position:relative;
float:left;
}
#schedule_main_content{
background:url(../images/schedule_main_gadial.png) repeat-x;
width:926px;
min-height:255px;
margin-left:1px;
}
.schedule_top_title{
margin-left:15px; padding-left:40px;
background:url(../images/icon_lich.png) center left no-repeat;
width:200px;
height:35px;
font-weight:bold;
font-size:16px;
color:#FFFFFF;
margin-top:7px;
}
/*lich phat song*/
.itemSchedule, .listSchedule
{
margin-left:55px;
width:815px;
font-size:14px;
}
.broadcast_title{
color:#993300;
font-weight:bold;
padding-bottom:5px;
}
.broadcast_films{
color:#ffffff;
}
.listSchedule_title{
color:#FFF700;
font-weight:bold;
padding-bottom:5px;
padding-top:15px;
}
.listSchedule_items{
margin-left:50px;
background:url(../images/listSchedule_items.png) no-repeat left center;
}
.listSchedule_items a{
color:#FFFFFF;
text-decoration:none;
padding-top:0px;
padding-bottom:2px;
}
.listSchedule_pagnation{
float:right;
margin-right:0px;
font-size:14px;
}
.button_login{
background:url(../images/button_login.png) center center no-repeat;
width:74px;
height:21px;
cursor:pointer;
}
.button_logout{
background:url(../images/button_logout.png) center center no-repeat;
width:80px;
height:21px;
cursor:pointer;
float:right;
margin-top:15px;
position:relative;
}
#tb_error{
background:url(../images/error.png) left center no-repeat;
padding-left:50px;
margin-left:50px;
width:455px;
display:none;
}
#tb_error span.tb_error_link{
color:#0000FF;
cursor:pointer;
}
.cl_tendangnhap{
color:#8926b5;
width:100px;
}
.cl_username{
width:115px;
}
.cl_matkhau{
color:#8926b5;
width:60px;
}
.cl_passwd{
width:115px;
}
.cl_buttonlogin{
width:90px;
}
.cl_dangky{
padding:0px; margin:0px;display:block;z-index:999;
background:url(../images/btn_dangky.png) left center no-repeat;
width:140px;
height:36px;
cursor:pointer;
}
#mediaspace_wrapper { padding: 10px; }