/*@font-face { font-family: Verdana; src: url('../fonts/android/verdana.otf'); } @font-face { font-family: VerdanaBold; src: url('../fonts/android/verdana_bold.otf'); } */ * { padding: 0; margin: 0; line-height: 1.3; /*font-family: 'Verdana';*/ } html { width: 100%; height: 100%; } body { -webkit-text-size-adjust: none; font-family: 'Verdana'; font-size: 10pt; line-height: 1.3; /*background: #132d44;*/ min-width: 320px; height: 100%;} .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; } } div.addDiv { margin: -10px 0 3px -5px; padding: 0; background: transparent; text-align: center; } #siteAll { /*background: #132d44;*/ } #siteHeader { background: transparent url("../images/ic_logo.png") center center no-repeat; height: 41px; background-size: 104px; /*position: absolute; width: 100%;*/ /*top: 0 ; left: 0; z-index: 3;*/ border-bottom: 1px solid #c9c9c9; } #siteHeader h1 { margin: 0; padding: 0; display: none; } #asApp { float: right; background: url('../images/corner2.png'); background-size: 166px 121px; background-position: -116px -86px; width: 50px; height: 41px; } #siteHeader.noMenu { background: #e0e0e0 url("../images/header.png") left center no-repeat; height: 59px; background-size: 145px 30px; } #headerGradient { position: fixed; width: 100%; height: 41px; background: #f7f8f8; background: linear-gradient(#f7f8f8, #e7eaec); z-index: 11; top: 0; left: 0; } #siteTop { position: relative; } #siteMain { background: #fff; padding: 0px; color: #505050; width: 100%;} #siteFooter { background-color: #e0e0e0; height: 30px; padding-top: 5px; width: 100%; position: relative;} #system-message-container { background: #132d44; } #burgerMenu { height: 100%; width: 90px; float: left; line-height: 40px; z-index: 10; position: relative; } #burgerMenu #burgerDraw { height: 34px; width: 24px; padding-left: 10px; padding-top: 12px; float: left; } #burgerMenu #burgerDraw .strip { background: #132d44; width: 80%; height: 2px; margin-top: 3px; } #burgerMenu #burgerFont { height: 100%; line-height: 41px; color: #132d44; font-size: 18px; } #contentOverLayer { height: 200%; min-width: 100%; position: fixed; display: none; z-index: 999; top: 0; background: #000000; opacity: 0; top: 42px; left: 0; right: 0; bottom: 0; } #mainMenuContainer.firstVisit > .menu { visibility: hidden; } div.cell { display: table-cell; vertical-align: middle; } div.clear { clear: both; } div.padding { padding: 10px; } #siteMain #pitPlaceholder { height: 43px; width: 100%; /*background: #132d44;*/ } #siteMain em { font-style: normal; color: #132d44; } #siteMain h1, #siteMain h2 { font-size: 14pt; margin: 15px 0px; color: #132d44; font-weight: normal; } #siteMain h1.first, #siteMain h2.first { margin-top: 0px; } #siteMain a { color: #132d44; } #siteMain .article a { word-break: break-all; } #siteMain .button, #siteMain input[type=submit], #siteMain input[type=button], #pitOverlay input[type=button], #pitOverlay .button { background: #132d44; font-size: 10pt; font-family: VerdanaBold!important; padding: 4px 7px 3px 7px; border: 1px solid #132d44; color: #fff; text-decoration: none; border-radius: 0px ; -webkit-appearance: none; -moz-appearance: none; appearance: none; } button.link { border: 0px; background: transparent; color: #132d44; text-decoration: underline; } #siteMain .button.selected { background: #5b6f84; } #siteMain select { appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; border: 0px; padding: 5px 25px 5px 5px; background: rgba(40,63,88,0.3) url("../images/selectArrowIcon.png") right center no-repeat !important; } #siteMain input[type=checkbox], #siteMain input[type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; /*opacity: 0;*/ background: rgba(40,63,88,0.3); width: 100%; height: 100%; border-radius: 0px; /*opacity: 0.01;*/ } #siteMain input[type=checkbox]:checked, #siteMain input[type=radio]:checked { background-image: url("../images/inputCheckboxCheckedIcon.png"); background-repeat: no-repeat; background-position: 1px 1px; } #siteMain input[type=password], #siteMain input[type=number], #siteMain input[type=text], #siteMain textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0px; padding: 5px; color: #334d6a; background: rgba(40,63,88,0.3); border-radius: 0px; } #siteMain input[type=password] { padding: 5px; color: #334d6a; background: rgba(40,63,88,0.3); } #siteMain input, #siteMain textarea { border: 1px solid transparent; } #siteMain input.error { border: 1px dashed #132d44; } #siteMain input[type=text].readonly { background: transparent; } #system-message { padding: 10px; border: 2px solid #132d44; display: inline-block; margin-bottom: 10px; color: white; } #system-message dt { font-size: 12pt; margin-bottom: 5px; } #system-message dd ul li { list-style: none; color: white; } #system-message a { color: white; } .labels img { height: 12px; vertical-align: top; margin-right: 2px; } #siteMain .rows { font-size: 9pt; /*background: #132d44;*/ min-width: 320px; overflow: hidden; } #siteMain .rows a { color: #193042; text-decoration: none; } #siteMain .rows .row { vertical-align:top; border-bottom: 1px solid #595959; overflow: hidden; } #siteMain .rows .row:nth-of-type(odd) {background: white} #siteMain .rows .row:nth-of-type(even) {background: #e9edf0} #siteMain .rows .row .image, #siteMain .rows .row .info { /*display: table-cell;*/ vertical-align: top; overflow: hidden; padding: 10px 5px; padding-top: 8px; position: relative; } #siteMain .rows .row .image { width: 120px; height: 86px; text-align: center; padding: 0; background: #132d44; position: relative; overflow: hidden; float: left; border-right: 1px solid rgb(223, 223, 223); } #siteMain .rows .row .image img { display: block; border: 0px; margin: auto; max-width: 100%;} #siteMain .rows .row .image img.logo { max-width: 100%; max-height: 100%; } #siteMain .rows .row .info { padding-left: 10px; height: 66px; } #siteMain .rows .row .info > table { padding: 0px; border: 0px; margin: 0px; border-spacing: 0; height: 20px; margin-top: -3px; } #siteMain .rows .row .info .time { white-space: nowrap; } #siteMain .rows .row .info .time a { color: #D10159; } #siteMain .rows .row .info .separator { margin: 0 3px 0 4px; font-size: 8px; } #siteMain .rows .row .info .date { } #siteMain .rows .row .info .date a, .rows .row .info .station a, .rows .row .info .time a { } #siteMain .rows .row .info .date:after { } #siteMain .rows .row .info .station { float: left; font-family: VerdanaBold!important; } #siteMain .rows .row .info .title { clear: left; font-family: VerdanaBold!important; word-wrap: break-word; height: 22px; margin-top: -3px; line-height: 22px; } #siteMain .rows .row .info .time a, #siteMain .rows .row .info .station a { font-size: 12px !important; } #siteMain .rows .row .info .title a { font-size: 14px !important; white-space: nowrap; overflow: hidden; display: block; line-height: 22px; height: 22px; } #siteMain .rows .row .info .genre, #siteMain .rows .row .info .country, #siteMain .rows .row .info .year { float: left; margin-right: .5em; } #siteMain .rows .row .info .genre:after { content: ', '; } #siteMain .rows .row .info .genre a { } #siteMain .rows .row .info .country a, #siteMain .rows .row .info .year a { } #siteMain .rows .row .info .director, #siteMain .rows .row .info .labels { clear: left; padding: 2px 0; } #siteMain .rows .row .info .next { padding-right: 10pt; position: absolute; bottom: 3px; height: 16px;} #siteMain .rows .row .info .next a { position: relative; white-space: nowrap; font-size: 11px; } #siteMain .rows .row .info .next a img { position: absolute; bottom: 0px; right: -9pt; height: 10pt; vertical-align: top; margin-top: 1px; border: 0px;} #siteMain .rows .row .info .alphaImg{position: absolute; top: 0; right: 0; height: 100%; width: 65px;} #siteMain .rows .row:nth-of-type(odd) .info .alphaImg{ background: -webkit-linear-gradient(left, rgba(255,255,255, 0.01) , rgba(255,255,255, 1)); background: -o-linear-gradient(right, rgba(255,255,255, 0.01) , rgba(255,255,255, 1)); background: -moz-linear-gradient(right, rgba(255,255,255, 0.01) , rgba(255,255,255, 1)); background: linear-gradient(to right, rgba(255,255,255, 0.01) , rgba(255,255,255, 1)); } #siteMain .rows .row:nth-of-type(even) .info .alphaImg{ background: -webkit-linear-gradient(left, rgba(233, 237, 240, 0.01) , rgba(233, 237, 240, 1)); background: -o-linear-gradient(right, rgba(233, 237, 240, 0.01) , rgba(233, 237, 240, 1)); background: -moz-linear-gradient(right, rgba(233, 237, 240, 0.01) , rgba(233, 237, 240, 1)); background: linear-gradient(to right, rgba(233, 237, 240, 0.01) , rgba(233, 237, 240, 1)); } #siteMain .rows .row .duration { height: 14px; line-height: 14px; display:block; font-size: 9pt; position: absolute; bottom: 0; background: #e9edf0; width: 100%; } #siteMain .rows .row .duration a { color: #132d44; /*#3a4d5e*/ font-size: 11px; } #siteMain .rows .row .durationBar { margin: 5px 0 0px 0; background: #fff; width: 100%; position: absolute; bottom: 11px; } #siteMain .rows .row .durationBar div { height: 9px; background: #d20059 } #siteMain .contentpaneopen ul { padding: 5px 0 5px 20px; } #siteMain .contentpaneopen h4 { margin-top: 10px; } #siteMain .showMoreLink { text-align: center; background: linear-gradient(#f7f8f8, #c9d0d4); } #siteMain .showMoreLink a { font-family: 'VerdanaBold'; margin: 5px auto 20px auto; padding: 5px 6px; font-size: 12px; display: inline-block; text-decoration: none; color: #ffffff; background: #203a51; } #siteMain .caption { text-align: center; display: table; max-width: 350px; padding: 0 0 5px 0; margin: 0 auto; } #siteMain .caption .item { display: table-cell; color: #193042; width: 33%; } #siteMain .caption .item img { vertical-align: middle; height: 30px; } #details { font-size: 10pt; background: #ffffff; color: #193042; } #details h1 img { vertical-align: middle; max-width: 120px; } #details .nav { margin: 10px 0 5px 0; width: 100%; } #details .nav td { width: 50%; } #details .nav a { color: #193042; text-decoration: none; vertical-align: middle; } #details .nav .back { text-align: left; margin: 10px; } #details .nav .prev { text-align: left; } #details .nav .next { text-align: right; } #details .nav .next .icon { margin-left: 5px; } #details .nav .prev .icon { margin-right: 5px; } #details .nav .icon { padding: 2px; vertical-align: middle; } #details .nav .icon a { display: inline-block; width: 16px; height: 16px; } #details .nav .icon a span { display: none; } #details .nav .title { height: 100%; } #details .nav .title a { display: inline-block; height: 100%; min-height: 18px; } #details .nav .title a span { vertical-align: middle; } #details .nav .prev .title a { background: url('../images/iconDetailsPrev.png') left center no-repeat; padding-left: 20px; } #details .nav .next .title a { background: url('../images/iconDetailsNext.png') right center no-repeat; padding-right: 20px; } /* #details .nav .back > a { display: inline-block; padding-left: 30px; padding-top: 5px; height: 24px; background: url('../images/iconDetailsBack.jpeg') 0 0 no-repeat; } */ #details .nav .back > a { color: #fff; } #details .content .head { border: 1px solid #193042; border-width: 1px 0; } #details .content .head > div { padding: 2px 5px; } #details .content .head .station { vertical-align: middle; max-width: 90px; } #details .content .head a span { display: none; } #details .content .head h1 { font-size: 12pt; font-family: VerdanaBold!important; vertical-align: middle; } #details .content .head h2 { font-size: 9pt; font-weight: normal; } #details .content .main { background: #E4E8EC; padding: 5px; } #details .content .main .image { /*padding: 2px 2px;*/ overflow: hidden; text-align: center; position: relative; } #details .content .main .image img {/* width: 100%; *//*min-width: 295px; */ } #details .content .main .image .gallery { position: relative; width: 100%; min-width: 295px; max-width: 350px; margin: auto; } #details .content .main .image .gallery a { display: block; position: absolute; right: -2px; bottom: 3px; width: 77px; height: 35px; text-decoration: none; } #details .gallery .galleryContainer { background: rgba(19, 45, 68, 0.7); display: block; color: white; font-weight: bold; font-size: 13px; height: 24px; line-height: 24px; width: 65px; text-align: left; } #details .gallery .galleryContainer .gallerySymbolText { margin-left: 6px; float: left; line-height: 24px; width: 40px; display: block; font-size: 10pt; } #details .gallery .galleryContainer .galleryImage { background: url('../images/arrow_normal_white_small.png') no-repeat; background-size: 8px; display: block; height: 25px; width: 8px; float: right; background-position-x: 0px; background-position-y: center; margin-right: 7px; } #details .content .main .info { padding: 2px 3px; vertical-align: top; font-size: 9pt; } #details .content .main .info .date { display: inline; } #details .content .main .info .date:after { font-weight: normal; content: " - "; } #details .content .main .info .time { display: inline; font-family: VerdanaBold!important; } #details .content .main .info .time:after { font-weight: normal; content: " - "; font-family: Verdana; } #details .content .main .info .station { float: right; margin-right: 2px; } #details .content .main .info .station img { max-width: 90px; } #details .content .main .info .genre { display: inline; } #details .content .main .info .country, #details .content .main .info .year { display: inline; } #details .content .actions { padding: 15px 0 0px 0; } #details .content .actions .addToNotepad { margin-left: 10px; } #details .content .labels { clear: left; padding: 2px 0px; margin-top: 6px; margin-bottom: 6px; } #details .content .info .next { display: inline; padding: 2px 15px 2px 0; background: transparent url("../images/detailsArrowRight.png") right center no-repeat; background-size: auto 11pt; color: #1B3045; font-family: VerdanaBold!important; word-wrap: break-word; } #details .content .info .next a { text-decoration: none; } #details .content .text { clear: left; padding: 10px 5px; border-bottom: 1px solid #193042; color: #193042; margin-top: 10px; } #details .extras { border-bottom: 1px solid #193042; color: #193042; padding: 5px 5px; } #details .extras h3 { font-size: 10pt; font-family: VerdanaBold!important; } #details .extras h3:after { content: ':'; } #details .rating { height: 16px; vertical-align: top; margin-top: -2px; } #mainMenuNaviLeft { width: 30px; background: #132d44; padding-left: 2px; cursor: pointer; } #mainMenuNaviRight { width: 30px; background: #132d44; text-align: right; padding-right: 2px; cursor: pointer; } #mainMenuNaviLeft img { width: 20px; vertical-align: middle; } #mainMenuNaviRight img { width: 20px; vertical-align: middle; } .fakeShadow { background: url("../images/siteTopBg.png") left top repeat-x; height: 11px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; } #siteHeader .menu{ float: right; margin-right: 1px; } #siteHeader .menu li #siteHeader .menu li a { /*background: #132d44;*/ display: inline-block; font-size: 9pt !important; text-decoration: none; color: #000000; } #siteHeader .menu li a { background: none; } #siteSwitcher { background: #2A4661; } #siteSwitcher .menu li { display: inline-block; width: 50%; text-align: center; } #siteSwitcher .menu li span { padding: 0; color: #d20059; font-size: 10px; text-shadow: none; } #siteSwitcher .menu li a { padding: 0; color: white; font-size: 10px; text-shadow: none; } #siteHeader .menu { margin-top: 3px; } #siteHeader.noMenu .menu { margin-top: 20px; } #siteHeader .menu li.item23, #siteHeader .menu li.item24 { background: url("../images/menuHomeButton.png") 3px center no-repeat; overflow: hidden; width: 22px; display: none; } #siteHeader .menu li.item23 a, #siteHeader .menu li.item24 a { width: 6px; } #siteHeader .menu li.item23 span, #siteHeader .menu li.item24 span { visibility: hidden; font-size: 0px; } #siteHeader .menu .item-12 li { display: none; } #loginForm h1 { margin-top: 5px; } #loginForm table td, #registerForm table td, #profileForm table td { padding: 3px 0px; } #loginForm table td.first, #registerForm table td.first, #profileForm table td.first { padding-right: 10px; width: 110px; } #loginForm table td .inputbox, #registerForm table td .inputbox, #profileForm table td .inputbox { width: 175px; } #loginForm label, #registerForm label, #profileForm label { font-family: VerdanaBold!important; color: #5d5d5d; } #profileForm { font-size: 10pt; } #registerForm table { margin-bottom: 5px; margin-top: 20px; } #registerForm table td select.inputbox { color: #505050; width: 185px; } #registerForm .agb { margin: 10px 0; } #registerForm .agb input.terms { margin-right: 5px; vertical-align: middle; margin-top: -1px; height: 20px; width: 20px; } #profileForm h1 { margin: 0; } #profileForm table td select.inputbox { color: #505050; width: 185px; } #profileForm table td input.inputbox.zip { width: 40px; } #profileForm table td input.inputbox.city { width: 120px; } #siteHeaderLvl2 .menu { display: table; padding: 0; width: 100%; background: #a8b5bd; } #siteHeaderLvl2 > .menu li { display: table-cell; margin: 0; width: 50%; text-align: center; padding: 0; } #siteHeaderLvl2 > .menu li a { display: block; background: #1B2F44; color: #fff; font-size: 9pt; font-family: VerdanaBold!important; text-decoration: none; padding: 5px 0 4px 0; margin: 10px 10px; border: 0px; } #siteHeaderLvl2 > .menu li.active a { background: #d20059; } #siteHeaderLvl2 > .menu li.item17, #siteHeaderLvl2 > .menu li.item18 { width: 3px; background: #dcdcdc; } #siteHeaderLvl2 > .menu li span.separator span { visibility: hidden; font-size:0px; width: 0px; line-height: 0px; } #siteHeaderLvl2 > .menu li.active a, #siteHeaderLvl2 > .menu li.active a { color: #fff; } #siteHeaderLvl3 .menu { display: table; padding: 0; width: 100%; margin-top: 3px; } #siteHeaderLvl3 > .menu li { display: table-cell; margin: 0; width: 50%; text-align: center; background: #b3b3b3; padding: 0; } #siteHeaderLvl3 > .menu li a { display: inline-block; width: 100%; height: 14px; padding: 10px 0px 5px 0px; text-decoration: none; font-size: 10pt; color: #fff; font-family: VerdanaBold!important; } #siteHeaderLvl3 > .menu li.item20 { width: 3px; background: #dcdcdc; } #siteHeaderLvl3 > .menu li span.separator span { display: inline-block; visibility: hidden; font-size:0px; width: 0px; line-height: 0px; width: 3px; } #siteHeaderLvl3 > .menu li.active a, #siteHeaderLvl3 > .menu li.active a { color: #DC1E1A; } #siteMain .bigCheckboxList { padding: 0px 5px; text-align: center; } #siteMain .bigCheckboxList > div { display: inline-block; width: 85px; vertical-align: top; text-align: center; margin: 5px 2px; } #siteMain .bigCheckboxList label { font-family: VerdanaBold!important; font-size: 8pt; } #siteMain .bigCheckboxList input.imageCheckbox { width: 80px; height: 80px; border: 1px solid #81898c; box-shadow: inset 0px 0px 5px #81898c; -webkit-box-shadow: inset 0px 0px 5px #81898c; background: transparent; margin: 0px auto; display: block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; } #siteMain .bigCheckboxList input.imageCheckbox:checked { background-color: rgba(0, 0, 0, 0.2); } #siteMain .bigCheckboxList input#genreType1 { background-image: url("../images/genreMovie.png"); } #siteMain .bigCheckboxList input#genreType2 { background-image: url("../images/genreSeries.png"); } #siteMain .bigCheckboxList input#genreType3 { background-image: url("../images/genreSports.png"); } #siteMain .bigCheckboxList input#genreType4 { background-image: url("../images/genreDocumentation.png"); } #siteMain .bigCheckboxList input#genreType5 { background-image: url("../images/genreDocumentation.png"); } #siteMain .bigCheckboxList input#genreType6 { background-image: url("../images/genreEntertainment.png"); } #siteMain .bigCheckboxList input#genreType7 { background-image: url("../images/genreErotic.png"); } #siteMain .bigCheckboxList input#genreType8 { background-image: url("../images/genreCulture.png"); } #siteMain .bigCheckboxList input#genreType9 { background-image: url("../images/genreChildren.png"); } #siteMain .bigCheckboxList input#genreType10 { background-image: url("../images/genreMisc.png"); } #siteMain .bigCheckboxList input#genreType11 { background-image: url("../images/genreMusic.png"); } #siteMain .bigCheckboxList > div.buttonContainer { text-align: center; display: block; width: 100%; margin: 15px 0 15px 0; } #siteMain .bigCheckboxList > div.buttonContainer > .button { margin: 0 3px 5px 3px; white-space: nowrap; } #siteMain .bigCheckboxList > div { border: 1px solid #b3b4b8; background: -webkit-linear-gradient(#eeeff3, #bfc0c4); background: -o-linear-gradient(#eeeff3, #bfc0c4); background: -moz-linear-gradient(#eeeff3, #bfc0c4); background: linear-gradient(#eeeff3, #bfc0c4); height: 80px; position: relative; } #siteMain .bigCheckboxList .stationName { top: 81px; position: absolute; left: 0px; width: 87px; font-size: 6pt; color: #193042; } /* .stationTypeFilter { display: table; padding: 0; width: 100%; margin: 3px 0 10px 0; } .stationTypeFilter > div { display: table-cell; margin: 0; text-align: center; padding: 0; } .stationTypeFilter .separator { width: 3px; } .stationTypeFilter .separator span { display: inline-block; visibility: hidden; font-size:0px; line-height: 0px; width: 3px; } .stationTypeFilter .navNext, .stationTypeFilter .navPrev { background-position: center center; background-repeat: no-repeat; width: 28px; cursor: pointer; line-height: 31px; } .stationTypeFilter .navNext span, .stationTypeFilter .navPrev span { display: inline-block; visibility: hidden; font-size:0px; line-height: 0px; width: 28px; } .stationTypeFilter .navNext { background-image: url("../images/iconArrowRight.png"); } .stationTypeFilter .navPrev { background-image: url("../images/iconArrowLeft.png"); } .stationTypeFilter.dark .navNext { background-image: url("../images/iconArrowRightDark.png"); } .stationTypeFilter.dark .navPrev { background-image: url("../images/iconArrowLeftDark.png"); } .stationTypeFilter .stationType { width: 50%; vertical-align: middle; } .stationTypeFilter .stationType span { padding: 10px 0px 5px 0px; text-decoration: none; font-size: 10pt; cursor: pointer; } .stationTypeFilter .stationType.selected span { color: #353535; font-family: VerdanaBold!important; } */ #siteTop .stationTypeFilter { margin: 0; background: #132d44; } #siteTop .stationTypeFilter .separator { background-color: #6b7986; } #siteTop .stationTypeFilter > div { background-color: #6b7986; } #siteTop .stationTypeFilter .stationType span { color: #b6c2ce; font-family: VerdanaBold!important; } #siteTop .stationTypeFilter .stationType.selected span { color: #fff; font-family: VerdanaBold!important; } /*.timeFilter { display: table; padding: 0; width: 100%; margin: 0px; }*/ .timeFilter > div { /*display: table-cell;*/ margin: 0; text-align: center; padding: 0; } .timeFilter.day > div { display: table-cell; margin: 0; text-align: center; padding: 0; background-color: #a8b5bd; } .timeFilter .separator { width: 3px; background: #6b7986; } .timeFilter.day .separator { background: #a8b5bd; } .timeFilter .separator > * { display: inline-block; visibility: hidden; font-size:0px; line-height: 0px; width: 0px; } .timeFilter .filterItem { vertical-align: middle; } .timeFilter .filterItem > * { margin: 0 5px; vertical-align: middle; display: inline-block; padding: 10px 0px 5px 0px; text-decoration: none; font-size: 10pt; font-family: VerdanaBold!important; color: #132d44; } .timeFilter .filterItem.selected > * { color: #fff; } .timeFilter .navNext, .timeFilter .navPrev { background-position: center center; background-repeat: no-repeat; width: 28px; cursor: pointer; line-height: 31px; } .timeFilter .navNext span, .timeFilter .navPrev span { display: inline-block; visibility: hidden; font-size:0px; line-height: 0px; width: 28px; } .timeFilter .navNext { background-image: url("../images/iconArrowRight.png"); } .timeFilter .navPrev { background-image: url("../images/iconArrowLeft.png"); } .timeFilter.day .filterItem > * { font-weight: normal; } .timeFilter.day .filterItem { width: 33%; } table td.label { width: 110px; padding: 2px 0px; } table td.value { padding: 2px 0px; } table td.value input { width: 175px; background: rgba(40,63,88,0.3); border-radius: 0; } table td.value select { width: 185px; } /* .rating { float: right; margin: 0px 0; width: 105px; height: 22px; overflow: hidden; } .rating div { width: 105px; height: 22px; } .rating span { display: none; } .editorialRating .rating0 { background: url('../images/starsBlueWhiteBorder0.png') 0 0 no-repeat; } .editorialRating .rating1 { background: url('../images/starsBlueWhiteBorder1.png') 0 0 no-repeat; } .editorialRating .rating2 { background: url('../images/starsBlueWhiteBorder2.png') 0 0 no-repeat; } .editorialRating .rating3 { background: url('../images/starsBlueWhiteBorder3.png') 0 0 no-repeat; } .editorialRating .rating4 { background: url('../images/starsBlueWhiteBorder4.png') 0 0 no-repeat; } .editorialRating .rating5 { background: url('../images/starsBlueWhiteBorder5.png') 0 0 no-repeat; } .userRating .rating0 { background: url('../images/starsRedWhiteBorder0.png') 0 0 no-repeat; } .userRating .rating1 { background: url('../images/starsRedWhiteBorder1.png') 0 0 no-repeat; } .userRating .rating2 { background: url('../images/starsRedWhiteBorder2.png') 0 0 no-repeat; } .userRating .rating3 { background: url('../images/starsRedWhiteBorder3.png') 0 0 no-repeat; } .userRating .rating4 { background: url('../images/starsRedWhiteBorder4.png') 0 0 no-repeat; } .userRating .rating5 { background: url('../images/starsRedWhiteBorder5.png') 0 0 no-repeat; } */ #siteMain .rows .tip .title { margin-bottom: 3px; } #siteMain .rows .row.tip { height: auto; padding: 10px 5px 10px 10px; } #siteMain .rows .row.tip .title a { color: #132d44; font-family: VerdanaBold!important; font-size: 11pt; } #siteMain .rows .row.tip .image img { display: block; max-width: 90px; max-height: 75px; overflow: hidden; border: 0px; } #siteMain .rows .row.tip .image { padding: 0; width: 95px; text-align: center; } #siteMain .rows .row.tip .info { vertical-align: top; padding: 0 0 0 10px; } #siteMain .rows .row.tip .info .genre { clear: both; } #siteMain .rows .row.tip .shortText { margin: 10px 0 5px 0; color: #333; } #siteMain .rows .row.tip .info .title a { color: #001c66; font-family: VerdanaBold!important; } #siteMain .rows .row.tip .info .time a { color: #132d44; font-family: VerdanaBold!important; } #siteMain .rows .row.tip .info .date a { color: #000; font-family: VerdanaBold!important; } #siteMain .rows .row.tip .info .station a { color: #000; font-family: VerdanaBold!important; } #siteMain .rows .row.tip .notepad { position: absolute; right: 10px; top: 40%; } #siteMain .rows .row.tip .notepad a { background: url("../images/bttnAddToNotepadBg.png") center center no-repeat; display: inline-block; width: 20px; height: 20px; } #siteMain .rows .row .rating { float: left; height: 15px; margin-top: -1px;} #siteMain .rows .row.tip .rating div { width: 105px; height: 22px; } #siteMain .rows .row.tip .rating span { display: none; } #siteMain .rows .row.tip .image > a > img { vertical-align: middle; } #siteMain .rows .row.tip .durationBar { height: 4px; width: 100%; margin: 0; } #siteMain .rows .row.tip .durationBar div { background: -webkit-linear-gradient(bottom, #015cd1, #a9caed); } #siteMain .rows .row.tip .duration { width: 100%; text-align: center; } #siteMain .rows .row.tip .duration a { color: #333; } #siteMain .rows .row .info .extraInfo { width: 100%; overflow: hidden; height: 15px; position: relative; z-index: 1; font-size: 11px; } #siteMain .rows .row .info .extraInfo div { white-space: nowrap; } .tipDate { height: 20px; line-height: 20px; padding-left: 10px; color: white; font-family: VerdanaBold!important; background: #132d44; } #home { background: #E4E8EC; } #home .fakeShadow { position: relative; } #homeGalleryContainer { background: #5b6773; padding: 15px 5px 10px 5px; color: #fff; } #homeGalleryContainer > .head { margin-bottom: 10px; height: 25px; padding: 0 10px; } #homeGalleryContainer > .head .title { font-family: VerdanaBold!important; font-size: 12.5pt; } #homeGalleryContainer > .head .button { float: right; } #homeGalleryItems { margin-bottom: 10px; } #homeGalleryItems .item { color: #fff; } #homeGalleryItems .item .head img { vertical-align: middle; } #homeGalleryItems .item .head .title { font-family: VerdanaBold!important; } #homeGalleryItems .item .main .cell { padding: 0 5px; vertical-align: top; } #homeGalleryItems .item .main .cell img { max-width: 150px; max-height: 100px; box-shadow: 0px 0px 5px #fff; margin: 0 10px 10px 0; } #homeGalleryItems .item .main .cell { height: 160px; } #homeGalleryButtons { text-align: center; display: table; width: 300px; margin: auto; } #homeGalleryButtons > * { display: table-cell; margin: 0 13px; width: 18px; height: 18px; padding: 0px !important; -webkit-box-shadow: 0px 0px 0px #000 !important; box-shadow: 0px 0px 0px #000 !important; background: url("../images/homeGallery.png") center center no-repeat !important; border: 0px !important; } #homeGalleryButtons > *.selected { background: url("../images/homeGalleryActive.png") center center no-repeat !important; } #homeNaviButtons > * { display: block; margin: 15px 5px; font-size: 12.5pt !important; padding-top: 10px !important; padding-bottom: 7px !important; -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5), 3px 3px 3px rgba(00,00,00, 0.3) !important; box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5), 3px 3px 3px rgba(00,00,00, 0.3) !important; } #notifyForm label { font-size: 10pt; } .messagePlaceholder { margin-top: 42px; margin-bottom: -45px; } #pitOverlay { position: absolute; z-index: 1000; background: rgba(0,0,0,0.6); width: 100%; height: 100%; min-height: 100%; margin: 0px; padding: 0px; } #pitOverlay .popup { position: relative; margin-top: 20px; } #pitOverlay .popup .close { position: absolute; right: 0px; top: 0px; width: 150px; height: 35px;} #siteMain .stationTypeSwitch { border-spacing: 0px; margin: 0px; padding: 0px; width: 100%; margin-top: 10px; } #siteMain .stationTypeSwitch td { width: 50%; } #siteMain .stationTypeSwitch a { display: block; margin: 0 5px; padding-left: 0px; padding-right: 0px; border: 0px; text-align: center;} #siteMain .stationTypeSwitch a.button.active { background: #d20059; } #searchError { margin-bottom: 20px; } .filterDiv, .detailsHeader{ width: 100%; height: 41px; position: fixed; z-index: 10; background: #DEDFE0; background: linear-gradient(#e2e6e8, #c7ced3); border-top: 1px solid white; /*border-bottom: 1px solid #aeaeae;*/ box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); left: 0; top: 42px; } .btnStationFilter { background: url("../images/btn_tv.png"); height: 40px; width: 79px; background-repeat: no-repeat; background-size: 79px; background-position-y: center; background-position-x: center; float: right; background-position: center; margin-right: 10px; margin-top: -40px; } .stationTypeFilter { padding-top: 45px; z-index: 3; margin: auto; width: 0;} .stationTypeFilter .ausrichtungsHilfe { position: absolute; /*bottom: 100px;*/ right: 0; top: 41px; overflow: hidden; width: 0; overflow: scroll; } /* .stationTypeFilter .ausrichtungsHilfe #stationFilterList {display: block; list-style: none; text-align: center; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationType { width: 165px !important; background-color: #132d44; line-height: 38px; vertical-align: middle; border-top: 1px solid #3d6185; border-bottom: 1px solid #010102; text-align: left; padding-left: 10px; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationType:active { background-color: #d20059; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationType a { text-decoration: none; display: inline-block; line-height: 38px; padding-left: 12px; height: 38px; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationType a span { color: rgba(255, 255, 255, 1); font-size: 15px !important; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationTypeActicve { width: 165px !important; background-color: #465b6d; line-height: 34px; vertical-align: middle; border-top: 1px solid #355377; border-bottom: 1px solid black; text-align: left; padding-left: 10px; } .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationTypeActicve a { text-decoration: none; display: inline-block; line-height: 30px; padding-left: 12px;} .stationTypeFilter .ausrichtungsHilfe #stationFilterList .stationTypeActicve a span { color: rgba(255, 255, 255, 1); font-size: 14px !important; } */ .btnTimeFilter { background: url("../images/btn_watch.png"); height: 40px; width: 79px; background-repeat: no-repeat; background-size: 79px; background-position-y: center; background-position-x: center; float: left; background-position: center; margin-left: 10px; position: relative; } .timeFilter { z-index: 5; width: 0; position: relative; } .timeFilter .ausrichtungsHilfe { position: absolute; /*bottom: 100px;*/ top: 41px; left: -130px; display: none; margin-left: -10px; overflow: scroll;} .vTips .timeFilter .ausrichtungsHilfe { top: 42px; } /* .timeFilter .ausrichtungsHilfe #timeFilterList {display: block; list-style: none; text-align: center;} .timeFilter .ausrichtungsHilfe #timeFilterList .time { width: 133px !important; background-color: #132D44; line-height: 38px; vertical-align: middle; border-top: 1px solid #3d6185; border-bottom: 1px solid #010102; text-align: left; padding-left: 26px; } .timeFilter .ausrichtungsHilfe #timeFilterList .time:active { background-color: #d20059; } .timeFilter .ausrichtungsHilfe #timeFilterList .time a { padding-top: 2px; text-decoration: none; display: inline-block; line-height: 38px; width: 100%; } .timeFilter .ausrichtungsHilfe #timeFilterList .time a span { color: rgba(255, 255, 255, 1); font-size: 15px !important; } .timeFilter .ausrichtungsHilfe #timeFilterList .timeselected{ width: 133px !important; background-color: #465b6d; line-height: 30px; vertical-align: middle; border-top: 1px solid #355377; border-bottom: 1px solid black; text-align: left; padding-left: 26px; } .timeFilter .ausrichtungsHilfe #timeFilterList .timeselected a { text-decoration: none; display: inline-block; line-height: 35px; width: 100%;} .timeFilter .ausrichtungsHilfe #timeFilterList .timeselected a span { color: rgba(255, 255, 255, 1); font-size: 14px !important; } #timeFilterList li:last-child { border-bottom: none !important; } */ .filterInformationDIV { float: left; width: 100%; height: 40px; line-height: 40px; vertical-align: middle; color: #132d44; margin-top: -40px; } .filterInformationDIV div.infoDivStationName, .filterInformationDIV h1.infoDivStationName { width: 99%; text-align: center; font-family: VerdanaBold!important; line-height: 13px; padding-top: 6px!important; font-size: 11px; } .filterInformationDIV .infoDivStationName span { line-height: 0px; } .filterInformationDIV .infoDivStationName span.tipps { line-height: 3px; display: block; } .filterInformationDIV .infoDivDateTime {width: 99%; text-align: center; line-height: 16px; font-size: 11px; } .filterInformationDIV .infoDivDateTime span { line-height: 0px; } .filterInformationDIV .infoDivDateTime .infoDivDateTimeDayOfWeek { font-family: VerdanaBold!important; } .filterInformationDIV .infoDivDateTime .infoDivDateTimeTime { color: #d20059; } #clickDiv { position: fixed; height: 100%; width: 100%; display: none; } #viewStationFilterList { padding-top: 10px; padding-bottom: 10px; background: #ebecf0;} #viewStationFilterList .bigCheckboxList { padding: 9px 5px 0 5px; text-align: center; } #viewStationFilterList .bigCheckboxList > div { display: inline-block; width: 78px; height: 78px; vertical-align: top; text-align: center; margin: 0 3px 22px 3px; } #viewStationFilterList .bigCheckboxList > div > a { display: block; height: 95px; } #viewStationFilterList .bigCheckboxList span, #viewStationFilterList .bigCheckboxList label { font-family: VerdanaBold!important; font-size: 8pt; margin-bottom: 10px; display: inline-block;} #viewStationFilterList .bigCheckboxList input.imageCheckbox { width: 78px; height: 78px; /*border: 1px solid #81898c; */ border-radius: 0 !important; -webkit-border-radius: 0 !important; /*box-shadow: inset 0px 0px 5px #81898c; -webkit-box-shadow: inset 0px 0px 5px #81898c;*/ background: transparent; margin: 0px auto; display: block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; border: none; margin-bottom: -20px; } #viewStationFilterList .bigCheckboxList input.imageCheckbox:checked { background-color: rgba(0, 0, 0, 0.2); } #viewStationFilterList .station a img { height: 20px; margin-top: 3px; border: none;} #viewStationFilterList .genreSymbol img {width: 80px; border: none;} #viewStationFilterList .bigCheckboxList input { height: 0px !important; width: 0px !important;} #viewStationFilterList .bigCheckboxList img { width: 70px; margin-top: 46px;} #viewStationFilterList .bigCheckboxList span.image img { width: 70px; height: auto; margin: 26px 0 0 0;} .backToProgram { background: url("../images/ic_back_new.png");height: 40px; width: 25%; background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 8px; float: left; background-position: 9px 50%; position: relative; z-index: 1;} .backToProgram a { display: block; height: 100%; width: 100%; } /*#filterPlaceHolder { width: 100%; height: 42px; }*/ ul.bigCheckboxListGenre.menu {} ul.bigCheckboxListGenre.menu li { height: 80px; background-size: 50px; background-repeat: no-repeat; background-position: 15px center; background-position-y: center; } ul.bigCheckboxListGenre.menu li a { display: block; height: 80px; line-height: 80px; } ul.bigCheckboxListGenre.menu li a span { display: inline-block; padding-left: 65px; color: #5780a9; font-family: VerdanaBold !important; font-size: 18px; } ul.bigCheckboxListGenre.menu li.genre1 { background-image: url('../images/genre/v6/110/1_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre2 { background-image: url('../images/genre/v6/110/2_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre3 { background-image: url('../images/genre/v6/110/3_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre4 { background-image: url('../images/genre/v6/110/4_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre5 { background-image: url('../images/genre/v6/110/5_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre6 { background-image: url('../images/genre/v6/110/6_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre7 { background-image: url('../images/genre/v6/110/7_tablet.png'); } ul.bigCheckboxListGenre.menu li.genre8 { background-image: url('../images/genre/v6/110/8_tablet.png'); } ul.bigCheckboxListGenre.menu li h2 { margin: 0!important; padding: 0; } .genreCheckbox:active { background: #D10159; } .genreCheckbox { background: #132d44; border-top: 1px solid #3d6084; border-bottom: 1px solid black; } .genreCheckbox .genreSymbol { position: relative; height: 80px; width: 100%; } .genreCheckbox .genreSymbol .imageCheckbox { opacity: 0; width: 100% !important; background: none !important; border: none !important; height: 80px !important; } .genreCheckbox .genreSymbol label { margin-top: -25px; position: absolute; top: 50%; left: 0 ; } .genreCheckbox .genreSymbol label img { height: 50px; margin-left: 15px; } .genreCheckbox .genreName { height: 80px; margin-top: -80px; line-height: 83px; margin-left: 85px; /*color: rgb(87, 128, 169);*/ color: white; font-size: 16px; } .genreCheckbox .genreName label { color: #5780A9; font-size: 18px; font-family: VerdanaBold!important; } .searchArea { height: 43px; width: 100%; background: white; background: linear-gradient(#f7f8f8, #D9DDE0);} .searchArea input { margin-top: 7px; height: 28px; border: 1px solid #b1b2b4; box-shadow: none; border-radius: 0; margin-left: 7px; width: 171px; padding: 0px 5px; padding-right: 0px; font-size: 16px; float: left; } .searchArea input:focus { outline: 0; } .searchArea input::-webkit-input-placeholder { color: #828282; } .searchArea input:-moz-placeholder { color: #828282; } .searchArea input::-moz-placeholder { color: #828282; } .searchArea input:-ms-input-placeholder { color: #828282; } .searchArea #searchButton { float: left; width: 35px; height: 30px; margin-top: 7px; /*margin-right: 12px;*/ background: url('../images/menu/newIcos/nav_quick_btn_search_a.png') no-repeat; background-size: 30px; background-position-y: center; background-position-x: center; background-color: #132d44; } .detailsHeader .actions { float: right; height: 100%; width: 60px; padding: 5px 10px 0 0; } .detailsHeader .actions .addToNotepad.button { display: block; color: transparent; border: none; background: url('../images/menu/newIcos/nav_btn_tvplaner_a2.png') no-repeat center; background-size: 45px; padding: 0; height: 32px; width: 34px; float: right; background-color: #1b2f44; } .detailsHeader .actions .addToNotepad.button.active { background-color: #d20059; } .button.newSearch { float: right; margin-top: -34px; margin-right: 10px; width: 70px; display: block; text-align: center; height: 20px; line-height: 21px; font-size: 10px !important; padding: 3px !important;} p.noBc { padding: 10px; font-size: 14px; } #smartbanner { height: 86px; width: 100%; padding: 0; margin: 0; background: linear-gradient(#c9ced1, #f6f8f7); box-shadow: inset 0 1px 3px rgba(0,0,0,0.45); white-space: nowrap; overflow: hidden; position: relative; } #smartbanner div { position: relative; height: 86px; background: url('../images/bannerIcon.png'); background-size: 70px 70px; background-position: 32px 8px; background-repeat: no-repeat; z-index: 1; } #smartbanner div div { position: absolute; top: 0; right: 0; height: 86px; width: 166px; background: url('../images/corner2.png'); background-size: 166px 121px; background-position: 0 0; background-repeat: no-repeat; } #smartbanner a.close { z-index: 2; top: 0; left: 0; width: 32px; height: 85px; text-indent:-10000px; background: url("../images/appBannerClose.png")10px 10px no-repeat; position: absolute; background-size: 12px; } #smartbanner p { padding: 8px 0 0 112px; color: #132d44; font-size:14px; font-family: VerdanaBold; line-height: 14px; } #smartbanner p span.company { font-size:12px;color:#132d44; font-weight: normal; font-family: Verdana; line-height: 16px;} #smartbanner p span.market { font-size:12px;color:#D20059; font-weight: normal; font-family: Verdana; } /* #smartbanner a.install { float: right; margin: 33px 10px 0 0; font-size: 11px;background: #1b2f44; text-decoration: none; color:#fff; color: #fff;} #smartbanner a.install span { line-height: 1.5; padding: 3px 7px; display: block ; font-size: 9pt; text-decoration: none; font-family: VerdanaBold!important; } */ #smartbannerPlaceHolder { height: 86px; } #myStations { background: #132d44; color: white; padding: 10px; } #myStations h2 { font-size: 15px; margin-bottom: 5px; font-weight: normal; } #myStations a { color: white; text-decoration: none; font-size: 14px; display: block; margin-top: 5px; } #details .content .main .image .fakeBorder { position: absolute; top: 0px; z-index: 2; display: none; background: #E4E8EC; height: 100%; width: 5px; } #details .content .main .image .fakeBorder.left { left: 0px; } #details .content .main .image .fakeBorder.right { right: 0px; } #details .content .main .image.fake .fakeBorder { display: block; } #klackMenuBar { position: fixed; bottom: 0; left:0; background: #132d44; height: 57px; width: 100%; z-index: 100; box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); } #klackMenuBar div { display: inline-block; color: #5780a9; font-family: VerdanaBold; width: 25%;text-align: center; height: 100%; background-repeat: no-repeat; background-size: 41px; background-position: center; background-position-y: 6px; float: left;} #klackMenuBar div a { text-decoration: none; color: #5780A9; } #klackMenuBar div a:hover { color: #5780A9 } #klackMenuBar div span { line-height: 98px; font-size: 10px; font-family: VerdanaBold; display: block; border-right: 2px solid #203a51; } #klackMenuBar div:last-child span { border: none; } #klackMenuBar div.programm { background-image: url("../images/menu/newIcos/nav_btn_program_i.png"); } #klackMenuBar div.tipps { background-image: url("../images/menu/newIcos/nav_btn_highlights_i.png"); background-position-y: 3px; } #klackMenuBar div.genres { background-image: url("../images/menu/newIcos/nav_btn_genres_i.png"); background-size: 37px; } #klackMenuBar div.search { background-image: url("../images/menu/newIcos/nav_btn_search_i.png"); border-right: 0px; background-size: 37px; } #klackMenuBar div.active a { color: white!important } #klackMenuBar div.programm.active { background-image: url("../images/menu/newIcos/nav_btn_program_a.png"); } #klackMenuBar div.tipps.active { background-image: url("../images/menu/newIcos/nav_btn_highlights_a.png"); background-position-y: 3px; } #klackMenuBar div.genres.active { background-image: url("../images/menu/newIcos/nav_btn_genres_a.png"); } #klackMenuBar div.search.active { background-image: url("../images/menu/newIcos/nav_btn_search_a.png"); border-right: 0px; background-size: 38px; } #klackBottomMenuPlaceholder { height: 57px!important } #tippDetails { width: 320px; overflow: hidden; } #slide { margin-left: 0px; } #bubbles { z-index: 2; position: absolute; top: 167px; display: none; left: 50%; height: 20px; background: transparent; width: 270px; text-align: center; } #bubbles div {background: #132d44; display: inline-block; border: 2px solid white; border-radius:50%; width: 9px; height: 9px; margin: 0px 1px; } #bubbles div.active { background: #D10159; } #tippDetails div.tipCont { display: inline-block; height: 100%; vertical-align: top; } #tippDetails.highlight { height: 100%; background: #5e6a78; } #tippDetails.highlight .head, #tippDetails.highlight .text { border: 0px; } #tippDetails.highlight .text .more { font-weight: bold; white-space: nowrap; color: #fff !important; background: url("../images/readmore.png") center right no-repeat; background-size: auto 100%; padding-right: 12px; } #tippDetails .rating { height: 16px; } #tippDetails.highlight .imageContainer { height: 195px; position: relative; overflow: hidden; background: #000; text-align: center;} #tippDetails.highlight .imageContainer img { z-index: 1; opacity: 0.02; /*width: 100%;*//* margin-top: -17px; *//*min-height: 200px;*/ } #tippDetails.highlight .imageContainer img.hightlightImage.scale { width: 100%; } #tippDetails.highlight .imageContainer img.stationLogo { z-index: 1; height: auto; vertical-align: middle; } #tippDetails.highlight .imageContainer .info { position: absolute; right: 0px; bottom: 30px; padding: 5px 30px 5px 10px; color: #fff; background: #d20059; z-index: 2; } #tippDetails.highlight .content { padding: 10px; } #tippDetails.highlight .content * { color: #fff!important; font-family: Verdana} #tippDetails.highlight .content .head > div { padding: 0px; } #tippDetails.highlight .content .info { float: left; padding: 2px 0; margin: 10px 0 12px 0; line-height: 14px; } #tippDetails.highlight .content .info * { line-height: 14px; } #tippDetails.highlight .content .info .labels { float: none; margin: 0 0 0 10px; padding: 0px; } #tippDetails.highlight .content .info .labels img { vertical-align: top; margin-top: -1px; } #tippDetails.highlight .content .info .ratingCont { line-height: 16px; vertical-align: sub; } #tippDetails.highlight .content .text { margin: 0px; padding: 0px; font-size: 10.5pt; line-height: 12.5pt; } #tippDetails.highlight .head .title { margin: 0; font-size: 11pt!important; font-weight: bold; } #tippDetails.highlight .head .subtitle { margin: 0; font-size: 9pt; /*font-family: VerdanaBold!important;*/ font-weight: bold; } #tippDetails.highlight .actions { padding: 0 0 15px 0; } #tippDetails.highlight .info .station { font-weight: bold; } #tippDetails.highlight .info span { } #siteMain .actions { z-index: 100; float: right; height: 100%; width: 60px; padding: 5px 10px 0 0; } #siteMain .actions .addToNotepad.button { display: block; color: transparent; border: none; background: url('../images/icon_tvplaner2.png') no-repeat center; background-size: 22px; padding: 0; height: 32px; width: 34px; float: right; background-color: #1b2f44; font-size: 0; } #siteMain .actions .addToNotepad.button.active { background-color: #d20059; } /* .btnTimeFilter.vTips { background: url("../images/menu/newIcos/icon_date.png"); height: 32px; width: 34px; background-repeat: no-repeat; background-size: 20px; background-color: #1b2f44; background-position-y: center; background-position-x: center; float: left; background-position: center; margin-left: 10px; position: relative; top: 5px } */ #genreSelectBar { width: 89px; position: fixed; top: 0; bottom: 0;/* height: 100%;*/ z-index: 10; right: -89px; background: #132d44; overflow-y: scroll; } #genreTopPlaceHolder { height: 81px; } #genreBottomPlaceHolder { height: 57px; } #genreSelectBar .genre { width: 100%; display: block; border-top: 1px solid #355377; border-bottom: 1px solid black; text-align: center; padding: 5px 0; text-decoration: none; color: #5780A9; font-weight: bold; font-size: 11px; height: 60px; } #genreSelectBar .genre div { width: 100%; margin-top: -5px; font-family: 'VerdanaBold'; } #genreSelectBar .genre div .genreIcon { width: 55px; border: none; } #genreSelectBar .genre.activ div { color: white; } /* .filterDiv .klackAsApp, */ .filterInformationDIV > h1 { text-align: center; line-height: 41px; font-size: 12px!important; color: #132D44; font-family: VerdanaBold; margin: 0!important; padding: 0!important; } #klackAsAppBackground { background-color: #d1d2d7; padding: 20px; } #klackAsAppContainer { background: url('../images/landingpage.png'); background-size: 100%; height: 410px; background-repeat: no-repeat; position: relative; } #klackAsAppContainer .link { height: 12%; width: 43%; position: absolute; } #klackAsAppContainer .link a { display: block; height: 100%; width: 100%; } #klackAsAppContainer .link.iphone { bottom: 18%; right: 5%; } #klackAsAppContainer .link.android { bottom: 18%; left: 4%; } #klackAsAppContainer .link.windows { bottom: 3%; left: 4%; } #klackAsAppContainer .link.blackberry { bottom: 3%; right: 5%; } #blockrandom { border: none; } ul.menu, ul.menu ul { text-align: left; list-style-type: none; padding: 0; margin: 0; } ul.menu ul { margin-left: 50px; } ul.menu li {border-top: 1px solid #000000; background-color: #132d44; height: 39px; line-height: 39px; overflow: hidden; } ul.menu li.active { background-color: #465b6d; } ul.menu li > span, ul.menu li > h2 > a, ul.menu li > a { background-repeat: no-repeat; background-position: 4px center; background-size: 40px; display: block; border-top: 1px solid #374c65/*#3d6185*/; height: 38px; line-height: 38px; color: #ffffff!important; text-decoration: none; padding: 0 0 0 26px; } ul.menu a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ul.menu li > h2 > a:active, ul.menu li > h2 > span:active, ul.menu li > a:active, ul.menu li > span:active { background-color: #d10159!important; } #timeFilterList { width: 160px; } #stationFilterList { } #naviBar { width: 234px; padding: 0; margin: 0; position: fixed; overflow-y: scroll; overflow-x: hidden; margin-left: -245px; /*box-shadow: 0 0 10px 0 rgba(0,0,0, 0.5);*/ background: #132d44; top: 0; left: 0; z-index: 12; right: 0; bottom: 0; font-size: 11.5pt; } #naviBar::-webkit-scrollbar { width: 0 !important } #naviBar ul.menu > li.active { background-color: #132d44!important; } #naviBar ul.menu > li > span, #naviBar ul.menu > li > a { padding-left: 50px; } #naviBar ul.menu li.item-60 a { background-image: url("../images/menu/newIcos/nav_btn_program_i.png"); } #naviBar ul.menu li.active.item-60 a, #naviBar ul.menu li.item-60 a:active { background-image: url("../images/menu/newIcos/nav_btn_program_a.png"); } /* #naviBar ul.menu li.item-43 a { background-image: url("../images/menu/menuKlack.png"); } #naviBar ul.menu li.item-43 span { visibility: hidden; } */ #naviBar ul.menu li.item-3 a { background-image: url("../images/menu/newIcos/nav_btn_channels_i.png"); } #naviBar ul.menu li.active.item-3 a, #naviBar ul.menu li.item-3 a:active { background-image: url("../images/menu/newIcos/nav_btn_channels_a.png"); } #naviBar ul.menu li.item-4 a { background-image: url("../images/menu/newIcos/nav_btn_genres_i.png"); } #naviBar ul.menu li.active.item-4 a, #naviBar ul.menu li.item-4 a:active { background-image: url("../images/menu/newIcos/nav_btn_genres_a.png"); } #naviBar ul.menu li.item-5 a { background-image: url("../images/menu/newIcos/nav_btn_highlights_i.png"); } #naviBar ul.menu li.active.item-5 a, #naviBar ul.menu li.item-5 a:active { background-image: url("../images/menu/newIcos/nav_btn_highlights_a.png"); } #naviBar ul.menu li.item-44 a { background-image: url("../images/menu/newIcos/nav_btn_tvplaner_i.png"); } #naviBar ul.menu li.active.item-44 a, #naviBar ul.menu li.item-44 a:active { background-image: url("../images/menu/newIcos/nav_btn_tvplaner_a.png"); } #naviBar ul.menu li.item-6 a { background-image: url("../images/menu/newIcos/nav_btn_search_i.png"); background-position: 6px 1px; } #naviBar ul.menu li.active.item-6 a, #naviBar ul.menu li.item-6 a:active { background-image: url("../images/menu/newIcos/nav_btn_search_a.png"); } #naviBar ul.menu li.item-13 a { background-image: url("../images/menu/icon_logout.png"); } #naviBar ul.menu li.item-124 a { background-image: url("../images/menu/newIcos/nav_btn_login_i.png"); } #naviBar ul.menu li.active.item-124 a, #naviBar ul.menu li.item-124 a:active { background-image: url("../images/menu/newIcos/nav_btn_login_a.png"); } #naviBar ul.menu li.item-12 a, #naviBar ul.menu li.item-11 a { background-image: url("../images/menu/newIcos/nav_btn_settings_i.png"); } #naviBar ul.menu li.active.item-12 a, #naviBar ul.menu li.active.item-11 a, #naviBar ul.menu li.item-12 a:active, #naviBar ul.menu li.item-11 a:active { background-image: url("../images/menu/nav_btn_settings_a.png"); } #naviBar ul.menu li.item-58 a { background-image: url("../images/menu/Puzzle.png"); background-position-x: 18px; background-size: 38px; } #naviBar ul.menu li.active.item-58 a, #naviBar ul.menu li.item-58 a:active { background-image: url("../images/menu/Puzzle-aktiv.png"); background-position-x: 18px; background-size: 38px; } #naviBar ul.menu li.item-126 > a { background-image: url("../images/menu/newIcos/nav_btn_info_i.png"); background-position-y: 0px; background-position-x: 4px; } #naviBar ul.menu li.active.item-126 > a, #naviBar ul.menu li.item-126 > a:active { background-image: url("../images/menu/newIcos/nav_btn_info_a.png"); background-position-y: 0px; background-position-x: 4px;} #naviBar ul.menu li.item-42 a { background-image: url("../images/menu/newIcos/Webansicht.png"); background-size: 30px; background-position-x: 9px; } #naviBar ul.menu li.active.item-42 a, #naviBar ul.menu li.item-42 a:active { background-image: url("../images/menu/newIcos/Webansicht-aktiv.png"); background-size: 30px; background-position-x: 9px; } #naviBar ul.menu li.item-131 a { background-image: url("../images/menu/AppSmall.png"); background-position-x: 8px; background-size: 34px; } #naviBar ul.menu li.active.item-131 a, #naviBar ul.menu li.item-131 a:active { background-image: url("../images/menu/AppActiveSmall.png"); background-position-x: 8px; background-size: 34px; } #naviBar ul.menu li.special { background-color: #2a4661!important; border-color: #14212e!important; } #naviBar ul.menu li.special > a, #naviBar ul.menu li.special > span { border-color: #506a81 /*#5780a9*/; } #naviBar ul.menu li ul a { padding-left: 0; }