/* differences between tvdirekt and tvdirekt-online */ #logo a img { width: 115px; } /* end differences */ html { overflow-y: scroll; } body { font-family: 'Arial', sans-serif; font-size: 12px; line-height: 1.3636; margin: 0; min-width: 980px; padding: 0 160px 0 0; color: #666666; background: #dcedf4; } .cc_banner-wrapper { position: fixed!important; bottom: 0!important; width: 100%!important; z-index: 9999999!important; } .cc_container { background-color: rgba(0, 0, 0, 0.8)!important; position: relative!important; max-width: 940px!important; margin: 0 auto!important; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff!important; background-color: #666!important; border: 2px solid!important; } .cc_container .cc_message { font-family: 'Arial'!important; line-height: 1.25em!important; } @media screen and (min-width: 500px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 768px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 992px) { .cc_container .cc_message {font-size: 0.8em!important; } } body.green { background: #38aa32; } #adContentTop { position: relative; text-align: center; background-color: #ffffff; border-bottom: 1px solid #c4c4c4; } #adContentTop.active { margin-top: -1px; padding-top: 10px; } a { color: #2971a3; text-decoration: none; } a:hover { color: #e9001d; } img { border: none; } input, textarea, select { background: #ffffff; border: 1px solid #c9c9c9; border-radius: 4px; padding: 4px 7px; margin: 0; font-size: 12px; line-height: 14px; } input[type=image] { border: 0px } button, a.txtButton2 { padding: 4px 7px; cursor: pointer; background: transparent url('../images/headBttnBg.png') 0 0 repeat; color: white; font-weight: bold; border-radius: 4px; box-shadow: 1px 1px 4px #333333; border: none; outline: none; font-size: 12px; } button:hover, a.txtButton2:hover { background-image: url('../images/headBttnHighlightBg.png'); } a.txtButton2 { display: block; text-align: center; } a.txtButton2Inverted { background-image: url('../images/headBttnHighlightBg.png')!important; } a.txtButton2Inverted:hover { background-image: url('../images/headBttnBg.png')!important; } table { border-collapse: collapse; } table { } table td, table th { padding: 0; vertical-align: top; } #uniqueLogin { padding: 4px 7px; cursor: pointer; background: transparent url('../images/headBttnBg.png') 0 0 repeat; color: white; font-weight: bold; border-radius: 4px; box-shadow: 1px 1px 4px #333333; border: none; outline: none; font-size: 12px; } #uniqueLogin:hover { background-image: url('../images/headBttnHighlightBg.png'); } button::-moz-focus-inner { padding: 0; border: 0 } .clearer { clear: both; } img.typeIcon { margin-right: 5px; } span.select { position: absolute; width: 100px; } span.select span.selectValue {font-size: 12px; line-height: 14px; display: block; padding: 4px 27px 4px 7px; color: #000000; border: 1px solid #c9c9c9; border-radius: 4px; white-space: nowrap; overflow: hidden; background: #ffffff url('../images/selectBg.png') right 1px no-repeat; } span.select span.selectValue span { display: block; overflow: hidden; } span.select span.selectButton { display: none; } span.selectActive span.selectValue { background-image: url('../images/selectActiveBg.png') } select.selectTiny, select.selectSmall, select.selectNormal, select.selectLarge, select.selectHuge { position: relative; width: 100px; height: 24px; padding: 0; margin: 0; opacity: 0; font-size: 12px; line-height: 14px; filter:alpha(opacity=0); } span.selectTiny, select.selectTiny { width: 70px; } span.selectSmall, select.selectSmall { width: 100px; } span.selectNormal, select.selectNormal { width: 150px; } span.selectLarge, select.selectLarge { width: 180px; } span.selectHuge, select.selectHuge { width: 360px; } .dynBoxHeader .form span.select, .dynBoxHeader .form select { margin: 2px 10px 0 0; } .dynBoxHeader .form span.select span.selectValue { box-shadow: 1px 1px 3px #666666; padding: 2px 27px 2px 7px;} .dynBoxHeader .selectLarge {height: 20px; } div.progressBar { border:1px solid #999999; background: #fff; border-radius: 0px; height: 6px; position: relative; z-index: 1; } div.progressBar > div { background: #c00018; border-radius: 0px; height: 6px; position: relative; z-index: 2; } div.progressBarText {float:left; margin:4px 4px 4px 8px; font-weight: bold; color: #c00018;} #adRight { position: absolute; left: 100%; top: 90px; min-width: 160px; } #mainContent { position: relative; } #mainContent, #all { width: 980px; margin: auto; } /*#haze { display: none; position: fixed; width: 100%; height: 100%; background: #000000; opacity: 0.7; z-index: 1000; top: 0; left: 0; filter: alpha(opacity = 70); }*/ #errorMessage { padding: 20px 0 0 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/transparentBgDark.png') 0 0 repeat; z-index: 1000; text-align: center; } #errorMessage table.dynBox { position: relative; top: 33%; width: 600px; z-index: 1001; box-shadow: 1px 1px 3px #666666; background: #ffffff; } #errorMessage table.dynBox td.dynBoxContent { padding: 10px; } #errorMessage dl { list-style-type: none; font-size: 14px; font-weight: bold; } #errorMessage dl dt { display: none; } #errorMessage dl dd.error { color: #cc0000; } #mainLayout { background: #ffffff; padding: 0 20px 20px 20px; } #head { /*width: 953px;*/ background: #6ebbf1 url('../images/headBg.png') 0 0 no-repeat; color: #ffffff; padding: 6px 5px 0 12px; height: 118px; } #head a { color: #ffffff; } #head table.min { width: 100%; } #head td.right { /*width: 340px;*/ } #head input { width: 137px; } #head input#topUserName { margin-right: 13px; } #head a.bttn, #head button { display: block; padding: 4px 7px; float: left; color: #ffffff; border: 0; border-radius: 4px; box-shadow: 1px 1px 4px #333333; } #head a.bttn:hover { color: #ffffff; } #logo { float: left; margin-top: 6px; margin-left: 3px;} #head .bttns { position: relative; width: 280px; padding-left: 26px; float: left; margin-top: 6px; margin-right: 9px; } #head .bttns .bttn { font-size: 14px; line-height: 25px; background: url('../images/headBttnBg.png') 0 0 repeat-x; width: 100px; margin: 5px 10px 15px 10px; text-align: center; font-weight: bold; } #head .bttns .bttn:hover { background: url('../images/headBttnBg_hover.png') 0 0 repeat-x; line-height: 30px; height: 30px; width: 110px; margin: 5px 5px 10px 5px;} #head .bttns .bttnHighlight { background-image: url('../images/headBttnHighlightBg.png') } #head .bttns .bttnHighlight:hover { background-image: url('../images/headBttnHighlightBg_hover.png'); line-height: 30px; height: 30px; width: 110px; margin: 5px 5px 10px 5px;} #head .quickBttn { margin-left: 25px; margin-top: 3px; background: url('../images/headQuickBttn.png') 0 0 no-repeat; float: left; display: block; width: 107px; height: 106px; } #head .quickBttn:hover { background-image: url('../images/headQuickBttn_on.png'); } #head .quickBttn span { display: none; } #head .quickBttn_on { margin-left: 25px; margin-top: 3px; background: url('../images/headQuickBttn_on.png') 0 0 no-repeat; float: left; display: block; width: 107px; height: 106px; } #head .quickBttn_on:hover { background-image: url('../images/headQuickBttn.png'); } #head .quickBttn_on span { display: none; } #my { width: 340px; float: right; padding: 3px 0px 0px 0px; } #my hr { display: none; } #my h3 { font-size: 14px; line-height: 30px; margin: 0; } #my a.logout, #my button { font-size: 12px; float: right; background: url('../images/loginBttnBg.png') 0 0 repeat-x; line-height: 18px; margin: 15px 19px 0 0; } #my a.logout span, #my button span { display: block; padding-left: 25px; background: url('../images/loginBttnIcon.png') 0 0 no-repeat; } #my .row { padding: 0; /*padding-bottom: 8px;*/ } #my .links { padding: 5px 0 0 0; float: left; width: 240px; margin-top:6px;} #my .row a { /*display: block; float: left;*/ font-size: 12px; /*padding: 5px 10px 0 0;*/ } #my ul { padding: 2px 0 0 0; margin: 0; list-style-type: none; } #my ul li { display: block; padding: 1px 0; } #my a.logout { position: absolute; bottom: 10px; right: 0; display: block; padding: 4px 7px; } #my a.logout span { background-image: url('../images/logoutBttnIcon.png'); } #my a:hover { color: #e9001d; } #my.loggedIn { position: relative; border-radius: 4px; box-shadow: 1px 1px 4px #333333; padding: 2px 10px 10px 10px; background: url('../images/loginBg.png') 0 0 repeat-x; height: 99px; min-width: 295px; width: auto; } #my.loggedIn hr { display: block; height: 1px; border: none; background: #a3d3f9; color: #a3d3f9; margin: 5px 0; padding: 0; } #social { height: 30px; float: right; width: 90px; padding-right: 8px; position: relative; z-index: 2; } #social .item { float: left; width: 28px; height: 28px; background: url('../images/socialTweetBttn.png') 0 0 no-repeat; } #social .itemGPlus { background-image: url('../images/socialGPlusBttn.png'); } #social .itemFb { background-image: url('../images/socialFbBttn.png'); } #social .item > .content { display: none; position: absolute; top: 24px; } #my.loggedIn #social { padding-right: 0; } #coop { float: right; padding: 4px 0 0 0; margin: 0px 20px 0 20px; } #coop a { display: block; background: url('../images/tvDirektIcon.png') 0 0 no-repeat; width: 64px; height: 64px; } #coop a span { display: none; } #searchModule { float: right; padding: 8px 0 0 0; margin-right: 30px; } #searchModule button { float: left; width: 27px; height: 24px; border: 1px solid #8ec8d6; border-radius: 4px; background: url('../images/searchBttn.png') 0 0 no-repeat; } #searchModule button span { display: none; } #searchModule input { float: left; margin-right: 7px; width: 137px; } #searchModule a { display: none; } #mainMenu { position: relative; padding: 0; margin: 0px; width: 980px; background: #ffffff url('../images/menuBg.png') left -13px repeat-x; height: 74px; border-bottom: 1px solid #c4c4c4; } #mainMenu * { white-space: nowrap; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; float: left; } #mainMenu ul.menu { padding-top: 5px; } #mainMenu ul.menu li, #mainMenu ul.menu li a, #mainMenu ul.menu li a span { padding: 0; font-size: 14px; line-height: 19px; font-weight: bold; color: #666666; } #mainMenu ul.menu > li:hover > span, #mainMenu ul.menu > li:hover > a span { font-size: 16px; } #mainMenu ul.menu > li.hover:hover > span { font-size: 14px; } #mainMenu ul.menu li { float: left; padding: 0 7px 14px 10px; margin: 5px 0 0 0; } #mainMenu ul.menu li ul { position: absolute; left: 10px; top: 50px; width: 930px; display: none; } #mainMenu ul.menu li ul li { padding: 0 10px 0 10px; margin: 0; } #mainMenu ul.menu li.item210 ul li { float: none; display: inline-block; } #mainMenu ul.menu li ul li, #mainMenu ul.menu li ul li a, #mainMenu ul.menu li ul li a span { text-align: center; font-size: 12px; line-height: 18px; } #mainMenu ul.menu li ul li a span span { display: block; font-size: 10px; line-height: 10px; font-weight: normal; } #mainMenu ul.menu li.hover ul { display: block; width: 890px; } #mainMenu ul.menu > li { cursor: pointer; text-align: center; } #mainMenu ul.menu > li.item399 a span { color: #38aa32; } #mainMenu ul.menu > li.hover { color: #2971a3; background: url('../images/menuArrow.png') 50% bottom no-repeat; } #mainMenu ul.menu li ul li.active a span { color: #e9001d; } #mainMenu ul.menu li ul li a:hover span { color: #e9001d; } #mainMenu ul.menu li ul li ul { display: none!important; } #mainMenu ul.menu > li.item409 a span { color: #e9001d; } #mainMenu ul.menu > li a.special span { color: #e9001d; font-style: italic; } #foot { padding: 10px; font-weight: bold; background: #2e8fc4 url('../images/footerBg.png') 0 0 repeat-x; color: #99d8e9; border-top: 2px solid #dcedf4; padding: 20px 20px 20px 254px; } #foot a { color: #99d8e9; } #foot #allSites { float: right; } #foot #allSites td { padding-left: 20px; } #foot #allSites a { display: block; } #foot #copyright { position: absolute; left: 20px; } #foot ul { list-style-type: none; margin: 0; padding: 0; } #foot #footermenu { float: left; margin-right: 20px; } #foot .separator { display: none; } /*body.overview { min-width: 980px; padding-right: 160px; }*/ body.overview #mainContent, body.overview #all, body.overview #mainMenu { min-width: 980px; width: 100%; } /*body.overview #adRight { left: 100%; }*/ #breadcrumbs { padding: 10px 0 15px 0; } #breadcrumbs div { display: inline; } #breadcrumbs .last { font-weight: bold; } #componentHeader { float: right; padding: 10px 0 0 0; } table#content { width: 100%; } #modules { width: 300px; overflow: hidden; padding-left: 20px; } table#content #modules div.module { margin: 10px 0 17px 0; } table#content #modules div.module:first-of-type { margin-top: 0; } table.dynBox { border-collapse: collapse; margin: 0 auto 17px auto; width: 100%; } table.dynBox td.dynBoxHeader { background: #56b0ee; color: #ffffff; border-bottom: 8px solid #ffffff; } table.dynBox td.dynBoxHeader h3, table.dynBox td.dynBoxHeader h1 { float: left; font-size: 16px; line-height: 26px; height: 26px; overflow: hidden; margin: 0; padding: 0 0 0 15px; } table.dynBox td.dynBoxHeader h3 span, table.dynBox td.dynBoxHeader h1 span { font-size: 12px; line-height: 26px; } table.dynBox td.dynBoxHeader a { color: #ffffff; } table.dynBox td.dynBoxHeader div.form { float: left; margin-left: 10px; padding: 1px 0 0 0; } table.dynBox td.dynBoxHeader div.flipSwitch { margin: 2px 4px 0 0; } .bcViewDisplay table.dynBox td.dynBoxContent, #modules .module table.dynBox td.dynBoxContent { padding-top: 1px; } .bcViewDisplay #dynBoxHighlights table.dynBox { margin-bottom: 10px; } .bcViewDisplay #dynBoxHighlights table.dynBox td.dynBoxContent { padding-top: 0; } table.tvplaner td.dynBoxHeader {background: #c00018;} td.evenColumn, tr.evenRow { background: #d7eaf1; } table.broadcasts { border-collapse: collapse; width: 100%; } table.broadcasts td { padding: 2px; } table.broadcasts td.smallStation { color: #2971a3; font-weight: bold; } table.broadcasts td.smallTime a { color: #e9001d; } table.broadcasts td.smallTitle a { } #galleryItem { /*width: 555px;*/ margin: auto; clear: both; } #galleryItem .galleryItem { margin: 10px auto; } #galleryItem .backLink { float: right; margin-right: 30px; } #galleryItem .counter { float: left; margin-left: 30px; } #galleryItem td.prev, #galleryItem td.next { vertical-align: top; padding-top:100px;} #galleryItem .image { padding: 1px 0; text-align: center; } #galleryItem .image img { margin: auto; max-width: 495px; } #galleryItem .prev a, #galleryItem .next a { display: block; width: 30px; height: 64px; overflow: hidden; } #galleryItem .prev span, #galleryItem .next span { display: none; } #galleryItem .prev a { background: url('../images/galleryPrev.png') 9px 17px no-repeat; } #galleryItem .next a { background: url('../images/galleryNext.png') right 17px no-repeat; } .gallery { position: relative; } .gallery .content { background: #d7eaf1; padding: 12px 0; } .gallery a.pagination { display: block; float: left; width: 43px; text-align: center; font-size: 56px; line-height: 63px; color: #808080; } .gallery a.pagination span { } .gallery a.pagination.right { border-left: 10px solid #d7eaf1; } .gallery a.pagination.active span { color: #2971a3; cursor: pointer; } .gallery .wrapper { float: left; width: 520px; overflow: hidden; height: 63px; position: relative; } .gallery table.items { position: absolute; } .gallery table.items td { background: #000000; text-align: center; border: 1px solid #d7eaf1; width: 94px; border-width: 0 10px; } .gallery table.items td div { width: 94px; height: 63px; overflow: hidden; position: relative; } .gallery table.items td div span { width: 94px; height: 63px; text-align: center; display: block; } .gallery table.items td div span img { height: 63px; cursor: pointer; } .gallery table.items td div.active, .gallery table.items td div:hover { border: 2px solid #378fbb; width: 90px; height: 59px; } .gallery table.items td div.active span { position: absolute; top: -2px; left: -2px; } /* .bcViewDetails .gallery.active { position: fixed; bottom: 0; } */ .bcViewDisplay td.smallStation { width: 90px; } .bcViewDisplay div.highlights { margin: 0 0 -6px 0; font-size: 11px; position: relative; } .bcViewDisplay div.highlights div.wrapper { position: relative; width: 616px; height: 456px; } .bcViewDisplay div.highlights div.group { display: none; position: absolute; top: 0; left: 0; } .bcViewDisplay div.highlights div.group0 { display: block; } .bcViewDisplay div.highlights div.content { float: left; padding: 7px; height: 200px; width: 182px; overflow: hidden; background: url('../images/highlightsBg.png') 0 0 repeat-x; margin: 1px 14px 13px 0; } .bcViewDisplay div.highlights div.content:nth-child(3), .bcViewDisplay div.highlights div.content:nth-child(6) { margin-right: 0; } .bcViewDisplay div.highlights .station {float: left; position: relative; width: 70px; height: 23px; } .bcViewDisplay div.highlights .station img { max-width: 70px; max-height: 23px; position: absolute; bottom: 0; } .bcViewDisplay div.highlights .time { padding: 3px 0 0 4px; height: 23px; text-align: right; } .bcViewDisplay div.highlights .time a { color: #e9001d; } .bcViewDisplay div.highlights div.title { overflow: hidden; height: 39px; padding: 0 0 7px 0; } .bcViewDisplay div.highlights div.title a.title { display: block; font-weight: bold; margin-top: 0px; line-height: 13px; } .bcViewDisplay div.highlights div.title a.genre { display: block; /*font-weight: bold;*/ color: #666666; line-height: 13px; } .bcViewDisplay div.highlights .content .image { width: 176px; margin: 7px auto 0 auto; height: 140px; overflow: hidden; background: url('../images/highlightbg.png') 0 0 repeat-x;} .bcViewDisplay div.highlights .content .image img { display: block; margin: auto; height:120px; width: auto; } .bcViewDisplay #homeNews div.pagination, .bcViewDisplay div.highlights div.pagination { z-index: 10; position: absolute; right: 10px; top: -26px; height: 11px; overflow: hidden; } .bcViewDisplay #homeNews div.pagination a.page, .bcViewDisplay div.highlights div.pagination a.page { cursor:pointer; display: block; float: left; overflow: hidden; width: 18px; height: 17px; background: url('../images/highlightsInactivePage.png') 0 0 no-repeat; } .bcViewDisplay #homeNews div.pagination a.active, .bcViewDisplay div.highlights div.pagination a.active { background-image: url('../images/highlightsActivePage.png'); } .bcViewDisplay #homeNews div.pagination a span, .bcViewDisplay div.highlights div.pagination a span { display: none; } .bcViewDisplay table.dynBox { margin-bottom: 17px; } .bcViewDisplay #dynBoxHighlights table.dynBox { margin-bottom: 10px; } div.flipSwitch { float: right; position: relative; margin-left: 10px; height: 20px; overflow: hidden; } div.flipSwitch .wrapper { height: 20px; } div.flipSwitch .wrapper .switch { height: 20px; } div.flipSwitch .wrapper .switch div { /*text-align: center;*/ font-size: 10px; line-height: 12px; white-space: nowrap; /*text-align: center;*/ position: absolute; top: 0; left: 0; height: 20px; overflow: hidden; } div.flipSwitch .wrapper .switch div.handle { cursor: pointer; width: 20px; background: url('../images/slider_button.png') 0 0 no-repeat; z-index: 10; } div.flipSwitch .wrapper .switch div.on { z-index: 2; color: #fff; font-weight:bold; background: url('../images/switcherBgOn.png') left top no-repeat;} div.flipSwitch .wrapper .switch div.on div { position: static; padding: 0 10px; } div.flipSwitch .wrapper .switch div.on div div { height: 12px; padding: 4px 14px 4px 0; } div.flipSwitch .wrapper .switch div.off { width:101px; z-index: 1; color: #000; font-weight:bold; background: url('../images/switcherBgOff.png') left top no-repeat;} div.flipSwitch .wrapper .switch div.off div { position: static; padding: 0 10px; } div.flipSwitch .wrapper .switch div.off div div { height: 12px; padding: 4px 0 4px 14px;} .homeOrderBttns { float: left; margin: 6px 4px 0 10px; } .homeOrderBttns a span { display: none; } .homeOrderBttns a { font-size: 14px; line-height: 14px; font-weight: bold; } .homeOrderBttns a.up:after { content: '⬆'; } .homeOrderBttns a.down:after { content: '⬇'; } .bcViewDisplay #homeNews div.pagination { top: 8px; } .bcViewDisplay #homeNews form { background: #ffffff; z-index: 10; padding: 10px; position: absolute; top: 0; left: 0; } .bcViewDisplay #homeNews { position: relative; z-index: 10; } .bcViewDisplay #homeNews .items { position: relative; } .bcViewDisplay #homeNews .item { visibility: hidden; /*display: none;*/ position: absolute; top: 0; left: 0; width: 616px; } .bcViewDisplay #homeNews .item:first-of-type { /*display: block; visibility: visible; */} .bcViewDisplay #homeNews .item .title, .bcViewDisplay #homeNews .item .subTitle { display: none; } .bcViewDisplay #homeNews .formToggleButton { position: absolute; top: -37px; right: 70px; } .bcViewDisplay #homeNews form label { width: 60px; display: inline-block; } .bcViewDisplay td.progress { width: 96px; vertical-align: middle; } .bcViewDisplay td.progress .progressBar { width: 90px; } form .row { padding: 4px 0; } table#registertable td, table.userdata td, table.userdata th { padding: 0 4px 4px 0; text-align: left; } table.bcProgram td.time { background: #d7eaf1; text-align: center; padding: 2px; } table.broadcasts td.time a img, table.bcProgram td.time a img { float: left; margin: 4px 0 6px 0px; } .bcViewAll { position: relative; } .bcViewAll .genreSelect { float: right; padding-top: 1px; padding-bottom: 8px; } .bcViewAll .genreSelect .claim { /*text-shadow: 0 0 1px #358ec7;*/ float: left; /*font-weight: bold;*/ margin-right: 7px; padding-top: 2px; } .bcViewAll .genreSelect .scheduleCategoryButton { border-radius: 4px; box-shadow: 1px 1px 3px #666666; cursor: pointer; width: 46px; text-align: center; float: left; display: block; padding: 2px 4px; font-size: 11px; line-height: 12px; font-weight: bold; text-align: center; margin: 0 2px; } /* .bcViewAll .genreSelect .scheduleCategoryButton:hover { margin: 0px 4px; line-height: 16px; font-size: 12px; } */ .bcViewAll .genreSelect #scheduleCategoryButtonMovie { background: #edf8ff; border: 2px solid #edf8ff; color: #006bbb; } .bcViewAll .genreSelect #scheduleCategoryButtonMovie.active { background: #d9effd; border: 2px solid #d9effd;} .bcViewAll .genreSelect #scheduleCategoryButtonSeries { background: #f1e2fb; border: 2px solid #f1e2fb; color: #bf006b; } .bcViewAll .genreSelect #scheduleCategoryButtonSeries.active { background: #e3d2ee; border: 2px solid #e3d2ee;} .bcViewAll .genreSelect #scheduleCategoryButtonSports { background: #eefdd7; border: 2px solid #eefdd7; color: #44a227; } .bcViewAll .genreSelect #scheduleCategoryButtonSports.active { background: #dbebc4; border: 2px solid #dbebc4;} .bcViewAll .genreSelect #scheduleCategoryButtonAll { background: #cccccc; border: 2px solid #cccccc; color: #666666; } .bcViewAll .genreSelect #scheduleCategoryButtonAll.active { background: #e5e3e3; border: 2px solid #e5e3e3;} .bcViewAll #noBroadcastsBox { display: none; position: absolute; top: 20%; left: 40%; z-index: 2; background: #ffffff; box-shadow: 1px 1px 3px #666666; } .bcViewAll #noBroadcastsBox td.dynBoxContent { padding: 0 4px; } .bcViewAll #noBroadcastsBox td.dynBoxContent span.noGenre { display: none; } .bcViewAll #noBroadcastsBox td.dynBoxContent span#noGenre { font-weight: bold; } .bcViewAll .bcAll { clear: both; width: 100%; } .bcViewAll .bcAll td { border: 1px solid #cccccc; padding: 0!important; } .bcViewAll .bcAll td.broadcast { word-break: break-all; /*background: #f0f0f0;*/ } .bcViewAll .bcAll td.film { background: #d9effd; } .bcViewAll .bcAll td.serie { background: #e3d2ee; } .bcViewAll .bcAll td.sport { background: #dbebc4; } .bcViewAll td.inactive { visibility: hidden; } .bcViewAll .offsetRight { float: right; } /* .bcViewAll .bcAll td.broadcast img { max-width: 100px; max-height: 68px; } */ .bcViewAll .bcAll td.stationLeft { padding: 3px 3px 3px 11px!important; } .bcViewAll .bcAll th.even { background: /*#B0BCCA;*/ #6cadd6; } .bcViewAll .bcAll th.odd { background: /*#20557F;*/ #358ec7; } .bcViewAll .bcAll th { border: 2px solid #ffffff; color: #ffffff; padding: 0; } .bcViewAll .bcAll th.offsetLeft { text-align: left; } .bcViewAll .bcAll .offsetRight { background: /*#B0BCCA;*/#6cadd6; float: right; padding: 0px 3px; vertical-align: middle; border-left: 3px solid #ffffff; } .bcViewAll .bcAll .offsetRight a, .bcViewAll .bcAll .offsetLeft a { margin: 0px 5px; } .bcViewAll a { color: #000000; } .bcViewAll a .title { } .bcViewHome .bcAll td.broadcast { padding: 0!important; height: 68px; } .bcViewHome .bcAll td.broadcast .title { font-weight: normal !important; } .bcViewHome .bcAll td.broadcast .time { } .bcViewHome .bcAll td.broadcast .title { font-weight: normal;} /*.bcViewHome img.epgImage { height: 68px; }*/ .bcViewHome img.epgImage {/* max-height: 58px; max-width: 100px; width:auto;*/ height: 68px; } .bcViewHome .bcAll td.broadcast a { margin: 2px 3px; display: block;/* margin-left: 100px;*/ } .bcViewHome .bcAll td.broadcast a.epgImageLink, .bcViewHome .bcAll td.broadcast div.epgImageDummy { display: block; float: left; height: 68px; max-width: 100px; overflow: hidden; text-align: center; margin: 0 6px 0 0; } .bcViewCurrent { } .bcViewCurrent .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} /*.bcViewCurrent */ .broadcasts td.station img, img.stationIcon { display: block; max-height: 25px; max-width: 110px; } span.stationName { font-size: 11px!important; font-weight: normal!important; } .bcViewCurrent .broadcasts td.time { font-weight: bold; } .bcViewCurrent .broadcasts td.time a img, .bcViewCurrent .broadcasts td.time img { float:right; } .bcViewCurrent .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; text-align: right; } .bcViewCurrent .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewCurrent .broadcasts tr.buttons { font-weight: bold; } .bcViewCurrent .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewCurrent .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewCurrent .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewCurrent .progressBar { margin: 8px 0; width:90px;} .bcViewCurrent img.epgImage {padding-top:3px; max-width: 176px; } #selectsortSelect {width:200px;} .bcViewTips { } .bcViewTips .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} .bcViewTips .broadcasts td.station img { display: block; } .bcViewTips .broadcasts td.time { font-weight: bold; } .bcViewTips .broadcasts td.time a img, .bcViewTips .broadcasts td.time img { float:right; } .bcViewTips .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; text-align: right; } .bcViewTips .broadcasts td.image img { max-width: 176px; } .bcViewTips .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewTips .broadcasts tr.buttons { font-weight: bold; } .bcViewTips .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewTips .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewTips .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewTips .progressBar { margin: 8px 0; width:90px;} .bcViewTips img.epgImage {padding-top:3px;} .bcViewSearch { } .bcViewSearch .broadcasts td { padding-left: 5px !important; padding-top: 3px !important; padding-bottom: 5px !important;} .bcViewSearch .broadcasts td.station img { display: block; } .bcViewSearch .broadcasts td.time { font-weight: bold; } .bcViewSearch .broadcasts td.time a img, .bcViewSearch .broadcasts td.time img { float:right; } .bcViewSearch .broadcasts td.image { border-right: 1px solid #c9d3d5; padding-right: 5px !important; } .bcViewSearch .broadcasts td.station { border-left: 1px solid #c9d3d5; } .bcViewSearch .broadcasts tr.buttons { font-weight: bold; } .bcViewSearch .broadcasts tr.buttons td:first-child { border-left: 1px solid #c9d3d5; } .bcViewSearch .broadcasts tr.buttons td:last-child { border-right: 1px solid #c9d3d5; } .bcViewSearch .dynBox td.dynBoxHeader { border-bottom: 0px solid #FFFFFF; } .bcViewSearch .progressBar { margin: 8px 0; width:90px;} .bcViewSearch img.epgImage {padding-top:3px;} table.searchTable {margin-top:11px; border-collapse:separate; border-spacing:11px;} /*Home*/ table.broadcasts td.smallTime { padding-right: 4px !important; width: 36px; } table.broadcasts td.smallNumber, table.broadcasts td.smallDay, table.broadcasts td.smallDate, table.broadcasts td.smallStation, table.broadcasts td.smallTime, table.broadcasts td.smallTitle { padding: 4px !important; } tr.oddRow td:first-child, tr.evenRow td:first-child { padding-left: 11px !important; } /*Buttons*/ /* a.txtButton, button.txtButton { border: 0px; font-size: 12px!important; line-height: 15px!important; cursor: pointer; display: inline-block; padding: 0; margin-right: 11px; outline: none; height: 24px; background: transparent; } a.txtButton span.div, button.txtButton div { display: block; background: #2a719f url('../images/bttnIconClose.png') 7px 0 no-repeat; border-radius: 7px 10px 10px 7px; padding-left: 31px; } a.txtButton span.div span, button.txtButton span { display: block; font-weight: bold; padding: 0 4px; margin: 0; height: 24px; line-height: 24px; font-size: 12px!important; color: #2b719f !important; background: #fbfdff; border-radius: 0 7px 7px 0; border: 1px solid #2a719f; } */ /* button.txtSave div { background-image: url('../images/bttnIconSave.png'); } a.txtAddToPlaner span.div { background-image: url('../images/bttnIconAdd.png'); } a.txtRemoveFromPlaner span.div { background-image: url('../images/bttnIconRemove.png'); } a.txtRebroadcasts span.div { background-image: url('../images/bttnIconRebroadcasts.png'); padding-left: 51px; } */ button.txtClose, button.txtPrint { background: transparent; background-image: none; box-shadow: none; border-radius: none; height: 26px; } button.txtClose div, button.txtPrint div { padding: 0; margin: 0; width: 107px; height: 26px; background: transparent; } button.txtClose div span, button.txtPrint div span { display: none; } button.txtClose div { background-image: url('../images/bttnTxtSchliessen.png'); } button.txtPrint div { background-image: url('../images/bttnTxtDrucken.png'); } /*bcViewDetails*/ div.tabs > ul.tabs { position: relative; z-index: 1; list-style-type: none; margin: 0 0 25px 0; padding: 0; font-weight: bold; border-bottom: 1px solid #b2d2d6; height: 34px; overflow: show; } div.tabs > ul.tabs li { position: relative; z-index: 2; cursor: pointer; float: left; height: 25px; width: 136px; background: url('../images/tabBg.png') right bottom no-repeat; line-height: 25px; padding: 9px 0 0 20px; margin: 0 0 0 -25px; border-bottom: 1px solid #ffffff; } div.tabs > ul.tabs li:first-of-type { margin-left: -9px; } /* div.tabs > ul.tabs li.active:first-of-type { margin-left: -9px; } */ div.tabs > ul.tabs li a { text-shadow: 0 0 2px #ffffff; } div.tabs > ul.tabs li:hover a { color: #e9001d; } div.tabs > ul.tabs li.active { background-image: url('../images/tabActiveBg.png'); z-index: 3; } div.tabs > div { /*display: none; */clear: left; visibility: hidden; } div.tabs > div.inactive { display: none; } div.tabs > div.active { display: block; visibility: visible; } .bcViewSearch .bttnsTop, .bcViewSearch .bttnsBottom { margin: 10px 0; text-align: center; } .bcViewSearch button { margin: 0 10px 0 0; } .bcViewDetails .youtubeItems {/* height: 915px;*/ } .bcViewDetails .youtubeItems .item a { color: #999999; font-size: 11px;} .bcViewDetails .youtubeItems .item .title a { color: #333333; font-weight: bold; font-size: 13px; margin-bottom: 2px; } .bcViewDetails .youtubeItems .item:hover .title a { color: #438bc5; } .bcViewDetails .youtubeItems .item { height: 104px; margin: 0 0 15px 0; overflow: hidden; } .bcViewDetails .youtubeItems .item .image { float: left; position: relative; background: #000000; height: 104px; margin-right: 8px; } .bcViewDetails .youtubeItems .item .image img { max-height: 104px; max-width: 138px; } .bcViewDetails .youtubeItems .item .image .duration { position: absolute; padding: 1px 4px; right: 2px; bottom: 2px; background: url('../images/transparentBgDark.png') 0 0 repeat; color: #cccccc; font-weight: bold; font-size: 11px; } .bcViewDetails div.tabs ul.tabs li span.youtube span { padding: 2px 3px; margin-left: 2px; background: #2971a3; color: #ffffff; text-shadow: none; box-shadow: 0 0 2px #ffffff; border-radius: 3px; } .bcViewDetails div.tabs ul.tabs li:hover span.youtube span { background: #e9001d; } .bcViewDetails { color: #2971a3; font-size: 12px; width: 616px; } .bcViewDetails h2 { font-size: 14px; padding: 0; margin: 25px 0 10px 0; } .bcViewDetails table.details { margin-bottom: 25px; /*width: 100%;*/ } .bcViewDetails table.details td.image { padding-right: 10px; text-align: center; vertical-align: middle; } .bcViewDetails table.details td.image img { /*height: 265px; max-width: 396px; */ } .bcViewDetails table.details td.image div { position: relative; max-width: 411px; height: 300px; overflow: hidden; /*margin: auto;*/ text-align: center; background: #d5eaf0 url('../images/detailsBg.png') 0 0 repeat-x; } .bcViewDetails table.details td.image div .cropContainer { width: 238px; height: 300px; /*margin: 0 auto;*/ overflow: hidden; position: relative; } .bcViewDetails table.details td.image div a { display: block; position: absolute; bottom: 15px; right: 15px; z-index: 2; background: url('../images/bttnTxtFotos.png') 0 0 no-repeat; width: 72px; height: 30px; } .bcViewDetails table.details td.image div a span { display: none; } .bcViewDetails table.details td.details { padding: 10px 12px; /*width: 171px;*/ width:100%; background: #d5eaf0 url('../images/detailsBg.png') 0 0 repeat-x; } .bcViewDetails table.details td.details .info { height: 140px; } .bcViewDetails hr { margin-top: 25px; height: 1px; border: none; color: #b2d2d6; background: #b2d2d6; } .bcViewDetails .info { font-weight: bold; } .bcViewDetails .info .station { padding-left: 10px; text-align: center; vertical-align: middle; width: 64px; height: 40px; } .bcViewDetails .info .station img { /*max-width: 64px;*/ max-height: 40px; margin-right: 15px; } .bcViewDetails .info .station span.stationName { display: none; } .bcViewDetails .info .title h1 { font-size: 20px; margin: 0; padding: 0; } .bcViewDetails .info .title h1 span, .bcViewDetails .info .subTitle span { color: #e9001d; } .bcViewDetails .text { color: #000000; margin-top: 25px; } .bcViewDetails .typeIcons { margin-top: 15px; } .bcViewDetails .typeIcons img { margin-right: 5px; } .bcViewDetails .actors table {width: 50%; } .bcViewDetails .actors td { padding: 2px 4px; border: 1px solid #ffffff; } .bcViewDetails .actors td.link { display: none; } .bcViewDetails .buttons { margin: 15px 0 0 0; } .bcViewDetails .buttons a.txtButton, .bcViewDetails .buttons span.select { width: 168px; margin: 15px 0 0 0; display: block; float: left; clear: left; position: relative; } .bcViewDetails .buttons span.select span.selectValue { padding: 3px 0 3px 6px; } .bcViewDetails .buttons span.select span.value span { float: left; width: 16px; height: 16px; margin-left: 7px; } .bcViewDetails .buttons span.select span.value span.valueText { width: auto; margin-left: 0; font-weight: bold; line-height:16px;} .bcViewDetails .buttons span.select span.value span.valueFb { background: url('../images/socialFbSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueGPlus { background: url('../images/socialGPlusSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueTweet { background: url('../images/socialTweetSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons span.select span.value span.valueMail { background: url('../images/socialMailSmallBttn.png') 0 0 no-repeat; } .bcViewDetails .buttons a.txtButton { background: url('../images/blueBttnBg.png') 0 0 repeat-x; border-radius: 4px; box-shadow: 1px 1px 3px #666666; color: #ffffff; text-align: center; width: 168px; line-height: 23px; height: 23px; } .bcViewDetails .buttons a.txtButton span.div { padding: 0; display: inline; background: transparent; border-radius: 0; } .bcViewDetails .buttons a.txtButton span.div span { background: transparent; border: none; border-radius: 0; display: inline; margin: 0; padding: 0; color: #ffffff!important; line-height: 23px; height: 23px; } .bcViewDetails .buttons a.txtAddToPlaner { background-image: url('../images/blueBttnBg.png'); } .bcViewDetails .buttons a.txtRemoveFromPlaner { background-image: url('../images/redBttnBg.png'); } .bcViewDetails .buttons span.select > span.socialSelect { background: #ffffff; border: 1px solid #cccccc; /*border-width: 0 1px 1px 1px;*/ position: absolute; width: 158px; padding: 2px 4px; display: none; top: 23px; z-index: 2; } .bcViewDetails .buttons span.select > span.socialSelect > div, .bcViewDetails .buttons span.select > span.socialSelect > iframe, .bcViewDetails .buttons span.select > span.socialSelect > a { display: block; margin: 10px 0; float: none; position: static; } .bcViewDetails .ratings { padding-left: 10px; } .bcViewDetails .ratings img { float: left; margin: 8px 10px 0 0; } .bcViewDetails .ratings table.ratings td { border: 5px solid #ffffff; border-width: 0 5px; } .bcViewDetails .ratings table.ratings th { padding: 4px; font-weight: bold; text-align: center; } .bcViewDetails .ratings table.ratings td { background: #d7eaf1; padding: 4px; font-weight: bold; font-size: 36px; line-height: 15px; text-align: center; } .bcViewDetails #detailsFbComments { text-align: center; margin-top: 15px; } #imageZoom { position: absolute; z-index: 3; display: none; bottom: 87px; width: 596px; text-align: center; background: #d7eaf1; padding: 10px; } #imageZoom img { cursor: pointer; max-width: 576px; max-height: 600px; border: 10px solid #ffffff; border-radius: 4px; box-shadow: 1px 1px 3px #666666; } /*bcViewProgram*/ .bcViewProgram table.bcProgram { font-size: 12px; width: 100%; } .bcViewProgram table.bcProgram tr.station td { background: #d7eaf1; width: 50%; padding: 4px; } .bcViewProgram table.bcProgram td { vertical-align: top; padding: 4px!important; } .bcViewProgram table.bcProgram td.time { background: #d7eaf1; /*max-width: 36px!important;*/ font-weight: bold; } .bcViewProgram table.bcProgram td.details a { font-weight: bold; } .bcViewProgram table.bcProgram td.image { text-align: right; } .bcViewProgram table.bcProgram td.image img { max-width: 176px; } .bcViewProgram a.bttnPrintSmall { float: right!important; } .bcViewPlaner table { width: 100%; } .bcViewPlaner table.planerStyle td { float: none; width: 33.33%; text-align: center; } .bcViewPlaner table.planerStyle td a { font-weight: bold; } .bcViewPlaner table.planerStyle td a.menuLikeCurrent { color: #e9001d; } .bcViewPlaner table.timeline td { float: none; padding-top: 10px; vertical-align: middle; } .bcViewPlaner table.timeline td.left { text-align: right; width: 100px; padding-right: 10px; } .bcViewPlaner table.timeline span.timeline, .bcViewPlaner table.timeline a.timelineEven, .bcViewPlaner table.timeline a.timelineOdd { display: block; float: left; width: 1px; overflow: hidden; } .bcViewPlaner table.timeline span.timeline { background: #eeeeee; } .bcViewPlaner table.timeline a.timelineEven, .bcViewPlaner table.timeline a.timelineOdd { background: #b0bcca; } .bcViewPlaner table.timeline a.timelineOdd { background: #20557f; } .bcViewPlaner table.broadcast { margin: 10px 0; } .bcViewPlaner table.broadcast td.left, .bcViewPlaner table.broadcast td.middle, .bcViewPlaner table.broadcast td.right { float: none; border: 1px solid #c9d3d5; } .bcViewPlaner table.broadcast td.left { border-left: none; } .bcViewPlaner table.broadcast td.left a { margin-left: 5px; } .bcViewPlaner table.broadcast td.right { border-right: none; border-left: none; padding-left: 3px; } .bcViewPlaner table.broadcast td.right a { font-weight: bold; font-size: 14px; } .bcViewPlaner table.broadcast td.middle { border-right: none; padding: 0 10px; font-weight: bold; font-size: 14px; text-align: center; } .bcViewPlaner table.broadcast td.middle img { margin: 0 0 4px 0; } .bcViewPlaner table.broadcast td.left { text-align: right; width: 100px; padding-right: 10px; } .bcViewPlaner table.bttnsBottom td, .bcViewPlaner table.bttns td { padding-top: 6px; } /* user stuff */ #userSettings table.dynBox table td, #userSettings table.dynBox table th { padding: 4px; text-align: left; } .userViewStations table.stationSelect { border-collapse: collapse; margin: auto; } .userViewStations table.stationSelect td { padding: 5px; vertical-align: middle; } .userViewStations table.stationSelect td.leftButtons { padding-right: 20px; } .userViewStations table.stationSelect select { width: 220px; } .userViewStations a.bttnMoveToPrev, .userViewStations a.bttnMoveUp, .userViewStations a.bttnMoveRight, .userViewStations a.bttnMoveDown, .userViewStations a.bttnMoveToNext, .userViewStations a.bttnMoveLeft { display: block; margin: 10px 0 10px 0; } .userViewStations a.bttnMoveToPrev span, .userViewStations a.bttnMoveUp span, .userViewStations a.bttnMoveRight span, .userViewStations a.bttnMoveDown span, .userViewStations a.bttnMoveToNext span, .userViewStations a.bttnMoveLeft span { display: none; } .userViewStations a.bttnMoveToPrev { width: 9px; height: 11px; background: url('../images/iconMoveToPrev.png') 0 0 no-repeat; } .userViewStations a.bttnMoveUp { width: 9px; height: 5px; background: url('../images/iconMoveUp.png') 0 0 no-repeat; } .userViewStations a.bttnMoveRight { width: 10px; height: 9px; background: url('../images/iconMoveRight.png') 0 0 no-repeat; } .userViewStations a.bttnMoveDown { width: 9px; height: 5px; background: url('../images/iconMoveDown.png') 0 0 no-repeat; } .userViewStations a.bttnMoveToNext { width: 9px; height: 11px; background: url('../images/iconMoveToNext.png') 0 0 no-repeat; } .userViewStations a.bttnMoveLeft { width: 10px; height: 9px; background: url('../images/iconMoveLeft.png') 0 0 no-repeat; } .modCurrent {overflow:auto; height:310px; } .modCurrent .item:nth-child(2n + 1) { background: #d7eaf1; } .modCurrent .item { height: 56px; overflow: hidden; margin: 5px 0; font-size: 12px; font-weight: bold; } .modCurrent .item:first-child { margin-top: 0; } .modCurrent .item .image { width: 100px; float: left; height: 56px; overflow: hidden; } .modCurrent .item .image img { width: 100px; } .modCurrent .item .content { margin-left: 110px; height: 48px; padding: 4px 8px 0 0; overflow: hidden; } .modCurrent .item .content div * { white-space: nowrap; line-height: 16px; } .modCurrent .item .content .date { float: left; } .modCurrent .item .content .date .time { color: #e9001d; } .modCurrent .item .content .title { clear: both; position: relative; width: 182px; overflow: hidden; } .modCurrent .item .content .title div.gradient { width: 70px; position: absolute; top:0px; right:0px; background: url('../images/gradient_white.png') 0 0 repeat-y; height: 100%; z-index: 1; } .modCurrent .item:nth-child(2n + 1) .content .title div.gradient { background: url('../images/gradient_blue.png') 0 0 repeat-y; } .modCurrent .item .content .station a { color: #000000; } .modCurrent .item .content .station .genre { color: #666666; font-size: 11px; font-weight: normal; } .modCurrent .progressBar { float: left; width: 75px; margin: 4px 0 0 10px; } .right { float: right } .plistaAllOuter {padding:0 !important;} td.interview {width: 616px;} /* TVDirekt Langing Pages Menü */ #lpmenu { position: relative; cursor: default; } #lpmenu ul { display: none; background: #ffffff; position: absolute; z-index: 2; left: 0px; bottom: 0px; width: 716px; min-height: 100px; padding: 5px 5px 10px 5px; border: 0px solid #000000; border-radius: 10px; /* CSS3 */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ } #lpmenu:hover ul { display: block; } #lpmenu ul li { background: url("../images/menuIcon.png") 0 2px no-repeat; display: block; float: left; width: 150px; height: 50px; margin: 0 0 0 5px; padding: 0 10px 0 13px; text-align: left; } #lpmenu ul li a span { color: #2971a3; } #lpmenu ul li:hover { background: url("../images/menuIconHover.png") 0 2px no-repeat; } #lpmenu .separator { display:block; } .whatIs { color: #2971a3; line-height: 1.5; } .whatIs div.top { background: url('../images/whatIs/top.jpg') 0 0 no-repeat; height: 128px; width: 760px; overflow: hidden; color: #ffffff; text-shadow: 1px 1px 4px #666666; font-size: 18px; line-height: 1.7; font-weight: bold; padding: 10px 10px 10px 170px; } .whatIs > table { border-collapse: collapse; border-spacing: 0; } .whatIs > table td { border: 20px solid white; padding: 0; } .whatIs > table td.topLeft, .whatIs > table td.midLeft, .whatIs > table td.bottomLeft { border-left-width: 0; border-right-width: 22px; } .whatIs > table td.topRight, .whatIs > table td.midRight, .whatIs > table td.bottomRight { border-right-width: 0; } .whatIs > table td > div { background: url('../images/whatIs/topLeft.jpg') 0 0 no-repeat; width: 460px; height: 236px; overflow: hidden; } .whatIs > table td.topRight > div { background-image: url('../images/whatIs/topRight.jpg'); } .whatIs > table td.midLeft > div { background-image: url('../images/whatIs/midLeft.jpg'); } .whatIs > table td.midRight > div { background-image: url('../images/whatIs/midRight.jpg'); } .whatIs > table td.bottomLeft > div { background-image: url('../images/whatIs/bottomLeftRight.jpg'); height: 200px; } .whatIs > table td.bottomRight > div { background-image: url('../images/whatIs/bottomLeftRight.jpg'); height: 200px; } .whatIs > table td.topRight > div, .whatIs > table td.midRight > div, .whatIs > table td.bottomRight > div { width: 458px; } .whatIs > table td > div > div { padding: 8px 0 0 14px; } .whatIs > table td > div > div h3 { padding: 0; margin: 0 0 8px 0; } .whatIs > table td.topLeft > div > div { width: 230px; } .whatIs > table td.topRight > div > div { width: 270px; } .whatIs > table td.midLeft > div > div.left { float: left; width: 220px; } .whatIs > table td.midLeft > div > div.right { float: left; width: 200px; padding: 50px 0 0 26px; } .whatIs > table td.bottomLeft h3, .whatIs > table td.bottomRight h3 { font-size: 16px; margin-bottom: 20px; } .whatIs > table td.bottomLeft ul, .whatIs > table td.bottomRight ul { font-size: 14px; padding: 0 0 0 1em; line-height: 1.8; } /* .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; } */ #seoSettings > table { border-collapse: collapse; } #seoSettings > table td, #seoSettings > table th { padding: 2px 4px; border: 1px solid #333333; white-space: nowrap; font-size: 11px; } #seoSettings > form > div, #seoQuickSettings > form > div { padding: 4px 0; } #seoSettings > form label, #seoQuickSettings > form label { font-weight: bold; display: inline-block; width: 200px; vertical-align: top; } #seoSettings > form textarea, #seoQuickSettings > form textarea { width: 345px; height: 80px; } #seoQuickSettings { position: fixed; right: 20px; bottom: 20px; z-index: 10000; background: #ffffff; border: 1px solid #333333; box-shadow: 10px 10px 10px #000000; padding: 10px; } #seoQuickSettings > a { font-weight: bold; cursor: pointer; } #seoQuickSettings > form { display: none; } #seoQuickSettings > form label { width: 100px; } #seoQuickSettings > form button { margin: 10px 0 0 110px; } #imageframe { width: 99%!important } #stationEditor { /*position: relative;*/ } #stationEditor > div.headline { height: 34px; line-height: 34px; background: #56b0ee; font-weight: bold; font-size: 15px; color: #ffffff; padding-left: 19px; margin-bottom: 30px; } #stationEditor.wait * { cursor: wait!important; } /* #stationEditor input {-moz-box-sizing: content-box;} */ #stationEditor input::-moz-focus-inner { padding: 0; border: 0; } #stationEditor #userStations, #stationEditor #stations { float: left; width: 440px; min-height: 100px; position: relative; } #stationEditor #stations { float: right; } #stationEditor #userStations > div.header, #stationEditor #stations > div.header { background: #d7eaf1; padding: 0 0 0 19px; width: 201px; height: 34px; font-size: 15px; line-height: 34px; font-weight: bold; } #stationEditor #userStations > div.content, #stationEditor #stations > div.content { background: #ffffff; border: 1px solid #d7eaf1; width: 400px; padding: 19px; } #stationEditor #stations input[type=text] { background: #ffffff; width: 367px; line-height: 14px; height: 14px; padding: 6px 25px 6px 6px; margin: 0 auto; background: url('/templates/klack/images/stationeditor/search.png') 375px 5px no-repeat; } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load, #stationEditor #userStations > div.defaults { position: absolute; top: 0; right: 0; width: 210px; height: 25px; /*background: #d7eaf1; border: 1px solid #d5d6d8;*/ } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load { color: #ffffff; display: none; } #stationEditor #userStations > div.delete div.label, #stationEditor #userStations > div.load div.label, #stationEditor #userStations > div.defaults div.label { font-size: 11px; height: 25px; line-height: 25px; text-align: center; font-weight: bold; padding: 0 4px; white-space: nowrap; float: left; background: #e40011; width: 147px; border-radius: 3px;} #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button, #stationEditor #userStations > div.defaults button { float: right; height: 25px; line-height: 25px; margin: 0; padding: 0 4px; font-size: 11px; border-left: 1px solid #d5d6d8; display: inline; background: transparent; color: #666666; font-weight: normal; } #stationEditor #userStations > div.defaults button:hover span { color: #e40011; } #stationEditor #userStations > div.defaults button { width: 98px; font-weight: bold; margin-right: 3px;} #stationEditor #userStations > div.defaults button:last-of-type { border: none; } #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button { color: #ffffff; } #stationEditor #userStations > div.delete button:last-of-type, #stationEditor #userStations > div.load button:last-of-type { border: none; font-weight: bold; font-size: 12px; background-color: #e40011; box-shadow: none; margin-right: 2px;} #stationEditor #userStations > div.defaults button:last-of-type { margin-left: 4px; } #stationEditor #userStations > div.delete button:first-of-type, #stationEditor #userStations > div.load button:first-of-type { font-size: 18px; font-weight: normal; background-color: #e40011; box-shadow: none;} #stationEditor ul { overflow: auto; min-height: 25px; /*position: relative;*/ list-style-type: none; padding: 0; margin: 0 auto; width: 402px; } #stationEditor ul li { position: relative; background: #d7eaf1; cursor: move; width: 398px; height: 25px; overflow: hidden; margin: 9px 0; border: 1px solid #d5d6d8 } #stationEditor ul li img { max-height: 25px; max-width: 80px; } #stationEditor ul li div { float: left; } #stationEditor ul li div.logo { padding: 0 10px; width: 80px; min-height: 25px; } #stationEditor ul li div.name { font-weight: bold; line-height: 25px; } #stationEditor ul li div.add, #stationEditor ul li div.remove { cursor: pointer; display: block; width: 19px; height: 19px; padding: 3px; background: #ffffff url('../images/stationeditor/add.png') 3px 4px no-repeat;} #stationEditor ul li div.add span, #stationEditor ul li div.remove span { display: none; } #stationEditor ul li div.remove { background-image: url('../images/stationeditor/remove.png'); } #stationEditor ul li div.handle { float: right; cursor: move; background: url('../images/stationeditor/move.png') left 1px no-repeat; height: 25px; width: 25px; } #stationEditor ul li div.handle > span { display: none; } #stationEditor ul li div.haze { display: none; position: absolute; top: 0; left: 0; height: 25px; width: 400px; background: #ffffff; opacity: 0.8; z-index: 2; } #stationEditor #stations li.dragged div.haze { display: block; } #stationEditor #stations li.addedToGroup div.add, #stationEditor #stations li div.addDisabled { cursor: default; background-image: url('../images/stationeditor/addDisabled.png'); } #stationEditor #stations li.addedToGroup { cursor: default; } #stationEditor #stations div.handle { display: none; } #stationEditor #stations li div.remove, #stationEditor #dummyList li div.add, #stationEditor #userStations li div.add { display: none; } #stationEditor #userStations li.placeholder { background: #ffffff; border-style: dotted; } #stationEditor #userStations li.forbidden { background: #ffcccc!important; } #stationEditor #userStations div.group { margin: 0 0 19px 0; } #stationEditor #userStations div.group div.content { padding: 0; } #stationEditor #dummyList div.haze { background: #ffcccc; } #stationEditor #dummyList div.remove { visibility: hidden; } #stationEditor #userStations div.group > div.emptyMessage { display: none; background: #d7eaf1; margin: 10px 0 0 0; padding: 10px; } #stationEditor #userStations div.group > div.header { height: 28px; background: #56b0ee; color: #ffffff; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.move { float: right; position: relative; height: 28px; width: 14px; border-left: 1px solid #ffffff; } #stationEditor #userStations div.group > div.header > div.move > div { position: absolute; top: 0; left: 0; height: 14px; width: 14px; cursor: pointer; background: url('../images/stationeditor/moveGroupUp.png') 2px 5px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div span { display: none; } #stationEditor #userStations div.group > div.header > div.move > div.down { top: auto; bottom: 0; background: url('../images/stationeditor/moveGroupDown.png') 2px 3px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div.up:hover { background-image: url('../images/stationeditor/moveGroupUpActive.png'); } #stationEditor #userStations div.group > div.header > div.move > div.down:hover { background-image: url('../images/stationeditor/moveGroupDownActive.png'); } #stationEditor #userStations div.group:first-of-type > div.header > div.move > div.up, #stationEditor #userStations div.group:last-of-type > div.header > div.move > div.down { display: none; } #stationEditor #userStations div.group > div.header > div.edit { display: none; } #stationEditor #userStations div.group > div.header > div > div { float: left; } #stationEditor #userStations div.group > div.header > div > div.collapse, #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save, #stationEditor #userStations div.group > div.header > div > div.delete { cursor: pointer; width: 28px; height: 28px; line-height: 28px; font-size: 14px; background: #e40011; text-align: center; } #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save { float: right; background: #56b0ee; } #stationEditor #userStations div.group > div.header > div > div.name { font-size: 14px; line-height: 28px; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.normal > div.name { margin: 0 0 0 6px; width: 240px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #stationEditor #userStations div.group > div.header > div > div.name > input { background: #ffffff; color: #666666; height: 18px; width: 240px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 2px; padding: 2px 4px; font-family: 'Verdana',sans-serif; } #stationEditor #userStations div.group > div.header > div > div.collapse span, #stationEditor #userStations div.group > div.header > div > div.edit span, #stationEditor #userStations div.group > div.header > div > div.delete span { display: none; } #stationEditor #userStations div.group > div.header > div > div.collapse { background:#e40011 url('../images/stationeditor/group.png') 8px 11px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.delete { background: #e40011 url('../images/stationeditor/delete.png') 8px 6px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.edit { background: url('../images/stationeditor/edit.png') 5px 5px no-repeat; } #stationEditor #userStations div.group.collapsed > div.header > div > div.collapse { cursor: pointer; background: #56b0ee url('../images/stationeditor/groupCollapsed.png') 11px 8px no-repeat;} #stationEditor #userStations div.group.empty > div.emptyMessage { display: block; } #stationEditor #userStations div.group.collapsed > div.emptyMessage { display: none!important; } #stationEditor #userStations div.group > div.content { display: none; } #stationEditor #userStations div.group.collapsed > div.content { overflow: hidden; } #stationEditor #userStations div.addGroup { background: url('../images/stationeditor/groupAddBg.png') 0 0 no-repeat;} #stationEditor #userStations div.addGroup * { background: transparent!important; color: #ffffff!important; cursor: pointer; border: none!important; } #stationEditor #userStations div.addGroup .name { color: #666666 !important; } #stationEditor span.add, #stationEditor span.arrows { display: inline-block; margin: 0 0 -1px 0; height: 11px; width: 11px; background: url('../images/stationeditor/addText.png') 0 0 no-repeat; } #stationEditor span.arrows { background-image: url('../images/stationeditor/moveText.png'); width: 10px; } #stationEditor span.add span, #stationEditor span.arrows span { display: none; } #stationEditor .ajaxLoading { display: none; position: fixed; top: 30%; left: 30%; z-index: 1001; width: 32px; height: 32px; background: url('../images/ajax-loader.gif') 0 0 no-repeat; }