#guide .page-menu { margin: 50px -15px 0px -15px; background-position: 0 -916px; width: auto; height: 42px; padding-top: 11px; } .scrollPane li { display: block; color: #4c4c4c; position: relative; } .guideItem .title { max-width: 85%; font-size: 0.9em; color: #4c4c4c } .guideItem a .title { color: #30a2cd; } .guide-container .title { max-width: 95%; } #tabs, .tabs { text-align: center; width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 9; } .guideItem li { line-height: 20px; } .guideItem span { color: #a7a7a7; vertical-align: top; } .scrollPane { height: 290px; overflow: hidden; position: relative; } .guideItem { float: left; width: 24%; margin: 14px 1% 0 0; } .guideItem.movies { width: 49%; } #guide .movies .h-title { width: 100%; } .movies .scrollPane { margin-top: 30px; height: auto; } .movies .station { font-style: italic; } .movies .station, .movies .time { display: inline-block; } .movies span.title { width: 58%; overflow: hidden; color: #4C4C4C; display: inline-block; } #guide .h-title { border-bottom: 2px solid #b8b8b8; margin: 0; display: inline-block; width: 100%; color: #4C4C4C; height: 34px; margin-bottom: 10px; } .h-title h3, .h-title h2 { font-size: 0.9em; display: inline-block; overflow: auto; } .scrollWindow { height: auto; position: relative; } .sizeBtn { width: 100%; height: 20px; display: block; margin: 8px 0 8px 0; padding-top: 8px; } .station-logo { display: inline-block; margin: 0 4px -6px; float: left; } .rtl7, .veronica { width: 58px; } .rtl5 .rtl7, .veronica {margin-right: 4px; } .h-title a { color: #4C4C4C; } .scrollPane .alarm-icon, .scrollPane .favo-icon { margin: 2px 0 0 0; float: right; } li.g-tt { display: none; } #guide .inlist-mobile { float: left; }#tabs, .tabs { text-align: center; width: 100%; height: 40px; position: absolute; bottom: 0; z-index: 9; } #tabs li { position: relative; z-index: 1; display: inline-block; margin: 14px 0px 0 0px; } .tab { background: transparent url(/_images/bgsprite.png) no-repeat scroll 100% -1012px; display: inline-block; padding-right: 5px; } .tab span { background: transparent url(/_images/bgsprite.png) no-repeat scroll -1150px -982px; padding: 6px 4px 2px 8px; display: inline-block; height: 18px; font-size: 0.8em; min-width: 30px; } .calender li:first-child a { border-left: 1px solid #e5e5e5; } .calender a:hover, .week a { color: #000; } .active .calender-tab { opacity: 1; overflow: visible; margin: 0px; color: #000; background-color: #fff; } .search #tabs { width: 100%; } #tabs.calender li { margin: 0; display: block; float: left; width: 11.111111% } #guide .calender li { width: 12.5% } .calender a { position: relative; font-size: 0.9em; width: 100%; height: 41px; display: block; padding: 5px 0 21px 0; margin: 0 0 0 0; border: 1px solid #e5e5e5; border-width: 1px 1px 0px 0px; background-image: none; color: #9d9d9d; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .calender span { display: block; font-size: 0.8em; position: absolute; width: 100%; clear: both; top: 22px; left: 0; } .overview-nav .page-menu { height: 85px; } .station-logo.rtl4, .station-logo.rtl5, .station-logo.rtl7, .station-logo.rtl8 { height: 22px; margin-top: 4px; } .station-logo { height: 30px; width: auto; }