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

/* BEGIN TEMP */
*{
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
html{background: #000000;}
.imgListTmp{
	display: none;
}
.imgList{
	border: 1px solid #999999;
	width: 80px;
	height: 150px;
	padding: 5px;
	text-align: center;
	float: left;
}

.imgList img{margin-bottom: 5px;}

.imgList p{text-align: center};

#imgListClear{clear: both;}

/* END TEMP */
.clear{ clear: both; height:1px; overflow: hidden;}
.bold{ font-weight: bold;}
.alignRight{text-align: right;}

#siteHeader{ 
	height: 330px;
	margin-bottom: -40px;
}

#siteWrapper{
	width: 1000px;
	margin: 0px auto;
	background: #ffffff;
	*background: #ffffff !important;
}

#siteContent{
	width: 675px;
	position: relative;	z-index: 2;
	float: left; display: inline;
	overflow: hidden;	
}

#siteRightWrapper{
	float: left; display: inline;
	position: relative;	z-index: 1;
	margin-left: -680px; width: 100%;
}
#banner1 {
	height: 100px;
	width: 310px;
	position: relative;
	z-index: 100;
	float: right;
	margin-top: 97px;
	margin-right: 20px;
}
#banner2 {
	height: 100px;
	width: 310px;
	position: relative;
	z-index: 100;
	float: right;
	margin-top: 97px;
	margin-right: 20px;
}

#banner_right {
	height: 100px;
	width: 310px;
	float: left;
	margin-bottom: 20px;
}

#siteRight{
	margin-left: 680px;
	padding-left: 10px;
}

#siteFooter{
	background: url(images/footer.png) no-repeat;
	height: 94px;
	margin-top: 40px;
	margin-left: 40px;
	text-align: center;
	display: block;
}

#fBlogSocnhi {
	float: right;
	position: relative;
	margin-right: 40px;
	margin-top: 10px;
}

/* BEGIN MAINBOX CSS */
.mainbox{
	background: url(images/tivi/mainbox_bg.png) repeat-y;
	width: 680px; margin-bottom: 10px;
	position: relative;
}

.mainbox .header{background: url(images/tivi/mainbox_header.png) no-repeat top left;}
.mainbox .footer{background: url(images/tivi/mainbox_footer.png) no-repeat bottom left;}
/* END MAINBOX CSS */

/* BEGIN CONTENTBOX CSS */
.contentbox{
	background: url(images/tivi/contentbox_bg.png) repeat-y;
	width: 680px; margin-bottom: 10px;
	position: relative;
}

.contentbox .header{background: url(images/tivi/contentbox_header.png) no-repeat top left;}
.contentbox .footer{background: url(images/tivi/contentbox_footer.png) no-repeat bottom left;}
/* END CONTENTBOX CSS */

/* BEGIN RIGHTBOX CSS */
.rightbox{
	background: url(images/tivi/rightbox_bg.png) repeat-y;
	width: 310px;
	position: relative;
}

.rightbox .header{
	background: url(images/tivi/rightbox_header.png) no-repeat top left;
}

.rightbox .footer{
	background: url(images/tivi/rightbox_footer.png) no-repeat bottom left;
	position: relative;
}

.rightbox .content{
	padding: 30px 10px 20px 10px;
}
/* END RIGHTBOX CSS */

/* BEGIN SITE TITLE CSS */
#rightbox_tiviplus, #rightbox_tiviplus_giftlist{
	margin-top: 70px;
}

#rightbox_tiviplus .title, #rightbox_tiviplus_giftlist .title{
	background: url(images/tivi/box_title/title_rightbox_raptivicong.png) no-repeat;
	height: 82px; width: 253px;
	position: absolute; top: -62px;
}

#box_1 .content, #box_2 .content, #box_3 .content, #box_4 .content, #box_5 .content{
	padding: 60px 10px 25px 10px;
}

#box_1 .title a, #box_2 .title a, #box_3 .title a, #box_4 .title a, #box_5 .title a{
	display: block; width: 290px; height: 66px;
}

#box_1 .cliplist, #box_2 .cliplist, #box_3 .cliplist, #box_4 .cliplist, #box_5 .cliplist{
	height: 200px; overflow: hidden;
}

