/* Catchup Css */
/* v0.2 | 20090829 */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; background:transparent; margin:0; padding:0; }
:focus { outline:0; }
body { line-height:1; color:#000; font:0.9em/1em arial, helvetica, sans-serif; }
ol,ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
caption,th,td { text-align:left; font-weight:400; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
strong { font-weight:700; }
.bc-more-left, .bc-more-top, .bc-more-middle, .bc-more-bottom, .arrow { behavior: url(style/resources/iepngfix.htc) }
a { color: #5363cd; text-decoration: none;}
a:hover {text-decoration: underline}
.hidden {display:none}

/* Fonts */

h1,h2,h3,p {margin: 0; padding: 0;}
h1 {line-height: 28px}
.grid_12 {position: relative; background: #d3d3d3; margin: 0 !important; width: 940px !important; padding: 0 10px 20px 10px !important;}
.strong {font-weight: bold !important}

/* Basic */
.hide {display: none !important}
.clear {display: block; position: relative; clear: both; font-size: 1px; overflow: hidden; height: 0; width: 100%;}

.padder-20px {display: block; float: left; width: 20px; height: 20px;}
.top-20 {margin-top: 20px;}

.z-low1 div {z-index: 0 !important; z-index:-1;}

.br-1 {-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.br-b-1 {-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; }

body {background: #141E2A url('../images/head_bg.jpg') top center no-repeat; color: #000;}
.container_12 {overflow:hidden; position: relative;}
.container_12 .container_12 {background: transparent none !important;}

.grid_10 {position: relative;}

/* --------------------------------------------------------------------------------
BLOCKS - REUSABLE ELEMENTS
-------------------------------------------------------------------------------- */

/* Block Titles */
.title-2 {font-size: 30px; font-weight:bold; background: url('../images/color_bar_bg.png') bottom left no-repeat; padding-bottom: 20px; margin: 15px 0 0 0; line-height: 25px; color: #30383e}
.title-2-span  {display: block; float: left; position: relative; padding: 5px 250px 0 0;}
.title-2-span span {font-weight: normal}

/* Block - Search bar */
.search-bar {display: block; position: absolute; top: 5px; right: 0; float: left; width: 230px; }
.search-bar img {display: none; position: absolute; left: 0; top:0;}
.search-bar input { display: block; margin: 0; position: absolute; left: 7px; top:0; background: #fff url('../images/search_bg.png') 8px 5px no-repeat; padding: 5px 0 5px 30px; border: 1px solid #ceebff; width: 120px}
.search-bar button {display: block; position: absolute; top: 0; left: 165px; font-size: 16px;}
.search-bar div {display: block; position: absolute; top: 28px; left: 7px; font-size: 14px; width: 132px; padding: 10px; background: #ceebff; z-index: 950; font-weight: normal}
.search-bar div p {margin-bottom: 5px; font-weight: bold;}
.search-bar div a {display: block; padding-bottom: 2px}

/* Block - Sub selector */
.sub-select {display: block; position: relative; float: left; z-index: 900; padding: 10px 20px; margin-top: 10px !important; border: 1px solid #b71717; background: url('../images/sub_select_a_bg.png') repeat-x;}
.sub-select, .sub-select ul { padding: 0; margin: 0; list-style: none; }
.sub-select-main {width: 125px; height: 34px; display: block; background: url('../images/sub_select_bg.png') top right no-repeat}
.sub-select-main-a {display: block; width: 125px; height: 21px; color: #000; text-decoration: none; padding: 9px 0 0 10px; font-weight: bold;}
.sub-select a { display: block; width: 10em; color: #fff;}
.sub-select li { float: left; width: 125px; }
.sub-select li ul { position: absolute; width: 125px; left: -999em;}
.sub-select li ul { padding: 5px 0; margin: 0;}
.sub-select li ul li { padding: 0 0 0 10px; margin: 0;}
.sub-select li ul li a {line-height: 14px; padding-bottom: 5px;}
.sub-select li:hover ul { left: -1px !important;}
.sub-select li:hover ul, #site-select li.sfhover ul { left: auto;}
.sub-select-main ul { background: #b90100; border-left: 1px solid #b90100; border-bottom: 1px solid #b90100; border-right: 1px solid #b90100; padding: 10px 0 !important;}

/* Block - Button */
.btn {display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:13px/1.2 Arial,Sans-serif; text-decoration:none; color:#fff; font-weight: bold;}
* html button.btn { padding-bottom:1px; }
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#ddd url(../img/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #3b4797; border-right:1px solid #3b4797; }
* html .btn span { padding-top:0; }
.btn span span {position:relative; padding:3px .4em; border-width:0; border-top:1px solid #3b4797; border-bottom:1px solid #3b4797;}
button.pill-l span {border-right-width:0;}
button.pill-l span span {border-right:1px solid #15a4d0;}
button.pill-c span { border-right-style:none; border-left-color:#15a4d0;}
button.pill-c span span {border-right:1px solid #15a4d0;}
button.pill-r span {border-left-color:#15a4d0;}
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer;  border-color:#74190a !important; color:#ce6d5f;}
.btn:active span {background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none;}
.primary { font-weight:bold;color:#000;}

/* Block - Header */
#header {display: block; position: relative; height: 215px; margin: 0 !imporant}
.logo {display: block; position: absolute; top: 106px; left: 0; width: 280px; height: 100px; overflow: hidden; text-indent: -1000px;}
.logo span {display: block; position: absolute; top: 0; left: 0;  width: 280px; height: 100px;}
.logo-sub {display: block; position: absolute; top: 155px; left: 30px; width: 180px; height: 55px; overflow: hidden; }

.top-reg {display: block; position: absolute; top:10px; right: 0px; width: 200px; height: 145px; background: #fff url('../images/top_reg_bg.gif') no-repeat }
.top-textfield {display: block;position: absolute; border: none; top: 36px; left: 10px; background: none;}
.top-textfield-2 {display: block;position: absolute; border: none; top: 60px; left: 10px; background: none;}
.top-reg-bt {display: block; position: absolute; top: 85px; left: 10px;}
.top-reg ul {display: block; position: absolute; top: 85px; left: 50px; font-size: 12px;}
.top-reg ul li {clear: both;}
.top-reg ul li a {padding-right: 12px; background: url('../images/top_reg_arrow.png') top right no-repeat; display: block; float: left; color: #000;}
.top-reg-loggedin {display: block; position: absolute; top:10px; right: 0px; width: 190px; height: 135px; background: #fff url('../images/top_reg_loggedin_bg.gif') 0 0 no-repeat; color: #333}
.top-reg-loggedin div {padding: 10px; margin-top: 30px; width: 115px}

.top-banner {display: block; position: absolute; top: 10px; left:0px; width: 728px; height: 90px; }
.top-date {display: none; position: absolute; top: 140px; left: 100px; line-height:18px; font-size: 12px; color: #fff;}
.top-weather {display: block; position: absolute; top: 142px; left: 540px; padding: 10px 0 10px 35px; font-size: 12px; color: #fff;}
.top-rss {display: none; position: absolute; top: 120px; left: 570px; padding: 10px 0 10px 40px; background: url('../images/top_rss.png') no-repeat; font-size: 12px; color: #000;}
.weather-sunny {background: url('../images/temp2.gif') no-repeat}

.main-nav {display: block; position: absolute; top: 100px; left: 320px; padding: 0; display: none}
.main-nav a {text-decoration: none; font-weight: bold; font-size: 18px}
.main-nav a:hover {text-decoration: none;}
.main-nav li {float: left; display: block; text-align: center; margin: 0;}
.main-nav li a {display: block; padding: 13px 0; width: 60px; color: #000; -webkit-border-radius: 5px; border: 1px solid #012b3a;}
.main-nav li a.left {-moz-border-radius-topleft: 5px; }
.main-nav li a.right {-moz-border-radius-topright: 5px; }
.main-nav li a:hover {background: #012b3a; color: #fff;}
.main-nav li.active a {color: #fff; background: #012b3a;}
.down-arrow {display: block; height: 10px; position: relative;  background: url('../images/down_arrow.png') top center no-repeat;}

#site-select {display: block; position: absolute; top: 20px; left: 570px;}
#site-select, #site-select ul { padding: 0; margin: 0; list-style: none; }
.site-select-main {width: 125px; height: 34px; display: block; background: url('../images/site_select_main_bg.png') no-repeat;}
.site-select-main-a {display: block; width: 125px; height: 21px; color: #000; text-decoration: none; padding: 9px 0 0 10px; font-weight: bold;}
#site-select a { display: block; width: 10em; color: #000;}
#site-select li { float: left; width: 125px; }
#site-select li ul { position: absolute; width: 125px; left: -999em; z-index: 1000; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
#site-select li ul { padding: 8px 0; margin: 0;}
#site-select li ul li { padding: 0 0 5px 10px; margin: 0;}
#site-select li:hover ul { left: auto;}
#site-select li:hover ul, #site-select li.sfhover ul { left: auto;}
.site-select-main ul { background: #f2c421;}

/* Block - Top Nav */
#top-nav {color: #fff; height: 54px; padding-top: 0; margin: 0 0 !important; width: 960px; background: #fff url('../images/top_nav_bg.jpg') no-repeat;}
#top-nav a {text-decoration: none;}
.top-nav-right {display: block; float: right; padding: 22px 0 0 0;}
.login-info {display: block; position: absolute; top: 15px; right: 260px; line-height:22px}
.top-search {display: block; position: absolute; top: 19px; right: 0; width: 240px}
.top-search img {display: block; position: absolute; left: 0; top:0;}
.top-search input { display: block; margin: 0; position: absolute; left: 7px; top:0; background: #fff url('../images/search_bg.png') 4px 3px no-repeat; padding: 3px 0 3px 30px; border: 1px solid #ceebff; width: 120px}
.top-search button {display: block; position: absolute; top: 0; left: 165px; font-size: 14px;}

.top-nav-left {padding-left: 5px}
.top-nav-left .active {background: #efefeb url('../images/top_nav_1_bg.png') repeat-x;  font-weight: bold; }
.top-nav-left .active a {color: #352B82 !important;}
.top-nav-1 {display: block; position: relative; float: left; padding: 5px 8px 5px 5px; margin: 10px 0 0 0; font-size: 14px;  z-index: 1000 !important; 
-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;

}
.top-nav-1 a {padding: 9px 10px 9px 10px; display: block; color: #fff;  font-family: arial, serif; font-weight: bold}
.top-nav-1 li {   list-style-type: none; margin-right: 10px !important; display: block; float: left}
.top-nav-1 ul { position: absolute; width: 150px; left: -999em; background: #000; z-index: 1000 !important; font-weight: normal;}

.catchup ul {width: 300px !important;}
.sfired {letter-spacing: 1px}
.uppercase {text-transform: uppercase; font-size: 13px; font-weight: bold; padding-left: 5px}


#topnav08 {width:60px;}

.day-first {display: block; position: relative; font-size: 12px !important; margin: 10px 0 10px 10px !important; }
.day-first span {display: block; position: relative; padding: 3px 5px; float: left; color: #fff; background: #000; -moz-border-radius: 5px;}
.catchup-menu-title {display: block; position: relative; font-size: 12px !important; margin: 20px 0 10px 10px !important; }
.catchup-menu-title span { display: block; position: relative; padding: 3px 5px; float: left; color: #fff; background: #000; -moz-border-radius: 5px;}

/* Block - Series */
.series-12-container { margin-top: 12px; background: #e5e5e5; -moz-border-radius: 5px; }
.series-6-container {margin-top: 12px; background: #e5e5e5; -moz-border-radius: 5px; width: 460px; float: left;}
.series-7-container {margin-top: 12px; -moz-border-radius: 5px; width: 590px; float: left;background: url('../images/series_bg.png') repeat }
.series-7-container-in {z-index: 300;}
.series-5-container {border: 1px solid #666; margin-top: 12px; background: #333; -moz-border-radius: 5px; width: 330px; float: left;}
.padder-series {display: block; width: 15px; height: 30px; float: left;}
.series-header {position: relative; background: #fff url('../images/series_header_bg.gif') 0 0 repeat-x; padding-bottom: 12px;}
.series-title {display:block;font-size:19px;font-weight:bold;height:34px;line-height:44px !important;margin:0;overflow:hidden;padding-left:10px;width:200px; color: #fff}

.series-carousel-nav {display: block; position: absolute; top: 3px; right: 0px; width: 120px; height: 38px; overflow: hidden;}
.series-carousel-left {display: block; position: absolute; top: 0; left: 0; width: 20px; height: 38px; overflow: hidden; text-indent: -9999px;}
.series-carousel-left span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/series_carousel_nav_a.png') no-repeat}
.series-carousel-left:hover span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/series_carousel_nav_ia.png') no-repeat}

.series-stage {display: block; position: absolute; top: 14px; right: 35px;}
.series-carousel-right {display: block; position: absolute; top: 0; right: 0; width: 30px; height: 38px; overflow: hidden; text-indent: -9999px;}
.series-carousel-right span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/series_carousel_nav_a.png') -55px 0 no-repeat}
.series-carousel-right:hover span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/series_carousel_nav_ia.png') -55px 0 no-repeat}

.series-header ul {display: block; position: absolute; right: 150px; bottom: 0; margin: 0;}
.series-header ul li {list-style-type: none; float: left; margin: 0; padding: 8px 9px 8px 9px; font-size: 13px}
.series-header ul li a {color: #000101; text-decoration: none; display: block; padding-bottom: 4px}
.series-header ul li a:hover {text-decoration: underline}
.series-header ul li.active {background: #000101; padding: 8px 9px 8px 9px; font-weight: bold;}
.series-header ul li.active a {color: #fff;}
.series-header ul li.active a:hover {text-decoration: none}

.content-container-out {display: block; position: relative; width: 938px; height: 200px; overflow: hidden !important;}
.content-container-out-2 {display: block; position: relative; width: 938px; height: 161px; overflow: hidden !important;}
.content-container {display: block; position: absolute; top: 0px; left: 0px; width: 10000px}
.content-container-padder {display: block; position: relative; height: 200px; width: 30px}
.content-container-in {display: block; float: left;}
.content-container-in-2 {display: block; float: left; padding-left: 15px; width: 560px;}

.content-container-out-b {display: block; position: relative; width: 460px; height: 600px !important; overflow: hidden !important;}
.content-container-b {display: block; position: absolute; top: 0px; left: 0px; width: 10000px}
.content-container-padder-b {display: block; position: relative; height: 1000px !important; width: 30px}
.content-container-in-b {display: block; width: 460px; float: left;}

.series-12-container .video-img-cont {display: block; position: relative; width: 150px; float: left; padding: 10px 0 20px 0;}
.video-img-cont h2 a {color: #5363cd}
.series-12-container .cont-first {margin-left: 30px}
.series-6-container .video-img-cont {display: block; position: relative; width: 140px; float: left; padding: 10px 0 20px 0;}
.series-6-container .cont-first {margin-left: 25px}
.series-5-container .video-img-cont {display: block; position: relative; width: 140px; float: left; padding: 10px 0 20px 0;}
.series-5-container .cont-first {margin-left: 25px}
.video-img-cont {display: block; position: relative; width: 140px; float: left; padding: 10px 0 20px 0;}

.video-img {display: block; position: absolute; top: 15px; left: 5px}
.stack {background: url('../images/stack_bg.png') no-repeat; width: 127px; height: 96px;}
.video-add {display: block; position: absolute; top: 10px; left: 100px}
.video-number {display: block; position: absolute; top: 15px; left: 5px; padding: 3px 5px; font-size: 11px; background: #cba531 !important; color: #fff;}
.video-img-cont h2 {display: block; font-size: 12px; padding: 105px 0 5px 5px; font-weight: bold; width: 110px; overflow: hidden;}
.video-img-cont p {display: block; font-size: 11px; padding: 0 0 0 5px; width: 120px; overflow: hidden; line-height: 12px; color: #333;}

.video-img-cont-wide {display: block; position: relative;  float: left; padding: 10px 20px 10px 135px;}
.img-height-wide {height: 95px; float: left; width: 0px; overflow: hidden; font-size: 1px;}
.video-img-cont-wide h2 {display: block; font-size: 12px; padding: 5px 0 5px 5px; font-weight: bold;}
.video-img-cont-wide p {display: block; font-size: 11px; padding: 0 0 0 5px; color: #fff;}

.video-container-width-set {width: 600px; overflow: hidden;}
.video-container-width-set h2 {color: #333;}
.video-img-cont-catchup {display: block; position: relative; padding: 10px 20px 10px 185px; }
.video-img-cont-catchup h2 {display: block; font-size: 12px; padding: 5px 0 5px 5px; font-weight: bold;}
.video-img-cont-catchup p {display: block; font-size: 11px; padding: 0 0 0 5px; width: 250px;}
.video-img-cont-catchup .video-img {display: block; position: absolute; top: 15px; left: 55px}
.video-img-cont-catchup .video-add {display: block; position: absolute; top: 10px; left: 165px}
.video-date {display: block; position: absolute; top: 40px; left: 0; font-size: 12px; color: #999;}
.video-date span {display: block; font-weight: bold;}

.series-more {display: block; position: relative; text-align: right; border-top: 1px solid #701b10; height: 40px;}
.series-more div {display: block; position: absolute; top: 7px; right: 0; letter-spacing: 2px;}

/* Zsuri */
.zsuri {display: block; position: relative; background: url('../images/zsuri.jpg') no-repeat; width: 960px; height: 359px;}
.zsuri-1 {display: block; height: 15px; width: 200px; position: absolute; top: 260px; left: 30px;}
.zsuri-2 {display: block; height: 15px; width: 200px; position: absolute; top: 280px; left: 30px;}
.zsuri-3 {display: block; height: 15px; width: 200px; position: absolute; top: 300px; left: 30px;}

/* Mainpage promo */
.toppromo {width: 960px; height: 361px; position: relative; background: url('../images/top_bg.jpg') no-repeat;}
.toppromo-button {display: block; position: absolute; width: 150px; height: 40px; top: 230px; left: 450px;}
.promo-img {display: block; position: absolute; top: 35px; left: 640px;}
.promo-title {display: block; position: absolute; top: 40px; left: 650px; font-weight: bold; color: #000;}
.promo-title a {color: #000;}
.promo-body {display: block; position: absolute; top: 55px; left: 650px; width: 300px; color: #000;}
.promo-promo {display: block; position: absolute; top: 105px; left: 655px;}
.promo-nav {display: block; position: absolute; top: 313px; left: 638px;}
.promo-nav li {display: block; position: relative; float: left; padding-right: 5px; margin-right: 5px; background: url('../images/button_right.jpg') top right no-repeat}
.promo-nav li a {display: block; float: left; padding: 8px 3px 4px 8px; color: #112734; height: 22px; background: url('../images/button_left.jpg') top left no-repeat; }
.promo-nav li.active a {display: block; float: left; padding: 6px 8px; color: #112734; background: #fcffff;}

.promoter {background: #e2e1db url(../images/main_promo_bg.jpg) 10px 10px no-repeat; width: 960px; height: 510px; position: relative; overflow: hidden;}
.prize-1 {display: none; position: absolute; top: 80px; left: 180px; width: 230px;}
.prize-1 h2 {font-weight: bold; color: #343945; font-size: 20px}
.prize-2 {display: none; position: absolute; top: 183px; left: 180px; width: 230px;}
.prize-2 h2 {font-weight: bold; color: #343945; font-size: 17px}

.first-a {display: none; position: absolute; top: 85px; left: 470px; width: 380px;}
.first-b {display: none; position: absolute; top: 170px; left: 470px; width: 380px;}
.first-c {display: none; position: absolute; top: 220px; left: 470px; width: 380px;}
.first-d {display: none; position: absolute; top: 300px; left: 470px; width: 380px;}

.link-1 {display: block;position: absolute; left: 180px; top: 430px; text-indent: -999px; width: 200px; height: 40px; background: none }
.link-2 {display: block;position: absolute; left: 750px; top: 300px; text-indent: -999px; width: 165px; height: 50px; }
.link-3 {display: block;position: absolute; left: 0px; top: 430px;  width: 170px; height: 40px; color: #333; background: none; text-indent: -9000px;}
.link-4 {display: block;position: absolute; left: 30px; top: 310px; text-indent: -999px; width: 330px; height: 95px;}
.link-5 {display: block;position: absolute; left: 30px; top: 175px; text-indent: -999px; width: 145px; height: 95px; }

/* Pager 1 */
.pager-1 {display: block; padding-top: 10px;}
.pager-1 a {color: #ca2a8f}
.pager-1 .ia {color: #ddd}
.pager-1 .pager-b {display: block !important; float: left; padding: 8px 10px}
.pager-1 .pager-a {display: block !important; float: left; padding-right: 5px;}
.pager-1 .pager-a span { display: block; padding: 8px 10px; border: 1px solid #ddd;}
.pager-1 .active { color: #000;}
.pager-1 .active span {background: #eee;}
.pager-1 .pager-dot {display: block !important; float: left; padding: 8px 10px}

/* RTL More */

.rtl-more { display: none; padding: 10px 30px 20px 20px; background: #102b3a url('../images/more_bg.jpg') 275px 10px no-repeat; border-top: 1px solid #e5b86b}
.rtl-more-title {font-weight: bold; font-size: 16px;}
.rtl-more-items {margin: 15px 0 0 0;}
.rtl-more-items a:hover { text-decoration: underline;}
.rtl-more-items span {font-weight: bold;}
.wide-last {padding-bottom: 20px;}
.rtl-more-subtitle {display: block;}

/* Footer */
.rtl-more-items span {font-weight: bold;}

.footer-columns {display: block; padding: 45px 20px 120px 190px; background: url('../images/footer_bg.png') 0 0 no-repeat;}
.footer-columns a {color: #fff;}
.footer-column {display: block; float: left; width: 180px;}
.footer-column span {font-weight: bold; margin-bottom: 5px; display: block; font-size: 11px;}

/* Order Menu */
.order-menu {margin: 10px 0 10px 0; float: left; border-bottom: 1px solid #ad7526}
.order-menu li {display: block; float: left;}
.order-menu li.first a {}
.order-menu li.last a {}
.order-menu li a {display: block; padding: 11px 15px; font-weight: bold; color: #333}
.order-menu li a:hover {background: url('../images/order_menu_a_bg.png') repeat-x; color: #fff}
.order-menu li.active a {background: url('../images/order_menu_a_bg.png') repeat-x; color: #112735; color: #fff;}
.order-menu li a:hover {}
.order-menu li.last a {border-right: none}

/* Order Menu Vertical */
.order-menu-vertical {border: 1px solid #ac237b; -moz-border-radius: 5px;  margin: 0 0 10px 0; width:150px;}
.order-menu-vertical li {display: block; font-size:0px;}
.order-menu-vertical li.first a {-moz-border-radius-topleft: 5px; -moz-border-radius-top-right: 5px;}
.order-menu-vertical li.last a {-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;}
.order-menu-vertical li a {display: block; font-size: 14px; padding: 10px 20px; border-right: 1px solid #8a1b22; background: url('../images/order_menu_ia_bg.png') repeat-x; color: #fff; -moz-border-radius: 5px;}
.order-menu-vertical li a:hover {background: url('../images/order_menu_a_bg.png') repeat-x;}
.order-menu-vertical li.active a {background: url('../images/order_menu_a_bg.png') repeat-x; }
.order-menu-vertical li a:hover {}
.order-menu-vertical li.last a {border-right: none}

/* Side Nav Menu*/
/* Side Nav Menu*/
.side-nav-1 {display: block; position: relative; margin-bottom: 10px;}
.side-nav-1 li {background: #e5e5e5; font-size: 0px; font-weight: bold;}
.side-nav-1 li a {font-size: 12px;display: block; padding: 5px 8px 5px 8px; color: #333;  /*background: url('../images/side_nav_a_ia_bg.png') top right repeat-y;*/ }
/* .side-nav-1 li:hover a, */
.side-nav-1 li.first a {/*background: url('../images/side_nav_a_ia_first_bg.png') no-repeat;*/}
.side-nav-1 li.last a {/*background: url('../images/side_nav_a_ia_last_bg.png') left bottom no-repeat;*/}
.side-nav-1 li.active {background: #cba531; height: 36px; /*background: url('../images/side_nav_a_bg.png') repeat-x !important;*/}
.side-nav-1 li.active:hover {margin-right:0px;}
.side-nav-1 li.active a,
.side-nav-1 li.active a:hover {/*background: url('../images/side_nav_a_a_bg.png') top right no-repeat !important;*/ color: #fff !important; height: 26px; padding: 10px 8px 0 8px;}

/* Player Inline */
.player-inline {display: block; position: relative; padding: 5px 20px 15px 20px; background: #333; border: 1px solid #444;  -moz-border-radius: 5px; width: 600px; margin: 20px 0 0 25px}
.sponsor-one {background: url('../images/temp_catchup_sponsor.png') right bottom no-repeat;}
.player-inline-close {background: url('../images/inline_player_close_bg.png') no-repeat; display: block; position: absolute; top: 10px; right: 10px; padding: 1px 0 5px 20px; font-weight: bold; z-index: 1000}
.player-inline-object {display: block; padding-left: 4px; margin-top: 5px;}
.player-inline .video-img-cont-wide p {padding-right: 100px;}
.player-inline .series-6-container {margin-left: 4px;}
.player-inline .order-menu {margin-left: 4px;}

.day-line {display: block; margin: 10px 0 10px 0; width: 670px; padding: 10px 10px; border: 1px solid #000; font-weight: bold; font-size: 15px; background: url('../images/series_header_bg.png') repeat-x}

.videos-conatiner {display: block; }

/* Category */

#category-bg {background: #d3d3d3 !important; padding-bottom: 10px;}

/* Profile */
.del-link {display: block; background: #fff; color: #333; padding: 5px; margin: 10px 0 0 5px; float: left; font-size: 12px; background: url('../images/del_link_bg.png') repeat-x}
.comment-review {}
.your-comments {padding-bottom: 10px;}
.your-comment-video {display: block; position: relative; padding-left: 60px; height: 50px;}
.your-comment-video-img {display: block; position: absolute; top: 0; left: 20px; }
.your-comment-video p {padding: 5px 0;}
.your-comment-video-img img {width: 30px}

/* Upload */
#video-upload-bt {display: block; position: relative; float: left; width: 165px; height: 30px; margin-right: 10px;}
#video-upload-bt span {display: block; position: absolute; width: 165px; height: 30px; background: url('../images/upload_video_bt.gif') no-repeat;}
#video-upload-bt.active span {background: url('../images/upload_video_a_bt.gif') no-repeat;}
#image-upload-bt {display: block; float: left; width: 165px; height: 30px;}
#image-upload-bt span {display: block; position: absolute; width: 165px; height: 30px; background: url('../images/upload_image_bt.gif') no-repeat;}
#image-upload-bt.active span {background: url('../images/upload_image_a_bt.gif') no-repeat;}
.upload-error-message {display: block; margin: 5px 0; padding: 5px; background: #CA2A8F; color: #fff;}


/* Banner Select Block */
.banner-select {display: block;}
.banner-select li {display: block; float: left; padding-right: 10px;}
.banner-select li a {display: block; padding: 8px 9px 10px 9px; font-weight: bold;}
.banner-select li.active a {background: url('../images/banner_select_bg.png') repeat-x; color: #fff}
#obj_desc {border: 1px solid #ac237b;padding: 20px}
#obj_embed {border: 1px solid #ac237b;padding: 20px}
#obj_embed textarea {background: #999; border: 1px solid #333; }
.banner-player {border: 1px solid #ac237b; padding: 10px 0 0 10px}

/* Banner Block 1 */
.banner250 {display: block; float: right;}

/* form-in */
.form-in {padding: 20px 0 0 0; display: inline; float: left;}
.form-width-1 {width: 440px; }
.form-in label {display: block; float: left; height: 25px; padding: 5px 20px 0 0; width: 150px; text-align: right; color: #333;}
.dotted-line {padding-top: 5px; margin-top: 5px; border-top: 1px dotted #515151}
.captcha {display: block;}
.data {display: block;position: relative; float: right; width: 270px; color: #000;}
.checkbox {display: block; position: relative; text-align: left !important; padding-left: 25px; height: 17px; padding-top: 2px}
.checkbox p {font-size: 12px; color: #333;}
.checkbox input {display: block; position: absolute; top: 0; left: 0;}
.textfield {width: 207px; border: 1px solid #fff;}
.form-submit-bt {margin-top: 10px !important; }
.form-error {display: block; position: relative; font-size: 12px; padding: 3px 2px; margin-bottom: 5px; background: #e4823b; width: 205px;}

.form-desc {display: inline; position: relative; float: right; width: 490px}
.form-desc div {background: #eee; width: 300px; padding: 20px; margin-top: 20px; color: #333;}

.form-desc ul {padding: 100px 0 0 10px;}
.form-desc ul li {background: url('../images/form_desc_li_bg.png') top right no-repeat; padding-right: 10px; font-size: 12px; font-weight: bold;}

/* Reg Login */
.reg-login {margin-top: 20px;}


/* Star comments */
.man-1 { background: #f1f5d2 url('../images/komment_balazs.jpg') no-repeat; width: 457px; margin-top: 10px}
.man-1 p {padding: 15px 20px 15px 95px; color: #000; background: url('../images/komment_bottom.jpg') left bottom no-repeat;}
.height {display: block; height: 65px; width: 1px; font-size: 1px; overflow: hidden; float: left;}

.man-2 { background: #f1f5d2 url('../images/komment_vadon.jpg') no-repeat; width: 457px; margin-top: 10px}
.man-2 p {padding: 15px 20px 15px 95px; color: #000;  background: url('../images/komment_bottom.jpg') left bottom no-repeat;}

/* --------------------------------------------------------------------------------
PAGE LEVEL ELEMENTS - USED ON ONE STAGE
-------------------------------------------------------------------------------- */

/* Player Page */
.title-and-nav {display: block; position: relative;}
#player_cd {display: block; padding: 10px 0 0 10px; }
.video-title {font-size: 28px; font-weight: bold; padding: 10px 50px 10px 0; margin: 0 10px 5px 10px; line-height: 30px; background: url('../images/color_bar_bg.png') bottom left no-repeat; display: none;}
.title-detail {display: block;float: right; color: #999; font-weight: normal; font-size: 17px; padding-bottom: 3px; padding-top: 5px;}
.video-title span a {}
.pop-out {display: block; position: absolute; top: 15px; right: 20px;}
.wide-screen {display: none; position: absolute; top: 22px; right: 20px;}
.wide-screen-1 {display: block; position: absolute; top: 15px; left: 170px; width: 150px; }
.wide-screen-1 span {display: block; position: absolute; top: 2px; left: 35px;}
.pop-out {display: block; position: absolute; top: 40px; left: 170px; width: 150px; }
.pop-out span {display: block; position: absolute; top: 2px; left: 35px;}

#player-panel {}
.player-panel-in { width: 960px; display: block; height: 770px; padding: 0 0 0 0px; background: url('../images/wallpaper.jpg') no-repeat; position: relative}
.video-vote-info {display: block; float: left;  padding: 10px 15px 10px 25px; background: #313131 url('../images/video_vote.gif') 5px 9px no-repeat; border: 1px solid #ab0808; }
.video-vote-info span {font-weight: bold;color: #cc0000}
.video-vote-num {padding: 17px 15px; display: block; position: absolute; top: 0; left: 0; background: #c41383; color: #fff;}

.play-info {display: block; position: relative; float: right; width: 330px; height:auto; padding: 10px 20px 0 0}
.item-stats {display: block; position: absolute; top: 20px; right: 60px; }
.not-ready {padding: 150px 0 0 40px; width: 500px; text-align: center; font-size: 29px; line-height: 29px}
.not-ready span {display: block; background: #004e90; padding: 20px 0}

.like-it-bt {display: block; position: absolute; top: 10; left: 0; padding: 10px 0 0 40px; color: #000; font-size: 12px;}
.like-it-bt div {display: block; position: absolute; top: 0; left: 0; width: 33px; height: 34px; overflow: hidden;}
.like-it-bt div span {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/like_it_bt.png') 0 0 no-repeat}

.wide-screen-bt {display: block; position: absolute; top: 10px; right: 10px; width: 150px; height: 38px; padding-top: 10px; color: #000; font-size: 12px; overflow: hidden;}
.wide-screen-bt div {display: block; position: absolute; top: 0; right: 0; width: 51px; height: 38px; overflow: hidden;}
.wide-screen-bt div span {display: block; position: absolute; width: 100%; height: 100%;  background: #fff url('../images/wide_screen_bt.png') no-repeat;}

.player {display: block;}
.center-player {position: absolute; top: 154px; left: 200px;}
.center-player object {}
.center-player-wide {position: relative; margin: 0 0 10px 0; padding-top: 10px;}


.play-info h1 {font-size: 25px; font-weight: bold; padding: 55px 0 10px 0}
.centered-functions {position: absolute !important; top: 520px !important; left: 200px !important;}

.player-functions {height: 50px; background: #fff; width: 560px; position: relative;}
.center-player-wide .player-functions {margin-left: 180px;}

.video-like {display: block; position: absolute; top: 15px; left: 15px; background: url('../images/video_like_bg.gif') 0 4px no-repeat; padding: 4px 0 5px 20px}
.video-liked {background: url('../images/video_like_ia_bg.gif') 0 4px no-repeat !important;}
.video-fav {display: block; position: absolute; top: 15px; left: 70px; background: url('../images/video_like_bg.gif') 0 0px no-repeat; padding: 4px 0 5px 25px}
.video-faved {background: url('../images/video_like_ia_bg.gif') 0 4px no-repeat !important;}
.video-wide {display: block; position: absolute; top: 12px; left: 180px; background: url('../images/player_wide_bg.gif') 0 4px no-repeat; padding: 8px 0 5px 38px}
.video-rtlshow {display: block; position: absolute; top: 10px; left: 400px; background: url('../images/player_rtl_bg.gif') 0 4px no-repeat; padding: 8px 0 5px 38px}

.promotion-player {display: block; padding: 0 0 10px 3px}
.player-banner {display: block; height: 265px;}
.banner-sub {display: block; position: absolute; bottom: 0px; left: 140px; font-size: 11px}

.player object {z-index: -1;}

.share-bts {padding: 10px 0 0 0}
.share-bts p {font-weight: bold; padding-bottom: 5px;}
.share-bts button {font-size: 18px;}

.comment-header {display: block; position: relative; width: 100%; background: url('../images/series_head_bg.png') bottom repeat-x;}
.comment-header ul {display: block; position: absolute; right: 0px; bottom: 0; margin: 0;}
.comment-header ul li {list-style-type: none; float: left; margin: 0; padding: 8px 9px 8px 9px; font-size: 15px; color: #fff}
.comment-header ul li a {color: #fff; text-decoration: none; display: block; padding-bottom: 4px}
.comment-header ul li.active {background: #e11500 url('../images/series_nav_bg.png') center bottom no-repeat; padding: 8px 9px 8px 9px; font-weight: bold;}
.comment-header h4 {font-size: 15px; padding: 20px 0 10px 0; margin: 0; font-weight: bold; color: #c41383}
.comment-header h4 a {font-size: 12px; color: #c41383}

.review-header {display: block; position: relative; width: 100%; background: url('../images/series_head_bg.png') bottom repeat-x;}
.review-header ul {display: block; position: absolute; right: 0px; bottom: 0; margin: 0;}
.review-header ul li {list-style-type: none; float: left; margin: 0; padding: 8px 9px 8px 9px; font-size: 15px}
.review-header ul li a {color: #fff; text-decoration: none; display: block; padding-bottom: 4px}
.review-header ul li.active {background: #e11500 url('../images/series_nav_bg.png') center bottom no-repeat; padding: 8px 9px 8px 9px; font-weight: bold;}
.review-header h4 {font-size: 15px; padding: 20px 0 10px 0; margin: 0; font-weight: bold;}
.review-header h4 a {font-size: 12px;}

.comments {padding: 8px 8px 20px 8px}
.comment-item {display: block; position: relative; padding: 0 0 10px 5px}
.comment-vote {display: block; position: absolute; top: 0; left: 0;}
.comment-vote a.up, .comment-vote a.down, .comment-vote span {display: block; text-align: center; padding: 0 !important; margin: 0 !important;}
.comment-vote a.up {position: absolute; top: 0; left: 3px}
.comment-vote span {position: absolute; top: 9px; font-size: 12px}
.comment-vote a.down {position: absolute; top: 22px; left: 3px}
.comment-vote a {font-size: 1px;}
.comment-item h5 {margin: 0; padding: 5px 0 4px 0; font-size: 14px; font-weight: bold;}
.comment-item p {font-size: 13px;}
.comments button {font-size: 14px;}

.reviews {padding: 8px 8px 20px 8px}
.review-item {display: block; position: relative; padding: 0 0 10px 5px}
.review-vote {display: block; position: absolute; top: 0; left: 0;}
.review-vote a.up, .review-vote a.down, .review-vote span {display: block; text-align: center; padding: 0 !important; margin: 0 !important;}
.review-vote a.up {position: absolute; top: 0; left: 3px}
.review-vote span {position: absolute; top: 9px; font-size: 12px}
.review-vote a.down {position: absolute; top: 22px; left: 3px}
.review-vote a {font-size: 1px;}
.review-item h5 {margin: 0; padding: 5px 0 4px 0; font-size: 14px; font-weight: bold;}
.review-item p {font-size: 13px;}
.reviews button {font-size: 14px;}

/* Home Page */
.extreme-selector {-moz-border-radius: 5px; margin-top: 7px; position: relative;}
.selector-nav {background: #fff; position: relative; color: #333; height: 25px}
.selector-nav a {color: #333;}
.selector-nav-right {display: block; position: absolute; top: 3px; right: 0; font-size: 11px; }
.selector-nav-right li {float: left; padding-right: 5px}
.selector-nav-right li a {display: block; position: relative; padding: 2px 3px}
.selector-nav-right li.active a {background: #333333; color: #fff;}
.selector-nav-left {display: block; position: absolute; top: 3px; left: 10px; font-size: 11px; }
.selector-nav-left li {float: left; padding-right: 5px}
.selector-nav-left li a {display: block; position: relative; padding: 2px 3px}
.selector-left-arrow {background: url('../images/selector_nav_left.gif') 0 5px no-repeat; padding-left: 10px !important}
.selector-right-arrow {background: url('../images/selector_nav_right.gif') top right no-repeat; padding-right: 10px !important}
.selector-current {font-weight: bold;}

/*.main-banner-rectangle {display: block; position: absolute; top: 30px; right: 20px;} */
.main-info {display: block; position: absolute; top: 30px; left: 30px; width: 500px; height: 300px; }
.main-info-in {display: block; position: absolute; left: 0; bottom: 0; width: 500px; padding-top: 10px}
.main-info h1 {font-size: 50px;}
.main-info p {padding: 10px; margin-top: 20px; background: #2b393c; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; }
.main-info-date {position: relative; float: right; padding: 7px 5px; background: url('../images/main_info_date_bg.png') repeat;}

.main-info-pager {padding-top: 10px; display: block; float: left;}
.main-pager-number {display: block; position: relative; float: left; padding: 6px 10px 0 0; font-size: 18px}
.main-pager-left {display: block; position: relative; float: left; padding-top: 2px}
.main-pager-dot {display: block; position: relative; float: left; width: 24px; height: 24px; background: url('../images/main_pager_dot.png') no-repeat;}
.main-info-pager .active {background: url('../images/main_pager_dot_active.png') no-repeat !important;}
.main-pager-right {display: block; position: relative; float: left; padding-top: 2px}

.series-6-banner-rectangle {
	border:0px none;
	float:right;
	margin-top:12px;
	width:336px;
	text-align:center;
	padding-bottom: 15px;
}
.series-6-banner-inner {width: 336px; height:246px; display:block; overflow:hidden; margin:0 auto; text-align:left; padding-bottom: 15px; margin-bottom: 10px; background: url('../images/banner_title.png') bottom center no-repeat;}

/* Social buttons */

div#follow-box {height: 100px; background: #e5e5e5; margin-bottom: 20px; display: none;}
div#follow-box h2 {display:block; width: 300px;height:33px;overflow:Hidden; text-indent:-9999px; background: url(../images/kovetes.gif) left top no-repeat; margin-bottom:0px !important;}
.social-profil {display: block; position: relative; height: 30px; padding: 10px 0 0 10px}
.facebook-profil {display: block; position: relative; float: left;  width: 140px; height: 37px !important; overflow:Hidden; text-indent:-9999px; background: url(../images/facebooktwitter.gif) -130px 0 no-repeat; margin-bottom:0px !important;}
.twitter-profil {display: block; position: relative; float: left;  width: 130px; height: 37px !important; overflow:Hidden; text-indent:-9999px; background: url(../images/facebooktwitter.gif) left top no-repeat; margin-bottom:0px !important;}

/* Comment Box */
.comment-fresh {background: #e5e5e5 url('../images/series_header_bg.gif') repeat-x; text-align: left; padding: 0 10px 20px 10px}
.comment-fresh h2 { padding: 15px 0 25px 0; font-size: 20px; color: #fff; font-weight: bold; }
.comment-fresh ul li {font-size: 12px; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.comment-fresh a {color: #5363cd}

/* Comment subpage */
#hellcomment {background: #333}
.comment-subpage-top {background: #333}
.comment-subpage-top a {color: #fff;}

/* Registration */
.reg-title {font-size: 30px; font-weight:bold; background: url('../images/color_bar_bg.png') bottom left no-repeat; padding-bottom: 20px; margin: 15px 0 5px 0; line-height: 25px; color: #30383e;}

/* Search */
.top-search2 {display: block; padding: 10px; background: #333;}
.search-form-top {padding-bottom: 10px}

/* Episode */
.pop-out-2 {display: block; position: absolute; top: 30px; right: 0; width: 150px; }
.pop-out-2 span {display: block; position: absolute; top: 2px; left: 35px;}

/* starborn block */

.starborn {position: relative; background: url('../images/starborn.gif') no-repeat; width: 329px; height: 368px; margin-top: 20px;}
.starborn-a {display: block; position: absolute; top: 90px; left: 20px;}
.starborn-a div {display: block; position: absolute; top: 0; left: 130px; width: 150px; color: #000; text-align: left;}
.starborn-a div h2 {font-weight: bold;}
.starborn-b {display: block; position: absolute; top: 200px; left: 20px;}
.starborn-b div {display: block; position: absolute; top: 0; left: 130px; width: 150px; color: #000; text-align: left;}
.starborn-b div h2 {font-weight: bold;}

.site-message {display: block; position: fixed; top: 0px; width: 600px;  z-index: 1001; background: #CA2A8F; border: 2px solid #CA2A8F; color: #fff; padding: 10px; font-size: 16px; background: #CA2A8F;}
.close-allert {display: block; position: absolute; top: 6px; right: 8px;}

.video-data-in {padding: 10px; background: #D3D3D3; width: 540px; text-transform: none;}
.video-data-in h1 {font-weight: bold; font-size: 20px; color: #666;}