/* The General Style of MFM */ /* Code by long.vu@mss.com.vn 08, Dec 2009 */ .clearfix:after, #container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} a {text-decoration: none; color: #000;} img {border: none;} img a {border: none;} ul {list-style-type:none;/*hack, override on base.css*/} ul li {list-style-type:none;/*hack, override on base.css*/} h1, h2, h3 {margin:0;/*hack, override on base.css*/} /* Basic class */ .show {display: block;} .hide{display: none;} .visible {visibility: hidden;} .cl {clear: left;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear_div {clear: both; height:0.08em;} .red {background-color: #FF0066} .green {background-color: #00FF66} .blue {background-color: #00CCFF;} .blue1 {background-color: #f9f7c9;} .light-yellow{background-color: #FAF9DC;} .light-yellow1{background-color: #ECFADB;} .yellow {background-color: #FFFF99;} .pink {background-color: #FF99CC;} .red2{background-color: #FF9933;} .bluelight{background-color: #D6ECF7;} .white {background-color: #FFFFFF;} .black {background-color: #222222;} .grey {background-color: #f2f2f2;} .greenlight {background-color: #e6ffcc} .blue2 {background-color: #3333CC} .border {border:1px dotted #000000} .blackgrey {background-color: #393939;} .noborder_r {border-right:none ; height: auto !important} .noborder_b {border-bottom:none ; height: auto !important} /** Begin the styles for all elements **/ html {background:#000 url(../images/bg.png) repeat; color:#C0C0C0;} body {margin:0px; padding:0px; text-decoration:none; background:#000; color:#C0C0C0;} #doc4 {padding: 0 8px; clear: both; margin:0 auto; padding:10px; width:61.385em;} #loading {text-align:center; padding:auto; clear: both; margin:0 auto; padding-top:100px; padding-bottom:100px;} #hd {min-height:300px; height:300px; background:#000 url(../images/hd_bg.jpg) no-repeat; width:61.385em;} #hd .flags {clear:both; padding:auto; height:20px; min-height:20px; width:300px; height:20px ; height: auto !important; float:left; padding-top:10px; padding-left:30px;} #hd .flags .active {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #hd .flags a {color:#cacaca;} #hd .flags a:hover {text-decoration:underline; color:#fff;} #hd .flags img {cursor:pointer; filter: alpha(opacity:50); KHTMLOpacity:0.50; MozOpacity:0.50; opacity:0.50;} #hd .flags img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #hd .sologan {clear:both; padding:auto; min-height:65px; width:250px; height:65px; height: auto !important; float:left; padding-top:175px; padding-left:70px;} #hd .sologan span {font-style:italic; font-weight:500; position:relative; top:20px;} #hd .temp_open_popup {cursor:pointer; padding:auto; width:470px; /*height:auto !important;*/ height:240px; float:right;} #hd .titlebar {float:right; padding:0px 5px 0 0;} #hd .titlebar span {position:relative; top:7px;} #hd .titlebar a {color:#CACACA;} #hd .titlebar a:hover {color:#fff; text-decoration:underline;} #hd .addon {width:80px; float:right; padding:0px 10px 0 0;} #hd .addon .tw {width:35px; display:inline-block; float:right;} #hd .addon .fb {width:35px; display:inline-block; float:right;} .tw img {cursor:pointer; filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80;} .tw img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} .tw img:active {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} .fb img {cursor:pointer; filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80;} .fb img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} .fb img:active {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #hd .time {position:relative; cursor:pointer; clear:both; margin:auto; padding:auto; height:22px; min-height:22px; width:300px; height: auto !important; float:right; padding-top:6px; padding-right:0px; text-align:right;} /*#hd .time img {height:18px; border:none;}*/ #hd .time span {font-style:normal; font-weight:500; color:#000;} #hd .time span.spec {font-size:17px;} #hd .wave_logo {float:right; position:absolute; top:-38px; right:13px;} #hd .wave_logo img {width:50px; filter: alpha(opacity:50); KHTMLOpacity:0.50; MozOpacity:0.50; opacity:0.50;} #hd .wave_logo img:hover {filter:alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #bd {clear:both; width:61.385em; background:transparent url(../images/bd_bg_r.png) no-repeat right top ; height: auto !important} #bd .main_mnu {text-align:center; clear:both; margin:auto; padding:auto; padding-top:5px; height:50px; min-height:50px; width:745px; height:50px ; height: auto !important position:relative; z-index:1;} #bd .main_mnu a {cursor:pointer; cursor:pointer ; height: auto !important width:145px; height:45px; padding:0 0px; color:transparent;} #bd .main_mnu img {cursor:pointer; cursor:pointer ; height: auto !important width:145px; height:45px; border:none;} /*#menu a {background-image:url(../images/menu.png); cursor:pointer; cursor:pointer ; height: auto !important} #mnu1 {background-position:0 0; width:148px ; height: auto !important} #mnu1:hover {background-position:0 -45px; background-position:0 -45px ; height: auto !important} #mnu1:active {background-position:0 -45px; background-position:0 -45px ; height: auto !important} #mnu1.active {background-position:0 -45px; background-position:0 -45px ; height: auto !important} #mnu2 {background:transparent url(../images/menu.png) no-repeat -147px 0 ; height: auto !important width:149px ; height: auto !important} #mnu2:hover {background:transparent url(../images/menu.png) no-repeat -148px -45px ; height: auto !important} #mnu2:active {background:transparent url(../images/menu.png) no-repeat -148px -45px ; height: auto !important} #mnu2.active {background:transparent url(../images/menu.png) no-repeat -148px -45px ; height: auto !important} .mnu2_active {background:transparent url(../images/menu.png) no-repeat -148px -45px ; height: auto !important width:149px ; height: auto !important} /*#mnu2 {background-position:-147px 0; width:149px ; height: auto !important} #mnu2:hover {background-position:-148px -45px;} #mnu2:active {background-position:-148px -45px;} #mnu2.active {background-position:-148px -45px;}*/ /*#mnu3 {background-position:-296px 0; width:149px ; height: auto !important} #mnu3:hover {background-position:-296px -45px;} #mnu3:active {background-position:-296px -45px;} #mnu3.active {background-position:-296px -45px;} #mnu4 {background-position:-444px 0; width:148px ; height: auto !important} #mnu4:hover {background-position:-444px -45px;} #mnu4:active {background-position:-444px -45px;} #mnu4.active {background-position:-444px -45px;} #mnu5 {background-position:-592px 0; width:150px ; height: auto !important} #mnu5:hover {background-position:-592px -45px;} #mnu5:active {background-position:-592px -45px;} #mnu5.active {background-position:-592px -45px;} #bd .main_mnu {text-align:center; clear:both; margin:auto; padding:auto; padding-top:5px; height:50px; min-height:50px; width:745px; height:50px ; height: auto !important position:relative; z-index:1;} #bd .main_mnu a {background-image:url(../images/menu.png); background-repeat:no-repeat; float:left; height:45px; line-height:38px; overflow:hidden; text-indent:-999em; width:146px;}*/ #bd .contain {clear:both; margin:auto; padding:auto; padding-bottom:5px; padding-top:5px; width:745px; /*height:280px; min-height:280px; height:280px ; height: auto !important*/} /*#bd .box {clear:both; width:715px; padding:15px 0 0 15px;} #bd .box .top {clear:both; height:5px; background:transparent url(../images/box_bg_t.png) no-repeat;} #bd .box .mid {clear:both; width:713px; border-left:1px solid #9D2747; border-right:1px solid #9D2747;} #bd .box .mid div {padding:10px; width:694px; height:200px;} #bd .box .bot {clear:both; height:5px; background:transparent url(../images/box_bg_b.png) no-repeat;}*/ /* Show only to IE PC \*/ * html .boxhead h2 {height: 1%;} /* For IE 5 PC */ #bd .box {width:740px; padding:20px 0;} .sidebox {margin: 0 auto; /* center for now */ width: 715px; /* ems so it will grow */ background: url(../images/sbbody-r.gif) no-repeat bottom right; font-size: 100%;} .boxhead {background: url(../images/sbhead-r.gif) no-repeat top right; margin: 0; padding: 0; text-align: left; height:5px;} .boxhead span {background: url(../images/sbhead-l.gif) no-repeat top left; margin: 0; padding: 0px; text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */ height:5px;} .boxbody {background: url(../images/sbbody-l.gif) no-repeat bottom left; margin: 0; padding: 5px 10px 10px; text-align:center;} /*#trailer, #story, #gallery, #stars, #producers {display:none;} #trailer {display:block;}*/ #main_p1, #main_p2, #main_p3, #main_p4, #main_p5, #main_p6 {display:none;} #main_p1 {display:block;} #t_list1, #m_1, #t_list2, #m_2 {display:none;} #t_list1 {display:block;} /*#bd .contain .trailer {width:740px; height:275px; padding:0px; background:transparent url(../images/contents/trailer.png) no-repeat center center;} #bd .contain .trailer .movie {width:749px; height:274px;} #bd .contain .trailer .movie .movie2 {width:710px; height:240px; padding:4px 0 0 5px;}*/ #bd .contain .trailer {width:694px; height:170px; padding:0px; text-align:center;} #bd .contain .trailer .list {width:660px; height:141px; padding:15px 0 10px 20px; text-align:center;} #bd .contain .trailer .list_i {padding-left:0px; width:610px; height:140px; text-align:center; font-size:0.9167em; color:#B2B2B2; padding:auto; margin:auto;} #bd .contain .trailer .list_i .item {float:left; width:240px; height:110px; text-align:left; background:none repeat scroll 0 0 transparent; border-top:medium none; color:#B2B2B2; font-size:0.9167em; margin:0; padding:17px 14px 14px; line-height:1.5em; background:#1A1A1A;} #bd .contain .trailer .list_i .mitem {float:left; width:50px; height:110px;} /*#bd .contain .trailer .list_i .item {-moz-border-radius:0 0 4px 4px; -moz-box-shadow:0 -1px 8px rgba(0, 0, 0, 0.75); background:url("../images/btn-viewtrailers-list-bg.png") repeat-x scroll left bottom transparent; margin:-5px 0 0; padding:5px 0 0;}*/ #bd .contain .trailer .list_i .item .col1 {width:100px; margin-left:0 ; height: auto !important float:left;} #bd .contain .trailer .list_i .item .col2 {width:136px; margin-left:0 ; height: auto !important float:left;} #bd .contain .trailer .list_i .item .col1 h3 {color:#FFF; font-size:1em; font-weight:bold; padding-top:1em; line-height:1.4; margin-bottom:0.3em;} #bd .contain .trailer .list_i .item .col1 p {margin:0; padding:0; margin-bottom:1.5em;} #bd .contain .trailer .list_i .item .col1 p.hd {margin-bottom:0;} #bd .contain .trailer .hd span {background:url("../images/icon-hd-gray.png") no-repeat scroll 0 50% transparent; display:block; text-indent:-9999px; width:17px;} #bd .contain .trailer .hd img {position:relative; top:2px;} #bd .contain .trailer .OverlayPanel {outline:medium none;} #bd .contain .trailer a {color:#FFFFFF;} #bd .contain .trailer .list_i .item .col2 a.thumb {display:block; position:relative; z-index:0;} #bd .contain .trailer .list_i .item .col2 a.thumb span {background:url("../images/thumb-overlay-play.png") no-repeat scroll 50% 50% transparent; cursor:pointer; height:75px; left:0; opacity:0; position:absolute; top:0; width:134px; z-index:0;} #bd .contain .trailer .list_i .item .col2 a.thumb:hover span {opacity:1;} #bd .contain .trailer .list_i .item .col2 img {width:134px; height:75px; -moz-box-shadow:0 -1px 5px rgba(0, 0, 0, 0.75); z-index:0; border:0 none;} #bd .contain .trailer .button {display:block; height:21px; line-height:20px; margin-left:-1px; margin-top:6px; text-decoration:none; text-shadow:1px -1px 1px #256FBF; width:137px;} #bd .contain .trailer .button a {color:#FFF;} #bd .contain .trailer .button .left-cap {background:url("../images/btn-watch-leftcap.png") no-repeat scroll 0 0 transparent; padding-left:11px; width:101px;} #bd .contain .trailer .button .right-cap {background:url("../images/btn-watch-rightcap.png") no-repeat scroll 0 0 transparent; width:25px;} #bd .contain .trailer .button span, .button a {cursor:pointer; display:block; float:left; height:21px;} #bd .contain .trailer .movie {width:692px; height:298px; padding:auto; margin:auto;} #bd .contain .trailer .cmovie {float:right; width:100px; height:25px; padding:auto; margin:auto; padding:10px 0px 0 0; font-weight:bold; color:#fff; text-decoration:underline; cursor:pointer; text-align:right;} .movie_bd {width:740px; height:462px; padding-top:10px;} .movie_all {width:720px; height:460px; padding:auto; margin:auto;} #bd .contain .story {padding-top:15px; padding-bottom:30px;} #bd .contain .story .story_text {width:660px; padding-left:15px; padding-top:10px; text-align:justify; float:left;} #bd .contain .story .story_text span {color:#fff; padding:0; line-height:1.5em; font-weight:500; color:#C0C0C0;} #bd .contain .story .text {width:740px; background:transparent url(../images/story_bg.png) no-repeat left top;} #bd .contain .story .text img {border:none; padding-top:40px; padding-left:40px;} #g_list1, #g_list2, #g_list3, #g_list4, #g_list5, #g_list6, #g_list7, #g_list8, #g_list9, #g_list10, #g_list11, #g_list12, #g_list13, #g_list14, #g_list15, #g_list16, #g_list17, #g_list18, #g_list19, #g_list20, #g_list21 {display:none;} #g_list1 {display:block;} #bd .contain .gallery {width:694px; height:250px; padding:0px; text-align:center;} #bd .contain .gallery .list {width:655px; height:141px; padding:30px 0 10px 20px; text-align:center;} #bd .contain .gallery .list_i {width:654px; height:140px; text-align:center;} #bd .contain .gallery .list_i .item {width:196px; height:129px; padding:5px 10px; float:left; text-align:center;} #bd .contain .gallery .list_i .item img {padding:3px; border:3px solid #fff; -moz-border-radius: 5px; width:183px; height:116px; cursor:pointer;} #bd .contain .gallery .page_num {padding:5px 0 0 35px; text-align:left; font-size:9pt; font-weight:bold; color:#fff; height:25px;} #bd .contain .gallery .page_num .gen {text-decoration:none; padding:0px 5px; background:#000; border:1px solid #cacaca;} #bd .contain .gallery .page_num a {cursor:pointer; color:#fff;} #bd .contain .gallery .page_num a:hover {text-decoration:underline; background:#000;} #bd .contain .gallery .page_num .disable {text-decoration:underline;} #bd .contain .gallery .page_num .enable {text-decoration:none;} #bd .contain .stars {width:694px; padding:0px; text-align:center; height:210px; height:210px; height: auto !important} #bd .contain .all_stars {width:685px; padding:15px 0px 15px 10px; text-align:center; clear:both; height:190px;} #bd .contain .all_stars .star_img {width:210px; height:169px; padding:0px; text-align:center; float:left; background:transparent url(../images/star_img_bg.gif) no-repeat;} #bd .contain .all_stars .star_img img {width:180px; height:119px; padding-top:11px; padding-left:0px;} #bd .contain .all_stars .star_img span {font-weight:bold; font-size:11pt; color:#1C1616; position:relative; top:7px;} #bd .contain .all_stars .star_text {width:470px; padding-left:5px; padding-bottom:10px; text-align:justify; float:left;} #bd .contain .all_stars .star_text h4 {font-size:10pt; color:#9D2747; padding:5px 0 2px 0;} #bd .contain .all_stars .star_text span {font-size:9pt; color:#fff; padding:0;} #bd .contain .stars_select {width:740px; clear:both; padding:10px 0; text-align:center;} #bd .contain .stars_select .text {width:739px; height:40px; text-align:center; font-weight:bold;} #bd .contain .stars_select .text .color1 {color:#fff;} #bd .contain .stars_select .text .color2 {color:#9D2747;} #bd .contain .stars_select .text .color3 {color:#FF275E;} #bd .contain .stars_select .text .color4 {color:#646464;} #bd .contain .stars_select .text span {padding:0 5px; width:165px; text-align:center; display:inline-block;} #bd .contain .stars_select .text span a {text-decoration:none; cursor:pointer;} #bd .contain .stars_select .text .link:hover {color:#fff; text-decoration:underline;} #star1, #star2, #star3, #star4 {display:none;} #star1 {display:block;} #bd .contain .producers {width:694px; padding:0px; text-align:center; padding-bottom:15px; height:300px;} #bd .contain .all_prod {width:655px; padding:5px 20px; text-align:justify; clear:both;} #bd .contain .all_prod span {line-height:1em; padding-top:10px;} #bd .contain .all_prod h2 {color:#9D2747; margin:1em 0 1.5em;} #bd .contain .all_prod h4 {color:#9D2747; margin:0 0 0.2em 0;} #bd .contain .prod_select {width:740px; clear:both; padding-top:10px; text-align:center; font-weight:bold; font-size:9pt;} #bd .contain .prod_select .color1 {color:#fff;} #bd .contain .prod_select .color2 {color:#9D2747;} #bd .contain .prod_select span {padding:0 20px; text-align:center; display:inline-block;} #bd .contain .prod_select span a {text-decoration:underline; cursor:pointer;} #bd .contain .prod_select span a:hover {color:#fff; text-decoration:underline;} #prod1, #prod2, #prod3, #prod4, #prod5 {display:none;} #prod1 {display:block;} #c_weeks_1, #c_weeks_2, #c_weeks_3, #c_weeks_4, #c_weeks_5 {display:none;} #bd .contain .tv_show {width:739px; text-align:center; margin:auto; padding:auto;} #bd .contain .tv_show .channel {width:140px; float:left; padding:10px 5px; text-align:left; margin:auto; padding:auto;} #bd .contain .tv_show .first {padding-right:2px; padding-left:0px;} #bd .contain .tv_show .last {padding-right:0px; padding-left:2px;} #bd .contain .tv_show .channel .p6_logo {height:50px; padding:5px;} #bd .contain .tv_show .channel .hr_1 {height:0.1em; width:99%; color:#CD307B;} #bd .contain .tv_show .channel .hr_2 {height:0.1em; width:99%; color:#BCBEC0;} #bd .contain .tv_show .channel .time {height:60px; min-height:60px; height:60px; height: auto !important color:#BCBEC0; line-height:1.5em; height: auto !important text-align:left; padding:5px 2px 0px; font-size:9pt;} #bd .contain .tv_show .channel .bt {padding-left:2px;} #bd .contain .tv_show .channel .weeks {padding-left:14px; padding-bottom:5px;} #bd .contain .tv_show .channel .week {width:100px; background:#828282; padding:2px 0;} #bd .contain .tv_show .channel .week:hover {background-color:#cacaca;} #bd .contain .tv_show .channel .week span {padding-left:22px; color:#fff; cursor:pointer;} #bd .contain .tv_show .channel .week span:hover {text-decoration:underline;} #bd .contain .tv_show .button {display:block; height:19px; line-height:20px; margin-left:-1px; margin-top:6px; text-decoration:none; text-shadow:1px -1px 1px #256FBF; width:137px; text-align:center;} #bd .contain .tv_show .button a {color:#FFF;} #bd .contain .tv_show .button .left-cap {background:url("../images/btn-watch-leftcap.png") no-repeat scroll 0 0 transparent; padding-left:11px; width:101px;} #bd .contain .tv_show .button .right-cap {background:url("../images/btn-watch-rightcap.png") no-repeat scroll 0 0 transparent; width:25px;} #bd .contain .tv_show .button span, .button a {cursor:pointer; display:block; float:left; height:21px;} #bd .contain .tv_show .p6_trl {padding-left:1px; padding-top:10px;} #bd .contain .tv_show .p6_trl .OverlayPanel {outline:medium none;} #bd .contain .tv_show .p6_trl a {color:#FFFFFF;} #bd .contain .tv_show .p6_trl a.thumb {display:block; position:relative; z-index:0;} #bd .contain .tv_show .p6_trl a.thumb span {background:url("../images/thumb-overlay-play.png") no-repeat scroll 50% 50% transparent; cursor:pointer; height:75px; left:2px; opacity:0; position:absolute; top:5px; width:134px; z-index:0;} #bd .contain .tv_show .p6_trl a.thumb:hover span {opacity:1;} #bd .contain .tv_show .p6_trl img {width:135px; height:80px; -moz-box-shadow:0 -1px 5px rgba(0, 0, 0, 0.75); z-index:0; border:1px solid #cacaca; padding:1px 0 1px 1px;} #bd .contain .tv_caption {clear:both; padding:5px 0 0 0;} #bd .contain .tv_list {clear:both; padding:5px 0 0 0;} #bd .contain .tv_list .row {float:left; padding:2px; width:360px; height:20px;} #bd .contain .tv_list .row span {color:#fff; position:relative;} #bd .contain .tv_list .r1 {background:url("../images/tv_title_bg_1.gif") no-repeat left;} #bd .contain .tv_list .r2 {background:url("../images/tv_title_bg_2.gif") no-repeat left;} #bd .contain .tv_list .col {} #bd .contain .tv_list .c1 {width:50px; padding-left:15px; float:left;} #bd .contain .tv_list .c1 span {top:2px; left:10px;} #bd .contain .tv_list .c1 span:hover {text-decoration:underline;} #bd .contain .tv_list .c2 {width:120px; padding-left:5px; float:left;} #bd .contain .tv_list .c2 span {top:2px; left:10px;} #bd .contain .tv_list .c2 span:hover {text-decoration:underline;} #bd .contain .tv_list .c22 {width:120px; padding-left:5px; float:left;} #bd .contain .tv_list .c22 span {top:2px; left:10px;} #bd .contain .tv_list .c3 {width:100px; float:right; padding-top:1px; padding-right:25px; text-align:right;} #bd .contain .tv_list .c3 img {cursor:pointer;} #bd .contain .tv_list .c32 {width:100px; float:right; padding-top:1px; padding-right:25px; text-align:right;} #bd .contain .tv_list .c32 span {color:#544D50; font-style:italic;} #tv_note {display:none;} #bd .download {clear:both; margin:auto; padding:auto; height:80px ; height: auto !important min-height:80px; #height:95px; width:745px; } #bd .download a {height:30px;} #bd .download img {cursor:pointer; filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80;} #bd .download img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #bd .download .note span {font-style:italic; font-size:9pt; color:ccc; position:relative; left:10px; top:7px;} #bd .download .trl_note {width:453px; height:30px; padding:0px; float:left; background:url("../images/note_trailer_bg.gif") no-repeat left;} #bd .download .tv_note {width:453px; height:30px; padding:0px; float:left; background:url("../images/note_tv_bg.gif") no-repeat left;} #bd .download .tv_note img {position:relative; top:0px; left:2px; cursor:default;} #bd .download .trailer {width:125px; height:40px; padding:0px; float:left;} #bd .download .trailer img {width:121px; height:30px; border:none;} #bd .download .size {width:180px; height:40px; padding-left:10px; float:left;} #bd .download .size label {font-size:8pt; cursor:pointer;} #bd .download .size img {width:10px; height:10px; border:none;} #bd .download .fb {width:30px; height:40px; padding-right:5px; float:right;} #bd .download .fb img {width:30px; height:30px; border:none;} #bd .download .tw {width:30px; height:40px; padding-right:5px; float:right;} #bd .download .tw img {width:30px; height:30px; border:none;} #bd .download .ym {width:72px; height:40px; padding-right:5px; float:right;} #bd .download .ym img {width:72px; height:30px; border:none;} #bd .download .y1 {width:82px; height:40px; padding-right:5px; float:right;} #bd .download .y1 img {width:82px; height:30px; border:none;} #bd .download .music {width:125px; height:40px; padding-right:0px; float:right;} #bd .download .music img {width:122px; height:30px; border:none;} .download1 {clear:both; margin:auto; padding:auto; width:745px; } .tv_note1 {width:453px; height:30px; padding:0px; float:left; background:url("../images/note_tv_bg.gif") no-repeat left;} .note1 span {font-style:italic; font-size:9pt; color:ccc; position:relative; left:10px; top:7px;} #bd .banner {clear:both; margin:auto; padding:auto; height:125px; min-height:125px; width:690px; height:125px ; height: auto !important} #bd .banner img {cursor:pointer; filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80; width:210px; height:106px; padding-left:0px; float:left; border:none; padding:10px;} #bd .banner img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #bd .logo {clear:both; margin:auto; padding:auto; height:44px; min-height:44px; width:768px; height:44px ; height: auto !important padding-top:25px;} #bd .logo .conner {float:left; witdth:21px; height:44px;} #bd .logo .mid {text-align:center; float:left; width:726px; height:44px; background:#fff url(../images/ad_bg_m.gif) repeat-x top; margin:auto; padding:auto;} #bd .logo .mid a {height:44px; cursor:pointer; padding:0px 3px;} #bd .logo .mid img {cursor:pointer; filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80; height:44px;} #bd .logo .mid img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} #bd .line {clear:both; margin:auto; padding:auto; width:768px; min-height:1px; height:1px; height:1px ; height: auto !important background:transparent url(../images/line.png) no-repeat center center;} #bd .line1 {position:relative; z-index:2; top:-46px;} #bd .line2 {position:relative; z-index:3; top:0px;} /* Footer */ #ft {clear:both; width:61.385em; background:transparent; min-height:100px; height:100px !importaint; height:100px; padding:25px 0 10px 0; text-align:center;} /* Counter */ #ct {clear:both; width:61.385em; background:transparent; padding-bottom:20px; text-align:center;} /* hiddenContent */ #h_trailer, #h_size, #dl_trailer, #lbl_1_1, #lbl_1_2, #lbl_2_1, #lbl_2_2 {display:none;} .h_trailer {width:125px; height:40px; padding-top:5px; float:left; padding-left:10px;} .h_trailer img {width:121px; height:30px; border:none; filter: alpha(opacity:70); KHTMLOpacity:0.7; MozOpacity:0.7; opacity:0.7;} .h_trailer img:hover {filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} .h_size {width:180px; height:40px; padding-top:5px; padding-left:10px; float:left;} .h_size label {font-size:8pt; cursor:pointer; color:#fff;} .h_size img {width:10px; height:10px; border:none;} /*long.vu - tooltip*/ #tooltip{ /*position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;*/ /*display:block;*/ position:absolute; top:0px; left:0; padding:10px 0 0 0; width:360px; /*color:#993300;*/ text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; color:#fff; display:none; background:transparent; z-index:24; font-size:11pt; font-weight:bold; text-decoration:none; } #tooltip .top {display: block; padding-top:15px; background-color:#000; background:url(../images/top_tt.png) no-repeat top;} #tooltip .mid {display: block; padding:0 8px; background-color:#000; background:url(../images/bg_tt.gif) repeat bottom; min-height:30px; height:30px; padding-top:10px;} #tooltip .mid .light {color:#FFF600; font-size:15pt; font-weight:bold;} #tooltip .bot {display: block; padding-bottom:8px; color:#548912; background-color:#000; background: url(../images/bot_tt.png) no-repeat bottom;} /*end - tooltip*/ /*begin thumbnail*/ #thumbBox{ /*Outermost DIV for thumbnail viewer*/ position: absolute; left: 0; top: 0; width: auto; padding: 10px; padding-bottom: 0; background: #313131; visibility: hidden; z-index: 10; cursor: hand; cursor: pointer; } #thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */ font: bold 16px Tahoma; letter-spacing: 5px; line-height: 1.1em; color: white; padding: 5px 0; text-align: right; } #thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */ background-color: white; } #thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/ position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; display:none; } /*end thumbnail*/ /* Code by long.vu@mss.com.vn 08, Dec 2009 */ /* Vu add, 240310*/ .big_banner { width:743px; height:280px;} .big_banner img {cursor:pointer; filter: alpha(opacity:100); KHTMLOpacity:1; MozOpacity:1; opacity:1;} .big_banner img:hover {filter: alpha(opacity:80); KHTMLOpacity:0.80; MozOpacity:0.80; opacity:0.80;} .download_option { width:174px} .download_line { height:16px;} .download_line1 { height:26px;} .download_line img {} .download_line span { color:#FFFFFF;} .song { width:243px; height:70px; background-color:#999999} .trailer1 { width:243px; height:70px; background-color:#1a1a1a; margin-right:5px;} .download_img { width:128px; height:70px; text-align:center;} .download_img img {} .trailer1_intro { width:104px; height:64px; padding-top:6px; padding-left:6px;} .trailer1_intro span { color:#CCCCCC; font-weight:bold; font-size:11px;} .trailer1_intro font { color:#CCCCCC; font-size:11px;} .trailer1_img { width:98px; height:57px; margin-top:6px;} .play_now {z-index:1000; opacity:10; position:absolute; width:700px; height:270px; text-align:center; display:none;} .play_now img { position:relative; top:125px;} .trailer2 { width:244px; height:70px; background-color:#1a1a1a; margin-right:5px;} .trailer2_intro { width:124px; height:64px; padding-top:6px; padding-left:6px;} .trailer2_intro span { color:#CCCCCC; font-weight:bold; font-size:11px;} .trailer2_intro font { color:#CCCCCC; font-size:11px;} .trailer2_img { width:98px; height:57px; margin-top:6px;} .shoutbox { height:170px; width:743px; margin-left:28px; #margin-left:35px;} .sb_left { width:5px; height:170px; background:url("../images/sb_left.gif") no-repeat;} .sb_content { width:733px; height:170px; background-color:#181617} .sb_input { width:200px; height:160px; padding-left:10px; padding-right:13px; padding-top:10px;} .sb_title { height:20px;} .sb_title input { width:180px; height:18px; border:none;} .sb_name { height:20px;} .sb_name input { width:180px; height:18px; border:none; color:#999999;} .sb_email { height:20px;} .sb_email input { width:180px; height:18px; border:none;color:#999999;} .sb_message { height:70px;} .sb_message textarea { width:180px; height:60px; border:none;color:#999999;} .sb_send { height:20px; text-align:right; padding-right:20px;} .sb_display { width:510px; height:160px; padding-top:5px;} .sb_line { height:20px; border-bottom:solid 1px #414042; padding-top:5px;} .sb_line1 { height:20px; padding-top:5px;} .sb_line_ms { width:400px; padding-right:10px;} .sb_line_ms font { font-size:12px;} .sb_line_time { width:100px; text-align:center;} .sb_line_time span {font-size:11px;} .sb_old { color:#939598} .sb_right { width:5px; height:170px; background:url("../images/sb_right.gif") no-repeat;} /*long.vu - tooltip*/ /*---------- bubble tooltip -----------*/ a.tt{ position:relative; z-index:24; color:#3CA3FF; font-weight:bold; text-decoration:none; } a.tt span{ display: none; } /*background:; ie hack, something must be changed in a for ie to execute it*/ a.tt:hover{ z-index:25; color: #aaaaff; background:;} a.tt:hover span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:200px; color: #993300; text-align: center; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; } a.tt:hover span.top{ display: block; padding: 30px 8px 0; background-color:#000; background: url(../images/bubble.gif) no-repeat top; } a.tt:hover span.middle{ /* different middle bg for stretch */ display: block; padding: 0 8px 2px;; background-color:#000; background: url(../images/bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom{ display: block; padding:3px 8px 10px; margin-bottom:5px; color: #548912; background-color:#000; background: url(../images/bubble.gif) no-repeat bottom; } /*end - tooltip*/ /*contests*/ .contests { height:500px ; height: auto !important min-height:500px; margin-top:10px; display:none;} .ct_c1 { height:550px ; height: auto !important min-height:550px; width:340px; padding-left:30px;} .ct_c2 { height:550px ; height: auto !important min-height:550px; width:400px;} .ct_content1 { height:60px; ; height: auto !important min-height:60px;} .ct_content1 span { color:#cd307b; font-weight:bold;} .ct_content2 { height:70px ;; height: auto !important min-height:70px; text-align:justify} .ct_content2 font { color:#FFFFFF; font-weight:bold; font-size:12px;} .ct_content2 span { color:#FFFFFF;} .ct_content3 { height:200px; ; height: auto !important min-height:200px; text-align:justify} .ct_content3 span { color:#FFFFFF;} .ct_content4 { height:40px; ; height: auto !important min-height:40px; text-align:justify} .ct_content4 span { color:#FFFFFF;} .ct_content5 { height:40px; ; height: auto !important min-height:40px;} .ct_content5 span { color:#cd307b; font-weight:bold;} .ct_content6 { height:60px; ; height: auto !important min-height:60px; text-align:justify} .ct_content6 span { color:#FFFFFF;} .ct_building { width:318px; height:298px; margin-bottom:20px; border:solid 1px #CCCCCC; padding:2px; background-color:#000000;} .ct_car { width:318px; height:155px; border:solid 1px #CCCCCC; padding:2px; background-color:#000000;} .ct_car img { position:relative; top:20px; left:10px;} .ct_note { height:50px ; height: auto !important min-height:50px; padding-left:30px; padding-right:10px;} .ct_note_text { width:670px; height:30px; ; height: auto !important min-height:30px; font-style:italic; padding-right:10px;} .ct_note_text span { color:#FFFFFF; font-size:12px;} .ct_note_text a { color:#0033FF; font-size:12px;} .sub_logo { height:44px; text-align:center; margin-top:10px;} .sub_logo a { padding:4px; float:left;} .ct_menu { height:30px;} .ct_blank { height:30px; width:400px;} .ct_blank1 { height:30px; width:370px;} .ct_intro { height:20px; background-color:#414042; width:100px; text-align:center;} .ct_intro a { position:relative; top:2px; color:#939598; text-transform:uppercase; font-size:12px;} .ct_intro a:hover { position:relative; top:2px; color:#0089cf;} .ct_question { height:20px; background-color:#231f20; width:100px; margin-left:5px; text-align:center;} .ct_question a { position:relative; top:2px; color:#939598; text-transform:uppercase; font-size:12px;} .ct_question a:hover { position:relative; top:2px; color:#0089cf;} .ct_rule { height:20px; background-color:#010000; width:150px; margin-left:5px; text-align:center;} .ct_rule a { position:relative; top:2px; color:#939598; text-transform:uppercase; font-size:12px;} .ct_rule a:hover { position:relative; top:2px; color:#0089cf;} .contests_rule { height:500px ; height: auto !important min-height:500px; margin-top:10px; padding-left:30px; padding-right:30px; padding-bottom:10px; display:none;} .ctr_title { height:30px;} .ctr_title span { font-weight:bold; color:#cd307b;} .ctr_content { height:520px ; height: auto !important min-height:520px; text-align:justify;} .ctr_content a { color:#0099FF; font-size:12px;} .ctr_note_text { width:600px; height:30px; ; height: auto !important min-height:30px; font-style:italic; padding-right:10px;} .lc {min-height:200px ; height: auto !important height:200px;} .lc_content {height:200px; background-color:#181617; width:728px; padding-left:10px; overflow:auto; padding-bottom:10px;} .lc_chat {height:162px; background-color:#000000; width:738px; margin-bottom:20px; border-top:solid 10px #181617} .lc_input {height:152px; width:300px; padding-left:10px; padding-top:10px; #padding-top:8px; background: url(../images/corner.gif) no-repeat bottom left; background-color:#181617; } .lc_name { height:25px; width:150px;} .lc_name input { height:20px; width:140px; border:none;} .lc_email { height:25px; width:150px;} .lc_email input { height:20px; width:150px; border:none;} .lc_msg { height:100px;} .lc_msg textarea { height:70px; width:300px; border:none;} .lc_send { height:20px; width:300px; text-align:right;} .lc_send input {} .lc_r {width:24px; height:162px; background: url(../images/chat_r.gif); background-repeat:no-repeat;} .human {width:400px; height:132px; padding-top:30px;} .hm01 { width:115px; height:86px;} .hm01 img { border:solid 1px #CCCCCC} .hm02 { width:115px; height:86px; padding-left:20px;} .hm02 img { border:solid 1px #CCCCCC} .hm03 { width:115px; height:86px; padding-left:20px;} .hm03 img { border:solid 1px #CCCCCC} .live_cam { width:743px; height:250px; background: url(../images/chat_bg.jpg); background-repeat:no-repeat;} .jwplayer {width:384px; height:230px; padding:auto; margin:auto; border:solid 5px #000000;} .lc_header { width:738px; height:6px;background: url(../images/chat_header.gif); background-repeat:no-repeat;} .lc_line {min-height: 20px; height: auto !important; height: 20px; border-bottom:dotted 1px #999999; padding-bottom:5px; padding-top:5px;} .lc_text {min-height: 20px; height: auto !important; height: 20px; width:590px;} .lc_date {min-height: 20px; height: auto !important; height: 20px; width:110px;} .lc_date span { font-size:12px;} .ms_border { position:absolute;} .ms_music {position:relative; top:30px; left:20px;} .ms_music span {font-size:18px; color:#d04283;} .ms_songname {position:relative; top:30px; left:40px;} .ms_songname span {font-size:18px; color:#d04283; font-family:"Times New Roman", Times, serif; font-weight:bold;} .ms_singer { position:relative; top:30px; left:40px;} .ms_singer span {font-size:20px; font-family:"Times New Roman", Times, serif; color:#d04283;} /**/ .dl { height:500px ; height: auto !important min-height:500px; margin-top:10px; margin-left:30px; margin-right:30px; display:none;} .dl_menu { height:43px;} .dl_sound_track { height:20px; width:380px;} .dl_ringtone { height:20px; width:170px;} .dl_ringtone span { font-size:14px; color:#CCCCCC; font-weight:bold;} .dl_ringtone font { font-size:14px; color:#999999; font-weight:bold;} .dl_ringback_tone { height:20px; width:150px;} .dl_ringback_tone span { font-size:14px; color:#CCCCCC; font-weight:bold;} .dl_ringback_tone font { font-size:14px; color:#999999; font-weight:bold;} .dl_header { height:20px; text-align:right;} .st_table {height:200px ; height: auto !important min-height:200px;} .st_line { height:47px; border-bottom:solid 2px #58595b} .st_bg1 { background-color:#231f20} .st_bg2 { background-color:#333132} .st_songname { height:37px; width:180px; padding-left:10px; padding-top:10px;} .st_songname span { font-weight:bold; color:#cd307b} .st_songname font { color:#CCCCCC; font-size:12px;} .st_player { height:37px; width:170px; padding-top:8px;} .st_sms_code { height:30px; width:120px; border-left:solid 3px #000000; border-right:solid 3px #000000; padding-top:17px; text-align:center;} .st_sms_code span { font-weight:bold; font-size:12px; color:#CCCCCC;} .st_sms_code font { font-size:12px; color:#CCCCCC} .rbt_vina { height:30px; width:80px; padding-top:17px; text-align:center;} .rbt_vina span { font-weight:bold; font-size:12px; color:#cd307b;} .rbt_mobi { height:30px; width:80px; padding-top:17px; text-align:center;} .rbt_mobi span { font-weight:bold; font-size:12px; color:#cd307b;} .rbt_viettel { height:30px; width:90px; padding-top:17px; text-align:center;} .rbt_viettel span { font-weight:bold; font-size:12px; color:#cd307b;} .wp_table {height:400px ; height: auto !important min-height:400px; padding-bottom:20px;} .wp_header { height:25px; padding-top:15px; text-align:center;} .wp_col1 { width:287px; height:234px;} .wp_col2 { width:450px; height:234px;} .wp_box { width:130px; height:120px; margin-left:20px; #margin-left:15px;} .wp_box_img { width:130px; height:97px;} .wp_box_img img {border:solid 1px #666666; width:127px; height:95px;} .wp_1280x1024 { background-color:#58595b; width:65px; height:16px; text-align:center;} .wp_1280x1024 a { color:#CCCCCC; font-size:9px;} .wp_800x600 { background-color:#333132; width:64px; height:16px; text-align:center;} .wp_800x600 a { color:#CCCCCC; font-size:9px;} .st_download {height:60px ; height: auto !important; min-height:60px; background-color:#666666; padding-left:20px; padding-top:10px; margin-bottom:50px;} .st_guide { height:20px; } .st_code { height:30px; width:100px;} .st_code span { position:relative; top:5px;} .st_code_input { height:30px; width:400px;} .st_code_input input { border:solid 1px #999999;} .comming_soon { position:absolute;} .comming_soon span { position:relative; top:102px; left:500px; font-weight:bold; font-size:30px; color:#CCCCCC;} /**For POPUP**/ #ajaxContent_popupBox .c_title {text-align:center; font-size:20px; font-weight:400; padding-bottom:5px;} #ajaxContent_popupBox dt {color:#CC327B; padding-top:10px;}