#box_1{margin-top: 40px;}
#box_2{margin-top: 29px;}
#box_3{margin-top: 54px;}
#box_4{margin-top: 25px;}
#box_5{margin-top: 48px;}

#box_1 .title{
	background: url(images/tivi/box_title/title_phimnoibat.png) no-repeat;
	width: 290px; height: 72px;
	position: absolute; top: -30px; left: 0px;
}

#box_2 .title{
	background: url(images/tivi/box_title/title_nhacnoibat.png) no-repeat;
	width: 290px; height: 66px;
	position: absolute; top: -19px; left: 0px;
}

#box_3 .title{
	background: url(images/tivi/box_title/title_clipvuinoibat.png) no-repeat;
	width: 290px; height: 99px;
	position: absolute; top: -44px; left: 0px;
}

#box_4 .title{
	background: url(images/tivi/box_title/title_khamphanoibat.png) no-repeat;
	width: 290px; height: 62px;
	position: absolute; top: -15px; left: 0px;
}

#box_5 .title{
	background: url(images/tivi/box_title/title_betainangnoibat.png) no-repeat;
	width: 290px; height: 95px;
	position: absolute; top: -38px; left: 0px;
}
/* END SITE TITLE CSS */

/* BEGIN CLIP ICON CSS */
.cliplist {padding-left: 10px; width: 645px;}
.cliplist .clipitem{float: left; display: inline;}

.clipitem{
	width: 205px; height: 210px;
	text-align: center;
}

.clipitem .clipthumb{height: 140px; display: block; padding-top: 5px; background: url(images/tivi/clipitem_bg.png) no-repeat bottom center;}
.clipitem .clipthumb:hover{background: url(images/tivi/clipitem_bg.png) no-repeat top center;}
.clipitem .cliptitle{text-align: center; padding: 0px 8px; margin-top: 3px;}
.clipitem .cliptitle a{
	font-weight: bold;
	color: #38221C;
	font-size: 13px;
}

.clipitem .clipinfo{margin-top: 3px;}
.clipitem .clipinfo .clipview{float: left; width: 110px; text-align: left; margin-left: 10px;}
.clipitem .clipinfo .clipvote{float: right; width: 70px; text-align: right; margin-right: 10px;}

/* END CLIP ICON CSS */

/* BEGIN TIVI HOMEPAGE */
#tivi_homepage{
	background: url(images/tivi/tivi_homepage.png) no-repeat;
	width: 678px; height: 473px;
	position: relative;
}

#tivi_homepage #tvLeft{
	height: 285px; width: 400px;
	position: absolute; top: 95px; left: 70px;
}

#tivi_homepage #tvRight{
	height: 330px; width: 111px;
	position: absolute; top: 70px; left: 475px;
}

#tvLeft #bigImg{
	width: 377px;
	height: 286px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
}

#tvLeft #bigImg a{
	display: block;
	height: 286px;
	width: 377px;
	overflow: hidden;
	padding-top: 5px;
	padding-left: 5px;
}

#tvLeft #bigImg a img{
	width: 367px;
	height: 276px;
	position: relative;
	z-index: 90;
}

#tvLeft #bigImg a div#imgMask{
	position: absolute;
	top: 0px; left: 0px;
	height: 286px;
	width: 377px;
	background: url(images/tivi/homepage/377x286.gif) no-repeat top left;
	z-index: 100;
}

#tvLeft #bigImg a div#imgLoading{
	position: absolute;
	top: 5px; left: 5px;
	height: 276px;
	width: 367px;
	background: url(images/tivi/homepage/imgLoading.gif) #000000 no-repeat center center;
	z-index: 80;
}

#tvRightUp, #tvRightDown{
	height: 50px;
}

#tvRightContent{
	height: 232px;
	overflow: hidden;
	width: 111px;
}

#tvRightContent li{
	display: block;
	height: 116px;
	overflow: hidden;
}

#tvUp, #tvDown{
	background-repeat: no-repeat;
	display: block;
	width: 105px;
	height: 50px;
	position: relative;
}

#tvUp{
		background-image: url(images/tivi/homepage/tv_up_button.png);
}

#tvDown{
		background-image: url(images/tivi/homepage/tv_down_button.png);
}

