body {background: #ebf1f7 url('graphic/body-bg.png') repeat-x center top; font: normal normal 62.5% sans-serif; color: #3d3e40}
body.homepage {background: #ebf1f7 url('graphic/body-hp-bg.png') repeat-x center top}

/* Zakladni nastaveni - nemenit nebo smrt */

html, body, p, ul, h1 {padding: 0; margin: 0}
h1, h1 span, form.search, .buttons, .menu, .secondary-menu li ul, .featured .slideshow li a span, .block .full-l, .featured div.inside-content .selected, .featured div.inside-content .selected .button, .arrows .arrow, .tracker div ul li strong .add, .tracker .arrow, .episodes div .more a, .bottom-player div .ratings, div.search .content li > img, .profile ul.content li img, .watchepisodes div.content > ul > li.active ul li > span, .bottom-player div .share-popup, .bottom-player div .share-popup span.top, .bottom-player div .share-popup .close, .language ul, .top .userpanel li.user form, .top .userpanel li.user form .top, .user ul {position: absolute; z-index: 3; display: block}
.viktor {float: none !important; clear: both !important; height: 0 !important; padding: 0 !important; border: none !important}

button:hover, input:hover {cursor: pointer}
li, p, table {font-size: 1.2em; list-style: none}
li li, li p, p li {font-size: 1em}
a, .homepage .trends div ul li a:hover, .footer ul li a:hover, .block .content-block:hover span, .homepage .tracker div ul li .play:hover, .tracker div ul li .play:hover, .a-z .content li a.title:hover, .episodes div ul li a:hover, .episodes div .more a:hover, .episodes.recent div ul li a.mini:hover, div.search .add:hover, div.search .content li h4 a:hover, .profile .selection li a:hover, .profile ul.content h4 a:hover, .profile ul.content .bottom-line a:hover, .profile ul.content li.series span strong, .profile ul.content li.series ul li.name a:hover, .episodes.recent div ul li a:hover, .episodes div.content ul li a:hover {color: #ff5500}
a:hover, .breadcrumbs a:hover, .top .userpanel.logged li.user a.rollover:hover {color: black}
.underline a:hover {text-decoration: none}
.blockli li {display: block; float: left}

.container, .footer div {margin: 0 auto; width: 960px}

/*  */
/* Top part = logo, menu, userpanel and language */
/*  */

.top-part {position: relative}

h1 {height: 30px; width: 220px; z-index: 6; overflow: hidden; top: 25px}
h1 a {display: block; text-decoration: none}
h1 span {top: 0; left: 0; z-index: 7; height: 30px; width: 220px; background: url('graphic/header.png') no-repeat center top}

.top {height: 81px}
.top .userpanel {float: right; height: 31px; padding: 24px 0 0}
.top .userpanel li {float: left; display: block; color: #676e73; height: 31px; line-height: 31px}
.top .userpanel li a {font-weight: bold; color: black; text-decoration: none; display: inline-block}
.top .userpanel li.user {background: url('graphic/block-guest-lef.png') no-repeat left center; padding: 0 0 0 25px}
.top .userpanel li.user a.user1 {display: inline-block; margin: 0 0 0 12px; color: black; background: url('graphic/login-bg.png') repeat-x center center; border-radius: 7px 0 0 7px}
.top .userpanel li.user a.user1 span {display: block; height: 31px; padding: 0 40px 0 10px; background: url('graphic/block-guest-right.png') no-repeat right center}
.top .userpanel li.register {text-align: center; background: url('graphic/register-bg.png') repeat-x center center; border: 1px solid #d9d9d9; height: 29px; line-height: 29px; border-radius: 0 7px 7px 0; border-left: none}
.top .userpanel li.register a {padding: 0 10px}
.top .userpanel li.register a, .top .userpanel li a:hover, .secondary-menu li ul li a:hover, .list ul li a:hover {color: #ff5500}
.top .userpanel li.register a:hover {color: black}
.top .userpanel li.language {background: url('graphic/block-language.png') no-repeat center top; width: 110px; margin: 0 0 0 20px; text-align: right}
.top .userpanel li.language a {padding: 0 32px 0 0; display: block}
.top .userpanel li.language a.english {background: url('graphic/icon-en.png') no-repeat 11px center}

.top .userpanel.logged {background: none}
.top .userpanel.logged li.user {color: #6d7073}
.top .userpanel.logged li.user a {width: auto; margin: 0 3px; padding: 0 3px}
.top .userpanel.logged li.user a.rollover {background: url('graphic/user-logged-bg-left.png') no-repeat left top; padding: 0 0 0 7px; color: #e64d00; margin: 0 5px 0 10px}
.top .userpanel.logged li.user a span {width: auto; background: url('graphic/user-logged-bg.png') no-repeat right top; display: block; padding: 0 38px 0 7px}

/* Menu primary = series/movies */

.menu {top: 36px; left: 260px; height: 45px; z-index: 4}
.menu li {float: left; display: block; font-weight: bold; font-size: 2.1em; height: 45px}
.menu li a {display: block; text-align: center; padding: 0 10px; line-height: 35px}
.menu li.active a {padding: 0; line-height: 45px}
.menu li.tv.active a {color: white; background: url('graphic/main-tv.png') no-repeat center top; width: 107px; text-decoration: none}
.menu li a:hover {color: black; text-decoration: none}

/* Menu secondary = categories */

.secondary-menu {height: 52px; position: relative; margin: 0 0 31px}
.secondary-menu li {line-height: 52px; float: left; display: block; font-size: 1.4em; font-weight: bold}
.secondary-menu > li:first-child > a {margin: 0 0 0 -25px}
.secondary-menu > li > a {color: white; display: block; padding: 0 25px}
.secondary-menu > li > a.active, .secondary-menu > li > a:hover {background: url('graphic/menu-active-body.png') repeat-x center top; text-decoration: none}
.secondary-menu li ul {top: 52px; left: 0}
.secondary-menu li ul li {font-size: 0.8em; line-height: 31px; padding: 0 15px}
.secondary-menu li ul li:first-child {margin: 0 0 0 -15px}
.secondary-menu li ul li a {color: black; text-decoration: none}

/* Search form */

form.search {top: 89px; right: 0}
form.search input, form.search select {height: 36px; border: none; font: 12px/36px Arial, sans-serif; padding: 0 15px; float: left}
form.search select {}
form.search input.text {width: 224px; background: url('graphic/search-text.png') no-repeat center top; color: #666666; padding: 0 0 0 20px}
form.search input.button {background: url('graphic/search-button.png') no-repeat center top; width: 76px; font-weight: bold; color: white}
form.search input.button:hover {cursor: pointer; background-position: center bottom}

/*  */
/* Main content */
/*  */

/* Main content - featured top */

.featured {height: 401px; background: url('graphic/featured-bg.png') repeat-x center top}
.featured > div {margin: 0 auto; width: 960px; position: relative}
.featured div.inside-content {height: 349px; position: relative}
.featured div.inside-content .selected {top: 32px; left: 274px; width: 412px; background: black url('graphic/featured-img-bottom.png') no-repeat center bottom}
.featured div.inside-content .selected .button {top: 122px; right: 20px; height: 42px; width: 118px; background: url('graphic/watch-now.png') no-repeat center top; font: bold 1.8em/40px sans-serif; color: white; text-decoration: none; padding: 0 0 0 56px}
.featured div.inside-content .selected .button:hover {background-position: center bottom; color: black}
.featured div.inside-content .selected p {padding: 0 20px 20px; color: #b3b3b3}
.featured div.inside-content .selected h2 {margin: 0; padding: 20px 20px 0px; color: white}

.arrows {position: absolute; width: 100%}
.arrows div {max-width: 1300px; margin: 0 auto; position: relative}
.arrows .arrow {top: 123px; width: 95px; height: 95px}
.arrows .arrow.left {left: 50px; background: url('graphic/featured-arrow-left.png') no-repeat center top}
.arrows .arrow.right {right: 50px; background: url('graphic/featured-arrow-right.png') no-repeat center top}
.arrows .arrow:hover {background-position: center bottom}

.quicksrch {float: left; margin: 8px 0 0; height: 36px; width: 361px; background: url('graphic/quick-search.png') no-repeat center top; text-indent: 45px; line-height: 36px}
.quicksrch label {color: white; font-size: 1.2em; margin: 0 15px 0 0}
.quicksrch select {background: none; border: none; width: 214px}

.featured .slideshow {float: right}
.featured .slideshow li {float: left; margin: 0 0 0 10px; width: 24px; position: relative}
.featured .slideshow li a {padding: 18px 0 0; display: block; height: 16px; overflow: hidden}
.featured .slideshow li a span {top: 18px; left: 0; background: url('graphic/slideshow-miniature.png') no-repeat center top; height: 16px; width: 24px}
.featured .slideshow li a.active span, .featured .slideshow li a:hover span {top: -2px; left: 0; background: url('graphic/slideshow-miniature-active.png') no-repeat center top; height: 37px; width: 24px}

/* Main content - tracker, homepage version */

.homepage .tracker {background: url('graphic/tracker-bottom.png') no-repeat center bottom; width: 680px; float: left; margin: 0 25px 0 0; padding: 0 0 6px; position: relative; overflow: hidden}
.homepage .tracker div {background: #fff47f url('graphic/tracker-top.png') no-repeat center top; width: 603px; padding: 22px 38px 17px 39px; max-height: 382px; overflow: hidden}
.homepage .tracker div ul {width: 200px; float: left; background: #ebf1f7; margin: 0 1px 0 0; max-height: 381px; border-bottom: 4px solid #ebf1f7; overflow: hidden}
.homepage .tracker div ul .title {background: url('graphic/tracker-title.png') repeat-x center top; height: 39px; line-height: 39px; font-size: 1.4em; color: #cccccc; text-transform: uppercase; font-weight: bold; text-align: center; padding: 0}
.homepage .tracker div ul .title.active {background-position: center bottom; color: white}
.homepage .tracker div ul li {padding: 10px 10px 0}
.homepage .tracker div ul li a {text-decoration: none}
.homepage .tracker div ul li strong {position: relative; padding: 6px 0 5px 30px; margin: 0 0 6px; display: block; background: #ffffff}
.homepage .tracker div ul li strong .add {background: url('graphic/icon-tracker-add.png') no-repeat center bottom; height: 16px; width: 16px; left: 4px; top: 5px}
.homepage .tracker div ul li strong .add:hover {background-position: center top}
.homepage .tracker div ul li .play {font-size: 11px; background: url('graphic/icon-play.png') no-repeat 4px top; padding: 0 0 0 30px; display: block; text-decoration: none; color: black}
.homepage .tracker div ul li span {display: block; font-size: 12px}

.homepage .tracker .arrow {width: 21px; height: 34px; top: 291px}
.homepage .tracker .arrow.left {left: 9px; background: url('graphic/tracker-arrow-small-left.png') no-repeat center top}
.homepage .tracker .arrow.right {right: 9px; background: url('graphic/tracker-arrow-small-right.png') no-repeat center top}
.homepage .tracker .arrow:hover {background-position: center bottom}

/* Main content - universal content block */

.block {position: relative}
.block h3 {font-size: 2.4em; margin: 0 0 30px; background: url('graphic/title-line.png') repeat-x center bottom; padding: 35px 0 10px}
.block .full-l {height: 23px; width: 92px; text-align: center; line-height: 23px; font-size: 1.2em; color: black; text-decoration: none; top: 38px; font-weight: bold; right: 0; background: url('graphic/button-full-listings.png') no-repeat center top}
.block .full-l:hover {background-position: center bottom; color: white}

.block.bg {background: url('graphic/block-bottom.png') no-repeat center bottom; padding: 0 0 5px}
.block.bg div.content {width: 960px; background: white url('graphic/block-top.png') no-repeat center top; padding: 5px 0 0}

/* Main content - trends, homepage version */

.homepage .trends {background: url('graphic/featured-bottom.png') no-repeat center bottom; width: 255px; float: left; padding: 0 0 6px}
.homepage .trends div {background: white url('graphic/featured-top.png') no-repeat center top; width: 255px; padding: 8px 0 13px}
.homepage .trends div ul li {border-bottom: 1px solid #d0d9d9; margin: 12px 20px 0; line-height: 27px; height: 27px}
.homepage .trends div ul li a {color: #555759}
.homepage .trends div ul li a.number {float: left; text-decoration: none}
.homepage .trends div ul li a.number span {font-weight: bold; display: block; float: left; background: url('graphic/trends-number.png') repeat-x center top; color: white; padding: 0 8px; margin: 0 8px 0 0}
.homepage .trends div ul li a.add {width: 18px; height: 18px; background: url('graphic/icon-add-white.png') no-repeat center top; float: right; display: block; margin: 5px 0 0}
.homepage .trends div ul li a.add:hover, .block.fullwidth div li .add:hover, .block.fullwidth.newshows div li .add:hover {background-position: center bottom}

/* Main content - newest shows, homepage version */

.block.fullwidth.newshows {background: url('graphic/block-bottom.png') no-repeat center bottom; padding: 0 0 5px}
.block.fullwidth.newshows div.content {width: 960px; background: white url('graphic/block-top.png') no-repeat center top; padding: 5px 0 0}
.block.fullwidth.newshows div.content ul {padding: 0 0 0 24px}
.block.fullwidth.newshows div.content li {float: left; margin: 10px 24px 10px 0; width: 80px; text-align: center}
.block .content-block span {display: block; height: 42px; overflow: hidden; text-decoration: underline}
.block .content-block {color: #2e3033; font-weight: bold; line-height: 12px}
.block .content-block img {display: block; border: 1px solid #d5d5d5; margin: 0 0 14px}
.block.fullwidth.newshows div li .add {width: 18px; height: 18px; background: url('graphic/icon-add-white.png') no-repeat center top; display: block; margin: 0 0 0 28px}

.list {padding: 40px 0 0}
.list ul {margin: 0 0 0 20px; float: left; width: 225px}
.list ul li {padding: 0 20px; margin: 0 0 8px}
.list ul li a {color: black; text-decoration: none}
.list ul:first-child {margin: 0}
.list .title {height: 34px; margin: 0 0 15px; background: url('graphic/footer-title.png') repeat-x center top; color: #45484c; font: bold 1.2em/34px sans-serif}

/*  */
/* Subpage - A-Z */
/*  */

.alphabet {background: url('graphic/a-z-bg.png') no-repeat center top; height: 51px; margin: -5px 0 30px}
.alphabet li {display: block; float: left; height: 46px; font: bold 1.4em/46px Arial,sans-serif}
.alphabet li a {display: block; padding: 0 13px 0 12px; text-decoration: none; color: black; text-transform: uppercase}
.alphabet li a.active, .alphabet li a:hover {background: #e64d00; color: white}

.a-z ul.content li {text-align: right; border-bottom: 1px solid #d0d9d9; padding: 14px 75px 13px 0; position: relative}
.a-z ul.content li a.title {font-size: 1.2em; color: black; float: left; font-weight: bold}
.a-z ul.content li a.add {border-radius: 5px; text-align: left; border: 1px solid #c5c5c5; background: url('graphic/icon-add-fullwidth.png') no-repeat right top; text-decoration: none; color: #555759; height: 18px; font-weight: bold; line-height: 18px; padding: 0 20px 0 10px; float: right; margin: 0 0 0 20px; position: relative; top: -3px}
.a-z ul.content li a.add:hover {background-position: right bottom; border-color: #18b301; color: black}
.a-z ul.content li .stars {margin: 0 15px 20px 5px}
.a-z ul.content li strong {margin: 0 20px 0 0}
.a-z ul.content li strong.rating {margin: 0 0 0 20px}
.a-z ul.content li .stars img {padding: 0 1px}

.a-z.popular ul.content li {padding: 24px 0 22px 0; height: 16px}
.a-z.popular .content li a.title {margin: -1px 0 0}
.a-z.popular li .number {float: left; font-size: 36px; color: #ff5500; font-weight: bold; margin: 0 18px 0 0; position: relative; top: -13px}

/*  */
/* Pagination - universal, standalone */
/*  */

.pagination {padding: 0 0 30px}
.pagination p {background: white; border-bottom: 1px solid #cfdae6; padding: 10px 20px; margin: 25px 0 0}
.pagination p strong {color: black; padding: 0 10px 0 0}
.pagination p a {font-weight: bold}
.pagination ul {padding: 20px 0 0; height: 30px; border-top: 1px solid white}
.pagination ul li {display: block; float: left}
.pagination ul li:first-child a {margin: 0 5px 0 0}
.pagination ul li a {background: url('graphic/pagination-bg.png') repeat-x center top; border: 1px solid #c2c7cc; line-height: 27px; height: 27px; display: block; height: 27px; color: black; text-decoration: none; padding: 0 10px; font-weight: bold; margin: 0 5px; -moz-border-radius: 4px; border-radius: 4px;}
.pagination ul li a:hover {background-position: center -27px; color: black; border-color: #d5b103}
.pagination ul li a.active {background-position: center -54px; color: white; border-color: #eb5100}
.pagination ul li.prev a {background: url('graphic/pagination-previous.png') no-repeat center top; width: 28px; height: 29px; border: none; margin: 0 30px 0 0}
.pagination ul li.next a {background: url('graphic/pagination-next.png') no-repeat center top; width: 28px; height: 29px; border: none; margin: 0 0 0 30px}
.pagination ul li.prev a:hover, .pagination ul li.next a:hover, .watch-now:hover, div.search .add:hover span, .profile ul.content .bottom-line .watch-now:hover:hover, .profile ul.content li.series ul li a:hover, .watchepisodes div.content > ul > li.active ul li a.playnow:hover {background-position: center bottom}

/* Pagination - part of fullwidth block */

.fullwidth .pagination {background: #ebf1f7 url('graphic/pagination-fullwidth-bg.png') no-repeat center bottom; height: 121px; padding: 0; border-top: 1px solid #cfd8e5; margin: 0 0 -10px}
.fullwidth .pagination p {margin: 0; background: #ffffff; border: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; border-top: none; padding: 18px 20px}
.recent.fullwidth .pagination {margin: -10px 0 -71px; height: 120px}
.recent.fullwidth .pagination p {margin: 0; background: #ffffff; border: 1px solid #cfd8e5; border-top: none; padding: 18px 20px}
.fullwidth .pagination ul {border: none; margin: 0 0 0 20px}

/*  */
/* Subpage - detail with flash player */
/*  */

.detail h3 {font-weight: normal}
.detail h3 strong {padding: 0 10px 0 0}
.detail h3 span {padding: 0 10px}
.detail h3 span.orange {font-weight: bold; color: #e54d00}
.detail div p strong {color: black; padding: 0 10px 0 0}
.detail div p {line-height: 21px}

.bottom-player {margin: 30px 0 0}
.bottom-player div {background: url('graphic/player-bottom.png') no-repeat center top; padding: 3px 0 0}
.bottom-player div .buttonsd {height: 64px; padding: 0 0 0 16px}
.bottom-player div .buttonsd a, .bottom-player div .buttonsd button {height: 64px; display: block; float: left; line-height: 64px; text-decoration: none; color: #3d3e40; font-weight: bold; padding: 0 0 0 35px}
.bottom-player div .buttonsd button {border: none; font: bold 12px/64px Arial,sans-serif; padding: 0}
.bottom-player div .buttonsd a.mark {width: 108px; background: url('graphic/watched-button.png') no-repeat center top}
.bottom-player div .buttonsd a.track {width: 94px; background: url('graphic/button-add.png') no-repeat center top}
.bottom-player div .buttonsd button.share {width: 144px; background: url('graphic/button-share.png') no-repeat center top; text-align: left; text-indent: 35px}
.bottom-player div .buttonsd a:hover, .bottom-player div .download-link .direct:hover, .bottom-player div .buttonsd button:hover {background-position: center bottom; color: white}
.bottom-player div .ratings {right: 25px; bottom: 69px}
.bottom-player div .ratings a {margin: 0 0 0 7px; position: relative; top: 2px}
.bottom-player div .ratings a img {border: none}
.bottom-player div .download-link {height: 50px; line-height: 50px; padding: 0 0 0 20px}
.bottom-player div .download-link strong {float: left}
.bottom-player div .download-link > span {float: left; display: block; line-height: 14px; padding: 7px; background: white; border: 1px solid #85898c; margin: 10px 20px}
.bottom-player div .download-link strong span, span.quality {border: none; background: none; height: 21px; padding: 0; margin: 0 5px; position: relative; top: 6px}
.bottom-player div .download-link strong span.hd, span.quality.hd {background: url('graphic/icon-hd.png') no-repeat center top; width: 32px; display: inline-block}

/*.bottom-player div .share-popup {display: none} */
.bottom-player div .share-popup {display: block; width: 500px; background: white; left: 290px; padding: 0 10px; border: 1px solid #9da6a6}
.block.fullwidth.details .bottom-player div .share-popup {left: 310px; width: 350px !important}
.block.fullwidth.details .bottom-player div .share-popup span.top {left: 277px}
.bottom-player div .share-popup span.top {width: 24px; height: 12px; background: url('graphic/share-popup-top.png') no-repeat center top; top: -12px; left: 87px}
.bottom-player div .share-popup ul {padding: 10px 0 0}
.bottom-player div .share-popup li {padding: 10px 0}
.bottom-player div .share-popup .close {top: 10px; right: 10px; width: 16px; height: 16px; background: url('graphic/icon-close.png') no-repeat center top}
.block.fullwidth.detail .bottom-player div .share-popup .link-text {padding: 10px 30px 10px 28px; background: url('graphic/icon-url.png') no-repeat left center}
.block.fullwidth.detail .bottom-player div .share-popup ul {padding: 10px 0}
.block.fullwidth.detail .bottom-player div .share-popup ul li {padding: 10px 0 10px 28px}
.block.fullwidth.detail .bottom-player div .share-popup .social {padding-top: 5px; padding-bottom: 5px}
.bottom-player div .share-popup .faceb {margin: 0 15px 0 0}
.bottom-player div .share-popup .twit {margin: 0 0 0 -3px; position: relative; top: 2px}
.bottom-player div .share-popup .link-text input {width: 300px}
.bottom-player div .share-popup .versions {padding: 0 0 0 14px}
.bottom-player div .share-popup .versions input {position: relative; top: 2px; margin: 3px 5px 3px 15px}

.bottom-player div .download-link .direct {height: 49px; width: 155px; background: url('graphic/button-direct.png') no-repeat center top; text-decoration: none; font-weight: bold; color: #3d3e40; line-height: 49px; margin: 1px 1px 0 0; display: block; float: right; padding: 0 0 0 43px}

/* Subpage - detail with flash player - episodes panel */

.episodes {background: url('graphic/episodes-bottom.png') no-repeat center bottom; padding: 0 0 71px}
.episodes div.content {background: url('graphic/episodes-bg.png') repeat-y center top; padding: 0 0 25px}
.episodes div.content ul:first-child {background: url('graphic/episodes-top.png') no-repeat center top; padding: 5px 0 0 5px}
.episodes div.content ul {padding: 0 0 0 5px}
.episodes div.content ul li {float: left; width: 160px; margin: 0 15px; text-align: center}
.episodes div.content ul li a {color: black; margin: 11px 0 0; padding: 5px 0; display: block}
.episodes div.content ul li img {display: block; border: none; margin: 20px 0 0}
.episodes div .more a {height: 31px; width: 67px; text-align: center; background: url('graphic/button-more.png') no-repeat center top; right: 20px; bottom: 20px; color: black; font-weight: bold; text-decoration: none; line-height: 31px}

/*  */
/* Subpage - Recently added */
/*  */

.episodes.recent {background: none}
.episodes.recent div ul li img {margin: 0 0 10px}
.episodes.recent div ul li a {max-height: 128px; overflow: hidden}
.episodes.recent div ul li a.mini {text-decoration: none; margin: 0; padding: 2px 0; height: 13px; overflow: hidden; font-size: 0.9em; color: #616366}
.episodes.recent div ul li a.mini span {padding: 0 15px 0 0; background: url('graphic/icon-episodes.png') no-repeat right center}

/*  */
/* Subpage - Search results */
/*  */

div.search ul.choose {background: white; border-top: 1px solid #c2cccc; padding: 13px 10px; height: 38px}
div.search ul.choose li {height: 38px; font: bold 1.4em/38px Arial,sans-serif; float: left; margin: 0 10px}
div.search ul.choose li.active {background: url('graphic/search-li-left.png') no-repeat left center}
div.search ul.choose li.active a {padding: 0 20px; background: url('graphic/search-li-right.png') no-repeat right center; display: block; color: white; text-decoration: none}

div.search .content {margin: 20px 0 0}
div.search .content li {position: relative; padding: 20px 0 0 97px; border-top: 1px solid white; border-bottom: 1px solid #bfbfbf}
div.search .content li > img {left: 0; top: 20px; border: 1px solid white}
div.search .content li h4 {margin: 0 0 17px; font-size: 1.6em}
div.search .content li h4 a {color: #3d3e40}
div.search .content .bottom-line {margin: 30px 0}
div.search .content .bottom-line strong {color: black; padding: 0 30px 0 0}
span.quality, div.search .stars {margin: 0 30px 0 5px}
div.search .stars img, .details .stars img {border: none; padding: 0 2px; position: relative; top: 3px}
.imdb {margin: 0 30px 0 5px; background: url('graphic/icon-imdb.png') no-repeat right center; padding: 10px 60px 10px 0 !important; display: inline-block}
div.search .add  {text-decoration: none; font-weight: bold; color: #3d3e40; margin: 0 30px 0 0}
div.search .add span {height: 16px; width: 16px; position: relative; top: 3px; padding: 0 10px 0 0; display: inline-block; background: url('graphic/icon-tracker-add.png') no-repeat center top}
.watch-now {width: 81px; background: url('graphic/button-watch-now.png') no-repeat center top; display: inline-block; color: white; text-decoration: none; font-weight: bold; line-height: 31px; height: 31px; padding: 0 0 0 42px}

/*  */
/* Subpage - Tracker */
/*  */

.block.bg.tracker div.content {padding: 22px 0 17px 78px; width: 882px}
.tracker div ul {width: 200px; float: left; background: #ebf1f7; margin: 0 1px 0 0; border-bottom: 4px solid #ebf1f7; padding: 0 0 20px}
.tracker div ul .title {background: url('graphic/tracker-title.png') repeat-x center top; height: 39px; line-height: 39px; color: #cccccc; text-transform: uppercase; font-weight: bold; text-align: center; padding: 0}
.tracker div ul .title span {font-size: 14px}
.tracker div ul .title.active {background-position: center bottom; color: white; padding: 0}
.tracker div ul:first-child li.title span {background: url('graphic/tracker-left.png') no-repeat left top; display: block}
.tracker div ul:last-child li.title span {background: url('graphic/tracker-right.png') no-repeat right top; display: block}
.tracker div ul li {padding: 10px 10px 0}
.tracker div ul li a {text-decoration: none}
.tracker div ul li strong {position: relative; padding: 6px 0 5px 30px; margin: 0 0 6px; display: block; background: #ffffff}
.tracker div ul li strong .add {background: url('graphic/icon-tracker-add.png') no-repeat center bottom; height: 16px; width: 16px; left: 4px; top: 5px}
.tracker div ul li strong .add:hover {background-position: center top !important}
.tracker div ul li .play {font-size: 11px; background: url('graphic/icon-play.png') no-repeat 4px top; padding: 0 0 0 30px; display: block; text-decoration: none; color: black}
.tracker div ul li .play.not {background: url('graphic/icon-not-available.png') no-repeat 4px top}
.tracker div ul li span {display: block; font-size: 12px}

.tracker .arrow {width: 40px; height: 40px; top: 127px}
.tracker .arrow.left {left: 20px; background: url('graphic/tracker-arrow-left.png') no-repeat center top}
.tracker .arrow.right {right: 20px; background: url('graphic/tracker-arrow-right.png') no-repeat center top}
.tracker .arrow:hover {background-position: center bottom}

/*  */
/* Subpage - Profile */
/*  */

.profile .selection {background: #ebf1f7 url('graphic/profile-back-top.png') no-repeat center bottom; height: 80px}
.profile .selection span {font-size: 1.4em}
.profile .selection li:first-child {margin: 36px 15px 0 0}
.profile .selection li {float: left; height: 39px; line-height: 39px; margin: 36px 0 0}
.profile .selection li.active {background: url('graphic/profile-menu-left.png') no-repeat left top}
.profile .selection li a {color: #494b4d; height: 39px; line-height: 39px; font-weight: bold; margin: 0 20px; text-decoration: none}
.profile .selection li.active a {margin: 0; padding: 0 38px; display: block; background: url('graphic/profile-menu-right.png') no-repeat right top}
.block.bg.profile > div.content {padding: 0}

.profile h3 {margin: 0 20px 20px}
.profile .tracker {background: none; padding: 0}
.profile .tracker .arrow {top: 116px}
.profile .block.bg.tracker div.content {padding-bottom: 0}

.profile ul.content {padding: 20px 20px 0}
.profile ul.content > li {padding: 0 0 0 220px; position: relative; border-bottom: 1px solid #c2cccc; min-height: 127px; margin: 0 0 20px}
.profile ul.content li img {top: 0; left: 0}
.profile ul.content h4 {margin: 0 0 20px; font-size: 1.6em; font-weight: normal}
.profile ul.content h4 a {color: #34302d; font-weight: bold}
.profile ul.content .bottom-line {background: #ebf1f7; padding: 14px 20px 12px}
.profile ul.content .bottom-line .mark {background: url('graphic/icon-profile-mark.png') no-repeat left center; padding: 5px 0 5px 28px; margin: 0 0 0 32px; color: #34302d}
.profile ul.content .bottom-line .remove {background: url('graphic/icon-profile-remove.png') no-repeat left center; padding: 5px 0 5px 28px; margin: 0 30px 0 32px; color: #34302d}
.profile ul.content .bottom-line a {font-weight: bold}
.watch-now:hover {color: white !important}

.profile ul.content li.series {max-height: auto; padding-bottom: 20px}
.profile ul.content li.series .first, li.series .prev, li.series .next, li.series .last {height: 29px; margin: 0 5px}
li.series .first a, li.series .prev a, li.series .next a, li.series .last a {height: 29px}
li.series .first a {background: url('graphic/profile-selection-first.png') no-repeat center top; width: 39px}
li.series .prev a {background: url('graphic/profile-selection-previous.png') no-repeat center top; width: 28px}
li.series .next a {background: url('graphic/profile-selection-next.png') no-repeat center top; width: 28px}
li.series .last a {background: url('graphic/profile-selection-last.png') no-repeat center top; width: 39px}
.profile ul.content li.series ul {height: 43px; background: #fff47f; padding: 15px 10px 0}
.profile ul.content li.series ul li {float: left; display: block}
.profile ul.content li.series ul li.name {text-align: center; width: 350px; line-height: 29px}
.profile ul.content li.series ul li.name a {color: black}
.profile ul.content li.series ul li a {display: block}
.profile ul.content li.series .bottom-line {text-align: right; padding: 20px 0 20px 20px}
.profile ul.content li.series span {float: left}
.profile ul.content li.series .watch-now {margin: 0 0 0 20px}
.profile ul.content li.series:last-child {margin-bottom: 0 !important; padding-bottom: 15px; border: none}

/*  */
/* Subpage - Series Detail */
/*  */

.details h3 {font-weight: normal}
.details h3 .smaller {font-size: 18px; margin: 0 0 0 25px; position: relative; top: -3px}
.details h3 .smaller span {padding: 0 10px}
.details h3 .smaller span.color {color: #ff5500}
.details .meta {margin: -20px 0 20px}
.details .stars {margin: 0 30px 0 5px}
.details div img {border: 1px solid black; float: left; margin: 0 30px 0 0}
.details div p {font: normal 1.3em/21px sans-serif}
.details div p strong {color: black}
.details div .buttons-block {height: 61px; background: url('graphic/detail-s-bg.png') no-repeat center top; width: 310px; float: right; margin: 30px 0 0; padding: 0 0 0 60px}
.details div .buttons-block a {height: 61px; display: block; float: left; line-height: 61px; text-decoration: none; color: #3d3e40; font-weight: bold; padding: 0 0 0 35px; font-size: 12px}
.details div .buttons-block a.track {width: 94px; background: url('graphic/button-add.png') no-repeat center -2px}
.details div .buttons-block a.share {width: 110px; background: url('graphic/button-share.png') no-repeat center -2px}
.details div .buttons-block a:hover {background-position: center -66px; color: white}

.watchepisodes div.content > ul > li {background: url('graphic/watchepisodes-bg.png') no-repeat center top; width: 960px; height: 55px; font-size: 1.8em; margin: 0 0 10px}
.watchepisodes div.content > ul > li a {text-decoration: none; color: #5c6166; padding: 0 0 0 54px; line-height: 55px}
.watchepisodes div.content > ul > li a strong {color: #2e3033; padding: 0 15px 0 0}
.watchepisodes div.content > ul > li a span {color: #ff5500}
.watchepisodes div.content > ul > li.active {height: auto; background: url('graphic/watchepisodes-bg-active.png') no-repeat center top}
.watchepisodes div.content > ul > li.active ul {margin: 1px 0 0; font-size: 12px; background: url('graphic/watchepisodes-bg-back-active.png') repeat-y center top}
.watchepisodes div.content > ul > li.active ul li {position: relative; height: auto !important; margin: 0 20px 0 54px; border-bottom: 1px solid #ced3d9; padding: 14px 0 13px 30px; background: url('graphic/icon-arrow-small.png') no-repeat left 15px}
.watchepisodes div.content > ul > li.active ul li a {font-weight: bold; color: #2e3033; padding: 0; line-height: 20px !important; font-size: 14px}
.watchepisodes div.content > ul > li.active ul li a span {color: #5c6066}
.watchepisodes div.content > ul > li.active ul li > span {}
.watchepisodes div.content > ul > li.active ul li > span.aired {right: 160px; top: 17px}
.watchepisodes div.content > ul > li.active ul li > span.watched {right: 0; top: 14px; background: url('graphic/icon-profile-mark.png') no-repeat left 3px; padding: 0 0 0 25px}
.watchepisodes div.content > ul > li.active ul li > span.watched a {font-size: 12px}
.watchepisodes div.content > ul > li.active ul li.last {margin: -5px 0 0; border: none; height: 5px; background: url('graphic/watchepisodes-bg-bottom-active.png') no-repeat center bottom}
.watchepisodes div.content > ul > li.active ul li img {display: block; float: left; margin: 15px 30px 20px 0}
.watchepisodes div.content > ul > li.active ul li p {font: normal 1em/21px sans-serif}
.watchepisodes div.content > ul > li.active ul li p strong {margin: 10px 0 15px; display: block; color: black}
.watchepisodes div.content > ul > li.active ul li a.playnow {font: bold 16px/43px Arial,sans-serif !important; color: white; background: url('graphic/button-playnow.png') no-repeat center top; height: 44px; width: 91px; display: block; float: right; padding: 0 0 0 52px; margin: 40px 0 0}


/*  */
/* Footer */
/*  */

.footer {background: #c2c7cc; margin: 60px 0 0; height: 43px}
.footer p {float: left; height: 43px; line-height: 43px; color: black; font-weight: bold}
.footer p a {color: white; background: #45484d url('graphic/up.png') no-repeat right top; margin: 9px 18px 0 0; padding: 0 25px 0 10px; text-decoration: none; display: block; float: left; border-radius: 5px; height: 24px; line-height: 24px}
.footer p a:hover {background-color: #e64d00; background-position: right -43px}
.footer ul {float: right; height: 43px; line-height: 43px}
.footer ul li {display: inline; padding: 0 0 0 12px; color: #b2b2b2}
.footer ul li a {color: #303233; padding: 0 15px 0 0; font-weight: bold; display: inline}
.footer ul li:last-child a {padding: 0}


/* Added - icons */

.homepage .tracker div ul li img, .tracker div ul li .play img {border: none; margin: 0 0 0 4px}
.homepage .tracker div ul li img:first-child, .tracker div ul li .play img:first-child {margin: 0 0 0 10px}
.additionald {display: block}
.profile ul.content .bottom-line .additionald {display: inline}
.profile ul.content .bottom-line .additionald img {position: relative; top: 1px}
.episodes div.content .additionald {margin: 5px 0 -10px}
.watchepisodes div.content .additionald {right: 300px; top: 18px}
.episodes.recent div ul li a.mini .additionald {display: inline; background: none; padding: 0 5px 0 0}
.additionald img {border: none; margin: 0 0 0 5px !important; display: inline !important; position: relative; top: 6px}
.subepisodes .additionald img {top: -4px}

/* Subpage - upload */

.upload .desc {padding: 0 0 25px; line-height: 21px; margin: -5px 0 0}
.upload .desc strong {color: #262626}
.upload .quicksrch {float: none; margin: 15px 0 0 20px}
.upload .content h3 {margin: -5px 20px 0; font-weight: normal}
.upload .content h3 .smaller {font-size: 18px; margin: 0 0 0 25px; position: relative; top: -3px}
.upload .content h3 .smaller span {padding: 0 10px}
.upload .content h3 .smaller span.color {color: #ff5500}
.upload .content ul form p, .upload .content ul form div, .upload .content ul form input, .upload .content ul form button {float: left}
.upload .content form p.name {color: #34302d; font-size: 16px; font-weight: bold; margin: 5px 20px; width: 100px}
.upload .content form .selection {width: 193px; height: 45px; background: url('graphic/select-language.png') no-repeat center top}
.upload .content form .selection a {display: block; color: #3d3e40; font-weight: bold; text-decoration: none; text-indent: 20px; width: 162px; line-height: 31px}
.upload .content form {position: relative}

.upload .content ul form div:hover ul {display: block}
.upload .content ul form div:hover ul li a:hover {background: #dae0e5; color: black}
.upload .content form ul {position: absolute; z-index: 3; background: white; display: none; top: 31px; left: 140px; width: 160px; border: 1px solid #ddd; border-bottom: none; text-indent: 20px}
.upload .content > ul {padding: 20px 0 18px}
.upload .content > ul > li {padding: 10px 0; height: 30px}
.upload .content ul form input {margin: 2px 0 0; font-size: 1.4em}
.upload .content ul form button {float: right; margin: 0 20px 0 0; border: none; font: bold 12px/30px Arial,sans-serif; color: white; background: url('graphic/page-button-upload.png') no-repeat center top; width: 97px; height: 31px; padding: 0; text-indent: 38px; text-align: left}
.upload .content ul form button:hover {background-position: center bottom}
.upload .content form ul li a {border-bottom: 1px solid #ddd; display: block}

/* Added - language popup */

.language, .user {position: relative}
.language ul {z-index: 10; top: 31px; left: 0; background: white; display: none}
.language:hover ul, .user:hover ul {display: block}
.language ul li, .user ul li {display: block; width: 110px; border-bottom: 1px solid #ccc}
.language ul li a, .user ul li a {display: block; text-align: left; padding: 0 !important}
.language ul li a img {float: left; display: block; border: none; margin: 10px 10px 0 10px}
.language ul li a:hover, .user ul li a:hover {background: #dae0e5; color: black !important}

.user ul {display: block; z-index: 10; top: 31px; right: 115px; background: white; display: none}
.top .userpanel .user ul li {float: none; display: block}
.top .userpanel.logged li.user ul li a {width: 100px; margin: 0; padding: 0 0 0 10px !important}

/* Added - secondary menu active state */

.secondary-menu li ul {width: 960px}
.secondary-menu li ul li {padding: 0 5px}
.secondary-menu li ul li a {text-decoration: underline; padding: 0 10px; display: block}
.secondary-menu li ul li a.active {text-decoration: none; display: block; background: #ebf1f7}
.secondary-menu li ul li.arrow {width: 15px; margin: 0 !important}
.secondary-menu li ul li.arrow a {width: 15px; height: 31px}
.secondary-menu li ul li.arrow.left {background: url('graphic/secondary-menu-arrow-left.png') no-repeat center top}
.secondary-menu li ul li.arrow.right {float: right !important; background: url('graphic/secondary-menu-arrow-right.png') no-repeat center top}

.top .userpanel li.user {position: relative}
.top .userpanel li.user form {background: white; border: 1px solid #9da6a6; width: 360px; top: 38px; left: 26px; z-index: 9; padding: 9px 0 0; display: none /* Skryt� panel pro p�ihla�ov�n� */}
.top .userpanel li.user form label {display: inline-block; width: 90px; padding: 0 20px 0 0; text-align: right}
.top .userpanel li.user form a {margin: -5px 0 0; padding: 0; text-indent: 110px; width: auto}
.top .userpanel li.user form .top {background: url("graphic/share-popup-top.png") no-repeat scroll center top transparent;    height: 12px;    left: 124px;    top: -12px;    width: 24px;}
.top .userpanel li.user form .button {margin: 0 0 0 5px}

.block.bg.profile.queue > .content {padding: 0 0 5px}
.bottom-player div .buttonsd a.upload {width: 131px; background: url('graphic/button-upload.png') no-repeat center top; margin: 0 0 0 -12px}
.bottom-player div .buttonsd a.upload:hover {background-position: center bottom}

/* Registration - single page + profile version */
.block .content form.register p.title {margin: 10px 20px 20px; font-weight: bold; padding: 0 0 5px; border-bottom: 1px solid #c2cccc; font-size: 1.4em}
.block .content form.register ul {padding: 0 0 10px 0}
.block .content form.register ul.required {background: #fff47f; padding: 10px 0; margin: 0 0 20px}
.block .content form.register ul li {padding: 0 20px; margin: 10px 0}
.block .content form.register ul li label {display: inline-block;  padding: 0 20px 0 0; width: 150px}
.block .content form.register ul li input {width: 250px}
.block .content form.register ul li .valid {background: url('graphic/accept.png') no-repeat center top; width: 16px; height: 16px; display: inline-block; position: relative; top: 2px; margin: 0 0 0 10px}
.reg-button {margin: 0 513px 20px 0; float: right; font-size: 1.6em; padding: 10px 20px}

.block .content form.register.login-form label {width: auto; padding: 0 20px}
.block .content form.register.login-form li input {margin: 0 10px 0 0; width: 150px}
.block .content form.register.login-form li {padding: 0}
.block .content form.register.login-form .reg-button {margin: -35px 365px 0 0; padding: 0; font-size: 1.4em}
.block .content form.register.login-form ul {padding: 0 0 1px}
.block .content .bottom-part {width: 960px; height: 5px; background: url("graphic/block-bottom.png") no-repeat scroll center bottom transparent;display: block}