* { font-weight: normal; margin: 0; padding: 0; } html { background: url("../images/common/bg.jpg") repeat-x scroll center top #FFFFFF; } body { background: url("../images/common/bg-container.jpg") no-repeat scroll center top transparent; color: #1a3944; font-family: 'Helvetica','Arial','Thonburi','Tahoma','sans-serif'; font-size: 14px; line-height: 1.25em; } i { vertical-align: middle !important; margin-right:5px; } strong { font-weight:normal;} a { text-decoration:none; } a:hover { text-decoration:none; } .clear { clear:both; } #fancybox-close {top: -7px; right: -7px;} .bold { font-weight: bold; } .rsu { font-family: 'RSURegular'; } .box-shadow { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } .text-shadow { text-shadow: 0 1px 5px #000000; } a.thumbnail-white, .thumbnail-white, .thumbnail { background-color:#FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); display: block; line-height: 20px; padding: 4px; transition: all 0.2s ease-in-out 0s; } a.thumbnail-white:hover, .thumbnail-white:hover, .thumbnail:hover { border: 1px solid rgba(27, 123, 195, 0.9); box-shadow: 0 1px 3px rgba(27, 123, 195, 0.075); } .can-overlay { } .descr-main-text { color:#cccccc; font-size:10px;} .descr-title-text { color:#777777; font-size:10px;} .title-list-link { overflow:hidden; height:38px; display:block; margin-bottom:10px; } .tag-list-link { overflow: hidden; height: 12px; display: block; } .descr-list-text { overflow:hidden; height:15px; font-size:10px; color:#777777; display:block; } .can-overlay .info { bottom: 4px; height: 15px; left: 4px; line-height: 15px; overflow: hidden; padding: 5px; position: absolute; z-index: 2; } .can-overlay h4 { text-align:left; display: block; left: 5px; overflow: hidden; position: absolute; top: 5px; z-index: 4; font-size:12px; line-height: 19px; } .can-overlay a { color: #FFFFFF; display: block; height: 100%; width: 100%; } .can-overlay .wrapper { cursor: pointer; display: block; } .can-overlay .bg { background-color: #000000; bottom: 0; display: block; height: 24px; left: 0; opacity: 0.5; overflow: hidden; padding: 0 5px; position: absolute; z-index: 3; } .nav-video { display: block; } .nav-video ul, .nav-video ol { list-style: none outside none; margin: 0; } .nav-video li { background-color: #79737D; border-radius: 15px 15px 15px 15px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #000000; cursor: pointer; display: inline-block; font-size: 15px; height: 15px; line-height: 15px; margin-right: 3px; padding: 5px 9px; } .nav-video li:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } .nav-video li.active { color:#FFFFFF; background-color: #FA741D; background-image: -moz-linear-gradient(center top , #F7641F, #F2861A); background-image: -ms-linear-gradient(top, #F7641F, #F2861A); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F7641F), to(#F2861A)); background-image: -o-linear-gradient(top, #F7641F, #F2861A); background-image: linear-gradient(top, #F7641F, #F2861A); background-repeat: repeat-x; } .nav-list { padding: 0; position: absolute; right: 10px; top: 15px; } .nav-list button, .nav-list a { text-align:center; display:inline-block; box-shadow:0 1px 5px #063958, 0 -1px 0 #063958 inset; color:#BBBBBB; margin-left: 5px; background-color: #024162; border: 0 none; border-radius: 5px 5px 5px 5px; font-size: 17px; font-weight: bold; padding: 3px 12px; } .nav-list button.active, .nav-list a.active { color:#222222; background-color: #6FBF44; background-image: -moz-linear-gradient(center top , #C2DA6C, #51B747); background-image: -ms-linear-gradient(top, #C2DA6C, #51B747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2DA6C), to(#51B747)); background-image: -o-linear-gradient(top, #C2DA6C, #51B747); background-image: linear-gradient(top, #C2DA6C, #51B747); box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; } .nav-list button:hover, .nav-list a:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } .mthai-video-nav { position:absolute !important; top:-40px !important; z-index:100000; left:122px !important; } #video-navbar .container { } .nav-more { position: absolute; right: 10px; top: 15px; } .moreBtn { box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; background: url("../images/common/common-sprite.png") no-repeat scroll -234px -48px #000000; border: medium none; border-radius: 10px 10px 10px 10px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 15px; height: 25px; line-height: 25px; padding-left: 25px; padding-right: 10px; vertical-align: middle; } .moreBtn span { color:#F59331; } .moreBtn:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } .admin-action { font-size: 10px; padding: 2px 7px; } #video-mthai-container { background:url("../images/common/bg-container.jpg") no-repeat scroll center -40px transparent; } .container { position:relative; width: 980px !important; margin: 0px auto; } .inner-container { background-color: #FFFFFF; position:relative; width: 960px !important; margin: 0px auto 10px; padding:10px; } #topbar { position:relative !important; } #head-block .ad-topbanner { float: left; height: 90px; margin-left: 30px; padding: 5px 0; width: 728px; } .gift {margin-bottom: 15px;} body > .navbar .brand { color: #000000; float: right; font-weight: bold; margin-left: 20px; padding-left: 0; padding-right: 0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); transition: all 0.2s linear 0s; } body > .navbar .brand:hover { color:#FFFFFF; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.4); } .navbar li.truehit { margin-top: 5px; } #video-navbar .navbar-inner-2 { background-color: #163147; background-image: -moz-linear-gradient(center top , #204956, #163147); background-image: -ms-linear-gradient(top, #204956, #163147); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#204956), to(#163147)); background-image: -o-linear-gradient(top, #204956, #163147); background-image: linear-gradient(top, #204956, #163147); background-repeat: repeat-x; } #video-navbar .main { float: none; height: 30px; padding: 10px 0px 0px 20px; } #video-navbar .main li { color: #fff; cursor: pointer; display: block; height: 30px; line-height: 30px; margin: 0px 3px; padding: 0px 10px; float: left; list-style-type: none; } #video-navbar .main li.active { background-color: #dbed73 !important; color: #1b3b46; border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; } #video-navbar .main li.hasmore { } .navbar .nav > li > a { padding: 9px 8px 12px; } .navbar-inner li.helper-btn a { color:#DBED73; } .navbar-inner li.helper-new-btn a { color:#F4721C; } #video-navbar .main li.hasmore .caret { border-top: 4px solid #BBBBBB; opacity:1.0; margin-top:12px; } #video-navbar .main li.hasmore strong,#video-navbar .main li > a {background-color: transparent; color: #BBBBBB; line-height: 25px; padding: 5px 10px 0; text-decoration: none; } #video-navbar .main li.caret-fil strong, #video-navbar .main li.hasmore strong:hover, #video-navbar .main li > a:hover { color: #DBED73; } #video-navbar .main li.active a, #video-navbar .main li.active strong, #video-navbar .main li.active strong:hover { color: #1B3B46; } #video-navbar .main li.caret-fil .caret { border-top:4px solid #DBED73; } #video-navbar .main li.active .caret { border-top:4px solid #1B3B46; } #video-navbar .sub { background-color: #DBED73; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0px 0px; float: none; height: 23px; margin: 0; padding-top: 2px; } #video-navbar .sub li { color: #1B3B46; height: 23px; line-height: 22px; float: left; display: block; list-style-type: none; padding: 0px 5px; margin: 0px 5px; font-size:0.9em; } #video-navbar .sub li p { margin:0; } #video-navbar .sub li a { color: #1B3B46; line-height: 15px; font-size:0.9em; margin: 0px; padding: 5px 0 0; color: #1b3b46; } #video-navbar .sub li a:hover { color: #279BBE; } #video-navbar #categories-button {cursor: pointer;} #video-navbar #categories-submenu {display: none; background-color: #231F1E; position: absolute; top: 0px; left: 201px; padding: 5px 5px 5px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #video-navbar #categories-submenu .column { margin: 0 0 0 0; float: left; } #video-navbar #categories-submenu .column li { list-style: none; width: 100px; height: 20px; overflow: hidden; } #video-navbar #categories-submenu .column li a {color: #FFFFFF;} #video-navbar #categories-submenu .column li a:hover {color:#FBAF5D;} #video-navbar #channel-button {cursor: pointer;} #video-navbar #channel-submenu {display: none; background-color: #231F1E; position: absolute; top: 0px; left: 201px; padding: 5px 5px 5px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #video-navbar #channel-submenu .column { margin: 0 0 0 0; float: left; } #video-navbar #channel-submenu .column li {list-style: none;width: 80px; height: 18px; overflow: hidden; margin-right: 20px; } #video-navbar #channel-submenu .column li a {color: #FFFFFF;} #video-navbar #channel-submenu .column li a:hover {color:#FBAF5D;} #header { padding-top: 15px; } h1.top-title { font-size:12px; position:absolute; top:0; } #header-block { margin-bottom: 25px; position: relative; } #header-block div.logo { background: url("../images/common/common-sprite.png") no-repeat scroll 0 0 transparent; float: left; height: 102px; width: 220px; } #header-block div.logo a { display: block; height: 102px; width: 220px; } #header-nav { background-color: #3D3D3D; background-image: -moz-linear-gradient(center top , #494949, #232524); background-image: -ms-linear-gradient(top, #494949, #232524); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#232524)); background-image: -o-linear-gradient(top, #494949, #232524); background-image: linear-gradient(top, #494949, #232524); border-radius: 5px 5px 5px 5px; height: 60px; margin-bottom: 15px; } #header-nav .inner { line-height: 60px; padding: 0 15px 0 20px; } #header-nav .search-bar { font-size: 23px; color: #FFFFFF; float: left; } #header-nav .truehit-bar { margin-left:10px; float: left; } #header-nav .search-bar form { margin:0; } #header-nav .action-bar { float: right; } #header-nav label { font-size: 20px; margin-bottom: 0; margin-right: 5px; } #header-nav input[type="text"] { margin-left: 5px; margin-right: 5px; } #header-nav #searchBtn { background: url("../images/common/common-sprite.png") no-repeat scroll -2px -104px transparent; border:0 none; height: 36px; width: 61px; } #header-nav #searchBtn:hover, #header-nav #manageClipBtn:hover, #header-nav #uploadClipBtn:hover { box-shadow: 0 0 4px #000000; border-color:rgba(255,255,255,0.5);} #header-nav #manageClipBtn { margin-right: 10px; display:inline-block; background: url("../images/common/common-sprite.png") no-repeat scroll -64px -105px transparent; border: medium none; color: #FFFFFF; font-size: 16px; height: 35px; width: 120px; margin-top: 13px; line-height: 35px; float:right; text-align: center; } #header-nav #uploadClipBtn { text-align:center; display:inline-block; background: url("../images/common/common-sprite.png") no-repeat scroll -186px -105px transparent; border: medium none; color: #FFED65; font-size: 16px; height: 35px; padding-left: 30px; width: 89px; margin-top: 13px; line-height: 35px; float:right; } #header-nav #issueClipBtn { text-align: center; display: inline-block; background: url("../images/icn-help.png") no-repeat scroll 0px 0px transparent; border: medium none; color: #FFFFFF; font-size: 16px; height: 35px; width: 103px; margin-top: 14px; line-height: 35px; float: right; border-radius: 2px; margin-right: 10px; } .mainBar { float: left; margin-right: 9px; width: 651px; } .sideBar { float:left; width:300px; } #pageGroup { border-radius: 10px 10px 0 0; } /* Homepage */ #topHomeGroup { margin-bottom:25px; background-color: #232323; border-radius: 10px 10px 10px 10px; padding: 10px; } #topHomeGroup a { color:#DDDDDD; text-decoration:none; } #topHomeGroup a:hover { color:#1B7BC3; } #topHomeGroup h4 { width:130px; font-size: 12px; font-weight: normal; margin-top: 4px; text-align: left; } div.hilightTopic a strong { font-weight:bold;width:130px; font-size: 15px;margin-top: 4px;text-align: left; line-height: 18px; } #hilightBox { width:480px; height:450px; float:left; margin-right:10px; text-align:center;} #hilightBox #hilightSlider { width:480px; } #hilightBox .inner { position:relative; } #hilightBox .nav-video { z-index:10; position: absolute; right: 10px; top: 10px; } #hilightBox .nav-video li { font-size: 12px; margin-right: 2px; padding: 1px 6px; } #hilightBox .inner img { height: 320px; width: 470px; } #hilightBox .inner img.avatar{ margin-right: 10px; float:left; height: 40px; width: 40px; } #hilightBox .inner .entry { z-index:0; width: 480px; height: 450px; overflow: hidden; } #hilightBox .inner .entry .hilightTopic {color: #FFFFFF; margin-top:10px; text-align:left; } #hilightBox .inner .entry .hilightDescrip { font-size: 14px; margin-top: 5px; } #hilightBox .inner .entry .hilightInfo { line-height: 22px; font-size: 12px; float: left; width: 430px; } #hilightBox .inner .entry .wrap { margin-top: 10px; } #hilightBox .inner .entry h4 { font-size: 15px; margin-top: 0; width: 100%; } #hilightBox .inner .entry h4 a { color:#F79621; font-weight:bold; } #hilightBox .inner .entry h4 a:hover { color:#FCAE55; } #hilightBox .inner .entry span { color: #FFFFFF; ; } #hilightBox .inner .entry a { color:#F79621; } #hilightBox .inner .entry a:hover { color:#FCAE55; } #hilightBox .inner .entry a.tag { color:#B2D567; } #hilightBox .inner .entry a.tag:hover { } #newsBox { float: left; width: 160px; } #newsBox h2 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -142px transparent; color: #FFFFFF; font-size: 19px; height: 33px; line-height: 33px; text-align: center; } #newsBox .inner { background-color: #363636; height: 393px; padding: 15px 10px 10px; } #newsBox .entry { margin-bottom: 10px; text-align: center; } #newsBox .can-add-pl { width:130px; margin: 0 auto; } p.text_Topic{margin: 4px 5px 0;text-align: left;line-height: 18px;} p.text_Topic a{ font-size: 12px;font-weight: normal;width: 130px;} p.contentTopic {margin-top: 4px;text-align: left;width: 130px;line-height: 18px;} p.contentTopic a{font-size: 12px;font-weight: normal;} #newsBox .last { margin-bottom:0; } #newsBox .entry img { width:120px; height:75px; margin:0 auto; } #newsBox .entry .image-create-new-pl {width:95px; height:20px;} #newsBox .entry .image-create-new-pl-click {width:24px; height:18px;} #newsBox .entry h4 { margin:4px 5px 0; } #hotBox { margin-top: 10px; position:relative; } #hotBox .nav-video { right: 10px; height: 41px; line-height: 41px; position: absolute; top: 0px; } #hotBox h2 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -180px transparent; color: #FFFFFF; font-size: 19px; height: 41px; line-height: 41px; padding-left: 20px; } #hotBox h3 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -180px transparent; color: #FFFFFF; font-size: 19px; height: 41px; line-height: 41px; padding-left: 20px; } #hotBox h3 span { color:#EEC602; } #hotBox h2 span { color:#EEC602; } #hotBox .inner { height: 133px; overflow: hidden; padding: 14px 12px 0; position: relative; z-index: 0; } #hotBox .entry { float: left; margin-right: 14px; } #hotBox .entry img { height: 75px; width: 120px; } #hotBox .inner .nav { background-color: #FFFFFF; border-radius: 15px 15px 15px 15px; cursor: pointer; height: 14px; line-height: 14px; margin-bottom: 0; padding: 5px; position: absolute; top: 45px; width: 14px; z-index: 5; } #hotBox .inner #hotNavLeft{ left:0; } #hotBox .inner #hotNavRight{ right:0; } #hotBox .inner .wrapper-slide { width:276px; margin:auto; } #hotBox .inner .inner-slide{ width:276px; height: 136px;} #hotBox .inner .entry { float:left; margin-right:16px; width:130px; } #hotBox .inner .last { margin:0;} #hotBox .pager { margin-bottom: 0px } #hotBox .pager a { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; display: block; padding: 0; } #hotBox .inner #hotNavLeft a, #hotBox .inner #hotNavRight a{ display: block; height: 24px; position: absolute; top: 0; width: 19px; } #hotBox .inner #hotNavLeft a:focus, #hotBox .inner #hotNavRight a:focus{ outline: medium none; } #mainHomeGroup { background-color: #FFFFFF; border-radius: 10px 10px 10px 10px; } h2.main-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -229px transparent; postion:relative; height: 49px; line-height: 49px; width: 650px; } h2.main-head-bar span { color: #FFFFFF; display: block; font-size: 14px; text-align: center; width: 185px; } h3.main-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -229px transparent; postion:relative; height: 49px; line-height: 49px; width: 650px; } h3.main-head-bar span { color: #FFFFFF; display: block; font-size: 15px; text-align: center; width: 185px; } h4.main-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -229px transparent; postion:relative; height: 49px; line-height: 49px; width: 650px; } h4.main-head-bar span { color: #FFFFFF; display: block; font-size: 15px; text-align: center; width: 185px; } h2.side-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -283px transparent; height: 40px; line-height: 40px; width: 300px; } h2.side-head-bar span { color: #FFFFFF; font-size: 20px; padding-left: 20px; text-align: left; } h2.side-head-bar span.style { margin-left:5px; color: #FFC905; padding-left: 0px; } h3.side-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -283px transparent; height: 40px; line-height: 40px; width: 300px; } h3.side-head-bar span { color: #FFFFFF; font-size: 20px; padding-left: 20px; text-align: left; } h3.side-head-bar span.style { margin-left:5px; color: #FFC905; padding-left: 0px; } h3.side-head-bar span.more_relate { padding-left: 26px; font-size: 14px; margin-left: 43px;} h3.side-head-bar span.more_poster { padding-left: 26px; font-size: 14px; margin-left: 27px;} h4.side-head-bar { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -283px transparent; height: 40px; line-height: 40px; width: 300px; } h4.side-head-bar span { color: #FFFFFF; font-size: 20px; padding-left: 20px; text-align: left; } h4.side-head-bar span.style { margin-left:5px; color: #FFC905; padding-left: 0px; } #webmasterBox { position:relative; margin-bottom:10px; } #webmasterBox .nav-video { right: 10px; height: 49px; line-height: 49px; position: absolute; top: 3px; } #webmasterBox .nav-video ul { float:left; } #webmasterBox .nav-video .webmasterMore { float:left; margin-left: 5px; } #webmasterBox .inner { background-color: #CAE3EA; background-image:-moz-linear-gradient(center 30% , #CAE3EA, #FFFFFF); background-image: -ms-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE3EA), to(#FFFFFF)); background-image: -o-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: linear-gradient(center 30%, #CAE3EA, #FFFFFF); padding: 5px 10px; } #webmasterBox .wrap { } #webmasterBox .wrap p.list_webmasterWrap, #box-autoplaylist .info p.list_webmasterWrap{display: block;font-size: 12px;right:5px;left: 5px;overflow: hidden;position: absolute;text-align: left;top: 5px;z-index: 4;margin: 0;} #webmasterBox .wrap p.list_webmasterWrap a, #box-autoplaylist .info p.list_webmasterWrap a{color: #FFFFFF;display: block;height: 100%;width: 100%;text-decoration: none;font-weight: normal;margin: 0;padding: 0;line-height: 19px;} #popularBox .info p.list_popularBox{display: block;font-size: 12px;right:5px;left: 5px;overflow: hidden;position: absolute;text-align: left;top: 5px;z-index: 4;margin: 0;} #popularBox .info p.list_popularBox a{color: #FFFFFF;display: block;height: 100%;width: 100%;text-decoration: none;font-weight: normal;margin: 0;padding: 0;line-height: 19px;} #cateBox .info p.list_cateBox{display: block;font-size: 12px;right:5px;left: 5px;overflow: hidden;position: absolute;text-align: left;top: 5px;z-index: 4;margin: 0;} #cateBox .info p.list_cateBox a{color: #FFFFFF;display: block;height: 100%;width: 100%;text-decoration: none;font-weight: normal;margin: 0;padding: 0;line-height: 19px;} #channelBox .info p.list_channelBox{display: block;font-size: 12px;right:5px;left: 5px;overflow: hidden;position: absolute;text-align: left;top: 5px;z-index: 4;margin: 0;} #channelBox .info p.list_channelBox a{color: #FFFFFF;display: block;height: 100%;width: 100%;text-decoration: none;font-weight: normal;margin: 0;padding: 0;line-height: 19px;} #webmasterBox .entry { float: left; margin: 5px 10px 5px 0; text-align: center; height:100px; width: 140px; } #webmasterBox .last { margin-right:0; } #webmasterBox .entry img { height: 100px; margin: 0 auto; width: 140px; } #webmasterBox .entry h4 { margin:0; } #webmasterBox .entry a { text-decoration:none; } #webmasterBox .entry .bg, #webmasterBox .entry .info, #webmasterBox .entry h4 { width:130px; } #channelBox { margin-bottom: 5px; position:relative; } #channelBox h2 span { font-size:18px; } #channelBox .nav-channel { border-bottom: 5px solid #325D7F; margin-bottom: 5px; position: relative; } #channelBox .inner { padding: 10px 10px 5px; } #channelBox .wrap { } #channelBox .entry { float: left; height: 100px; margin: 5px 10px 5px 0; width: 140px; } #channelBox .hilight { float: left; height: 220px; width: 300px; } #channelBox .last { margin-right:0; } #channelBox .entry img { height: 100px; margin: 0 auto; width: 140px; } #channelBox .hilight img { height: 220px; width: 300px; } #channelBox .entry a { text-decoration:none; } #channelBox .entry h4 { } #channelBox .entry .bg, #channelBox .entry .info, #channelBox .entry h4 { width:130px; } #channelBox .hilight .bg, #channelBox .hilight .info, #channelBox .hilight h4 { width: 290px; } #channelBox img.chn-profile-img { height: 35px; left: 4px; position: absolute; top: 4px; width: 35px; } #channelBox .hilight img.chn-profile-img { height: 70px; width: 70px; } #popularBox { margin-bottom: 5px; position:relative; } #popularBox .nav-popular { border-bottom: 5px solid #325D7F; margin-bottom: 5px; position: relative; } #popularBox .nav-popular ul { list-style: none outside none; margin: 0 0 0 15px; } #popularBox .nav-popular li { font-size: 16px; color: #444444; background-color: #D4D4D4; background-image: -moz-linear-gradient(center top , #E7E7E7, #CFCFCF); background-image: -ms-linear-gradient(top, #E7E7E7, #CFCFCF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#CFCFCF)); background-image: -o-linear-gradient(top, #E7E7E7, #CFCFCF); background-image: linear-gradient(top, #E7E7E7, #CFCFCF); border-radius:7px 7px 0 0; border-style: solid solid none; border-width: 1px 1px 0; border-color:#BBBBBB; cursor: pointer; display: inline-block; height: 35px; line-height: 35px; margin: 0 3px; text-align: center; width: 130px; } #popularBox .nav-popular li a { color: #444444; text-decoration:none; } #popularBox .nav-popular li:hover{ box-shadow: 0 -2px 2px #000000; } #popularBox .nav-popular li.active { background-color: #F6911D; background-image: -moz-linear-gradient(center top , #F8941A, #E9691E); background-image: -ms-linear-gradient(top, #F8941A, #E9691E); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F8941A), to(#E9691E)); background-image: -o-linear-gradient(top, #F8941A, #E9691E); background-image: linear-gradient(top, #F8941A, #E9691E); border-color: #ED6823; color: #FFFFFF; } #popularBox .inner { padding: 10px 10px 5px; } #popularBox .wrap { } #popularBox .entry { float: left; height: 100px; margin: 5px 10px 5px 0; width: 140px; } #popularBox .hilight { float: left; height: 220px; width: 300px; } #popularBox .last { margin-right:0; } #popularBox .entry img { height: 100px; margin: 0 auto; width: 140px; } #popularBox .hilight img { height: 220px; width: 300px; } #popularBox .entry a { text-decoration:none; } #popularBox .entry h4 { } #popularBox .entry .bg, #popularBox .entry .info, #popularBox .entry h4 { width:130px; } #popularBox .hilight .bg, #popularBox .hilight .info, #popularBox .hilight h4 { width: 290px; } .tagCloudBox { background-color:#ABDBE5; border-radius: 5px 5px 5px 5px; font-size: 12px; padding: 5px 10px; margin: 15px 10px 0; } .tagCloudBox a { color:#236274; text-decoration: none; } .tagCloudBox a:hover { color:#194551; } #partnerGroup { margin: 15px 0; } #partnerGroup .partnerWrap { float: left; margin-right: 10px; width: 210px; } #partnerGroup .last { margin-right:0; } #partnerGroup .partnerWrap h2 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -329px transparent; color: #FFFCFE; font-size: 19px; height: 39px; line-height: 39px; padding-left: 39px; } #partnerGroup .partnerWrap h4 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -329px transparent; color: #FFFCFE; font-size: 19px; height: 39px; line-height: 39px; padding-left: 39px; } #partnerGroup .partnerWrap .inner { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -376px transparent; height: 319px; padding: 10px; } #partnerGroup .partnerWrap .entry { height: 72px; margin-bottom: 10px; overflow: hidden; } #partnerGroup .partnerWrap .last { margin-bottom:0px; } #partnerGroup .partnerWrap .entry img { float: left; height: 62px; margin-right: 10px; width: 87px; } #partnerGroup .partnerWrap .entry h4 { float: left; font-size: 12px; width: 77px; } #partnerGroup .partnerWrap .entry p.list_lifegoodBox { float: left; width: 77px;line-height: 18px; } #partnerGroup .partnerWrap .entry p.list_lifegoodBox a{font-size: 12px;} #partnerGroup .partnerWrap .entry a { color: #CCCCCC; text-decoration:none;} #partnerGroup .partnerWrap .entry a:hover { color: #FFFFFF; } #partnerGroup #tvBox { } #partnerGroup #lifegoodBox { } #partnerGroup #lifegoodBox h2 { background:url("../images/common/common-sprite.png") no-repeat scroll -215px -329px transparent; } #partnerGroup #lifegoodBox h4 { background:url("../images/common/common-sprite.png") no-repeat scroll -215px -329px transparent; } #partnerGroup #lifegoodBox .inner { background: url("../images/common/common-sprite.png") no-repeat scroll -215px -376px transparent; } /*#partnerGroup #tvOnlineBox .channel { float: left; margin: 10px; text-align: center; width: 75px; } #partnerGroup #tvOnlineBox .channel img { height: 50px; width: 65px; }*/ #partnerGroup #tvOnlineBox .channel { float: left; margin: 6px; text-align: center; width: 83px; } #partnerGroup #tvOnlineBox .channel img { height: 43px; width: 59px; margin-left: 8px;} #partnerGroup #tvOnlineBox .channel .list_tvonlineBox {font-size: 11px; margin: 3px 0 -5px; height: 17.5px; overflow: hidden;} #partnerGroup #tvOnlineBox .channel .list_tvonlineBox a {color: #CCCCCC;} #partnerGroup #tvOnlineBox .channel .list_tvonlineBox a:hover {color: #FFFFFF;} #moodBox { position:relative; margin-top:15px; margin-bottom:5px; } #moodBox .nav-mood { border-bottom: 5px solid #325D7F; margin-bottom: 5px; position: relative; } #moodBox .nav-mood ul { list-style: none outside none; margin: 0 0 0 15px; } #moodBox .nav-mood li { font-size: 16px; color: #444444; background-color: #D4D4D4; background-image: -moz-linear-gradient(center top , #E7E7E7, #CFCFCF); background-image: -ms-linear-gradient(top, #E7E7E7, #CFCFCF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E7E7E7), to(#CFCFCF)); background-image: -o-linear-gradient(top, #E7E7E7, #CFCFCF); background-image: linear-gradient(top, #E7E7E7, #CFCFCF); border-radius:7px 7px 0 0; border-style: solid solid none; border-width: 1px 1px 0; border-color:#BBBBBB; cursor: pointer; display: inline-block; height: 35px; line-height: 35px; margin: 0 3px; text-align: center; width: 109px; } #moodBox .nav-mood li a { color: #444444; text-decoration:none; } #moodBox .nav-mood li:hover{ box-shadow: 0 -2px 2px #000000; } #moodBox .nav-mood li.active { background-color: #F6911D; background-image: -moz-linear-gradient(center top , #F8941A, #E9691E); background-image: -ms-linear-gradient(top, #F8941A, #E9691E); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F8941A), to(#E9691E)); background-image: -o-linear-gradient(top, #F8941A, #E9691E); background-image: linear-gradient(top, #F8941A, #E9691E); border-color: #ED6823; color: #FFFFFF; } #moodBox .inner { padding: 10px 10px 5px; } #moodBox .entry { float: left; height: 100px; margin: 5px 10px 5px 0; width: 140px; } #moodBox .hilight { float: left; height: 220px; width: 300px; } #moodBox .last { margin-right:0; } #moodBox .entry img { height: 100px; margin: 0 auto; width: 140px; } #moodBox .hilight img { height: 220px; width: 300px; } #moodBox .entry a { text-decoration:none; } #moodBox .entry h4 { } #moodBox .entry .bg, #moodBox .entry .info, #moodBox .entry h4 { width:130px; } #moodBox .hilight .bg, #moodBox .hilight .info, #moodBox .hilight h4 { width: 290px; } #cateBox { position:relative; margin-top:15px; } #cateBox #nav-cate { background-color: #15334D; background-image: -moz-linear-gradient(center top , #122B3F, #163853); background-image: -ms-linear-gradient(top, #122B3F, #163853); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#122B3F), to(#163853)); background-image: -o-linear-gradient(top, #122B3F, #163853); background-image: linear-gradient(top, #122B3F, #163853); color: #FFFFFF; font-size: 15px; padding:10px 10px 0; } #cateBox #nav-cate .title { color: #F59331; display: block; float: left; } #cateBox #nav-cate ul { list-style: none outside none; margin: 0; } #cateBox #nav-cate ul li { background-color: #0E4C65; background-image: -moz-linear-gradient(center top , #005E70, #183753); background-image: -ms-linear-gradient(top, #005E70, #183753); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#005E70), to(#183753)); background-image: -o-linear-gradient(top, #005E70, #183753); background-image: linear-gradient(top, #005E70, #183753); border: 1px solid #005E70; cursor: pointer; display: inline-block; margin: 0 0 10px 7px; padding: 1px 8px; } #cateBox #nav-cate ul li a { text-decoration:none; color:#FFFFFF; } #cateBox #nav-cate ul li:hover { box-shadow: 0 -1px 2px #FFFFFF; } #cateBox #nav-cate ul li.active { background-color:#FE8713; border-color:1px solid #FAD006; background-image: -moz-linear-gradient(center top , #FAD006, #FE8713); background-image: -ms-linear-gradient(top, #FAD006, #FE8713); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAD006), to(#FE8713)); background-image: -o-linear-gradient(top, #FAD006, #FE8713); background-image: linear-gradient(top, #FAD006, #FE8713); } #cateBox .inner { background-color: #C9E2E9; padding: 5px 10px; } #cateBox .entry { float: left; margin: 5px 10px 5px 0; text-align: center; height:100px; width: 140px; } #cateBox .last { margin-right:0; } #cateBox .entry img { height: 100px; margin: 0 auto; width: 140px; } #cateBox .entry h4 { margin:0; } #cateBox .entry a { text-decoration:none; } #cateBox .entry .bg, #cateBox .entry .info, #cateBox .entry h4 { width:130px; } #forumBox { margin-top:15px; } #forumBox #forumHot { position:relative; } #forumBox #forumHot h2 span { font-size:18px; } #forumBox #forumHot #postForumBtn { margin-right:5px; background-color: #F57421; background-image: -moz-linear-gradient(center top , #FDAB3B, #F06520); background-image: -ms-linear-gradient(top, #FDAB3B, #F06520); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDAB3B), to(#F06520)); background-image: -o-linear-gradient(top, #FDAB3B, #F06520); background-image: linear-gradient(top, #FDAB3B, #F06520); } #forumBox #forumHot #viewForumBtn { background-color: #6FBF44; background-image: -moz-linear-gradient(center top , #C2DA6C, #51B747); background-image: -ms-linear-gradient(top, #C2DA6C, #51B747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2DA6C), to(#51B747)); background-image: -o-linear-gradient(top, #C2DA6C, #51B747); background-image: linear-gradient(top, #C2DA6C, #51B747); } #forumBox #forumHot #postForumBtn, #forumBox #forumHot #viewForumBtn { vertical-align: middle; border: 0 none; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 3px 12px; } #forumBox #forumHot #postForumBtn:hover, #forumBox #forumHot #viewForumBtn:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } #forumBox #forumHot .inner { padding: 10px; } #forumBox #forumHot .entry { float: left; margin-bottom: 5px; margin-right: 10px; width: 310px; } #forumBox #forumHot .last { margin-right:0; } #forumBox #forumHot .entry img { height: 70px; margin-right:10px; width: 100px; float:left; } #forumBox #forumHot .entry h4 { font-size:13px; float: left; width: 190px; } #forumBox #forumHot .entry p.list_forum { float: left;width: 190px;line-height: 18px; } #forumBox #forumHot .entry p.list_forum a { font-size:13px;} #forumBox #forumHot .entry a { color:#222222; text-decoration:none; } #forumBox #forumHot .entry a:hover { color:#1B7BC3; } #forumBox #forumRow { margin-top: 5px; font-size:13px; } #forumBox #forumRow table tr th { background-color: #BFDFEE; } #forumBox #forumRow table tr td { border-bottom: 1px dotted #DDDDDD; border-top: 0 none; font-size: 13px; } #forumBox #forumRow table tr td.num, #forumBox #forumRow table tr th.num { text-align:center; } #forumBox #forumRow table tr td span { color: #2D6F84; font-size: 13px; margin-right: 5px; } #forumBox #forumRow a { color:#222222; text-decoration:none; } #forumBox #forumRow a:hover { color:#1B7BC3; } /* Homepage SideBar */ #talkBox { margin-bottom: 5px; background-color: #E0EFF4; margin-top: 5px;} } #webmasterTalkBox .webmasterWrap li a { color:#222222; text-decoration:none; } #webmasterTalkBox .webmasterWrap li a:hover { color:#1B7BC3; } #webmasterTalkBox { } #webmasterTalkBox .webmasterTitle { position:relative; height:80px; } #webmasterTalkBox h3 { background-color: #86C2DA; font-weight: bold; height: 40px; line-height: 40px; padding-left: 90px; text-align: left; text-shadow: 1px 1px 2px #FFFFFF; } #webmasterTalkBox .avatar { background-color: #FFFFFF; border-radius: 4px 4px 4px 4px; left: 10px; position: absolute; top: 7px; } #webmasterTalkBox .avatar img { height: 60px; width: 60px; } #webmasterTalkBox .nav-help { margin-left: 90px; margin-top: 5px; text-align: left; } #webmasterTalkBox #howtoBtn { border: 0 none; border-radius: 4px 4px 4px 4px; box-shadow: 1px 1px 2px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 14px; margin-right: 5px; padding: 2px 10px; text-shadow: 0 0 1px #000000; margin-right:5px; background-color: #F57421; background-image: -moz-linear-gradient(center top , #FDAB3B, #F06520); background-image: -ms-linear-gradient(top, #FDAB3B, #F06520); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDAB3B), to(#F06520)); background-image: -o-linear-gradient(top, #FDAB3B, #F06520); background-image: linear-gradient(top, #FDAB3B, #F06520); } #webmasterTalkBox #issueBtn { border: 0 none; border-radius: 4px 4px 4px 4px; box-shadow: 1px 1px 2px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 14px; margin-right: 5px; padding: 2px 10px; text-shadow: 0 0 1px #000000; background-color: #6FBF44; background-image: -moz-linear-gradient(center top , #C2DA6C, #51B747); background-image: -ms-linear-gradient(top, #C2DA6C, #51B747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2DA6C), to(#51B747)); background-image: -o-linear-gradient(top, #C2DA6C, #51B747); background-image: linear-gradient(top, #C2DA6C, #51B747); } #webmasterTalkBox #howtoBtn:hover, #webmasterTalkBox #issueBtn:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } #webmasterTalkBox .webmasterWrap { margin: 5px 10px; } #webmasterTalkBox .webmasterWrap ul { color: #2C6F84; list-style: disc outside none; margin: 0 0 0 15px; } #webmasterTalkBox .webmasterWrap li { border-bottom: 1px dotted #555555; font-size: 12px; margin-bottom: 3px; padding-bottom: 3px; } #shoutBox { margin-top: 20px; } #shoutBox h3 { background-color: #86C2DA; font-weight: bold; height: 33px; line-height: 33px; padding-left: 147px; text-align: left; text-shadow: 1px 1px 2px #FFFFFF; } #shoutBox .shoutTitle { position:relative; height:60px;} #shoutBox .shoutThumb { left: 7px; position: absolute; top: -45px; } #shoutBox .shoutThumb img { height: 85px; width: 125px; } #shoutBox .shoutInfo { margin-left: 147px; padding-right: 10px; padding-top: 5px; } #shoutBox .shoutInfo h4 { font-size: 12px; } #shoutBox .shoutWrap { background-color:#FFFFFF; } #topFiveBox{background:#183B57; width:300px; padding-bottom:5px; margin-top: 10px;} #topFiveBox div.header{width:300px;height:60px; background: url("../images/common/common-sprite.png") repeat scroll 0 -721px transparent; } #topFiveBox div#top1{background-color:#8DD9E9; background-image: -moz-linear-gradient(15% 50% , #8DD9E9, #183B57); background-image: -ms-linear-gradient(15% 50% , #8DD9E9, #183B57); background-image: -webkit-gradient(linear, 0 15%, 0 50%, from(#8DD9E9), to(#183B57)); background-image: -o-linear-gradient(15% 50% , #8DD9E9, #183B57); background-image: linear-gradient(15% 50% , #8DD9E9, #183B57); margin:5px;} #topFiveBox div#top2{background-color:#75C2D4; background-image: -moz-linear-gradient(15% 50% , #75C2D4, #183B57); background-image: -ms-linear-gradient(15% 50% , #75C2D4, #183B57); background-image: -webkit-gradient(linear, 0 15%, 0 50%, from(#75C2D4), to(#183B57)); background-image: -o-linear-gradient(15% 50% , #75C2D4, #183B57); background-image: linear-gradient(15% 50% , #75C2D4, #183B57); margin:5px;} #topFiveBox div#top3{background-color:#59A0B4; background-image: -moz-linear-gradient(15% 50% , #59A0B4, #183B57); background-image: -ms-linear-gradient(15% 50% , #59A0B4, #183B57); background-image: -webkit-gradient(linear, 0 15%, 0 50%, from(#59A0B4), to(#183B57)); background-image: -o-linear-gradient(15% 50% , #59A0B4, #183B57); background-image: linear-gradient(15% 50% , #59A0B4, #183B57);margin:5px;} #topFiveBox div#top4{background-color:#387A92; background-image: -moz-linear-gradient(15% 50% , #387A92, #183B57); background-image: -ms-linear-gradient(15% 50% , #387A92, #183B57); background-image: -webkit-gradient(linear, 0 15%, 0 50%, from(#387A92), to(#183B57)); background-image: -o-linear-gradient(15% 50% , #387A92, #183B57); background-image: linear-gradient(15% 50% , #387A92, #183B57); margin:5px;} #topFiveBox div#top5{background-color:#1B5B74; background-image: -moz-linear-gradient(15% 50% , #1B5B74, #183B57); background-image: -ms-linear-gradient(15% 50% , #1B5B74, #183B57); background-image: -webkit-gradient(linear, 0 15%, 0 50%, from(#1B5B74), to(#183B57)); background-image: -o-linear-gradient(15% 50% , #1B5B74, #183B57); background-image: linear-gradient(15% 50% , #1B5B74, #183B57); margin:5px;} #topFiveBox div.img-order { width:43px; height:53px; } #topFiveBox div#img-order1 { background: url("../images/common/common-sprite.png") no-repeat scroll 0 -791px transparent; } #topFiveBox div#img-order2 { background: url("../images/common/common-sprite.png") no-repeat scroll -43px -791px transparent; } #topFiveBox div#img-order3 { background:transparent url(../images/common/common-sprite.png) no-repeat -86px -791px; } #topFiveBox div#img-order4 { background:transparent url(../images/common/common-sprite.png) no-repeat -129px -791px; } #topFiveBox div#img-order5 { background:transparent url(../images/common/common-sprite.png) no-repeat -172px -791px; } #topFiveBox div.rank-music{position:absolute;top:33px;left:10px; } #topFiveBox .row-topfive { } #topFiveBox div.top-order{width:43px;text-align:center;float:left;height:53px;position:relative;} #topFiveBox img.order{float: left; height: 43px; margin: 0 8px 0 0px; width: 55px;} #topFiveBox div.top-info{width:170px;margin-left:115px;font-size:11px;color:#ffffff;} #topFiveBox div.top-info a.song_name{color:#FCEF03} #topFiveBox div.top-info a.song_name:hover{color:#FABC30;} #memberRankBox { margin:10px 0; } #memberRankBox .inner { background-color: #C9E2E9; padding: 10px; } #memberRankBox .entry {float: left; margin-bottom: 10px; margin-right: 10px; width: 135px; } #memberRankBox .last { margin-right:0; } #memberRankBox .entry img { float: left; height:50px; margin-right: 5px; width: 50px; } #memberRankBox .entry .info { float: left; font-size: 12px; overflow: hidden; width: 70px; } #memberRankBox .entry .rank { background: url("../images/common/common-sprite.png") no-repeat scroll -243px -73px transparent; color: #FFFFFF; display: block; font-weight: bold; margin-bottom: 5px; padding-left: 10px; text-align: left; width: 23px; } #memberRankBox .entry .rank-swap { background: url("../images/common/common-sprite.png") no-repeat scroll -279px -73px transparent; } #memberRankBox .entry .post { display: block; font-size: 10px; } #memberRankBox .entry .info a { color:#EF6922; font-weight: bold; } #memberRankBox .entry .info a:hover { color:#B75828; } #otherNewsBox { margin-top:10px; } #otherNewsBox .inner { padding: 10px; } #otherNewsBox .entry {float: left; margin-bottom: 10px; margin-right: 10px; width: 135px; } #otherNewsBox .last { margin-right:0; } #otherNewsBox .entry img { float: left; height:50px; margin-right: 5px; width: 50px; } #otherNewsBox .entry h4 {float: left; font-size: 12px; height: 53px; overflow: hidden; width: 70px; } #otherNewsBox .entry p.list_NewsBox {float: left; height: 53px; overflow: hidden; width: 70px;line-height: 18px;} #otherNewsBox .entry p.list_NewsBox a {font-size: 12px; } #otherNewsBox .entry a { } #otherNewsBox .entry a:hover { } #tagCloundBox { margin-top:10px; } #tagCloundBox .inner { padding: 10px; line-height: 1.9em; font-size: 15px; width: 280px; word-wrap:break-word;} #tagCloundBox strong { font-weight: bold !important;} #tagCloundBox a { margin: 0px 3px; text-decoration:none; } #tagCloundBox a:hover { text-decoration:underline; } #tagCloundBox .tagsize-0 { font-size: 0.9em; color: #2B8B14; } #tagCloundBox .tagsize-1 { font-size: 1.0em; color: #F16F18; } #tagCloundBox .tagsize-2 { font-size: 1.1em; } #tagCloundBox .tagsize-3 { font-size: 1.2em; color: #588A9B; } #tagCloundBox .tagsize-4 { font-size: 1.3em; } #cyberpatrolBox { height:140px; } #cyberpatrolBox iframe { float:left; margin:0 10px;} #cyberpatrolBox .detail { float:left; margin:15px 0 0 0; line-height: 1.7em;} #cyberpatrolBox .detail h3 {font-size:1.2em;} #cyberpatrolBox .detail h5 {font-size:1.2em;line-height: 27px;} /* List Page */ #listBox { position: relative; } #listBox .list-description { background-color: #152636; color: #FFFFFF; font-size: 13px; padding: 10px; } #listBox .inner { background-color: #CAE3EA; background-image:-moz-linear-gradient(center 30% , #CAE3EA, #FFFFFF); background-image: -ms-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE3EA), to(#FFFFFF)); background-image: -o-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: linear-gradient(center 30%, #CAE3EA, #FFFFFF);padding: 5px 10px; } #listBox .entry { float: left; margin: 5px 10px 5px 0; width: 150px; } #listBox .last { margin-right:0; } #listBox .entry .list-thumbnail { margin: 0 auto 5px; position: relative; width: 150px; } #listBox .entry .list-thumbnail img { height: 100px; width: 140px; } #listBox .entry .list-thumbnail .list-duration { background-color: #000000; bottom: 5px; color: #FFFFFF; font-size: 9px; opacity: 0.7; padding: 1px 5px; position: absolute; right: 5px; } #listBox .entry .list-info h4 { font-size: 13px; line-height: 19px; margin-bottom: 5px; } #listBox .entry .list-info p.listTitle-info a {font-size: 13px;line-height: 19px;margin-bottom: 5px;color: #152630;} #listBox .entry .list-info p.listTitle-info a strong:hover{color: #0088CC;} #listBox .entry .list-meta {color: #868686; font-size: 11px; } #listBox .entry .list-meta i {margin-right:0; } #listBox .entry h4 a { color: #152630; text-decoration:none; } #listBox .entry h4 a:hover { color: #0088CC; } #listBox .entry .list-meta a {color: #868686; } #listBox .entry .list-meta a:hover {color: #222222; } #listBox .private-label { background: url("../images/player/player-sprite.png") no-repeat scroll -198px -15px transparent; cursor: pointer; display: block; height: 32px; left: 5px; position: absolute; top: 5px; width: 35px; } #listBox .look_back {padding: 10px; border: solid;} #listBox .look_back h3 {float: left;} #listBox .look_back .by_mthai {font-size: 13px;} #listBox .look_back .red {color:red;} #listBox .look_back .number {margin-left: 120px;} #listBox .look_back img {width: 613px;} #listBox .look_back .reward {margin-left: 35px;} #listBox .look_back .share {float:left; margin: -32px 0 0 259px;} #listBox .look_back .share .facebook {float:left;} #listBox .look_back .share .twitter {float:left; margin-left: 63px;} #listBox .look_back .share .google {float:left; margin-left: 8px;} /* List Sidebar Page */ #cateNavBox {background:#114160; margin-top:10px; } #cateNavBox div.wrap { width: 150px; float: left;} #cateNavBox ul { list-style: none outside none; margin: 0; } #cateNavBox li { font-size:11px;list-style:none;line-height: 20px; border:1px solid #3d6985; } #cateNavBox li:hover {background:url(../images/icon-cate/bg-cate.png) repeat-x;} #cateNavBox li div.cate-nav-pic {margin-left:5px; margin-top:3px;width:30px; float:left;} #cateNavBox li a { color: #FFFFFF; } #cateNavBox li a:hover { color: #1ceffd;text-decoration: none;} #tvNavBox { font-size: 12px; margin-top:10px; } #tvNavBox .channel { width: 150px; float: left; text-align: center; padding: 5px 0px; } #tvNavBox .thumbnail { margin-bottom: 5px; margin: 0 auto 5px; } #tvNavBox .entry { float: left; margin-top: 5px; margin-right: 10px; width: 300px; } #tvNavBox .entry img { height: 70px; margin-right:10px; width: 100px; float:left; } #tvNavBox .entry h4 { font-size:13px; float: left; width: 190px; } #tvNavBox .entry p.list_forum { float: left;width: 180px;line-height: 18px; } #tvNavBox .entry p.list_forum a { font-size:13px;} #tvNavBox .entry a { color:#222222; text-decoration:none; } #tvNavBox .entry a:hover { color:#1B7BC3; } .search-pager { margin-top:25px !important; } .nav-pager { background-color: #EAEBED; border: 1px solid #868686; border-radius: 5px 5px 5px 5px; margin: 10px auto; padding: 10px 0; text-align: center; width: 520px; } .nav-pager .pager { display: inline-block; margin-bottom: 0; margin-right: 5px; } .nav-pager .current { background-color: #E86723; border: 1px solid #EB5F21; border-radius: 3px 3px 3px 3px; color: #FFFFFF; padding: 2px 5px; } .nav-pager .pager a { border-radius: 3px 3px 3px 3px; background-color: #DDDBE0; border: 1px solid #C1C1C1; color: #09343B; padding: 2px 5px; color: #09343B; } .nav-pager .pager a:hover { } .nav-pager .inactive { } .nav-pager .total { margin-left: 20px; font-weight:bold; } #topbanner { float: left; height: 90px; line-height: 90px; margin-left: 32px; margin-top: 12px; width: 728px; } #rectangle_a { height: 250px; line-height: 250px; width: 300px; } .ads-new-share { margin-top: 72px !important; } #rectangle_b { height: 250px; line-height: 250px; width: 300px; } #rectangle_c { height: 250px; line-height: 250px; width: 300px; } #midbanner { height: 100px; line-height: 100px; width: 650px; } #top-player-banner { height: 70px; line-height: 70px; width: 650px; } #bottom-player-banner { height: 50px; line-height: 50px; width: 650px; } #border-player-banner { border-style:solid; border-width:3px; border-color:#000000;} .border-action-player-banner { border-style:solid; border-width:0 3px 3px; border-color:#000000; } .ads { background-color: #000000; color: #FFFFFF; font-size: 40px; text-align: center; } #ads-search { margin-bottom: 10px; } .floating-bg-left { display: block;height: 600px; left: -173px; position: absolute;top: 0; width: 160px; } .floating-bg-right { display: block;height: 600px; right: -173px; position: absolute;top: 0; width: 160px; } /* Player Page */ #video-mthai-content { position:relative; margin: 0 auto; } #playerMthaiBox { margin: 0 auto; width:960px; } #browser-download-bar { position: relative; background: url("../images/player/bar-download.jpg") no-repeat scroll 0 0 transparent; height: 53px; margin-bottom: 10px; width: 960px; } #browser-download-bar #btn-dw-chrome { display: block; height: 53px; left: 633px; position: absolute; width: 140px; } #browser-download-bar #btn-dw-firefox { display: block; height: 53px; left: 485px; position: absolute; width: 148px; } #browser-download-bar #btn-dw-ie { display: block; height: 53px; left: 385px; position: absolute; width: 100px; } .btn-toolbar { margin-left: 10px; width: 640px; } .new-page-title { border-bottom: 4px solid #000000; color: #FFFFFF; font-size: 28px; font-weight: normal; margin-bottom: 5px; padding: 0 10px 4px; } .new-page-title a { text-decoration:none; color: #FFD989; } .new-page-title .label-title {font-weight: normal; } .btn-toolbar span.label { display: inline-block; font-size: 13px; line-height: 20px; margin-left: 10px; margin-top: 3px; padding: 3px 10px 4px; vertical-align: top; } #box-clip-mthai-inner { z-index:20; } #embed-player { height: 400px; width: 644px; z-index:0; position:relative; } #embed-player iframe, #embed-player object, #embed-player embed { height: 400px; width: 644px; z-index:0; } #player { width:644px; height:400px; margin:0 auto;background-color:#000000; overflow:hidden; z-index:20; position:relative;} #player object, #player embed { } #box-clip-mthai { position:relative; } #box-finish-player { position: absolute;width: 644px;height: 400px;background-color: #000000;z-index: 100;top: 70px;left: 3px; } #box-finish-player #btn-play-again { margin: 0 auto;width: 124px;height: 40px;position: absolute;top: 180px;left: 260px;} #box-clip-age { padding-top: 10px; margin-bottom:10px; } #box-clip-age .inner { margin: 5px 0; } #box-clip-age .inner ul { margin-top: 10px; } #box-clip-age .inner ul li { margin-bottom: 5px; } .page-player-2012 .content { float: left; margin-right: 10px; width: 650px; } .page-player-2012 .clip-player { margin-bottom: 10px; position: relative; text-align: left; width: 650px; } .page-player-2012 .sidebar { float: left; position: relative; width: 300px; } .box-logo { background: url("../images/player/player-sprite.png") no-repeat scroll 0 0 transparent; float: left; height: 55px; margin-left: 10px; margin-right: 10px; margin-top: 3px; vertical-align: middle; width: 60px; } .box-logo a { height: 55px; width: 60px; display:block; } .border-btn { border-left: 1px solid #7F7F7F; } .icon-mthai-like { background: url("../images/player/player-sprite.png") no-repeat scroll -65px -25px transparent; height: 16px; width: 16px; } .icon-mthai-dislike { background: url("../images/player/player-sprite.png") no-repeat scroll -86px -25px transparent; height: 16px; width: 16px; } .icon-mthai-add { background: url("../images/player/player-sprite.png") no-repeat scroll -108px -24px transparent; height: 16px; width: 16px; } .icon-mthai-option { background: url("../images/player/player-sprite.png") no-repeat scroll -151px -23px transparent; height: 16px; width: 16px; } .icon-mthai-share { background: url("../images/player/player-sprite.png") no-repeat scroll -129px -21px transparent; height: 20px; width: 16px; } .icon-mthai-flag { background: url("../images/player/player-sprite.png") no-repeat scroll -171px -22px transparent; height: 16px; width: 16px; } .player-topbar { width:100%; height:60px; background-color:#000000; text-align:center; } #box-control { background-color: #000000; height: 65px; position: relative; text-align: left; width: 644px; z-index: 20; } #box-control .btn-control { float: left; margin-right: 14px; width: 550px; } #box-control .btn-control .btn-feel { width: 92px; float: left; margin-top: 15px; } #box-control .btn-control .btn-feel i { display: block; margin: 0 auto; } #box-control .btn-control .btn-feel .btn-action { height: 28px; line-height: 10px; padding: 4px 4px 2px; } #box-control .btn-control .btn-mood { width: 250px; float: left; margin-left: 0; margin-top: 20px; } #box-control .btn-control .btn-mood .btn-action { height: 19px; padding: 3px 10px; } #box-control .btn-control .btn-feel .active { } #box-control .btn-control .btn-feel .active strong { } #box-control .btn-control .btn-option { float: left; margin-left: 0px; margin-top: 15px; width:206px; } #box-control .btn-control .btn-option i { margin-right: 0; } #box-control .btn-control .btn-option .btn-action { margin-left: 10px; height: 20px; padding: 7px 10px; } #box-control .btn-control .btn-option .first { margin-left: 11px; } #box-control .btn-control .btn-left { margin-left: 15px; } #box-control .btn-control strong { color: #3C3C3C; font-size: 10px; font-weight: normal; } @-moz-document url-prefix() { #box-control .btn-control .btn-feel { float: left; margin-top: 15px; width: 100px; } #box-control .btn-control .btn-feel .btn-action { height: 28px; line-height: 10px; padding: 4px 3px 2px; } #box-control .btn-control .btn-mood .btn-action { height: 19px; padding: 3px 8px; } #box-control .btn-control .btn-option { float: left; margin-left: 0; margin-top: 15px; width: 193px; } #box-control .btn-control .btn-mood { float: left; margin-left: 0; margin-top: 20px; width: 255px; } #box-control .btn-control .btn-option .btn-action { height: 20px; margin-left: 10px; padding: 7px 8px; } } /* editor 18-10-2556 Slider Thumbnail*/ #box-autoplaylist { background-color:black; padding: 5px 0 5px; position: relative; } #box-autoplaylist .active{ background-color:orange; } #box-autoplaylist .entry { border: 0 none; float: left; margin-right: 10px; width: 136px; } #box-autoplaylist .last { margin-right:0 !important; } #box-autoplaylist .thumbnail img { width:136px; height:70px; } #box-autoplaylist .out-slide { height: 80px; margin: 0 auto; overflow: hidden; position: relative; width: 644px; } #box-autoplaylist .pre-slide { z-index: 0; width: 606px; margin:0 auto; } #box-autoplaylist .inner-slider{ } #box-autoplaylist .add-pl-btn { display: none !important; } #box-autoplaylist .entry .bg, #box-autoplaylist .entry .info, #box-autoplaylist .entry h4 { width:126px; } #box-autoplaylist .entry .info a { color:#FFFFFF; } #box-autoplaylist .nav{ background-color: #FFFFFF; border-radius: 15px 15px 15px 15px; cursor: pointer; height: 14px; line-height: 14px; margin: 0 5px; padding: 5px; position: absolute; top: 25px; width: 14px; } #box-autoplaylist .left { left: 0; } #box-autoplaylist .right { right: 0; } #box-autoplaylist .nav a {display: block;height: 24px;position: absolute;top: 0;width: 19px; } #box-autoplaylist #autoplaylist-item { font-size: 0.8em; margin: 5px auto 0; width: 205px; } @-moz-document url-prefix() { #box-autoplaylist #autoplaylist-item { font-size: 0.8em; margin: 5px auto 0; width: 235px; } } #box-autoplaylist #autoplaylist-item span { color: #FFFFFF; float: left; font-weight: bold; margin-right: 5px; margin-top: 1px; } #box-autoplaylist #autoplaylist-item button { font-size: 0.8em; padding: 1px 10px; } /* end slider thumbnail */ #clip-detail { background-color: #FFFFFF; margin: 10px 0; padding: 10px; text-align: left; } #clip-detail blockquote { font-size: 13px; line-height: 20px; margin:10px 0 15px;} #clip-detail .more-detail-block { padding-top: 10px; text-align:center; border-top: 1px solid #DDDDDD; clear: left; position: relative; z-index: 2; } #clip-detail .more-detail-block a { text-decoration:none; } #clip-detail dl { margin:0; } #clip-detail dl p { font-size: 15px; line-height: 24px; margin-top: 5px; text-indent: 50px; } #clip-detail hr { margin:0 0 10px; } #help-block { color:#959595; width: 430px; float:left; } #help-block img { display:inline; padding:2px; } #clip-detail .stat-block { text-align: right; color:#959595; font-size: 14px; float:right;} #clip-detail i { vertical-align: middle; margin-right:5px; } #clip-detail .stat-block i { vertical-align: baseline; margin-right:0; } #clip-detail .stat-block .views { color: #333333; font-size: 20px; font-weight: bold; margin: 0 5px; } #clip-detail h5.bottom { margin:0 0 5px; } #clip-manager { background-color: #FFFFFF; margin: 10px 0; padding: 10px; text-align: left; } #clip-manager h5 { } #clip-manager .alert { margin-bottom: 10px; margin-top: 10px; width: 250px; } #clip-manager .left-panel { border-right: 1px solid #DDDDDD; float: left; margin-left: 10px; margin-right: 15px; margin-top: 10px; padding-right: 15px; } #clip-manager .right-panel { position: relative; float: left; margin-right: 15px; margin-top: 10px; } #clip-manager dl { color: #959595; margin-bottom: 5px; } #clip-manager .inner { } #clip-manager #ex-thumbnail-state { background-color: #FFFFFF; height: 83px; left: 138px; line-height: 83px; position: absolute; text-align: center; top: -29px; width: 124px; } #clip-manager #ex-thumbnail-state span { color: #959595; font-size: 12px; vertical-align: middle; } #clip-manager .thumbnail { height: 70px; left: 140px; position: absolute; top: -28px; width: 110px; } .sparkbar-block { border: 1px solid #959595; border-radius: 3px 3px 3px 3px; color: #959595; float: right; height: 4px; margin: 2px 0; overflow: hidden; width: 150px; } .sparkbar-block .sparkbar-like { background: none repeat scroll 0 0 #F0652F; border-right: 1px solid #FFFFFF; float: left; height: 4px; } .sparkbar-block .sparkbar-dislike { background: none repeat scroll 0 0 #000000; float: right; height: 4px; margin-right: -1px; } .sparkbar-info { color:#959595 !important; font-size:10px; } .sparkbar-info .like { color:#F0652F; font-size:10px; } .sparkbar-info .dislike { color:#000000; font-size:10px; } .clip-player a { color:#F0652F; } .clip-player a.close { color:#000000; line-height: 18px; position: relative; right: 5px; top: 3px; z-index: 100; } .clip-player a:hover { color:#279BBE; } #capture-player-box-old { border-radius: 7px 7px 7px 7px; cursor: pointer; height: 42px; opacity: 0.7; position: absolute; right: 17px; top: 85px; width: 100px; z-index: 30; } #capture-player-box-old:hover { opacity:1; } #capture-player-box-old img { border-radius: 7px 7px 7px 7px; height: 42px; width: 100px; } /*GOB*/ #capture-player-box { border-radius: 7px 7px 7px 7px; cursor: pointer; height: 25px; opacity: 0.7; position: absolute; right: 17px; top: 100px; width: 25px; z-index: 30; } #capture-player-box:hover { opacity:1; } #capture-player-box img { border-radius: 7px 7px 7px 7px; height: 25px; width: 25px; } /*GOB*/ #capture-player-state { background-color: #000000; border-radius: 5px 5px 5px 5px; color: #FFFFFF; height: 25px; left: 20px; line-height: 25px; padding: 0 10px; position: absolute; top: 85px; z-index: 30; } #capture-player-state img { margin-right:5px; } #capture-player-state span { } #container-action-result { z-index: 20; position:relative; text-align: left; margin: 0;} #area-action-result { background: none repeat scroll 0 0 #FCF6EE; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 1px #DDDDDD; padding: 10px; position: relative; } #loading-action-result img { margin-right: 5px; } #login-action-result i { margin-right: 5px; } #playlist-action-result dl { color: #AAAAAA; margin: 10px 0; } #playlist-alert { margin: 10px 0; } #playlist-alert img { margin-right: 5px; vertical-align: top; } .playlist-item { margin-bottom:10px; margin-left: 0; list-style: none outside none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.2) inset; margin-bottom: 10px; max-height: 200px; overflow-x: hidden; overflow-y: auto; padding:10px; } .playlist-item li { font-size: 12px; font-weight:bold; border-radius: 3px 3px 3px 3px; cursor: pointer; padding: 5px; } .playlist-item li span.playlist-video-count { margin-right:5px; font-weight:normal; } .playlist-item li:hover { background-color:#FFFDDD; } #playlist-action-result input.text { margin-right: 5px; width: 300px; } #playlist-action-result form { margin:0 0 5px; } #option-action-result dl { color: #AAAAAA; margin: 0 0 10px; } #option-action-result ul { list-style: none outside none; margin: 0 0 0 10px; } #option-action-result ul li { margin: 10px 0; } #option-action-result ul li a { color: #555555; } #option-action-result strong { margin-left: 5px; } #option-action-result span.resolution { color: #AAAAAA; font-size: 12px; margin-left: 5px; } #option-action-result .left-panel { border-right: 1px solid #DDDDDD; float: left; margin-right: 15px; margin-top: 10px; padding-right: 15px; margin-left:5px; } #option-action-result .middle-panel { border-right: 1px solid #DDDDDD; float:left; margin-top:10px; padding-right: 15px; margin-right: 15px; } #option-action-result .right-panel { float:left; margin-top:10px; } #share-action-result .panel, #vote-action-result .panel { margin-top: 10px; } #share-action-result .panel .left-panel, #vote-action-result .panel .left-panel { float: left; margin-right: 10px; } #share-action-result .panel .right-panel, #vote-action-result .panel .right-panel { float: right; margin-right: 20px; margin-top: 30px; } #share-action-result .input-copy-text, #vote-action-result .input-copy-text { width: 400px; } #share-action-result .msg, #vote-action-result .msg { margin: 5px 0; } /*GOB*/ #share-action-result .panel .left-panel {width: 411px;} #share-action-result .panel .left-panel label {display: inline;} #share-action-result .input-copy-text {width: 356px;} #share-action-result .link {margin-left: 17px;} #share-action-result .panel .right-panel {margin-top:0;} /*GOB*/ #flag-action-result #flag-alert { margin: 10px 0; } #flag-action-result #flag-alert img { margin-right: 5px; vertical-align: top; } #flag-action-result dl { color: #AAAAAA; margin: 0 0 10px; } #flag-action-result select { width: 400px; } #flag-action-result button { margin-left: 5px; vertical-align: top; } #video-password-box { background-color: #FFFFFF; border-radius: 5px 5px 5px 5px; margin-bottom: 10px; padding: 10px 15px; } #video-password-box h5 { font-size: 16px; margin-bottom: 10px; } #video-password-box #password-alert { text-align: center; } #video-password-box #loading-alert-password img { margin-right: 5px; } #video-password-box #msg-alert-password { text-align:left; } #video-password-box p { padding: 0 15px; } #video-password-box p span { color: red; } #video-password-box .password-form { margin: 0 auto; width: 300px; } #video-password-box .new-password-form { margin: 0 auto; width: 350px; } #video-admin-box { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; margin-bottom: 12px; padding: 10px; } #video-admin-box h5 { font-size: 16px; } #video-admin-box .admin-nav { padding-left: 15px; margin-bottom: 10px; } #video-admin-box .inner { margin: 10px 0; padding: 0 20px; } #video-admin-box .inner .wrap { margin-bottom: 7px; } #video-admin-box .inner .label-default { font-size: 12px; background-color: transparent; color: #000000; font-weight: normal; } /* Relate Box */ #relateBox { position: relative; margin-top:10px; } #relateBox .inner { background-color: #CAE3EA; background-image:-moz-linear-gradient(center 30% , #CAE3EA, #FFFFFF); background-image: -ms-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE3EA), to(#FFFFFF)); background-image: -o-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: linear-gradient(center 30%, #CAE3EA, #FFFFFF);padding: 5px 10px; } #relateBox .entry { margin: 5px 0; } #relateBox .last { margin-right:0; } #relateBox .entry .list-thumbnail { margin-right:10px; position: relative; float:left; width: 140px; } #relateBox .entry .list-thumbnail img { height: 90px; width: 130px; } #relateBox .entry .list-thumbnail .list-duration { background-color: #000000; bottom: 5px; color: #FFFFFF; font-size: 9px; opacity: 0.7; padding: 1px 5px; position: absolute; right: 5px; } #relateBox .entry .list-info { overflow:hidden; float: left; margin-top: 5px; width: 130px; } #relateBox .entry .list-info h4 { font-size: 13px; line-height: 19px; margin-bottom: 5px; } #relateBox .entry .list-info p.listRelateBox {font-size: 13px;line-height: 19px;margin-bottom: 5px; } #relateBox .entry .list-info p.listRelateBox a {color: #152630;text-decoration: none;font-weight: normal;margin: 0;padding: 0;} #relateBox .entry .list-info p.listRelateBox a strong:hover{color: #0088CC;} #relateBox .entry .list-meta {color: #868686; font-size: 11px; } #relateBox .entry h4 a { color: #152630; text-decoration:none; } #relateBox .entry h4 a:hover { color: #0088CC; } #relateBox .entry .list-meta a {color: #F0652F; } #relateBox .entry .list-meta a:hover {color: #222222; } /* Relate Box */ #postorBox { position: relative; margin-top:10px; } #postorBox .inner { background-color: #CAE3EA; background-image:-moz-linear-gradient(center 30% , #CAE3EA, #FFFFFF); background-image: -ms-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE3EA), to(#FFFFFF)); background-image: -o-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: linear-gradient(center 30%, #CAE3EA, #FFFFFF);padding: 5px 10px; } #postorBox .entry { margin: 5px 0; } #postorBox .last { margin-right:0; } #postorBox .entry .list-thumbnail { margin-right:10px; position: relative; float:left; width: 140px; } #postorBox .entry .list-thumbnail img { height: 90px; width: 130px; } #postorBox .entry .list-thumbnail .list-duration { background-color: #000000; bottom: 5px; color: #FFFFFF; font-size: 9px; opacity: 0.7; padding: 1px 5px; position: absolute; right: 5px; } #postorBox .entry .list-info { overflow:hidden; float: left; margin-top: 5px; width: 130px; } #postorBox .entry .list-info h4 { font-size: 13px; line-height: 19px; margin-bottom: 5px; } #postorBox .entry .list-info p.listpostorBox {font-size: 13px;line-height: 19px;margin-bottom: 5px; } #postorBox .entry .list-info p.listpostorBox a {color: #152630;text-decoration: none;font-weight: normal;margin: 0;padding: 0;} #postorBox .entry .list-info p.listpostorBox a strong:hover{color: #0088CC;} #postorBox .entry .list-meta {color: #868686; font-size: 11px; } #postorBox .entry h4 a { color: #152630; text-decoration:none; } #postorBox .entry h4 a:hover { color: #0088CC; } #postorBox .entry .list-meta a {color: #F0652F; } #postorBox .entry .list-meta a:hover {color: #222222; } /* Playlist */ #playqueue-wrap { z-index:25; bottom: 0; box-shadow: 0 0px 3px #000000; margin: 0; padding: 0; position: fixed; width: 100%;} #playqueue-wrap .bar { background-color: #000000; *background-color: #00000; background-image: -ms-linear-gradient(top, #555555, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#000000)); background-image: -webkit-linear-gradient(top, #555555, #000000); background-image: -o-linear-gradient(top, #555555, #000000); background-image: linear-gradient(top, #555555, #000000); background-image: -moz-linear-gradient(top, #555555, #000000); background-repeat: repeat-x; border-color: #666666; border-style: solid; border-width: 1px 0; color: #333333; cursor: pointer; height: 45px; opacity: 1; padding: 0; position: relative; } #playqueue-wrap .queue-menu { position: relative; border-radius: 5px 5px 5px 5px; border: 1px solid #000000; float: left; height: 33px; margin-left: 10px; margin-top:5px; padding: 0; } #playqueue-wrap .queue-menu strong { line-height: 20px; } #playqueue-wrap a { color:#FFFFFF; } #playqueue-wrap .autoplay-col { } #playqueue-wrap span.toggle-button { background-color: #E5532F; background-image:-ms-linear-gradient(top, #FBB450, #F89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBB450), to(#F89406)); background-image: -webkit-linear-gradient(top, #FBB450, #F89406); background-image: -o-linear-gradient(top, #FBB450, #F89406); background-image: linear-gradient(top, #FBB450, #F89406); background-image: -moz-linear-gradient(center top , #FBB450, #F89406); display: block; float: right; height: 45px; text-align: center; top: 0; width: 45px; } #playqueue-wrap span.toggle-button i { margin-top:15px; margin-right:0;} #playqueue-wrap div.nav-prev { background: url("../images/common/common-sprite.png") no-repeat scroll -474px 0 transparent; cursor: pointer; height: 32px; left: 10px; position: absolute; top: 90px; width: 15px; } #playqueue-wrap div.nav-next { background: url("../images/common/common-sprite.png") no-repeat scroll -489px 0 transparent; cursor: pointer; height: 32px; right: 10px; position: absolute; top: 90px; width: 20px; } #playqueue { background-color: #222222; color: #FFFFFF; height: 0; opacity: 1.0; } #playqueue .clip-list { height: 100%; overflow: hidden; padding: 10px 30px 0; } #playqueue .clip-list .clip { position:relative; float:left; cursor:pointer; opacity:0.6; display: inline-block; height: 105px; margin: 0 5px; overflow: hidden; width: 220px; } #playqueue .clip-list .holder-swap-box { border: 2px dashed #F89406; cursor: pointer; display: inline-block; float: left; height: 101px; margin: 0 5px; opacity: 0.6; overflow: hidden; width: 216px; } #playqueue .clip-list .num-clip { background-color: #000000; color: #CCCCCC; float: left; font-size: 10px; padding: 4px 0 1px; text-align: center; width: 55px; } #playqueue .clip-list .play-clip { background-color: #F89406; color: #000000; float: left; font-size: 12px; font-weight: bold; padding:4px 0 1px; text-align: center; width: 165px; } #playqueue .clip-list .info-clip { background-color: #000000; padding:9px 7px; text-align: left; } #playqueue .clip-list .info-clip img { background-color: #000000; border: 1px solid #CCCCCC; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 2px #CCCCCC; float: left; height: 61px; margin-right: 9px; padding: 1px; width: 93px; } #playqueue .clip-list h4 { float: left; font-size: 11px; width: 97px; } #playqueue .clip-list .active, #playqueue .clip-list .clip:hover { opacity:1.0; } #playqueue .clip-list .ui-sortable-helper { cursor:move; } #playqueue .clip-list .ui-sortable-helper .state-clip .num-clip{ background-color:#F89406; } #playqueue .clip-list .ui-sortable-helper .info-clip { background-color:#F89406; } #playqueue .clip-list .trash .state-clip .num-clip{ background-color:red; } #playqueue .clip-list .trash .info-clip { background-color:red; } #playqueue div.clip a.tooltip-remove-button { cursor: pointer; position: absolute; right: 0px; top: 10px; } #playqueue div.clip img.remove-button { height: 25px; width: 25px; } #selectPlaylistBtn { height: 30px; } #selectPlaylistBtn .caret { margin-top: 1px; } #selectPlaylistRow { background-color: #222222; border-radius: 5px 5px 0 0; bottom: 32px; height: 200px; overflow-y: auto; overflow-x: hidden; right: 0; top: auto; } #selectPlaylistRow li a { color: #CCCCCC; font-size:12px; padding:2px 12px;} #selectPlaylistRow li a:hover { background-color:#F9980F; color:#000000; } .page-player-2012 #commentform_error { margin: 0px 20px 10px 20px; border: 2px solid #dd0000; background: #ffcccc; padding: 10px; display: none; } .page-player-2012 #commentform_error li { margin-left: 20px; } .page-player-2012 #commentform_error li label { display: inline !important; } .page-player-2012 #comment-submit { box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; } .page-player-2012 #comment-submit:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } .page-player-2012 #comment-submit.disabled { cursor: default; opacity: 0.5; } .page-player-2012 .comment-box {margin-bottom: 10px; } .page-player-2012 .comment-info {background-color:#FFFFFF; } .page-player-2012 .comment-box div.info { text-align: center; padding: 20px; } .page-player-2012 .comment-box form { margin:0; padding: 20px 0px; background-color: #F5F5F5; } .page-player-2012 .comment-box form img.avatar { width: 25px; height: 25px; vertical-align: middle; margin-right: 5px; } .page-player-2012 .comment-box div.form-row { padding: 5px 0px; clear: left; } .page-player-2012 .comment-box div.form-row label { font-weight: bold; width: 130px; text-align: right; margin-right: 20px; display: block; float: left; } .page-player-2012 .comment-box div.emoticon-wrap { float: left; width: 430px; } .page-player-2012 .comment-box input.text, .page-player-2012 .comment-box textarea.text { border: 1px solid #b7b7b7; padding: 2px 4px; font-size: 0.9em; } .page-player-2012 .comment-box #f_author { width: 300px; } .page-player-2012 .comment-box #f_detail { width: 400px; } .page-player-2012 .comment-box #f_question { width: 80px; } .page-player-2012 .comment-box input.ans_captcha {width:50px;} .page-player-2012 .comment-box div.submit-row { padding-left: 150px; } .page-player-2012 .comment-box img.emoticon { cursor: pointer; } .page-player-2012 .comment-list { margin-bottom: 10px; position: relative; } .page-player-2012 .comment-list .help { color: #B7B7B7; float: left; font-size: 10px; margin-bottom: 0; } .page-player-2012 .comment-list .comment { padding: 5px 10px 10px 10px; color: #6c6c6c; margin-bottom: 7px; position: relative; background: #F9F9F9 url(../images/commentbg.png) scroll repeat-x left top; } .page-player-2012 .comment-list .comment a.avatar { display: block; float: left; width: 75px; margin-right: 10px; } .page-player-2012 .comment-list .comment div.detail { float: left; margin-right: 10px; width: 465px; } .page-player-2012 .comment-list .comment div.score { position:relative; top:-15px; float: left; width: 50px; border: 1px solid #b7b7b7; background: #faf9da; text-align: center; padding: 10px 4px; } .page-player-2012 .comment-list .comment div.score span.number { color: #7e9248; font-weight: bold; font-size: 1.2em; display: block; } .page-player-2012 .comment-list .comment div.score span.negative { color: #990000; } .page-player-2012 .comment-list .comment div.head { color: #75a29a; font-size: 0.8em; margin-bottom: 5px; } .page-player-2012 .comment-list .comment span.label { color: #75a29a; display: block; margin-bottom: 5px; font-size: 0.9em; } .page-player-2012 .comment-list .comment div.meta { position: absolute; bottom: 10px; right: 10px; text-align: right; font-size: 0.85em; } .page-player-2012 .comment-list .comment div.meta span.date { color: #75a29a; padding-right: 10px; } .page-player-2012 .comment-list .comment div.meta span.ip { color: #b7b7b7; padding-right: 10px; } .page-player-2012 .comment-list .comment div.meta i { margin-right:0; } .page-player-2012 .comment-list .comment div.meta a { color: #da5e3c; margin-right: 15px; padding: 2px 0;} .page-player-2012 .comment-list .comment a.author { float:left; color: #da5e3c; padding-right: 5px; font-weight: bold; font-size: 1.2em; } .page-player-2012 .comment div.vote-button-wrap { padding: 5px 0px 0px 0px; text-align: center; } .page-player-2012 .comment div.vote-complete { font-size: 0.8em; height: 24px; line-height: 24px; } .page-player-2012 .comment div.vote-indicator { width: 19px; height: 19px; margin: 5px auto; background: transparent url(../images/player/indicator.gif) scroll no-repeat center center; } .page-player-2012 .comment button.voteup-button { border: 0px none; width: 19px; height: 19px; background: transparent url(../images/player/comment-vote.png) scroll no-repeat -19px 0px; padding: 0px; margin: 0px 2px 0px 2px; cursor: pointer; } .page-player-2012 .comment button.voteup-button:hover { background-position: -19px -19px; } .page-player-2012 .comment button.votedown-button { border: 0px none; width: 19px; height: 19px; background: transparent url(../images/player/comment-vote.png) scroll no-repeat 0px 0px; padding: 0px; margin: 0px 2px 0px 2px; cursor: pointer; } .page-player-2012 .comment button.votedown-button:hover { background-position: 0px -19px; } .can-add-pl { position:relative; } .add-pl-btn { bottom: 6px; position: absolute; right: 6px; width: 32px; z-index: 10; } .add-pl-btn a.btn-small { padding: 5px; width:20px; } .add-pl-btn i { margin-right:0; } .add-pl-box { text-align:left; bottom: 7px; position: absolute; right: 38px; z-index: 15; } .add-pl-box .dropdown-menu { text-align: left; overflow-x: hidden; overflow-y: auto; background-color: #555555; border-radius: 0 5px 5px 5px; display: block; width: 180px; height:130px;} .add-pl-box .dropdown-menu li a { color: #CCCCCC; font-size:12px; padding:2px 12px;} .add-pl-box .dropdown-menu li a:hover { background-color:#F9980F; color:#000000; } .add-pl-box .dropdown-note { margin: 1px 0 0; left: 0; z-index: 1000; background-color: #555555; border-radius: 0 5px 5px 5px; color: #FFFFFF; display: block; font-size: 11px; height: 30px; line-height: 27px; padding: 0 7px; position: absolute; text-align: left; width: 120px; } .add-pl-box .dropdown-note a { text-decoration:underline !important; color:#F9960A !important; display:inline !important; } .add-pl-box .dropdown-note-2 { width:138px; } .add-pl-box img.alert-login { width: 97px !important; display: inline; height: 22px !important; } .tooltip.top .tooltip-arrow { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #555555; bottom: 0; left: 50%; margin-left: -5px; } .tooltip-inner { background-color: #555555; border-radius: 4px 4px 4px 4px; color: #FFFFFF; max-width: 200px; padding: 3px 8px; text-align: center; text-decoration: none; } .tooltip.in { opacity: 1.0; filter: alpha(opacity=100); } .alert-add-box { margin: 5px 8px; padding: 3px; font-size: 9px; } .alert-add-box img { width:15px !important; height:15px !important; margin-right: 3px; } .alert-add-box i { margin-right: 3px; } #footer { height:180px; border-bottom: 10px solid #11383D; border-top: 5px solid #112F39; background-image:-ms-linear-gradient(top, #173C45, #0E2127); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#173C45), to(#0E2127)); background-image: -moz-linear-gradient(top, #173C45, #0E2127); background-image: -o-linear-gradient(top, #173C45, #0E2127); background-image: linear-gradient(top, #173C45, #0E2127); } #logo-footer { margin-bottom: 10px; background: url("../images/common/common-sprite.png") no-repeat scroll -329px 0 transparent; height: 33px; width: 138px; } #contactsBox { float: right; text-align: right; width: 560px; } #contactsBox #logo-3bb { margin-bottom: 7px; } #contactsBox #logo-3bb a { background: url("../images/common/3bb_footer.jpg"); display: block; float: right; height: 60px; width: 150px; } /*background: url("../images/common/common-sprite.png") no-repeat scroll -330px -98px transparent;*/ #contactsBox a { color: #4E778D; text-decoration:none; } #contactsBox a:hover { color: #67A9BF; } #aboutBox { color: #4E778D; font-size: 12px; margin: 0 auto; padding-top: 40px; position: relative; width: 940px; } #copyright { margin-top: 12px; float: left; width: 380px; } .channel-body {min-width: 1366px; background: #FFFFFF;} .channel-footer {min-width: 1366px;} /* Member Page */ #memberProfile { background-color: #F4F5F7; display: block; height: 130px; } #memberProfile .avatarProfile { float: left; width:130px; height:130px;} #memberProfile .metaProfile { float: left; height: 130px; width:520px; } #memberProfile .metaProfile .topProfile { height: 75px; padding-left: 20px; padding-top: 5px; } #memberProfile .metaProfile .topProfile h2 { font-size: 22px; } #memberProfile .metaProfile .topProfile p { color: #ACB1B4; font-size: 14px; margin-bottom: 0; } #memberProfile .metaProfile .bottomProfile { background-color: #E9EBEF; border-top: 1px solid #E0E2E6; height: 37px; line-height: 50px; padding-left: 15px; padding-top: 13px;} #memberProfile .metaProfile .bottomProfile .btn-group { float: left; ; } #memberProfile .metaProfile .bottomProfile a.btn { background-color: #F57421; background-image: -moz-linear-gradient(center top , #FDAB3B, #F06520); background-image: -ms-linear-gradient(top, #FDAB3B, #F06520); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDAB3B), to(#F06520)); background-image: -o-linear-gradient(top, #FDAB3B, #F06520); background-image: linear-gradient(top, #FDAB3B, #F06520); border: 0 none; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 3px 12px; } #memberProfile .metaProfile .bottomProfile a.orange { float: left; background-color: #F57421; background-image: -moz-linear-gradient(center top , #FDAB3B, #F06520); background-image: -ms-linear-gradient(top, #FDAB3B, #F06520); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDAB3B), to(#F06520)); background-image: -o-linear-gradient(top, #FDAB3B, #F06520); background-image: linear-gradient(top, #FDAB3B, #F06520); border: 0 none; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 3px 12px; } #memberProfile .metaProfile .bottomProfile a.green { float: left; margin-left: 10px; background-color: #6FBF44; background-image: -moz-linear-gradient(center top , #C2DA6C, #51B747); background-image: -ms-linear-gradient(top, #C2DA6C, #51B747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2DA6C), to(#51B747)); background-image: -o-linear-gradient(top, #C2DA6C, #51B747); background-image: linear-gradient(top, #C2DA6C, #51B747); } #memberProfile .metaProfile .bottomProfile a.btn:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset } #lastestClip { margin-top:15px; } .memberWrap { margin-bottom:10px; position:relative; } .memberWrap .inner { padding:5px 10px; } .memberWrap .entry { float: left; margin: 5px 10px 5px 0; text-align: center; height:117px; width: 193px; } .memberWrap .last { margin-right:0; } .memberWrap .entry img { height: 117px; margin: 0 auto; width: 193px; } .memberWrap .entry h4 { margin:0; } .memberWrap .entry a { text-decoration:none; } .memberWrap .entry .bg, .memberWrap .entry .info, .memberWrap .entry h4 { width:183px; } .memberWrap-2 { margin-bottom:10px; position:relative; } .memberWrap-2 .inner { padding:5px 10px; } .memberWrap-2 .entry { float: left; margin: 5px 10px 5px 0; text-align: center; height:100px; width: 140px; } .memberWrap-2 .last { margin-right:0; } .memberWrap-2 .entry img { height: 100px; margin: 0 auto; width: 140px; } .memberWrap-2 .entry h4 { margin:0; } .memberWrap-2 .entry a { text-decoration:none; } .memberWrap-2 .entry .bg, .memberWrap-2 .entry .info, .memberWrap-2 .entry h4 { width:130px; } #unPublishClip { position:relative; } #unPublishClip .inner { padding:0; } #unPublishClip .entry { border-bottom: 1px solid #E0E2E6; background-color: #F4F5F7; padding: 10px; } #unPublishClip .meta-thumbnail { float: left; margin-right: 15px; position: relative; width: 140px; } #unPublishClip .meta-thumbnail img { height: 80px; width: 130px; } #unPublishClip .meta-thumbnail .txt-doing { background-color: #F4D33F; box-shadow: 0 -1px #E6C517 inset; color: #000000; font-size: 0.8em; height: 14px; left: 5px; line-height: 14px; opacity: 0.9; padding: 2px 10px 1px; position: absolute; top: 40px; width: 110px; } #unPublishClip .entry .meta-info { float: left; padding-top: 15px; width: 475px; } #unPublishClip .entry a.title { font-size: 16px; } #unPublishClip .entry .meta { color: #888888; font-size: 12px; } #unPublishClip .entry .meta .upload-status { font-size: 12px; padding-top: 2px; } #unPublishClip .entry a { text-decoration:none; } #memberPlaylistBox { margin-top: 10px; } #memberPlaylistBox .inner { background-color: #F4F5F7; padding: 10px; } #memberPlaylistBox .playlist-bar { } #memberPlaylistBox .playlist-bar .playlist-num { float: left; font-size: 16px; margin-top: 3px; padding: 5px 10px; } #memberPlaylistBox .playlist-bar .playlist-style-num { } #memberPlaylistBox #btn-create-playlist { border-radius: 4px 4px 0 0; float: right; } #memberPlaylistBox #playlist-msg-alert { text-align:left; } #memberPlaylistBox .playlist-action { background-color: #FFFFFF; border: 1px solid #E0E2E6; border-radius: 4px 4px 4px 4px; padding: 10px; text-align: right; margin-bottom: 10px; } #memberPlaylistBox .playlist-action #frmAddPlaylist {margin-bottom: 0; } #memberPlaylistBox .playlist-action #frmAddPlaylist input[type="text"] { padding: 0 5px; width: 415px; margin-right: 5px; } #memberPlaylistBox .playlist-row { margin-top:10px; } #memberPlaylistBox .playlist-row .entry { background-color: #FFFFFF; border-bottom: 1px solid #E0E2E6; padding: 10px; } #memberPlaylistBox .playlist-row .meta-cover { float: left; height: 80px; position: relative; width: 370px; } #memberPlaylistBox .playlist-row .splash-cover { background-color: #222222; color: #FFFFFF; font-size: 13px; height: 70px; left: 5px; line-height: 70px; opacity: 0.8; position: absolute; text-align: center; top: 5px; width: 360px; } #memberPlaylistBox .playlist-row .splash-cover i { padding-bottom: 4px; } #memberPlaylistBox .playlist-row .meta-cover a.cover { cursor: pointer; display: block; height: 70px; width: 360px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-1 { background-color: #000000; height: 70px; margin: 0; text-align: center; width: 360px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-1 img { height: 70px; width: 140px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-2 { height: 70px; margin: 0; width: 180px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-2 img { height: 70px; width: 180px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-3 { height: 70px; margin: 0; width: 120px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-3 img { height: 70px; width: 120px;} #memberPlaylistBox .playlist-row .meta-cover .cover-span-4 { height: 70px; margin: 0; width: 90px; } #memberPlaylistBox .playlist-row .meta-cover .cover-span-4 img { height: 70px; width: 90px; } #memberPlaylistBox .playlist-row .meta-cover .no-cover { background-color: #000000; color: #FFFFFF; display: block; font-size: 18px; height: 70px; line-height: 70px; text-align: center; width: 360px; } #memberPlaylistBox .playlist-row .meta-info { padding-top: 10px; float: left; margin-left: 10px; width: 230px; } #memberPlaylistBox .playlist-row .meta-info .title { font-size: 14px; } #memberPlaylistBox .playlist-row .meta-info .btn-action { font-size: 11px; margin-bottom: 5px; padding: 2px 9px; } #memberPlaylistBox .playlist-row .meta-info .meta-num { color: #888888; display: block; font-size: 11px; margin-bottom: 5px; } #playlistBox { margin-top: 10px; } #playlistBox #playlistManage { } #playlistBox .playlistTitle { background-color: #3D3D3D; background-image: -moz-linear-gradient(center top , #494949, #232524); background-image: -ms-linear-gradient(top, #494949, #232524); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#232524)); background-image: -o-linear-gradient(top, #494949, #232524); background-image: linear-gradient(top, #494949, #232524); border-radius: 5px 5px 5px 5px; font-size: 12px; height: 25px; line-height: 25px; padding: 10px; color:#999999; } #playlistBox .playlistTitle #txtPlaylistTitle { margin-bottom: 0; height:15px; width: 360px; } #playlistBox .playlistTitle #btnPlaylistTitle { margin-bottom: 0; margin-left: 5px; } #playlistBox .playlistTitle #label-loading { margin-left: 10px; } #playlistBox .playlistTitle #label-state-playlist { margin-left: 10px; padding: 5px 10px;} #playlistBox .playlistTitle #label-loading img { margin-right: 5px; } #playlistBox #playlistManageRow { background-color: #F4F5F7; } #playlistBox #playlistManageRow .entry { border-bottom: 1px solid #CCCCCC; padding: 10px; } #playlistBox #playlistManageRow .thumbnail { float: left; position: relative; margin-right: 10px; width: 140px; } #playlistBox #playlistManageRow .thumbnail .numNavplaylist { color: #FFFFFF; display: block; font-size: 37px; height: 20px; left: 51px; position: absolute; text-align: center; top: 43px; width: 50px; } #playlistBox #playlistManageRow .thumbnail img { height: 90px; width: 140px; } #playlistBox #playlistManageRow .meta { float: left; margin-right: 10px; padding-top: 10px; width: 445px; } #playlistBox #playlistManageRow h4 { font-size: 14px; margin-bottom: 5px; } #playlistBox #playlistManageRow .meta-info, #playlistBox #playlistManageRow .meta-info a { color: #999999; font-size: 11px; } #playlistBox #playlistManageRow .action { float: left; text-align: center; width: 15px; } #playlistBox #playlistManageRow .btn-action-playlist-tooltip { display: block; margin: 14px 0; cursor:pointer;} #playlistBox #playlistManageRow .btn-action-playlist-tooltip i { margin-right:0; } #my-replies-block { position:relative; margin-top:10px; } #my-replies-block .mini-avatar { position:absolute; top:9px; right:110px; } #my-replies-block h3.block-head { background-color: #86C2DA; color: #000000; font-size: 14px; font-weight: bold; line-height: 15px; padding: 5px 0 5px 10px; text-align: left; text-shadow: 1px 1px 2px #FFFFFF; } #my-replies-block div.entry { padding: 5px 10px; border-bottom: 1px solid #cacaca; clear: left; font-size: 0.9em; } #my-replies-block div.odd { background-color: #86C2DA; } #my-replies-block div.even { background-color: transparent; } #my-replies-block div.owner { background: #CFE8ED; } #my-replies-block div.entry img.avatar { background: #fff; float: left; width: 40px; height: 40px; margin: 0px 10px 0px 0px; padding: 2px; border: 1px solid #cacaca; } #my-replies-block div.entry div.wrap { margin-left: 56px; font-size: 0.9em; } #my-replies-block div.entry div.meta { color: #cacaca; } #my-replies-block div.entry span.name { font-weight: bold; color: #808FA2; } #my-replies-block div.entry span.name a { font-weight: bold; } #my-replies-block div.entry span.delete a { color: #DA5E3C; } #my-replies-block div.entry div.detail p img { vertical-align: middle; } #my-replies-block div.form-row { margin-bottom: 5px; } #my-replies-block div.more a { width:100%; border: 0 none; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 3px 0; display:block; background-color: #F57421; background-image: -moz-linear-gradient(center top , #FDAB3B, #F06520); background-image: -ms-linear-gradient(top, #FDAB3B, #F06520); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDAB3B), to(#F06520)); background-image: -o-linear-gradient(top, #FDAB3B, #F06520); background-image: linear-gradient(top, #FDAB3B, #F06520); } #my-replies-block div.more a:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } #my-replies-block div.more { text-align:center; margin: 15px 10px 0; } #my-replies-block .my-add-reply { background-color: #E0EFF4; padding: 5px 10px; } #my-replies-block #rf_author { width: 268px; border: 1px solid #B0C1CB; font-size: 0.9em; color: #a4a4a4; padding: 5px; } #my-replies-block #rf_author.error { border: 1px solid #cc0000; } #my-replies-block #rf_detail { width: 268px; height: 60px; border: 1px solid #B0C1CB; font-size: 0.9em; color: #a4a4a4; padding: 5px; } #my-replies-block #rf_detail.error { border: 1px solid #cc0000; } #my-replies-block #rf_submit { width:100%; border: 0 none; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 5px #222222, 0 -1px 0 #222222 inset; color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 3px 12px; background-color: #6FBF44; background-image: -moz-linear-gradient(center top , #C2DA6C, #51B747); background-image: -ms-linear-gradient(top, #C2DA6C, #51B747); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C2DA6C), to(#51B747)); background-image: -o-linear-gradient(top, #C2DA6C, #51B747); background-image: linear-gradient(top, #C2DA6C, #51B747); } #my-replies-block #rf_submit:hover { box-shadow: 0 1px 5px #000000, 0 -1px 0 #000000 inset; } #my-replies-block #rf_submit.disabled { background-color: #ACACAC; background-image: none; box-shadow: 0 1px 5px #CCCCCC, 0 -1px 0 #CCCCCC inset; } #my-replies-block h3 { text-align: center; font-size: 14px; color: #698D9B; padding: 10px 0px; background-color: #E1E9EC; line-height: 15px; } #my-replies-block div.indicator { text-align: center; padding: 5px; } /* Upload */ #uploadBox { position:relative; } #uploadBox .inner { padding: 10px 0 0; } #uploadBox .inner .alert { margin-bottom:15px; line-height: 22px; } #uploadBox .inner .alert h4 { font-size:16px; margin-bottom:10px; color:red; } #uploadBox .inner .alert strong { font-weight:bold; color:red; } #uploadBox #uploadAction { } #uploadBox #uploadAction .textUpload { } #uploadBox #uploadAction i { } #uploadBox #inputUploadFile { cursor: pointer; font-size: 48px; height: 36px; opacity: 0; position: absolute; right: 0; top: 0; width: auto; } #uploadBox #btnUploadFile { background: url("../images/upload/btn_upload_hover.png") repeat scroll 0 0 transparent; display: block; height: 50px; width: 289px; } #uploadBox #uploadInfo { margin-bottom: 10px; background-color: #F4F5F5; border-bottom: 1px solid #D3D3D3; border-top: 3px solid #D3D3D3; color: #7B8084; font-size: 13px; font-weight: 500; height: 18px; line-height: 19px; padding: 5px 15px 5px 15px; } #uploadBox #uploadInfo .title { float: left; white-space: nowrap; width: 450px; } #uploadBox #uploadInfo .size { float: left; text-align: right; width: 110px; } #uploadBox #uploadInfo #removeUploadBtn { color: #FC575E !important; cursor: pointer; float: right; font-size: 12px; font-weight: 700; } #uploadBox #uploadInfo #removeUploadBtn:hover { color: #BC272E !important; } #uploadBox #uploadInfoList { background-color: #F4F5F5; border-top: 3px solid #D3D3D3; color: #7B8084; font-size: 13px; font-weight: 500; list-style: none outside none; margin: 0 0 15px; padding:0; } #uploadBox #uploadInfoList li { border-bottom: 1px solid #D3D3D3; height: 19px; line-height: 18px; padding: 5px 15px 5px; } #uploadBox #uploadInfoList .title { float: left; white-space: nowrap; width: 450px; } #uploadBox #uploadInfoList .size { float: left; text-align: right; width: 110px; } #uploadBox #uploadInfoList .cancelUploadBtn { cursor: pointer; float: right; font-weight: 700; } #uploadBox #uploadInfoList .cancelUploadBtn i { background-image: url("../images/bootstrap/glyphicons-halflings-red.png"); } #uploadBox #uploadInfoList .cancelUploadBtn:hover i { background-image: url("../images/bootstrap/glyphicons-halflings.png"); } #uploadBox #btnUploadSubmit, #uploadBox #btnStartUploadSubmit {box-shadow: 0px 0px 1px #000000; border: 3px solid #CCCCCC; color:#FFFFFF; background-color:#AAD450; background-image: none; background-repeat: no-repeat; border: 0 none; border-radius: 4px 4px 4px 4px; cursor: pointer; font-size: 18px; font-weight: 700; overflow: hidden; padding: 8px 15px; position: relative; } #uploadBox #btnUploadSubmit:hover, #uploadBox #btnStartUploadSubmit:hover { background-color:#44BBFF; } /* new Style Upload */ #uploadBox #uploadActionBox { border: 1px solid #E2E2E2; border-radius: 5px 5px 5px 5px; padding: 30px; position: relative; overflow: hidden; } #uploadBox #uploadActionBox #clipUploadBtn { background: none repeat scroll 0 0 transparent; border: medium none; display: block; width: 100%; } #uploadBox #uploadActionBox #clipUploadBtn .clipUploadPic { background: url("../images/upload/btn-new-upload-normal.png") no-repeat scroll 0 0 transparent; display: block; height: 80px; margin: 0 auto 20px; width:118px; } #uploadBox #uploadActionBox:hover #clipUploadBtn .clipUploadPic { background: url("../images/upload/btn-new-upload-hover.png") no-repeat scroll 0 0 transparent; display: block; height: 80px; margin: 0 auto 20px; width:118px; } #uploadBox #uploadActionBox #clipUploadBtn .clipUploadInfo { color:#9D9D9D; font-weight:bold; font-size:22px;} #uploadBox #uploadActionBox #clipUploadInput { cursor: pointer; display: block; left: -995px; opacity: 0; position: absolute; top: 1px; font-size: 165px; width: 2000px; height: 1000px; } @-moz-document url-prefix() { #uploadBox #uploadActionBox #clipUploadInput { cursor: pointer; direction: ltr; display: block; font-size: 150px; height: 180px; left: -2350px; opacity: 0; padding-left: 0; position: absolute; top: 0; width: 100%; } } /* Override Topbar Mthai */ #topbar #topbar_signup_wrap { width: 90px !important; } #topbar #topbar_login_extend { right: -1px !important; } #topbar #topbar_login_extend .mthai form { margin:0; } #topbar #topbar_login_extend .mthai .form_row label { margin-bottom: 2px; } #topbar #topbar_login_extend .mthai #topbar_f_login_name { height: 12px; margin-bottom: 2px; } #topbar #topbar_login_extend .mthai #topbar_f_password { height: 12px; margin-bottom: 2px; } .result-page { border-radius: 7px 7px 7px 7px; border: 1px solid #555555; } .result-page .inner .page-title { color: #F9D68B; font-size: 26px; margin-bottom: 10px; text-shadow: 1px 1px 0 #555555; } .result-page .inner .page-wrap { padding: 0 20px; } .result-page .inner .page-wrap p { margin-bottom: 1em; color: #767676; } .result-page .inner .page-wrap div.reason { margin-bottom: 20px; } .result-page .inner .page-wrap span.duplicate { display: block; margin: 20px 0px 30px; } #uploadProgress { margin-bottom: 15px; overflow: hidden; position: relative; } #uploadProgress .box { border: 1px solid #E6E7E8; margin-bottom: 5px; overflow: hidden; padding: 4px; position: relative; text-align: center; } #uploadProgress .inner.animated { overflow: hidden; position: relative; } #uploadProgress .inner { padding: 0 ; background: url("../images/upload/progress-none.gif") repeat scroll left top transparent; height: 56px; overflow: hidden; position: relative; } #uploadProgress .animated { animation-duration: 1s; animation-fill-mode: both; } /*#uploadProgress .box .msg:before, #uploadProgress .box a:before { display: inline-block; line-height: 1; margin-right: 10px; }*/ #uploadProgress .inner .msg { color: #F1F2F3; font-size: 32px; font-style: normal; height: 56px; line-height: 60px; position: relative; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; z-index: 3; } #uploadProgress .inner.animated .bar { overflow: hidden; transition: width 1s linear 0s; z-index: 2; } #uploadProgress .inner.animated .bar .bg_1, #uploadProgress.inner.animated .bar .bg_2 { background-image: url("../images/upload/progress-active.gif"); } #uploadProgress .inner .bar { background: url("../images/upload/progress-active.gif") repeat scroll left top transparent; border-right: 1px solid #FFFFFF; color: #FFFFFF; float: left; height: 56px; margin-top: -56px; position: relative; z-index: 1; } #uploadProgress .inner.animated .bg_1 { animation: 60s linear 0s normal none infinite progress; z-index: 1; } #uploadProgress .inner.animated .bg_1, #uploadProgress .inner.animated .bg_2 { backface-visibility: hidden; background: url("../images/upload/progress-none.gif") repeat scroll 0 0 transparent; height: 56px; position: absolute; top: 0; transform: translateX(0px); width: 10000px; } #uploadProgress .inner.animated .bg_2 { animation: 60s linear 10s normal none infinite progress; } #uploadProgress .success a { background-color:#AAD450 ; color: #FFFFFF; display: block; width: 640px; } #uploadProgress .error a { background-color:red ; color: #FFFFFF; display: block; width: 640px; } #uploadProgress .success a:hover { background-color:#44BBFF; } .uploadProgress { margin-bottom: 20px; overflow: hidden; position: relative; } .uploadProgress .box { border: 1px solid #E6E7E8; margin-bottom: 5px; overflow: hidden; padding: 4px; position: relative; text-align: center; } .uploadProgress .inner.animated { overflow: hidden; position: relative; } .uploadProgress .inner { padding: 0 !important; background: url("../images/upload/progress-none.gif") repeat scroll left top transparent; height: 35px; overflow: hidden; position: relative; } .uploadProgress .animated { animation-duration: 1s; animation-fill-mode: both; } /*#uploadProgress .box .msg:before, #uploadProgress .box a:before { display: inline-block; line-height: 1; margin-right: 10px; }*/ .uploadProgress .inner .msg { color: #F1F2F3; font-size: 25px; font-style: normal; height: 35px; line-height: 40px; position: relative; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; z-index: 3; } .uploadProgress .inner.animated .bar { overflow: hidden; transition: width 1s linear 0s; z-index: 2; } .uploadProgress .inner.animated .bar .bg_1, .uploadProgress.inner.animated .bar .bg_2 { background-image: url("../images/upload/progress-active.gif"); } .uploadProgress .inner .bar { background: url("../images/upload/progress-active.gif") repeat scroll left top transparent; border-right: 1px solid #FFFFFF; color: #FFFFFF; float: left; height: 50px; margin-top: -50px; position: relative; z-index: 1; } .uploadProgress .inner.animated .bg_1 { animation: 60s linear 0s normal none infinite progress; z-index: 1; } .uploadProgress .inner.animated .bg_1, .uploadProgress .inner.animated .bg_2 { backface-visibility: hidden; background: url("../images/upload/progress-none.gif") repeat scroll 0 0 transparent; height: 35px; position: absolute; top: 0; transform: translateX(0px); width: 10000px; } .uploadProgress .inner.animated .bg_2 { animation: 60s linear 10s normal none infinite progress; } .uploadProgress .success a { background-color:#AAD450 ; color: #FFFFFF; display: block; width: 642px; font-size: 20px; height: 35px; line-height: 38px; } .uploadProgress .error a { background-color:red ; color: #FFFFFF; display: block; width: 642px; font-size: 20px; height: 35px; line-height: 38px; } .uploadProgress .success a:hover { background-color:#44BBFF; } .uploadProgress .statusProgress { color: #9D9D9D; margin-left: 10px; margin-top: 5px; } .uploadProgress .statusProgress .loaded { font-size: 12px; } .uploadProgress .statusProgress .total { font-size: 12px; } .uploadProgress .statusProgress .title { color: #1A3944; font-size: 12px; font-weight:bold; } .uploadProgress .statusProgress .setting { font-size: 18px; color: #1A3944; float: right; margin-right: 10px; } .uploadProgress .statusProgress .setting:hover { color: #000000; } #uploadForm, #embedForm { padding: 0 10px; margin-bottom: 10px } #uploadForm h2, #embedForm h2 { color: #435566; margin-bottom: 10px; } #uploadForm .control-group { } #uploadForm .control-group .label-rating { width: 65px; } #uploadForm .btn-group, #embedForm .btn-group { border-top: 3px solid #E1E2E3; margin-bottom: 0; margin-top: 20px; padding-top: 20px; } #uploadForm .control-group label.control-label, #embedForm .control-group label.control-label { color: #435566; display: block; font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 3px; } #uploadForm .control-group input[type="text"], #embedForm .control-group input[type="text"] { color: #7B8084; width: 620px; } #uploadForm .control-group input.error, #embedForm .control-group input.error, #embedForm .control-group textarea.error { border-color:rgba(255, 21, 21, 0.8); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 21, 21, 0.6); } #embedForm .control-group label.error { color:rgba(255, 21, 21, 0.8); margin-bottom:10px; } #uploadForm .control-group textarea, #embedForm .control-group textarea { color: #7B8084; width: 620px; height:120px; } #uploadForm .control-group .help-block, #embedForm .control-group .help-block { margin-bottom: 8px; /*color: #ACB1B4 !important;*/ color: #F00 !important; font-size: 12px; font-weight: 400; line-height: 15px; } #uploadForm .control-group .red, #embedForm .control-group .red { color:red !important; } #uploadForm .control-group input[type="radio"], #embedForm .control-group input[type="radio"] { margin-bottom: 15px; } #uploadForm img.rating, #embedForm img.rating { width: 50px; height: 23px; background: transparent url(../images/upload/ratings.png) scroll no-repeat left top; vertical-align: middle; } #uploadForm img.rating-1, #embedForm img.rating-1 { background-position: 0px 0px; } #uploadForm img.rating-2, #embedForm img.rating-2 { background-position: 0px -23px; } #uploadForm img.rating-3, #embedForm img.rating-3 { background-position: 0px -46px; } #uploadForm img.rating-4, #embedForm img.rating-4 { background-position: 0px -69px; } #uploadForm img.rating-7, #embedForm img.rating-7 { background-position: 0px -138px; } #uploadForm .btnUpload, #embedForm .btnUpload { float:left; margin-right: 20px; border: 3px solid #CCCCCC; color:#FFFFFF; background-color:#334455; background-image: none; background-repeat: no-repeat; border: 0 none; border-radius: 4px 4px 4px 4px; cursor: pointer; font-size: 18px; font-weight: 700; overflow: hidden; padding: 8px 15px; position: relative; } #uploadForm .btnUpload:hover, #uploadForm #btnGoClip:hover , #uploadForm #btnAllClip:hover, #embedForm .btnUpload:hover, #embedForm #btnGoClip:hover , #embedForm #btnAllClip:hover { background-color:#44BBFF; } #uploadForm #btnGoClip, #uploadForm #btnAllClip, #embedForm #btnGoClip, #embedForm #btnAllClip { background-color:#AAD450; } #uploadForm button.loading, #embedForm button.loading { text-decoration:blink; } #uploadForm button.success, #embedForm button.success { background-color:#AAD450; } #uploadForm button.error, #embedForm button.error { background-color:red; } /* begin ranking page */ .page-ranking .top-members div.primary { width: 650px; margin-right: 10px; float: left; } .page-ranking .top-members div.primary div.item { background-color: #E0EFF4; font-size: 1em; height: 100px; margin-bottom: 9px; overflow: hidden; } .page-ranking .top-members div.primary div.rank-no { background-color: #86C2DA; color: #FFFFFF; float: left; font-size: 1.7em; font-weight: bold; height: 100px; line-height: 100px; margin-right: 10px; text-align: center; text-shadow: 0 1px 3px #000000; width: 30px; } .page-ranking .top-members div.primary img.avatar { display: block; float: left; margin-right: 20px; width: 100px; height: 98px; } .page-ranking .top-members div.primary img.rank-icon { vertical-align: middle; margin-right: 10px; } .page-ranking .top-members div.primary div.usermeta { float: left; margin-right: 5px; width: 200px; } .page-ranking .top-members div.primary div.usermeta p.name { margin-top: 10px; margin-bottom: 5px; height: 30px; line-height: 30px; font-size: 1.2em; } .page-ranking .top-members div.primary div.usermeta p.stats { font-size: 0.8em; } .page-ranking .top-members div.primary .samples { float: left; overflow: hidden; width: 275px; } .page-ranking .top-members div.primary .samples div.clip { height: 43px; margin: 4px 0; overflow: hidden; } .page-ranking .top-members div.primary .samples div.clip img { float: left; height: 41px; margin-right: 10px; width: 75px; } .page-ranking .top-members div.primary .samples div.meta { line-height: 1.7em; font-size: 0.8em; padding-top: 5px; } .page-ranking .top-members div.secondary { width: 300px; float: left; } .page-ranking .top-members div.secondary div.item { background-color: #E0EFF4; font-size: 1em; height: 41px; line-height: 41px; margin-bottom: 5px; overflow: hidden; position: relative; } .page-ranking .top-members div.secondary img.avatar { height: 39px; margin-right: 10px; margin-left: 30px; vertical-align: middle; width: 43px; } .page-ranking .top-members div.secondary img.rank-icon { vertical-align: middle; margin-right: 5px; } .page-ranking .top-members div.secondary span.rank-no { background-color: #86C2DA; color: #FFFFFF; height: 43px; left: 0; position: absolute; text-align: center; top: 0; width: 25px; } .page-ranking .top-categories h3.category-title { color: #FFFFFF; font-size: 1.1em; padding: 2px 0; text-shadow: 0 1px 3px #000000; } .page-ranking .top-categories div.category { background-color: #86C2DA; float: left; margin-bottom: 10px; margin-right: 10px; padding: 5px; width: 222.5px; } .page-ranking .top-categories div.category div.item { background: #E6F2F9; margin-bottom: 5px; height: 35px; overflow: hidden; line-height: 35px; position: relative; } .page-ranking .top-categories div.category img.avatar { width: 35px; height: 33px; vertical-align: middle; margin-right: 10px; margin-left: 25px; } .page-ranking .top-categories div.category span.rank-no { position: absolute; width: 20px; height: 35px; text-align: center; left: 0px; top: 0px; background: #CAE3F2; } .page-ranking .top-categories div.last { margin-right: 0px; } .page-ranking h2 { background-color: #14537B; border-radius: 7px 7px 0 0; color: #FFFFFF; font-size: 1.6em; font-weight: bold; height: 42px; line-height: 42px; padding-left: 15px; text-shadow: 0 1px 5px #000000; } .page-ranking h2.no-border { border-radius:0; margin-bottom:10px; } .page-ranking div.description { background-color: #86C2DA; color: #FFFFFF; font-size: 1em; margin-bottom: 10px; padding: 5px 15px; } .page-ranking img.link { border:1px solid #E0EFF4 ; } .page-ranking img.link:hover { border:1px solid #0088CC ; } /* end ranking page */ #searchBox { } #searchBox .searchTitle { font-size: 30px; margin: 0 0 10px; color:#15364A; } #searchBox .searchRelate { margin: 0 0 10px; } #searchBox .searchNav { background: none repeat scroll 0 0 #F0F1F4; border-color: #E6E7EA #E6E7EA #E6E7EA #D0D5D9; border-image: none; border-style: solid; border-width: 1px 1px 1px 6px; font-size: 16px; line-height: 15px; margin-bottom: 10px; } #searchBox .searchNav a.active { background-color:#F9FAFB; border-color: #E6E7EA; color: #44BBFF; display: inline-block; padding: 10px 14px; position: relative; } #searchBox .searchSort { color:#7B8084; font-size: 12px; line-height: 1; margin-bottom: 10px; overflow: hidden; padding: 8px 0; } #searchBox .searchSort a { font-weight: 400; padding: 1px 3px; color:#44BBFF; } /*color:#15364A;*/ #searchBox .searchSort a.active, #searchBox .searchSort a:hover { color: #15364A; } /*color:#44BBFF;*/ #searchBox .inner { } #searchBox .entry + .entry { border-top: 1px dotted #D3D3D3; margin-top: 15px; padding-top: 15px; } #searchBox .entry .thumbnail { margin-right:10px; position: relative; float:left; width: 160px; } #searchBox .entry .thumbnail img { height: 90px; width: 160px; } #searchBox .entry .thumbnail .duration { background-color: #000000; bottom: 5px; color: #FFFFFF; font-size: 9px; opacity: 0.7; padding: 1px 5px; position: absolute; right: 5px; } #searchBox .entry .info { float: left; margin-top: 5px; width: 465px; } #searchBox .entry .info h4 { font-size: 16px; line-height: 1.2em; margin-bottom: 5px; } #searchBox .entry .info p.listSearch {font-size: 16px;line-height: 1.2em;margin-bottom: 5px; } #searchBox .entry .info p.listSearch a {color: #152630;text-decoration: none;font-weight: normal;margin: 0;padding: 0;} #searchBox .entry .info p.listSearch a strong:hover{color:#0088CC;} #searchBox .entry .meta {color: #868686; font-size: 11px; } #searchBox .entry h4 a { color: #152630; text-decoration:none; } #searchBox .entry h4 a:hover { color: #0088CC; } #searchBox .entry .meta a {color: #F0652F; } #searchBox .entry .meta a:hover {color: #222222; } #searchBox .des-keyword-area {width: 100%; word-wrap:break-word;} #searchBox .des-keyword-area strong { font-weight:bold !important;} #searchBox .des-keyword-btn {margin-bottom: 8px;} #searchBox .cate-list-link { overflow: hidden; height: 18px; display: block; float:left; } #searchBox .entry .info div.meta {height: 16px; overflow: hidden;} #searchBox .entry .info div.meta a {color: #868686;} #searchBox .entry .info div.meta a:hover {color: #222222;} #searchBox .owner-actions {margin-top: 6px;} /*#searchBox #mce_30 {display: none;}*/ .typeahead { border-radius: 0 0 4px 4px; width: 379px; } .typeahead strong { font-weight:bold; } .breadcrumb { background: none repeat scroll 0 0 transparent; border: medium none; border-radius: 0 0 0 0; box-shadow: none; color: #FFFFFF; font-size: 0.9em; margin-bottom: 10px;;} .breadcrumb a { color: #FFD989; } .breadcrumb a:hover { } h1.titleVideomthai{ font-size: 12px;position: absolute;} /* Copyright */ #hide-copyright-bar { position:fixed; right: 0; bottom: 55px; background: transparent url('http://video.mthai.com/videonew/images/Copy.png') no-repeat left top; z-index: 1;} #hide-copyright-bar div{ background: url(http://video.mthai.com/videonew/images/closed.png) no-repeat scroll 93px -50px transparent; cursor: pointer; height: 48px; text-align: right; width: 100%; } #hide-copyright-bar a {display: block; height: 93px; width: 247px; } #channelCateBox { } #channelCateBox .channel-list { } #channelCateBox .channel-list .entry { border: 1px solid #D9D9D9; box-shadow: 0 1px 2px #D9D9D9; margin: 0 0 20px; width: 648px; } #channelCateBox .channel-list .entry .logo { float: left; width: 200px; } #channelCateBox .channel-list .entry .logo img { width: 200px; height:200px; } #channelCateBox .channel-list .entry .info { float: left; padding: 20px; width: 405px; } #channelCateBox .channel-list .entry .info h4 { font-size: 18px; } #channelCateBox .channel-list .entry .info h4 a { font-weight: bold; } #channelCateBox .channel-list .entry .info p { margin-top: 10px; margin-right: 30px; color: #999; font-size: 11px; line-height: 1.4em; } #channelCateBox .channel-list .entry .preview-head { margin-top: 7px; clear: both; margin-bottom: 7px;font-weight: bold; color: #444;font-size: 11px; } #channelCateBox .channel-list .entry .preview-box { } #channelCateBox .channel-list .entry .preview-item { float: left; margin-left: 10px; width: 120px; } #channelCateBox .channel-list .entry .first {margin-left: 0px !important; } #channelCateBox .channel-list .entry .preview-item img { height: 80px; width: 120px; } #list-channel { } #list-channel h2 { margin-top: 9px;} #list-channel .channel-list{ margin-left: 9px;} #list-channel .channel { border-top: 1px dotted #D3D3D3; margin-top: 15px; padding-top: 0px; } #list-channel .channel .info { /*margin-left: 159px;*/font-size: 0.8em;} #list-channel .channel .owner-actions .btn { font-size: 10px;} #list-channel-clip { position: relative; } #list-channel-clip .list-description { background-color: #152636; color: #FFFFFF; font-size: 13px; padding: 10px; } #list-channel-clip .inner { background-color: #CAE3EA; background-image:-moz-linear-gradient(center 30% , #CAE3EA, #FFFFFF); background-image: -ms-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CAE3EA), to(#FFFFFF)); background-image: -o-linear-gradient(center 30%, #CAE3EA, #FFFFFF); background-image: linear-gradient(center 30%, #CAE3EA, #FFFFFF);padding: 5px 10px; } #list-channel-clip .entry { float: left; margin: 5px 10px 5px 0; width: 150px; } #list-channel-clip .last { margin-right:0; } #list-channel-clip .entry .list-thumbnail { margin: 0 auto 5px; position: relative; width: 150px; } #list-channel-clip .entry img { height: 100px; width: 140px; } #list-channel-clip .entry .list-thumbnail .list-duration { background-color: #000000; bottom: 5px; color: #FFFFFF; font-size: 9px; opacity: 0.7; padding: 1px 5px; position: absolute; right: 5px; } #list-channel-clip .entry .list-info h4 { font-size: 13px; line-height: 19px; margin-bottom: 5px; } #list-channel-clip .entry .list-info p.listTitle-info a {font-size: 13px;line-height: 19px;margin-bottom: 5px;color: #152630;} #list-channel-clip .entry .list-info p.listTitle-info a strong:hover{color: #0088CC;} #list-channel-clip .entry .list-meta {color: #868686; font-size: 11px; } #list-channel-clip .entry .list-meta i {margin-right:0; } #list-channel-clip .entry h4 a { color: #152630; text-decoration:none; } #list-channel-clip .entry h4 a:hover { color: #0088CC; } #list-channel-clip .entry .list-meta a {color: #868686; } #list-channel-clip .entry .list-meta a:hover {color: #222222; } #list-channel-clip .private-label { background: url("../images/player/player-sprite.png") no-repeat scroll -198px -15px transparent; cursor: pointer; display: block; height: 32px; left: 5px; position: absolute; top: 5px; width: 35px; } .share_head {float: right; margin: -41px 28px 0 0; width: 402px; height: 28px;} .share_head .twitter {float: left; margin: 4px 0 0 5px;} .share_head .google {float: left; margin: 4px 0 0 0;} .share_head .facebook_share {float: left; margin: 4px 0 0 0;} .share_head .facebook_like {float: left; margin: 1px 0 0 30px; overflow: hidden; width: 73px;} .right-panel .facebook {float: left; margin-right: 5px;} .right-panel .twitter {float: left; margin-right: 5px;} .right-panel .google {float: left;} .share-icon {margin: -14px 0 -13px 0; width: 30px; height: 30px;} .protest {color:#DBED73; margin-left: 6px;} .protest:hover {color:#FFFFFF;} /*Channel*/ .chanel {margin-bottom: 10px;} .chanel .preview img {max-width: none;} .chanel .action-bar{ width:260px; } .chanel input[type="text"]{ width:240px; } .chanel #manageClipBtn{ float:none !important; } #channel-share-wrapper { /*background-color: #B6EAF5;*/ margin-left: 990px; padding:0 0 5px; position: fixed; text-align: center; width: 80px; } #channel-share-wrapper h4 { background-color: #0A71AB; color: #FFFFFF; font-weight: normal; margin-bottom: 7px; } #channel-share-wrapper h4 span { color: #EF8058; font-weight: bold; } #channel-share-wrapper .inner { } #channel-share-wrapper .inner .fb-share-button { margin-bottom: 5px; } #channel-share-wrapper .inner .g-plusone { margin-top: 5px; } #channel-ctrl { float: right; margin: 17px 0 0 0; } .chanel-logo-mthai{ float:left; margin-right: 20px; } .bg-chanel{ } .chn-cover-image{ position: relative; background-color:#cccccc; width:100%; min-height:200px; } .channel-bg { position: absolute; width: 100%;} .channel-bg .chn-bg {width: 1366px; margin: 1px auto 0; /*height:768px;*/ } .channel-bg .chn-bg img { width: 1366px; /*height: 768px;*/} .chn-btn-bg-box { position: absolute; right: -180px; top: 70px; } .chn-cover-bg { position: relative; } .chn-cover-bg img {width: 980px; height: 200px;} .chn-cover-bg .chn-btn-cover-box { bottom: 10px; position: absolute; right: 10px; } .chn-profile { position:absolute; top:44px;left:20px; border:4px #eee solid; height: 108px;} .chn-profile img {width: 108px; height: 108px;} .chn-profile .chn-btn-profile-box { bottom: 0px; position: absolute; right: 0px; } .chn-profile .chn-btn-profile-box i { margin-right:0; } .chn-profile .chn-btn-profile-box button { border-radius:0; } .btn-no_cache { float: right; margin: 17px 4px 0 0; } #uploadModal #uploadModalFormBox { } #uploadModal #uploadModalFormBox .modal-body { position:relative; z-index: 0; text-align: center; max-height: 100%; overflow-y: visible; padding: 15px; } #uploadModal #uploadModalFormBox .preview { } #uploadModal #uploadModalFormBox input[type="file"] { width:auto; } #uploadModal #alertModal { } #uploadModal #loadingModal { } #uploadModal #crop_btn { z-index: 1; } #uploadModal .help_modal { color: #FC6666 !important; display: block; font-size: 12px; font-weight: 400; line-height: 15px; margin-top: 3px; } #playlistModal .control-group label.control-label { color: #435566; display: block; font-size: 15px; font-weight: bold; line-height: 20px; margin-bottom: 3px; } #playlistModal .control-group .help-block { margin-bottom: 8px; color: #ACB1B4 !important; font-size: 12px; font-weight: 400; line-height: 15px; } #hilightModal #hilightNav { float:right; } #hilightModal .thumbnail-wrap { border-bottom: 1px solid #BBBBBB; padding-bottom: 10px; } #hilightModal img.thumbnail { width: 210px; height: 120px; } #hilightModal .hero-unit { padding: 20px 40px; margin-bottom: 20px; } #hilightModal .hero-unit h3 { margin-bottom: 10px; } #upload_dialog { display: none; } #upload_dialog #inside_dialog { position: relative; z-index: 0; padding: 15px 30px; box-shadow: 0px 0px 15px #666; } #upload_dialog #btn_close_dialog { position: absolute; z-index: 1; top: 0px; right: 0px; } #upload_dialog #inside_dialog #loading { display: none; } #upload_dialog .preview { display: none; margin: 15px 0px; } #previewModal img { max-width: none; } #upload_dialog #f_picture { margin-left: -15px; } #upload_dialog .upload_alert_msg { color: #ff0000; text-align: center; margin: 5px 0px; display: none; } .jcrop-holder{direction:ltr; direction: ltr; margin: 0 auto 15px; text-align: center; ;} .jcrop-vline,.jcrop-hline{background:#FFF url(Jcrop.gif) top left repeat;font-size:0;position:absolute;} .jcrop-vline{height:100%;width:1px!important;} .jcrop-hline{height:1px!important;width:100%;} .jcrop-vline.right{right:0;} .jcrop-hline.bottom{bottom:0;} .jcrop-handle{background-color:#333;border:1px #eee solid;font-size:1px;} .jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;} .jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;} .jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;} .jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;} .jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;} .jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;} .jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;} .jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;} .jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;} .jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;} .jcrop-dragbar.ord-n{margin-top:-4px;} .jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;} .jcrop-dragbar.ord-e{margin-right:-4px;right:0;} .jcrop-dragbar.ord-w{margin-left:-4px;} .jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:Alpha(opacity=70)!important;opacity:.70!important;} .jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;} .jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:Alpha(opacity=70)!important;opacity:.7!important;} .jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;} .bg-middle-page{ width:100%; min-height:500px; background: rgb(189,189,188); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkYmRiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZWNlY2VjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgb(189,189,188) 0%, rgb(236,236,236) 5%, rgb(255,255,255) 16%, rgb(255,255,255) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(189,189,188)), color-stop(5%,rgb(236,236,236)), color-stop(16%,rgb(255,255,255)), color-stop(100%,rgb(255,255,255))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgb(189,189,188) 0%,rgb(236,236,236) 5%,rgb(255,255,255) 16%,rgb(255,255,255) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgb(189,189,188) 0%,rgb(236,236,236) 5%,rgb(255,255,255) 16%,rgb(255,255,255) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgb(189,189,188) 0%,rgb(236,236,236) 5%,rgb(255,255,255) 16%,rgb(255,255,255) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgb(189,189,188) 0%,rgb(236,236,236) 5%,rgb(255,255,255) 16%,rgb(255,255,255) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbc', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ padding-bottom:30px; } .chanel-header-text{ padding: 7px 25px; } .chanel-subject-text{ font-size:24px;font-weight:bold; width: 340px; float:left; margin-top: 23px; } .chanel-icon-social{ float:right; margin-right:1px; text-align: right; width: 65px; } .chanel-hilight{ margin:0 20px 20px; background-color:black; min-height:415px; } .chanel-hilight-header{ width:100%; padding: 10px 0; background: rgb(32,160,188); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwYTBiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTZlOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(32,160,188,1) 0%, rgba(49,110,144,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,160,188,1)), color-stop(100%,rgba(49,110,144,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a0bc', endColorstr='#316e90',GradientType=0 ); /* IE6-8 */ } .chanel-hilight-header-text{ font-size:22px;font-weight:bold; width: 500px; float:left; color:white; padding-left: 10px; } .chanel-hilight-header-btn{ float:right; margin-right:10px; } .chanel-hilight-header-btn-push{ width:52px; background-color:#F8E3B7; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .chanel-hilight-content{ height: 360px; margin: 10px; overflow: hidden; } .chanel-hilight-content-left{ float:left; width:630px; } .chanel-hilight-content-right{ float:left; width: 290px; } .bg-hover a{ color:#FBAF5D !important; } .chanel-hilight-thumb{ margin-bottom: 10px; height:80px; overflow:hidden;} .chanel-hilight-picture{ float: left; margin-right: 10px; } .chanel-hilight-picture img { height: 70px; width: 110px; } .chanel-hilight-desc{ } .chanel-desc-title-div{ height: 80px; margin-bottom: 10px; overflow: hidden; } .chanel-desc-title-div a{ color:white; text-decoration:none; font-size:12px; } .chanel-desc-title-div a:hover{ color:#FBAF5D; } .chanel-desc-desc{ color:white; } .bxslider .slide{ position:relative; } .side-desc-title{ background-color: #000000; bottom: 0; left: 0; line-height: 18px; opacity: 0.7; padding: 10px; position: absolute; width: 600px; } .bxslider .slide img { width:620px; height:350px; } .active{ } #new_link {width: 352px;} /* Lastest Item */ .lastest-item-warpper{ margin: 0 10px 0px; } .lastest-item-content{ width:650px; float:left; } .lastest-item-content-bar{ padding: 10px 0; height: 25px; margin-bottom: 10px; background: rgb(32,160,188); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwYTBiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTZlOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(32,160,188,1) 0%, rgba(49,110,144,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,160,188,1)), color-stop(100%,rgba(49,110,144,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a0bc', endColorstr='#316e90',GradientType=0 ); /* IE6-8 */ } .lastest-item-content-bar .btn-more { float:right; margin-right: 10px; } .lastest-item-content-bar-item .lastest-item-content-bar-item-content{ width:205px; float:left; margin-left:17px; } .lastest-item-content-bar-item .first{ margin-left:0; } .lastest-item-content-bar-item-des {color: #777777; font-size: 11px; line-height: 8px;} .lastest-item-content-bar-item-img{ margin-bottom:10px; } .lastest-item-content-bar-item-img img { width:205px; height:135px; } .lastest-item-content-bar-item-link{ height:34px; overflow:hidden; } .lastest-item-content-bar-item-link a{ text-decoration:none; color:black; font-size:14px; } .lastest-item-content-bar-item-link a:hover{ color:#FBAF5D } .lastest-item-banner{ width:300px; float:right; min-height:250px;} .lastest-item-content-bar-item-img .add_link {margin: -32px 0 0 150px; position: absolute; float: right; display:none;} .lastest-item-content-bar-item-img .have_new_link {margin: -32px 0 0 135px;} .lastest-item-content-bar-item-img:hover .add_link {display:block;} /* Most Item */ .most-item-warpper{ margin: 0 10px; min-height:200px; } .chanel-hilight-header-text{ color: #FFFFFF; float: left; font-size: 22px; font-weight: bold; padding-left: 10px; width: 888px; text-shadow:1px 1px #000000; } .lastest-item-content-bar .lastest {width: 400px;} .most-item-warpper .lastest-item-content-bar{ margin:0 10px;} .slide .chanel-slider-desc{ margin-top:10px; height:35px; overflow:hidden; } .chanel-slider-info {color: #777777; font-size: 11px; line-height: 8px;} .chanel-slider-desc a{ color:black; } .chanel-slider-desc a:hover{ color:#FBAF5D; } .chanel-slider-author{ color:black; } .chanel-wapper-slider{ margin-top: 20px; } .chanel-wapper-slider .channel-msg { margin:0 20px; } .chanel-navPrev, .chanel-navPrev-manage{ width:40px; float:right;margin-top: 35px; } .chanel-navNext, .chanel-navNext-manage{ width:40px; float:left;margin-top: 35px; } .control-bx-warpper{ width:880px; float:left; } #channel-playlist-row .control-bx-warpper .slide {width: 195px; float: left; margin-right: 20px;} #channel-playlist-row .control-bx-warpper .slide img {width: 195px; height: 128px;} .bx-wrapper{ width:840px; margin:0 auto; } .bx-wrapper img { width:195px; height:128px; } /* Manage Item*/ .manage-item-warpper{ margin:10px 10px; min-height:100px; } .manage-item-warpper .channel-hilight-header-btn { float: right; margin-right: 10px; } .manage-item-warpper .channel-manage-ctrl { /*float: right; margin-right: 10px;*/ float: right; margin-right: 70px; margin-top: -26px; } .manage-item-warpper .channel-manage-ctrl button { line-height: normal; } .manage-item-warpper .channel-manage-ctrl i { margin-right:0; } /* List */ .chanel-list-bg{ background-color:white; border-top:8px solid #B0B0AF; min-height:950px; } .chanel-list-bar{ height:30px; margin: 10px 20px; padding: 10px 0; background: rgb(32,160,188); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIwYTBiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTZlOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(32,160,188,1) 0%, rgba(49,110,144,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,160,188,1)), color-stop(100%,rgba(49,110,144,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(32,160,188,1) 0%,rgba(49,110,144,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a0bc', endColorstr='#316e90',GradientType=0 ); /* IE6-8 */ } .chanel-list-wapper{ margin: 0 10px; } .chanel-list-item{ float:left; margin:10px 10px 0; width:140px; height: 198px; overflow:hidden; } .chanel-list-item-image{ margin-bottom:5px; } .chanel-list-item-image img{ width:140px; height:90px;} .chanel-list-item-image .add_link {margin: -32px 0 0 82px; position: absolute; float: right; display:none;} .chanel-list-item-image .have_new_link {margin: -32px 0 0 68px;} .chanel-list-item-image:hover .add_link {display:block;} .chanel-list-item-desc{ font-size: 12px; height:35px; overflow:hidden; } .chanel-list-item-info {color: #777777; font-size: 10px; line-height: 7px;} .chanel-list-item-info a.cate {color: #777777} .chanel-list-item-info a.cate:hover {color: #222222;} .chanel-list-item-info a.tag {color: #777777} .chanel-list-item-info a.tag:hover {color: #222222;} .chanel-list-item-desc a{ color:black; } .chanel-list-item-desc a:hover{ color:#FBAF5D; } .chanel-list-item-author{ font-size: 10px; } .chanel-right-warpper{ float: right; margin:10px; margin-bottom: 143px;} .chanel-right-wapper-banner{ margin-bottom:10px; } .chanel-right-wapper-tag{ background-color: #EEEEEE; min-height: 147px; padding:10px; width:280px; overflow:hidden;} .chanel-right-wapper-tag span{ color:black; } .normal-slide { margin: 0 auto; width: 840px; } .normal-slide .slide { float: left; margin-right: 20px; width: 195px; } .normal-slide .last { margin-right: 0px; width: 195px; } .normal-slide .chanel-slider-img { } .normal-slide .chanel-slider-img img { width:195px; } .chanel-slider-img .add_link {margin: -32px 0 0 140px; position: absolute; float: right; display:none;} .chanel-slider-img .have_new_link {margin: -32px 0 0 125px;} .chanel-slider-img:hover .add_link {display:block;} .add_link .check {width:15px !important; height:15px !important; margin: -3px -7px 0 5px;} .chanel-list-des-playlist-area {width: 99%; word-wrap:break-word; margin: 0 auto;} .chanel-list-des-playlist-area strong { font-weight:bold !important;} .chanel-list-playlist-btn {margin: 5px;} #player-mobile { position:relative; background-color:#000000; } #player-mobile .btn-close{ position:absolute; cursor:pointer; top:10px; right:10px; background: url("../images/player/btn-close.png") no-repeat scroll 0px 0px transparent; width:33px; height:33px; } #up_clip {background: url("../images/common/sprite-upclip.png") no-repeat scroll 0 0 transparent; height: 313px; width: 974px; margin: -7px 0 15px -7px; color:white;} #up_clip .head {font-size: 25px; padding: 3px 0 0 80px; color:black; font-weight: normal;} #up_clip .inner {margin: 3px 0 0 0; height: 235px;} #up_clip .inner .all_clip {margin-top: 1px;} #up_clip .inner .all_clip .clip {width: 213px; height: 168px; float: left; margin: 21px 0 0 23px;} #up_clip .inner .all_clip .clip img {width: 221px; height: 163px; margin:3px 0 0 3px;} #up_clip .inner .all_clip .clip .clip_info {margin: 6px 0 0 3px;} #up_clip .inner .all_clip .clip .clip_info .title_clip_info {height: 17px; overflow: hidden;} #up_clip .inner .all_clip .clip .clip_info a {text-decoration: none; font-size: 13px; color: #27AAE1;} #up_clip .inner .all_clip .clip .view_vote {margin: 1px 0 0 0px; font-size: 13.5px;} #up_clip .inner .all_clip .clip .view_vote p {margin: -17px 10px 0 0;} #up_clip .inner .all_clip .clip:hover img {border-style: solid; border-color: #F06F23; border-width: 3px; margin:0;} #up_clip .inner .all_clip .clip:hover .clip_info a {color: #F06F23;} #up_clip .inner .all_clip .clip:hover .clip_info {margin: 3px 0 0 3px;} #up_clip .foot {float: right;} #up_clip .foot .lg {background: url("../images/common/sprite-upclip.png") no-repeat scroll 0 -313px transparent; height: 28px; width: 143px; margin-top: 3px; float:left;} #up_clip .foot .link {float:left; margin: 9px 13px 0;} #up_clip .foot .link a {color: white;} #up_clip .foot .link a:hover {color: #F06F23;} .upclip-icon {margin: -6px 0 0 4px; position: absolute;} #follow-mob .asia_update {float:left; margin-right: 10px} #follow-mob .asia_update img {width: 125px; height: 69px;} #follow-mob .blue_sky img {width: 125px; height: 69px;} .follow-mob {font-size: 15px !important;} #tv-digital .mono_29 {float:left; margin-right: 10px} #tv-digital .mono_29 img {width: 125px; height: 69px;} #tv-digital .mono_slogan {padding: 21px 0 0 150px; font-size: 18px;} #tv-digital .inner {height: 80px;} #seriesHomeGroup {background: url("../images/common/series_korea_bg.png") no-repeat scroll 0px 0px transparent; width:980px; height:185px; margin-bottom: 20px;} #seriesHomeGroup .left {width: 605px; float:left;} #seriesHomeGroup .left .head_series_korea {color: #0B80A7; font-size: 20px; line-height: 48px; margin-left: 22px; float:left;} #seriesHomeGroup .left .nav-video {float: right; margin: 12px 5px 0 0;} #seriesHomeGroup .left .nav-video li { font-size: 12px; margin-right: 2px; padding: 1px 6px; } #seriesHomeGroup .left .clip-test {background-color:#000000; width:595px; height:130px; float: right;} #seriesHomeGroup .left #hilightSlider_series_korea { width:605px; } #seriesHomeGroup .left .inner { position:relative; } #seriesHomeGroup .left .inner img {height: 120px; width: 585px; } #seriesHomeGroup .left .inner .entry { z-index:0; width: 595px; height: 130px; overflow: hidden; float: right;} #seriesHomeGroup .right {width: 355px; height: 167px; float:right; margin:11px 10px 0 0;} #seriesHomeGroup .right .moreBtn_series {float: left; display:inline-block; background: url("../images/common/series_korea_more_btn.png") no-repeat scroll 0 0 transparent; margin-left: 260px; color: #FFF; font-size: 16px; height: 26px; width: 94px; line-height: 22px;} #seriesHomeGroup .right .moreBtn_series .more {margin-left: 22px;} #seriesHomeGroup .right .clip-test {background-color:#000000; width:172px; height:130px; float: left; margin-top: 11px;} #seriesHomeGroup .right .last {margin-left: 11px;} #seriesHomeGroup .right .inner { padding: 5px 0 5px; } #seriesHomeGroup .right .wrap { } #seriesHomeGroup .right .entry {float: left; height: 120px; margin-top: 5px; margin-bottom: 5px; width: 162px; } #seriesHomeGroup .right .entry img { height: 120px; margin: 0 auto; width: 162px; } #seriesHomeGroup .right .hilight img { height: 220px; width: 300px; } #seriesHomeGroup .right .entry a { text-decoration:none; } #seriesHomeGroup .right .entry h4 { } #seriesHomeGroup .right .entry .bg, #seriesHomeGroup .right .entry .info, #seriesHomeGroup .right .entry h4 { width:152px; } #seriesHomeGroup .right .hilight img.chn-profile-img { height: 70px; width: 70px; } #seriesHomeGroup .right .info p.list_series_korea {display: block;font-size: 12px;right:5px;left: 5px;overflow: hidden;position: absolute;text-align: left;top: 5px;z-index: 4;margin: 0;} #seriesHomeGroup .right .info p.list_series_korea a{color: #FFFFFF;display: block;height: 100%;width: 100%;text-decoration: none;font-weight: normal;margin: 0;padding: 0;line-height: 19px;} #agentReportBox { } #agentReportBox .inner { } #agentReportBox .agentTitle { background-color: #dfdfdf; color:#000000; border-radius: 5px; box-shadow: 0 0 2px; font-size: 25px; font-weight: bold; margin: 15px 0 25px; padding: 15px; text-align: center; } #agentReportBox .agentDownload { font-size: 20px; } #agentReportBox .agentDownload span { color: #f26422; } #agentReportBox .agentDownload span.blue {color: #00aff0; } #agentReportBox .agentDownload a.ie { margin-right: 20px; background: url("../images/icn-help.png") no-repeat scroll 0 -44px transparent; display: inline-block; height: 59px; width: 148px; } #agentReportBox .agentDownload a.flash { background: url("../images/icn-help.png") no-repeat scroll -169px -44px transparent; display: inline-block; height: 59px; width: 201px; } #agentReportBox .agentDownload a.firefox { margin-right:5px; background: url("../images/icn-help.png") no-repeat scroll 0 -119px transparent; display: inline-block; height: 49px; width: 123px; } #agentReportBox .agentDownload a.chrome { margin-right:5px; background: url("../images/icn-help.png") no-repeat scroll -139px -119px transparent; display: inline-block; height: 49px; width: 123px;} #agentReportBox .agentDownload a.safari { background: url("../images/icn-help.png") no-repeat scroll -277px -119px transparent; display: inline-block; height: 49px; width: 123px;} #agentReportBox .agentDownload a.download:hover { box-shadow: 0 0 1px #000000; border-radius:5px; } #agentReportBox .agentDownload .entry { border-right: 1px solid #CCCCCC; float: left; height: 240px; line-height: 30px; padding: 20px; width: 419px; } #agentReportBox .agentDownload .last { border-right: 0 none; } #agentReportBox .agentSplit { color: #000000; font-size: 20px; font-weight: normal; line-height: 35px; margin-top: 20px; text-align: center; } #agentReportBox .agentSplit p { color: #000000; font-size: 25px; font-weight: bold; margin-bottom: 0; } #agentReportBox .agentForm { margin-top: 20px; } #agentReportBox .agentForm .entry {border-right: 1px solid #CCCCCC; float: left; height: 165px; line-height: 30px; padding: 20px 100px; width: 259px; } #agentReportBox .agentForm .last { border-right: 0 none; padding: 40px 50px 0; width: 359px; } #agentReportBox .agentForm label { cursor:pointer; color: #000000; font-size: 20px; font-weight: bold; line-height: 30px; padding-left: 0; } #agentReportBox .agentForm textarea { height: 75px; width: 350px; } #agentReportBox .agentForm .form-submit { text-align: right; } #agentReportBox .align-center { text-align:center; } #agentReportBox .box{ margin-top:20px; } #agentReportBox .radio input[type="radio"], .checkbox input[type="checkbox"] { margin-left: -18px; margin-right: 20px; margin-top: 7px; } #channel-share-wrapper { /*background-color: #B6EAF5;*/ margin-left: -95px; padding: 5px 0; position: fixed; text-align: center; width: 70px; background-color: #FFFFFF; } #channel-share-wrapper { margin-left: 985px; padding: 5px 0; position: fixed; text-align: center; width: 70px; background-color: #FFFFFF; margin-top: -60px; } #channel-share-wrapper h4 { background-color: #0A71AB; color: #FFFFFF; font-weight: normal; margin-bottom: 7px; } #channel-share-wrapper h4 span { color: #EF8058; font-weight: bold; } #channel-share-wrapper .inner { } #channel-share-wrapper .inner .fb-share-button { margin-bottom: 5px; } #channel-share-wrapper .inner .g-plusone { margin-top: 5px; } #channel-share-wrapper .twitter-share-button { width: 55px !important; } .mthai-flash-player .endscreen { top: 70px; left: 0; position: absolute; width: 100%; height: 368px; font-size: 14px; background-color: #000000; text-align: center; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; transition: opacity .5s; } .mthai-flash-player.is-fullscreen .endscreen { height:90%;} .mthai-flash-player .endscreen .button:hover { background-color: #00afc6; } .mthai-flash-player .endscreen .button:active { background-color: #009db2; } .mthai-flash-player .endscreen .fp-toggle { display: block; color: #eee; cursor: pointer; } .mthai-flash-player .endscreen .fp-toggle:hover { color: #444; } .mthai-flash-player.is-finished .endscreen { z-index: 1; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .mthai-flash-player .inner-endscreen { width:99.5%; height:100%; margin:1px; } .mthai-flash-player .entry-relate { width:25%; height:32%; float:left; position:relative; } .mthai-flash-player .big-relate { width:50%; height:64%; } .mthai-flash-player .frame-relate { box-shadow: 0 0 30px 10px #FE9800 inset; z-index: 2; position: absolute; width: 100%; height: 100%; top: 0; } .mthai-flash-player .thumbnail-relate { width: 100%; height: 100%; border:1px solid #000; opacity:0.5; } .mthai-flash-player .thumbnail-relate:hover { opacity:1.0; } .mthai-flash-player .thumbnail-relate img { width: 100%; height: 100%; } .mthai-flash-player .bg-info-relate { background-color: #000; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; opacity: 0.4; z-index: 5; } .mthai-flash-player .info-relate { text-align: left; background-color: transparent; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; opacity: 1.0; z-index: 5; } .mthai-flash-player .big-relate .info-relate { height:30%; } .mthai-flash-player .big-relate .bg-info-relate { height:30%; } .mthai-flash-player .info-relate h4 { padding: 5px; height: 20%; overflow: hidden; font-size: 11px; } .mthai-flash-player.is-fullscreen .info-relate h4 { font-size: 20px; padding: 10px; } .mthai-flash-player .info-relate h4 a { color:#FFFFFF;} .mthai-flash-player .info-relate h4 a:hover { color:#FFFFFF;} .mthai-flash-player .info-relate .detail { position: absolute; bottom: 2px; left: 0; width: 100%; font-size:10px; } .mthai-flash-player.is-fullscreen .info-relate .detail { bottom: 10px; } .mthai-flash-player .info-relate .detail .views { float:left; color:#FFFFFF; margin-left:5px; } .mthai-flash-player .info-relate .detail .views i { vertical-align: baseline; } .mthai-flash-player.is-fullscreen .info-relate .detail .views { font-size: 18px; margin-left:10px; } .mthai-flash-player .info-relate .detail .duration { float:right; color:#CCCCCC; margin-right:5px; margin-top:3px; } .mthai-flash-player.is-fullscreen .info-relate .detail .duration { margin-right:10px; font-size: 18px; } .mthai-flash-player .endscreen-timer { z-index: 1; text-align: center; opacity: 1; font-size: 15px; font-weight: normal; color: #FFF; padding: 15px; background-color: #000; } .mthai-flash-player #endscreen-timer-show { display: block; font-size: 30px; font-weight: bold; margin: 15px 0; } .char-timer { float: left; margin-left: 10px !important; } .pause-timer { float: right; margin-top: 5px !important; margin-right: 10px !important; } .pause-timer img { width:60px; } /*#share-action-result h5 { margin-top: 30px; float: left; width: 110px; margin-right: 0px; } #share-action-result .share-panel { float: right; width: 515px; } #share-action-result .share-panel .entry { text-align: left; margin-top: 22px; float: left; width: 131px; height: 37px; } #share-action-result .share-panel .entry a.social_link { display: inline-block; width: 70px; height: 37px; cursor: pointer; } #share-action-result .share-panel .entry span.num {width: 50px; display: inline-block; text-align: center; line-height: 40px; font-size: 18px; height: 37px; vertical-align: top; } #share-action-result .share-panel .facebook-entry {margin-right: 10px; background: transparent url('/videodev-2012/images/player/box-new-share.png') no-repeat -23px 0px; } #share-action-result .share-panel .twitter-entry { margin-right: 9px; background: transparent url('/videodev-2012/images/player/box-new-share.png') no-repeat -305px 0px; } #share-action-result .share-panel .google-entry { margin-right: 12px; background: transparent url('/videodev-2012/images/player/box-new-share.png') no-repeat -165px 0px; } #share-action-result .share-panel .all-entry { background: transparent url('/videodev-2012/images/player/box-new-share.png') no-repeat -449px 22px; float: left; width: 85px; height: 60px; text-align: center; } #share-action-result .share-panel .all-entry span.num { color: #B94A48; font-size: 40px; line-height: 45px; } #share-action-result .inner-panel { margin-bottom: 10px; margin-top: 20px; } #share-action-result .panel .left-panel { width: 625px; } #share-action-result .input-copy-text { width: 570px; } #channel-share-wrapper { margin-left: -115px; padding: 5px 0; position: fixed; text-align: center; width: 95px; background: transparent url(/videodev-2012/images/player/box-new-share.png) no-repeat 0 -50px; top: 120px; height: 390px; } #channel-share-wrapper .inner { margin-top: 17px; margin-left: 25px; text-align: center; width: 67px; } #channel-share-wrapper .all-entry { height: 65px; color: #B94A48; font-size: 24px; line-height: 65px; overflow: hidden; } #channel-share-wrapper .facebook-entry { margin-top: 12px; height: 82px; font-size: 18px; line-height: 38px; overflow: hidden; } #channel-share-wrapper .google-entry { margin-top: 12px; height: 82px; font-size: 18px; line-height: 38px; overflow: hidden; } #channel-share-wrapper .twitter-entry { margin-top: 12px; height: 82px; font-size: 18px; line-height: 38px; overflow: hidden; } #channel-share-wrapper span.num { } #channel-share-wrapper a.social_link { display: block; width: 67px; height: 45px; }*/