a#tvUp, a:link#tvUp, a#tvDown, a:link#tvDown{
	background-position: 0px 0px;
	cursor: pointer;
	margin-left: 3px;
}

a:hover#tvUp, a:hover#tvDown{ background-position: -105px 0px;}

.tvThumb{
	margin-bottom: 5px;
	display: block;
	height: 111px;
	width: 111px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.tvThumb div{
	height: 111px !important;
	width: 111px !important;
	background: url(images/tivi/homepage/111x111.gif) no-repeat;
}

.tvThumb:hover, .tvActive{
}

.tvThumb strong{
	display: none;
}

#tvRightContent div{
	padding: 0px;
	margin: 0px;
}

#tivi_homepage #searchBox{
	position: absolute; left: 115px; top: 400px;
	height: 27px; width: 346px;
	background: url(images/tivi/bg_timphim_hompage.png) top right no-repeat;
	z-index: 100;
}

#tivi_homepage #searchKeyword{
	height: 20px; width: 224px;
	font-size: 13px; font-weight: bold;
	background: none; border: none;
	position: absolute; right: 1px; top: 7px;
}

#tivi_homepage #searchButton{
	position: absolute;
	right: -75px; top: -20px;
}
/* END TIVI HOMEPAGE */

/* BEGIN SCROLLBAR CSS */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 3;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
}

.tiviScrollbar .jScrollPaneTrack {
	background: url(images/tivi/scrollbar/scrollbar_bg.png) repeat-y;
	right: 7px;
}
.tiviScrollbar .jScrollPaneDrag {background: url(images/tivi/scrollbar/popcorn_icon.png) no-repeat;
	width: 39px !important; height: 48px !important; left: -13px;
	position: absolute;}
.tiviScrollbar .jScrollPaneDragBottom {display: none;}
.tiviScrollbar .jScrollPaneDragTop{ display: none;}

.tiviScrollbar a.jScrollArrowUp {
	background: url(images/tivi/scrollbar/scrollbar_up.png) no-repeat;
	height: 13px; right: 7px;
}
.tiviScrollbar a.jScrollArrowDown {
	background: url(images/tivi/scrollbar/scrollbar_down.png) no-repeat;
	height: 13px; right: 7px;
}
/* END SCROLLBAR CSS */

/* SEO */
.seoBox{
	position: absolute;
	left: -10000px;
}
/* END SEO */

/* BEGIN AJAX PAGER */
.ajaxPager{
	float: right;
	margin-right: 50px; margin-top: 15px;
}

.ajaxPager span{
	display: block;
	height: 15px;
	line-height: 15px;
	float: left;
	margin-left: 10px;
}

.ajaxPager span, #ajaxPager span a, .ajaxPager div{
	font-weight: bold;
	font-size: 12px;
	font-family: "Trebuchet MS";
	text-align: center;
}

.ajaxPager span.pagerCurrent{
	border: 1px solid #FE6C01;
	background: #FE6C01;
	color: #FFFFFF;
	padding: 0px 4px;
}

.ajaxPager span a{
	border: 1px solid #FE6C01;
	color: #585858 !important;
	padding: 0px 4px;
	display: block;
}

.ajaxPager span a:hover{
	border: 1px solid #FE6C01;
	background: #FE6C01;
	color: #FFFFFF !important;
	text-decoration: none;
}

.ajaxPager div{
 	display: block;
	height: 30px;
	float: left;
}

/* END AJAX PAGER */

/* BEGIN FILM LIBRARY PAGE */
#box_filmlib{margin-top: 30px;}
#box_filmlib .title{height: 30px; top: -15px; margin-left: 15px; position: absolute;}
#box_filmlib .title a strong{display: none;}
#box_filmlib .cliplist{height: 630px; overflow: hidden;}
#box_filmlib .content{padding: 40px 10px 20px 10px;}

#box_filmlib .title a{
	display: block;
	background-repeat: no-repeat;
	margin-right: 20px;
	float: left;
	width: 148px;
	height: 30px;
}

#box_filmlib .title a:hover, #box_filmlib .title a.active{background-position: 0px -30px;}
a#moinhat{background-image: url(images/tivi/button/moinhat_button.gif);}
a#haynhat{background-image: url(images/tivi/button/haynhat_button.gif);}
a#ngaunhien{background-image: url(images/tivi/button/ngaunhien_button.gif);}

