/*------------------------------------------------------------------

wemarkUP - Structure Style Sheet
Last update: 20 Octomber 2012

[Table of contents]

1. Body
body { font:12px/12px Arial, Helvetica, sans-serif; color:#2f2f2f; background:#fff; }
------------------------------------------------------------------*/
/*[1. Body ]*/


/*[2. Global classes ]*/
.fnone { float:none; }
.fleft, .column { float:left; }
.fright { float:right; }
.no_bg { background:none !important; }
.no_margin { margin:0 !important; }
.no_padding { padding:0 !important; }
.no_border { border:0 !important;}
.left { text-align:left }
.center { text-align:center }
.right { text-align:right }
.hidden{display:none}

input, select, textarea { font:13px Arial, Helvetica, sans-serif; }

/*[2. TV Program ]*/
.tv-program { width:640px; float: left; font:13px/1.231 arial,helvetica,clean,sans-serif; }

/*[2.1 Search field ]*/
.search-field { background:#f4f4f4; border:1px solid #ececec; padding:8px 16px 0 25px; height:37px; margin:0 0 16px; position:relative; z-index:100; }
.search-field .search { float:left; }
.search-field label { float:left; font-size:14px; line-height:30px; font-weight:bold; margin:0 16px 0 0; }
.search-field .textfield { float:left; border:1px solid #dfdddd; border-right:0 none; width:250px; height:18px; padding:5px 10px; color:#9c9c9c; font-style:italic; border-bottom-left-radius:3px; border-top-left-radius:3px; }
.search-field .on-focus{font-style:normal; color:#333}
.search-field .submit { float:left; background:url(../images/backgrounds/search-input-submit.jpg); width:31px; height:30px; border:0 none; }
.search-field .fav-btn { float:right; font-size:14px; color:#797979; padding:0 16px 0 0; background:url(../images/backgrounds/arrow-down.gif) no-repeat right center; line-height:30px; }
.search-field .fav-btn.active{background:url(../images/backgrounds/arrow-up.gif) no-repeat right center;}

.fav-list {display:none; position:absolute; right:-1px; top:45px; background:#f4f4f4; border:1px solid #ececec; border-top:0 none; padding:0 16px; overflow:hidden; z-index:100; width:301px; }
.fav-list ul { display:block; width:300px; border-top:1px solid #eae9e9; border-left:1px solid #eae9e9; }
.fav-list li { display:inline; float:left; width:300px; height:42px; border-bottom:1px solid #eae9e9; background:#fff;}
.fav-list li a { display:block; width:268px; height:42px; padding:0 16px; color:#797979; line-height:42px; font-size:14px; }
.fav-list li a span { float:left; display:inline; height:42px; }
.fav-list li a span.del { background:url(../images/backgrounds/tv-del-x.png) no-repeat left -63px; width:40px; display:none; cursor:pointer}
.fav-list li a:hover span.del { background-position:0 16px;}
.fav-list li a span.name{width:191px}
.fav-list li a span.logo { width:37px; height:33px; padding:9px 0 0; text-align:center; float:right }
.fav-list li a:hover { background:#f2f7fa; cursor:pointer}
.fav-list .change { float:right; color:#2483e3; line-height:12px; margin:16px 16px 16px 0; }

/*[2.2 Tabs&filter&tabs-carousel ]*/
.info-tabs {border-bottom:1px solid #979797; height:34px; margin:0 0 16px; position:relative; z-index:5;}
.info-tabs.with-slider{padding-left:24px}
.info-tabs .days { float:left; position:relative; z-index:5; border-right:1px solid #cecccc;}
.info-tabs .days li { float:left; display:inline; width:86px; }
.info-tabs .days a { float:left; width:82px; height:34px; padding-left:4px;  font-size:11px; color:#666; line-height:12px; text-align:center; background:url(../images/backgrounds/tabs-day-bg.png) no-repeat top left; }
.info-tabs .days a strong { display:block; font-weight:normal; padding:7px 4px 0 0; height:27px; background:url(../images/backgrounds/tabs-day-bg.png) no-repeat top right;}
.info-tabs .days a span { display:block; }
.info-tabs .days li.current{width:86px; padding:0!important}
.info-tabs .days .current a { background:#fff; border:1px solid #979797; border-bottom:0 none; color:#333; margin-right:-1px; position:relative; width:84px; padding:0!important}
.info-tabs .days .current a strong{background:transparent}
.info-tabs .filter { float:right; padding:6px 0 0; position:relative; z-index:5; }
.info-tabs .filter label { line-height:22px; }
.info-tabs .filter select { font-size:12px; width:100px; z-index:10; }
.info-tabs .filter select.tv { width:100px; }
.bx-wrapper{float:left; overflow: visible;}
.bx-prev,.bx-next,.not-active-left,.not-active-right{display:block; height:34px; width:34px; font-size:0; line-height:0; text-indent:-9999px; position:absolute; top:0}
.bx-prev{background:url(../images/backgrounds/tv-dcarousel-a.png) no-repeat left 0; left:-34px; display:none}
.bx-next{background:url(../images/backgrounds/tv-dcarousel-a.png) no-repeat right 0; right:-34px;}
span.not-active-left{background:url(../images/backgrounds/tv-dcarousel-a.png) no-repeat right -34px; display:none; right:152px;}
span.not-active-right{background:url(../images/backgrounds/tv-dcarousel-a.png) no-repeat left -34px; display:block; left:-10px;}

/*[2.3 Channels listing ]*/
.section-title { width: auto; font-size:14px; font-weight:bold; color:#333; padding:4px 25px 0; height:43px; line-height:43px; background: url(../images/backgrounds/sec-title-bg.png) repeat-x; }
.section-title.all-channel { margin:0 0 23px; }
.tv-filter { overflow:hidden; border-bottom:1px solid #c9c9c9; padding:0 0 0 25px; margin:0 0 25px; }
.tv-filter li { float:left; display:inline; padding:0 16px 8px 0; }
.tv-filter a { font-size:11px; line-height:11px; color:#666; }
.tv-filter .current a { color:#b23c36; }
.tv-filter .fav a { color:#861b1a; font-weight:bold; }

.channel-short { border-bottom:4px solid #dfdfdf; padding:0 0 16px; margin:0 16px 31px 25px; width:287px; float:left; display:inline; }
.channel-short.outside { margin:0 0 25px; }
.channel-short .channel { width:170px; float:left; font-size:13px; font-weight:bold; color:#333; line-height:24px; padding:0 0 6px; }
.channel-short .channel .logo { float:left; margin:0 10px 0 0; height:24px; overflow:hidden; }
.channel-short .fav { font-size:12px; color:#9f2626; float:right; line-height:24px; }
.channel-short .channel .name { float:left; }
.channel-short .channel a { color:#000; }

.tv-plist { font-size:12px; border-top:1px solid #c0c0c0; padding:16px 0 0; clear:both; height:157px;}
.tv-plist.right-c { border-top:0 none; padding:0; }
.tv-plist li { height:35px; overflow:hidden; }
.tv-plist.right-c li { padding:7px 0 0; }
.tv-plist .logo { float:left; width:37px; margin:-7px 10px 0 0; text-align:center; }
.tv-plist .time { float:left; width:41px; }
.tv-plist .current .time { font-weight:bold !important; color:#727171; }
.tv-plist .title { float:left; width:246px; height: 25px; overflow: hidden; line-height:100%; font-size: 12px;}
.tv-plist.right-c .title { width:199px; }
.tv-plist .current .title { font-weight:bold !important; }
a.full-tprogram { font-size:12px; color:#9b2522; font-weight:bold; background:url(../images/backgrounds/arrow-right.gif) no-repeat left 3px; padding:0 0 0 12px; line-height:12px; }

/*[2.4 Detail TV channel ]*/
.tv-dlist { font-size:12px; padding:0 0 44px; }
.tv-dlist li { height:48px; }
.tv-dlist li.dark { background:url(../images/backgrounds/tv-current-bg.gif) repeat-x; }
.tv-dlist li.current { font-weight:bold; }
.tv-dlist .day { float:left; width:91px; padding:0 0 0 25px; line-height:48px; }
.tv-dlist .time { float:left; width:41px; padding:0 16px 0 25px; text-align:center; line-height:48px; }
.tv-dlist.search .time { padding:0 25px 0 0; }
.tv-dlist .title { float:left; width:417px; padding:18px 0 0; line-height:13px; }
.tv-dlist li.current .time { background:url(../images/backgrounds/arrow-right.gif) no-repeat 16px 20px; }

.channel-detail { height:24px; padding:0 0 16px; }
.channel-detail .channel { float:left; font-size:16px; font-weight:bold; line-height:24px; }
.channel-detail .logo { float:left; margin:0 16px 0 0; }
.channel-detail a.fav { float:right; font-size:12px; font-weight:300; color:#9f2626; line-height:24px; }
.channel-detail .channel a { color:#000; }

.search-info { border-bottom:4px solid #dfdfdf; margin:0 0 16px; padding:0 0 12px; font-size:13px; line-height:13px; overflow:hidden; }
.search-info .criteria { float:left; }
.search-info .criteria span { color:#9c9c9c; }
.search-info .results { float:right; color:#9c9c9c; }
.search-info .results span { color:#333; }

.tv-no-results { border:1px solid #e9e6e6; background:#f4f4f4; font-size:14px; font-weight:bold; text-align:center; line-height:14px; padding:13px 0; }

.tv-side { font-size:12px !important; line-height: 16px; }
.tv-side td { padding: 0 3px; }
.tv-side td.tv { vertical-align:top; text-align:center; }
.tv-side td.tv img { width: expression(this.width > 37 ? 37: true); max-width:37px; }
.tv-side div.title { height: 36px; overflow: hidden; font-size:12px !important; }