#searchbox{
	position: relative;
	height: 27px;
	margin-right: 100px; margin-top: 20px;
	background: url(images/tivi/bg_timphim.png) top right no-repeat;
	z-index: 100;
}

#searchbox #searchKeyword{
	height: 20px; width: 224px;
	font-size: 13px; font-weight: bold;
	background: none; border: none;
	position: absolute; right: 1px; top: 7px;
}

#searchbox #searchButton{
	position: absolute;
	right: -107px; top: -20px;
}
/* END FILM LIBRARY PAGE */

/* BEGIN VIEW CLIP PAGE */
#box_comment{margin-top: 30px;}
#box_comment .title{
	height: 39px; width: 231px;
	top: -38px;
	position: absolute; 
	background: url(images/tivi/box_title/bebinhluan_label.jpg) no-repeat;
}
#box_comment .title a strong{display: none;}
#box_comment .cliplist{height: 600px; overflow: hidden;}
#box_comment .content{padding: 40px 20px 20px 20px;}

#box_comment textarea{height: 85px; border: 1px solid #906B58;}
#box_comment .textinput{width: 180px; border: 1px solid #906B58; margin-top:5px;}

#box_comment input.guibinhluan{
	border: none;
	width: 126px;
	height: 38px;
	background: url(images/tivi/button/guibinhluan_button.gif) no-repeat top left;
	cursor: pointer;
}

#box_comment .userInfo{
	float: left; display: inline;
	width: 190px; margin-right: 10px;
}

#box_comment .commentBox{
	float: left; display: inline;
	width: 440px;
}

.commentList{
	border-bottom: 1px dashed #FF7702;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.commentList p{
	text-indent: 20px;
}

.commentList p{
	margin-top: 0px;
}

.commentList .commentButton{margin-top: 10px;}

#rightbox_phimcungtheloai{margin-top: 50px;}

#rightbox_phimcungtheloai .title{
	background: url(images/tivi/box_title/phimcungtheloai_label.jpg) no-repeat;
	width: 231px; height: 39px;
	position: absolute; top: -38px;
}

#rightbox_phimcungtheloai .clipitem{
	clear: both; float: left; display: inline;
}
#rightbox_phimcungtheloai .clipinfo{
	float: left; display: inline; width: 85px;
}

#rightbox_phimcungtheloai .clipinfo div{
	font-size: 14px; margin-bottom: 10px;
}

#rightbox_phimcungtheloai .voteCount{
	background: url(images/tivi/icons/icon_hatde.png) no-repeat top right;
	height: 18px; line-height: 18px; padding-right: 22px;
}

/* PLAYER BG */
.playerBg{
	background: url(images/tivi/tivi_bg.png) no-repeat;
	width: 680px; height: 540px;
	position: relative; top: 0px; left: 0px;
	overflow: hidden;
}

.playerBg .bbHostingPlayer{position: absolute; top: 91px; left: 102px;}
.playerBg .raptiviPlayer{position: absolute; top: 0px; left: 0px;}
.playerBg .playerTitle{position: absolute; top: 0px; left: 0px;}
.playerBg .playerPager{position: absolute; top: 100px; left: 580px;}
.playerBg .playerVote{position: absolute; top: 130px; left: -8px; width:115px; height:140px;}
.playerBg .tivi_player{display: none;};
.tivi_intro{position: absolute; top: 100px; left: 100px; height: 276px; width: 367px;}

/* END VIEW CLIP PAGE */

/* Action Icon */
.actionIcon{
	text-align: center;
}
.actionIcon a{
	display: inline-block;
	height: 20px;
	padding-left: 20px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.activeIcon{ background-image: url(images/tivi/icons/deactive.jpg);}
.deactiveIcon{ background-image: url(images/tivi/icons/active.jpg);}
.deleteIcon{ background-image: url(images/tivi/icons/delete.jpg);}

/* Button Icon */
.bIcon{
	height: 16px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 20px;
	display: block;
	float: left;
	margin-right: 15px;
	line-height: 16px;
}

.editComment{
	background-image: url(images/tivi/icons/comment_edit.jpg);
}

.delComment{
	background-image: url(images/tivi/icons/comment_delete.jpg);
}

.badContent{
	background-image: url(images/tivi/icons/exclamation.jpg);
}

.requestAprove{
	background-image: url(images/tivi/icons/tick.jpg);
}

/* AJAX loader */
.ajaxLoader{
	background: url(images/tivi/ajax-loader.gif) no-repeat 50% 50%;
}

.ajaxSubmitLoader{
	background: url(images/tivi/ajax-submit-loader.gif) no-repeat 50% 50%;
	width: 126px;
	height: 11px;
	border: none !important;
}
/* END AJAX loader */

/* BEGIN TIVI PLUS PAGE */
#box_tiviplus{margin-top: 50px;}
#box_tiviplus .title{
	background: url(images/tivi/box_title/tiviplus_news_title.png) no-repeat;
	width: 286px; height: 86px;
	position: absolute; top: -36px;
}
#box_tiviplus .content{padding: 60px 20px 20px;}

#rightbox_giftlist{margin-top: 40px;}
#rightbox_giftlist .title{
	background: url(images/tivi/box_title/tiviplus_gift_title.png) no-repeat;
	width: 249px; height: 81px;
	position: absolute; top: -62px;
}
/* END TIVI PLUS PAGE */

#siteHeader_gioi_thieu{
	width: 990px; height: 840px; overflow: hidden;
}

#siteWrapper{position: relative;}

#siteFooterWrapper_music{position: relative;}
#block-counter-0{position: absolute; text-align: right; font-weight: bold; color: #FFF; width: 129px; height: 30px; top: 179px; left: 105px;}

#link_page{position: absolute; top: 0; left: 19px; display: block; width: 234px; height: 105px;}
#video_phim{background: transparent url(images/4a.png) no-repeat; position: absolute; top: 83px; left: 304px; display: block; width: 120px; height: 22px;}
#video_phim:hover{background: transparent url(images/4b.png) no-repeat; position: absolute; top: 83px; left: 304px; display: block; width: 120px; height: 22px;}
#video_hautruong{background: transparent url(images/5a.png) no-repeat; position: absolute; top: 83px; left: 430px; display: block; width: 120px; height: 22px;}
#video_hautruong:hover{background: transparent url(images/5b.png) no-repeat; position: absolute; top: 83px; left: 430px; display: block; width: 120px; height: 22px;}
#video_mostview{background: transparent url(images/6a.png) no-repeat; position: absolute; top: 83px; left: 555px; display: block; width: 120px; height: 22px;}
#video_mostview:hover{background: transparent url(images/6b.png) no-repeat; position: absolute; top: 83px; left: 555px; display: block; width: 120px; height: 22px;}
.video_link_list{
	background-color: #000000;
height:30px;
left:348px;
position:absolute;
top:83px;
width:326px;
}
.che{
	background-color:white;
	height:16px;
	left:706px;
	position:absolute;
	top:207px;
	width:223px;
}
.siteWrapperHome #block-counter-0 {
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	left:322px;
	position:absolute;
	text-align:right;
	top:170px;
	width:129px;
}
.siteWrapperHome #siteFooterWrapper p {
	font-size:10px;
	font-weight:bold;
/*	left:675px;*/
	margin:0.6em 0 1.2em;
	padding:0;
	position:absolute;
	top:184px;
	width:224px;
}
#siteFooterWrapper_gioi_thieu p, #siteFooterWrapper_news p, #siteFooterWrapper_photo p, #siteFooterWrapper_clip p, #siteFooterWrapper_music p, #siteFooterWrapper_game p{
	font-size:10px;
	font-weight:bold;
	left:706px;
	margin:0.6em 0 1.2em;
	padding:0;
	position:absolute;
	top:190px;
	width:224px;
}
.cp{left: 473px;}
.kenh14{left: 675px;}
#siteFooterWrapper_gioi_thieu .cp, #siteFooterWrapper_news .cp, #siteFooterWrapper_photo .cp, #siteFooterWrapper_clip .cp, #siteFooterWrapper_music .cp, #siteFooterWrapper_game .cp{	
	left:397px !important;
	top:154px !important;
}