@import url(fonts/bebas/style.css); /** * Reset the document */ html * { margin: 0; padding: 0; } table, table * { border-collapse: collapse; border-spacing: 0; } table tbody { border-top: 0; } img { border: none; } a { text-decoration: none; } object, embed { outline: 0; } /** * Quick styles */ .hidden { display: none; visibility: hidden; } .js-hidden, .js-hide { display: none; } .float-l { float: left; } .float-r { float: right; } .clear { clear: both; } .align-l { text-align: left; } .align-c { text-align: center; } .align-r { text-align: right; } .align-t { vertical-align: top; } .align-m { vertical-align: middle; } .align-b { vertical-align: bottom; } .align-tl { vertical-align: top; text-align: left; } .align-tc { vertical-align: top; text-align: center; } .align-tr { vertical-align: top; text-align: right; } .align-ml { vertical-align: middle; text-align: left; } .align-mc { vertical-align: middle; text-align: center; } .align-mr { vertical-align: middle; text-align: right; } .align-tl { vertical-align: top; text-align: left; } .align-tc { vertical-align: top; text-align: center; } .align-tr { vertical-align: top; text-align: right; } .max-width { width: 100%; } .half-width { width: 50%; } .third-width { width: 33%; } .fifth-width { width: 20%; } .min-width { width: 1%; } .nowrap { white-space: nowrap; } .b { font-weight: bold; } .i { font-style: italic; } .u { text-decoration: underline; } .hr { border-top: 1px solid #aaa; border-bottom: 1px solid #fff; margin-bottom: 15px; } .break { border-bottom: 4px solid #dfcfbf; } .small-text { font-size: 0.9em; } .large-text { font-size: 1.2em; } .push-l { padding-left: 10px; } .push-r { padding-right: 10px; } .push-t { padding-top: 10px; } .push-b { padding-bottom: 10px; } .light-text { color: #888; } a img.image-hover { opacity: 0.8; } a:focus img.image-hover, a:hover img.image-hover { opacity: 1.0; } /** * System styles */ table.sticky-table td, table.sticky-table th, table.views-table td, table.views-table th { padding: 5px; } table.table-data th, table.table-data td { padding: 5px; border: 1px solid #ccc; vertical-align: top; } table.table-data th { background: #444; border: 1px solid #888; color: #fff; } table.table-data table td { padding: 0; border: none; } /** * Typography */ body, table, input, textarea, select { font: 14px Arial; } h1, h2, h3 { padding: 10px 0 15px 0; font-family: Georgia, Times, 'Times New Roman'; font-weight: normal; color: #333; } h1 { margin-bottom: 20px !important; padding: 10px 0 !important; font-size: 30px; border-bottom: 4px solid #dfcfbf; } h1.no-line { margin-top: 0; padding-top: 0; border: none; } h2 { font-size: 24px; } h3 { font-size: 17px; } p { padding: 0 0 15px 0; line-height: 20px; } a { color: #e89900; } a:focus, a:hover { color: #e77700; } #content .content ul { margin-left: 15px; } #content .content ul li { margin-left: 20px; } #content h2 strong, #content h3 strong { font-weight: normal !important; } /** * Layout */ .wrap { position: relative; width: 960px; margin: 0 auto; } #head { position: relative; z-index: 9999; padding: 10px 0; } h1#logo { float: left; border: none; margin: 10px 0 !important; padding: 0 !important; } h1#logo a { display: block; width: 195px; height: 115px; background: url(../images/logo-main.png) no-repeat scroll 0 0; } h1#logo a:focus, h1#logo a:hover { background-position: 0 -115px; } h1#logo a span { display: none; } #head .head-block { float: right; width: 700px; padding-bottom: 10px; background: url(../images/head-border.png) no-repeat bottom right; } #head .block { float: left; margin-left: 10px; } #head .follow-us-links { line-height: 32px; vertical-align: middle; color: #aaa; } #head .follow-us-links a { display: block; float: left; width: 32px; height: 32px; margin: 2px 0 0 5px; /*background-image: url(../images/icons-social.png); background-repeat: no-repeat;*/ } #head .follow-us-links a span { display: none; } /* #head .follow-us-links a.facebook { background-position: 0 0; } #head .follow-us-links a.facebook:focus, #head .follow-us-links a.facebook:hover { background-position: 0 -40px; } #head .follow-us-links a.twitter { background-position: -40px 0; } #head .follow-us-links a.twitter:focus, #head .follow-us-links a.twitter:hover { background-position: -40px -40px; } #head .follow-us-links a.youtube { background-position: -80px 0; } #head .follow-us-links a.youtube:focus, #head .follow-us-links a.youtube:hover { background-position: -80px -40px; } #head .follow-us-links a.flickr { background-position: -120px 0; } #head .follow-us-links a.flickr:focus, #head .follow-us-links a.flickr:hover { background-position: -120px -40px; } #head .follow-us-links a.rss { background-position: -160px 0; } #head .follow-us-links a.rss:focus, #head .follow-us-links a.rss:hover { background-position: -160px -40px; } */ #head .standfirst { float: left; margin: 31px 0 0 35px; } #head .standfirst h2 { margin: 0; padding: 0; color: #555; font-size: 17px !important; } #head .standfirst h3 { margin: 0; padding: 0; color: #555; font-size: 27px !important; } #menu { position: relative; z-index: 2; height: 36px; padding: 0; background: #eaeaea url(../images/nav-bg.png) repeat-x scroll 0 0; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; } #navlist { float: left; margin: 0; padding: 0; font-size: 1.1em; } #navlist li { display: block; float: left; margin: 0 !important; padding: 0 !important ; } #navlist li a { display: block; height: 36px; line-height: 36px; margin-right: -1px; padding: 0 9px; border-left: 1px solid #bebebe; border-right: 1px solid #bebebe; color: #222; text-shadow: 1px 1px 1px #fff; /*transition: all .25s linear; -o-transition: all .25s linear; -moz-transition: all .25s linear; -webkit-transition: all .25s linear;*/ } #navlist li.last a { margin-right: 0; } #navlist li a:focus, #navlist li a:hover, #navlist li.active-trail a, #navlist li a.active { background: #e89900; color: #fff; text-shadow: 1px 1px 1px #c48100; } #navlist li.dropdown a { padding-right: 27px; background-image: url(../images/arrow-dd.png); background-position: right 9px; background-repeat: no-repeat; } #navlist li.dropdown a:focus, #navlist li.dropdown a:hover, #navlist li.dropdown a:active, #navlist li.dropdown.active-trail a, #navlist li.dropdown:focus > a, #navlist li.dropdown:hover > a, #navlist li.dropdown:focus > a.active { background: #e89900 url(../images/arrow-dd.png) no-repeat scroll right -31px; color: #fff; text-shadow: 1px 1px 1px #c48100; } #navlist li.menu-37732 a { display: block; width: 44px; height: 36px; padding: 0; background: url(../images/icon-home.png) no-repeat scroll -23px 50%; } #navlist li.menu-37732 a span { display: none; } #navlist li.menu-37732 a.active, #navlist li.menu-37732 a:focus, #navlist li.menu-37732 a:hover { background: #e89900 url(../images/icon-home.png) no-repeat scroll 7px 50%; } #navlist li ul { display: none; } #navlist li:focus ul, #navlist li:hover ul, #navlist li:active ul { position: absolute; z-index: 99999; display: block; border: none; } #navlist ul li { float: none; } #navlist ul li a { padding: 0 9px !important; background: #eaeaea url(../images/nav-bg.png) repeat-x scroll 0 0 !important; border-top: 1px solid #bebebe; color: #222 !important; text-shadow: 1px 1px 1px #fff !important; } #navlist ul li a:focus, #navlist ul li a:hover, #navlist ul li a:active, #navlist ul li a.active { background: #e89900 !important; color: #fff !important; text-shadow: 1px 1px 1px #c48100 !important; } #navlist ul li.last a { border-bottom: 1px solid #bebebe; } #navlist li ul.dropdown-box { width: 480px; padding: 10px; background: #fff; border: 5px solid #e89900; font-size: 12px; } #navlist li ul.dropdown-box li { float: left; width: 160px; } #navlist li ul.dropdown-box li a { height: auto !important; line-height: 16px !important; margin: 0 !important; padding: 10px !important; background: #fff !important; border: none !important; text-shadow: none !important; } #navlist li ul.dropdown-box li a:focus, #navlist li ul.dropdown-box li a:hover, #navlist li ul.dropdown-box li a:active { background: #eee !important; color: #222 !important; } #navlist li ul.dropdown-box li a span.image { display: block; } #navlist li ul.dropdown-box li a span.title { display: block; width: 140px; height: 12px; padding-top: 5px; white-space: normal; } #navlist li ul.dropdown-box li.head { float: none !important; width: auto !important; margin-bottom: 10px !important; padding: 0 10px !important; font-size: 1.2em !important; font-weight: bold; } #navlist li ul.dropdown-box li.foot { display: block !important; float: none !important; width: auto !important; margin: 5px 10px !important; text-align: right !important; } #navlist li ul.dropdown-box li.foot a { display: inline !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #e89900 !important; text-align: right !important; font-size: 1.2em !important; } #navlist li ul.dropdown-box li.foot a:focus, #navlist li ul.dropdown-box li.foot a:hover, #navlist li ul.dropdown-box li.foot a:active { background: transparent !important; color: #e77700 !important; } #search-box { float: right; margin-top: 1px !important; } #search-box form { margin: 0; padding: 0; } #search-box .form-text { height: 28px; width:115px; line-height: 28px; margin-top: 2px; padding: 0 10px !important; background: #fff; border: 1px solid #bebebe; border-right: 0; } #search-box .form-submit { width: 37px; height: 30px; margin: 2px 0 0 0 !important; padding: 0; background: url(../images/icon-search-main.png) no-repeat scroll 0 0; border: none; } #search-box .form-submit:focus, #search-box .form-submit:hover { background-position: 0 -30px; } #search-box .form-submit:active { background-position: 0 -60px; } #content .gsc-control-cse { padding: 0 !important; } #content input.gsc-input { width: 540px !important; height: 27px !important; line-height: 25px !important; padding: 0 5px !important; } #content input.gsc-search-button { height: 29px !important; line-height: 27px !important; padding: 5px !important; background: #F5F5F5; border: 1px solid #d8d8d8; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #content input.gsc-search-button:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } #content .gsc-tabsArea .gsc-tabHeader { padding: 5px 10px !important; } #content .gsc-cursor .gsc-cursor-page { margin-right: 15px !important; } #menu-shadow { padding-top: 10px; background: url(../images/nav-shadow.png) repeat-x scroll 0 0; } #crumbs { color: #555; cursor: default; font-size: 13px; } #crumbs a { color: #555; } #crumbs a:focus, #crumbs a:hover { color: #999; } #content, #content-clip { position: relative; z-index: 1; float: left; width: 640px; min-height: 600px; height: auto !important; height: 600px; padding: 0px; } #content.content-full { width: 100%; float: none; } #tabs, #tabs ul, #tabs li { margin: 0; padding: 0; border: none; } #navlist li { display: inline; margin: 0; padding: 5px; } #tabs a { display: block; float: left; margin: 3px; padding: 3px 8px; background: #444; color: #fff; border: none; } #tabs a:hover, #tabs li.active a { background: #e89900; } #right { position: relative; z-index: 1; float: right; width: 300px; padding-top: 5px; } #right .block { margin: 10px 0 20px 0; } #right .block h2 { padding: 10px 0 5px 0; font-size: 22px; } #right .block h2 a { color: #222; } #right .block h2 a:focus, #right .block h2 a:hover { color: #777; } #righteuros { position: relative; z-index: 1; float: right; width: 300px; padding-top: 300px; } #right .block { margin: 10px 0 20px 0; } #right .block h2 { padding: 10px 0 5px 0; font-size: 22px; } #right .block h2 a { color: #222; } #right .block h2 a:focus, #right .block h2 a:hover { color: #777; } #righteuros .block { margin: 10px 0 20px 0; } #foot { clear: both; padding: 15px 0; background: #111; color: #777; } #foot a { color: #777; } #foot a:focus, #foot a:hover { color: #aaa; } #foot .footer-text { float: left; padding-left: 20px; } #foot p { color: #555; } ul.submenu, ul.submenu li, ul.submenu ul { margin: 0; padding: 0; list-style: none; } ul.submenu { position: relative; z-index: 2; height: 36px; margin: 10px 0; padding: 0; background: #eaeaea url(../images/nav-bg.png) repeat-x scroll 0 0; border: 1px solid #bebebe; } ul.submenu ul { display: none; } ul.submenu li { display: block; float: left; margin: 0 !important; padding: 0 !important; } ul.submenu li a { display: block; height: 36px; line-height: 36px; padding: 0 9px; border-right: 1px solid #bebebe; color: #222; text-shadow: 1px 1px 1px #fff; } ul.submenu li a:focus, ul.submenu li a:hover { background: #ddd; } ul.submenu ul li { float: none; padding: 0 !important; white-space: nowrap; } ul.submenu ul a { display: block; height: auto !important; line-height: auto !important; margin: -1px 0 0 -1px; padding: 5px 10px; background: #fff; border: 1px solid #ccc; } ul.submenu li:hover ul { display: block; position: absolute; z-index: 9999; margin-top: 1px; background: #fff; } /** * System Messages */ div.messages { margin-bottom: 10px; padding: 10px !important; background: #fff; border: 1px solid #ccc; } div.message p { padding: 5px 0 !important; margin: 0 !important; } div.messages.status { background: #e6fbe6; border: 1px solid #93d899; } div.messages.error { background: #fbe6f2; border: 1px solid #d893a1; } div.messages ul, div.messages li { list-style: none; } /** * Home page */ body.home { background: #fff url(../images/body-bg.jpg) repeat-x scroll 0 0; } body.home.admin-menu { background-position: 0 20px; } body.home .messages { position: absolute; top: 13px; left: 5px; z-index: 9990; width: 608px; opacity: 0.9; } #admin-menu { z-index: 99999 !important; } #orbit_home { margin-top: 8px; } .orbit-wrapper { -moz-box-shadow: 0 0 1px 1px #ddd; -webkit-box-shadow: 0 0 1px 1px #ddd; box-shadow: 0 0 1px 1px #ddd; } .orbit-caption h2 { color: #fff; } .orbit-caption a em { display: block; line-height: 24px; font-style: normal; font-size: 16px; color: #e89900; } .orbit-caption a em span { display: block; float: left; width: 25px; height: 25px; margin-right: 7px; background-image: url(../images/orbit-icons.png); background-repeat: no-repeat; } .orbit-caption a em.play span { background-position: -25px 0; } .orbit-caption a:focus em.play span, .orbit-caption a:hover em.play span { background-position: -25px -25px; } .orbit-caption a em.book span { background-position: 0 0; } .orbit-caption a:focus em.book span, .orbit-caption a:hover em.book span { background-position: 0 -25px; } .timer { display: none !important; } .inner-padding { padding: 10px 7px; } .inner-padding h2 { font-size: 22px; } .inner-padding h2 a { color: #222; } .inner-padding h2 a:focus, .inner-padding h2 a:hover { color: #777; } .inner-padding .latest-news { float: left; width: 300px; padding-bottom: 15px; border-bottom: 4px solid #dfcfbf; } .inner-padding .latest-event { float: right; width: 300px; padding-bottom: 15px; border-bottom: 4px solid #dfcfbf; } .inner-padding .latest-advice { float: left; width: 300px; padding: 15px 0; } .inner-padding .latest-blog { float: right; width: 300px; padding: 15px 0; } .inner-padding .latest-advice h2 { padding-left: 40px; background: url(../images/icon-howto.png) no-repeat scroll 0 50%; } .inner-padding .latest-blog h2 { padding-left: 43px; background: url(../images/icon-blog.png) no-repeat scroll 0 50%; } .inner-padding a span.image, .inner-padding a span.title, .inner-padding a span.description { display: block; } .inner-padding a span.title { padding: 5px 0; font-weight: bold; font-size: 15px; letter-spacing: 0.01em; } .inner-padding a span.description { color: #222; } .inner-padding .events-finder h2 { padding: 0 0 2px 0; } .inner-padding .events-finder .icon-search-event { width: 144px; height: 35px; margin: -2px 0 0 10px; background: url(../images/event-search.png) no-repeat scroll 0 0; border: none; } .inner-padding .events-finder .icon-search-event:active { background-position: 0 -35px; } .inner-padding .equestrian-essentials { padding: 10px; background: #eee; } .inner-padding .equestrian-essentials h2 { padding: 0 0 2px 0; } .inner-padding .equestrian-essentials .fade { position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 30px; background: url(../images/fadeout.png) repeat-x top left; } .inner-padding .equestrian-essentials .fixed-link { position: absolute; z-index: 2; right: -15px; bottom: -15px; display: block; padding: 5px 10px; background: url(../images/dark-trans-px.png) repeat top left; color: #fff; } .inner-padding .equestrian-essentials .fixed-link:focus, .inner-padding .equestrian-essentials .fixed-link:hover { color: #ccc; } .inner-padding ul.related-content { margin: 0 !important; } .inner-padding ul.related-content li { margin: 0 12px 0 0 !important; } .inner-padding ul.related-content li.last { margin: 0 !important; } .inner-padding ul.related-content li a { width: 140px !important; } .inner-padding ul.related-content span.image { display: block; width: 138px !important; height: 88px !important; background: url(../images/logo-blank.png) no-repeat 50% 50%; border: 1px solid #bebebe; overflow: hidden; } .inner-padding ul.related-content span.image img { width: 100%; height: 100%; } /** * 404 / 403 */ /* .page-403 { height: 420px; background: url(../images/403.png) no-repeat top right; } .page-404 { height: 420px; background: url(../images/404.png) no-repeat top right; } */ .click-block { float: left; width: 300px; margin-right: 30px; } .click-block.last { margin-right: 0; } .click-block a span.image, .click-block a span.title, .click-block a span.description { display: block; } .click-block a span.title { padding: 5px 0; font-weight: bold; font-size: 1.1em; } .click-block a span.description { color: #222; } /** * Views Archive Style */ .archive, .archive li { margin: 0; padding: 0; list-style: none; } .archive .archive-node { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd0bd; } .archive .archive-image { position: relative; float: left; border: 1px solid #ddd; } .archive .archive-image a { display: block; } .archive .archive-image em { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background: url(../images/light-trans-px.png) repeat scroll 0 0; font-weight: bold; text-align: center; font-style: normal; color: #222; } .archive .archive-image span { display: block; position: absolute; background: #000; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; } .archive .archive-image img.play-icon { position: absolute; left: 50%; top: 50%; margin: -22px 0 0 -22px; } .archive.archive-140x90 .archive-image, .archive.archive-140x90 .archive-image a { display: block; width: 140px; height: 90px; } .archive.archive-300x170 .archive-image, .archive.archive-300x170 .archive-image a { width: 300px; height: 170px; } .archive .archive-main { float: left; margin-left: 10px; } .archive.archive-140x90 .archive-main { width: 488px; } .archive.archive-300x170 .archive-main { width: 328px; } .archive .archive-title { padding-top: 15px; font-size: 16px; } .archive .archive-date { padding: 5px 0; color: #888; } .archive .archive-teaser { padding: 5px 0; color: #444; } .archive .archive-read-more { padding: 5px 0; } .archive.archive-140x90 .archive-title { padding-top: 0; } .archive.archive-140x90 .archive-date { padding: 2px 0; } .archive.archive-140x90 .archive-teaser { padding: 2px 0; } .archive.archive-140x90 .archive-read-more { padding: 2px 0 0 0; } .archive-blog .archive-node { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .archive-blog .archive-clip { margin-bottom: 30px; } .archive-blog .archive-title h2 { margin-bottom: 0; padding: 0; } .archive-blog .archive-info { margin: 5px 0; padding: 0; border-bottom: 4px solid #e7e7e7; } .archive-blog .archive-info .float-r { width: 192px; } .archive-blog .author-image { float: left; width: 67px; height: 50px; margin-right: 10px; } .archive-blog .author-image img { width: 100%; height: 100%; } .archive-blog .author-info { float: left; } .archive-blog .archive-author { float: left; margin-bottom: 5px; padding: 3px 0; /*background: #e89900; color: #fff;*/ } .archive-blog .archive-date { float: left; clear: both; font: 14px Georgia, Times, 'Times New Roman'; font-style: italic; } .archive-blog .archive-image { float: none; width: auto; height: auto; border: none !important; } .archive-blog .archive-image img { width: 638px; height: 358px; border: 1px solid #ddd; } .archive-blog .archive-main { float: none; margin-left: 0; } .archive-blog .sharethis { margin: 30px 0 0 0; } .archive-blog .sharethis .stMainServices { margin: 0 !important; } .archive-blog .archive-title { padding-top: 10px; } .archive-blog .archive-title a { color: #222; } .archive-blog .archive-title a:hover, .archive-blog .archive-title a:focus { color: #e89900; } .archive-blog .archive-teaser.fadeout { position: relative; overflow: hidden; } .archive-blog .archive-teaser .fadeout { position: absolute; bottom: 0; left: 0; height: 30px; width: 100%; background: url(../images/fadeout.png) repeat-x bottom left; } .archive-blog .read-more-link { display: block; clear: both; font: 14px Georgia, Times, 'Times New Roman'; font-weight: bold; } .archive-blog .archive-teaser h2, .archive-blog .archive-teaser h3 { font: 18px Georgia, Times, 'Times New Roman'; } .archive-photo .archive-node, .archive-user-video .archive-node { border-bottom: 4px solid #dfcfbf; } .archive-photo .archive-title h3, .archive-user-video .archive-title h3 { margin: 0; padding: 0; } .archive-photo .archive-image, .archive-user-video .archive-image { overflow: hidden; } .archive-photo .archive-image .zoom { padding-top: 4px; text-align: center; font-size: 11px; } .archive-photo .fitometer, .archive-user-video .fitometer { position: absolute; left: 0px; bottom: 0px; right: 0px; background: url(../images/diag-line-grey.png) repeat top left; height: 30px; line-height: 30px; font: 16px Georgia, Times, 'Times New Roman'; color: #fff; opacity: 0.9; } .archive-photo .fitometer-bg, .archive-user-video .fitometer-bg { position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; overflow: visible; background: url(../images/diag-line-orange.png) repeat top left; } .archive-photo .fitometer-pc, .archive-user-video .fitometer-pc { position: absolute; top: 0; right: 0; height: 30px; line-height: 30px; } .archive-photo .fitometer-bg strong, .archive-photo .fitometer-pc strong, .archive-user-video .fitometer-bg strong, .archive-user-video .fitometer-pc strong { padding: 0 10px; font-weight: normal; } /** * Blog page */ .node-blog .node-info { margin: -15px 0 5px 0; padding: 0 0 1px 0; border-bottom: 4px solid #dfcfbf; } .node-blog .node-info .float-l { float: left; width: 350px; } .node-blog .node-info .float-r { float: right; width: 200px; } .node-blog .author-image { float: left; width: 67px; height: 50px; margin-right: 10px; } .node-blog .author-image img { width: 100%; height: 100%; } .node-blog .author-info { float: left; } .node-blog .node-author { float: left; margin-bottom: 5px; padding: 3px 0; } .node-blog .node-date { float: left; clear: both; padding: 5px 0; font: 14px Georgia, Times, 'Times New Roman'; font-style: italic; color: #888; } .node-blog .node-image { float: none; width: auto; height: auto; border: none !important; } .node-blog .node-image img { width: 638px; height: 358px; border: 1px solid #ddd; } .node-blog .node-main { float: none; margin-left: 0; } .node-blog .sharethis { margin: 30px 0 0 0; } /** * Microsite styles */ .node-microsite .float-r { width: 300px; margin: 0 0 20px 20px; border-bottom: 7px solid #e89900; } .top-tips-wrap { float: right; width: 300px; margin: 0 0 20px 20px; } .top-tips span { font: 18px Georgia, Times, 'Times New Roman'; color: #e89900; } /** * Default images for lists */ .archive-news .archive-image { background: #fff url(../images/logo-news.png) no-repeat scroll 50% 50%; } .archive-events .archive-image { background: #fff url(../images/logo-events.png) no-repeat scroll 50% 50%; } .archive-video .archive-image { background: #fff url(../images/logo-video.png) no-repeat scroll 50% 50%; } .archive-video .archive-title, .archive-video .archive-main, .archive-advice .archive-main, .view-advice-features .archive-main { padding-top: 7px; } .latest-news a span.image, .latest-event a span.image, .latest-advice a span.image, .latest-blog a span.image { display: block; width: 298px; height: 168px; overflow: hidden; background: #fff url(../images/logo-blank.png) no-repeat scroll 50% 50%; border: 1px solid #bebebe; } .products-block div.product-image { background: #fff url(../images/logo-blank.png) no-repeat scroll 50% 50%; } /* .view-shows .archive-style-image, .view-shows-carousel li { background: #fff url(../images/logo-video.png) no-repeat scroll 50% 50%; } */ /** * Small (RHS) archive */ .small-archive .item { margin-bottom : 5px; } .small-archive .item-image { float: left; width: 100px; height: 75px; padding-right: 10px; overflow: hidden; } .small-archive .item-image a { display: block; width: 100px; height: 75px; background: #fff url(../images/logo-video.png) no-repeat scroll 50% 50%; border: 1px solid #ddd; overflow: hidden; } .small-archive .item-image img { width: 110%; height: 100%; } .small-archive .item-info { float: left; width: 190px; } .small-archive .item-info p { padding: 3px 0 2px 0; } /** * Form Elements */ .form-item label { font-weight: normal; } span.form-required { font-weight: bold; color: #d77f00; } .form-text { background: #fff; border: 1px solid #bebebe; padding: 5px 8px; } .form-text.max-width { width: 97% !important; } .form-textarea { font: 12px Arial; border: 1px solid #bebebe; } .form-textarea.max-width { width: 100% !important; } .form-textarea.half-width { width: 50% !important; } .form-item .error, .form-item .error-text { color: #a70000; font-weight: bold; } .form-submit.button { display: block; float: left; padding: 7px 10px; margin: 0 !important; background: #e89900; border: 0; color: #fff; } .form-submit.button.push-r { margin: 0 5px 0 0 !important; } .form-submit.button.push-l { margin: 0 0 0 5px !important; } .form-submit:focus.button, .form-submit:hover.button { background: #e88800; } .form-submit:active.button { background: #ee7f00; } .form-submit.button[disabled='disabled'] { background: #e0af50; } .keyword-search { margin-bottom: 30px; padding: 10px; background: #2f2f2f; border: 10px solid #1c1c1c; } .keyword-search.no-border { margin: 0; padding: 0; background: 0; border: none; } .keyword-search h2 { float: left; margin: 0 !important; padding: 0 10px 0 0 !important; line-height: 30px; color: #fff; font-size: 20px; text-shadow: 1px 1px 1px #000; } .keyword-search h2.with-icon { padding: 0 10px 0 30px !important; background: url(../images/icon-search-white.png) no-repeat scroll 0 50%; } .keyword-search, .keyword-search * { vertical-align: middle; } .keyword-search .form-text { display: block; float: left; margin-right: 0 !important; height: 14px; padding: 8px; background: #fff; border: 0; /*border: 1px solid #d6d6d6; border-right: 0;*/ } .keyword-search.no-border .form-text { padding: 7px; border: 1px solid #d6d6d6; } .keyword-search select { float: left; padding: 6px 6px 7px 6px; background: #fff; border: none; border-left: 1px solid #ccc; } .keyword-search .form-submit { display: block; float: left; width: 70px; height: 30px; margin: 0; padding: 0; background: url(../images/button-search.png) no-repeat scroll 0 0; border: none; } .keyword-search .form-submit:focus, .keyword-search .form-submit:hover { background-position: 0 -30px; } .keyword-search .form-submit:active { background-position: 0 -60px; } .icon-search { display: block; float: left; width: 37px; height: 30px; margin: 0 !important; padding: 0; background: url(../images/icon-search-main.png) no-repeat scroll 0 0; border: none; } .icon-search:focus, .icon-search:hover { background-position: 0 -30px; } .icon-search:active { background-position: 0 -60px; } .icon-cross { display: block; float: left; width: 37px; height: 30px; margin: 0 !important; padding: 0; background: url(../images/icon-cross-main.png) no-repeat scroll 0 0; border-left: 1px solid #e68315; } .icon-cross:focus, .icon-cross:hover { background-position: 0 -30px; } .icon-cross:active { background-position: 0 -60px; } .no-results { background: #333; padding: 10px; background: #2f2f2f; border: 10px solid #1c1c1c; color: #fff; text-align: center; } #geo-loc-wrap { position: relative; } #geoloc-loading { display: block; margin: 20px auto; } .originalTextareaInfo { padding-top: 5px; text-align: right; } .warningTextareaInfo { color: #a70000; } #ask-the-experts-form form { position: relative; height: 150px; } #ask-the-experts-form #webform-component-name { position: absolute; top: 0; left: 0; } #ask-the-experts-form #webform-component-name input { width: 200px !important; } #ask-the-experts-form #webform-component-subject { position: absolute; top: 70px; left: 0; } #ask-the-experts-form #webform-component-subject input { width: 200px !important; } #ask-the-experts-form #webform-component-question { position: absolute; top: 0; left: 240px; } #ask-the-experts-form #webform-component-question textarea { width: 300px; height: 96px; } #ask-the-experts-form #edit-actions { position: absolute; bottom: 22px; left: 560px; } /** * Header Login Box */ #login-container { position: relative; z-index: 9999; } #login-container * { text-align: left !important; } #login-container .login-box { display: none; position: absolute; top: 25px; right: 0px; z-index: 9999; width: 362px; } #login-container .login-box-head { height: 15px; background: url(../images/login-box-head.png) no-repeat scroll 0 0; } #login-container .login-box-clip { padding: 30px; background: #fff; border: 1px solid #ccc; border-top: none; } #login-container .block-link { padding: 8px 15px; background: #e89900; color: #888; font-size: 1.1em; } #login-container .block-link a { padding: 0 5px; color: #fff; font-weight: bold; text-shadow: 0 0 1px #333; } #login-container .block-link a:focus, #login-container .block-link a:hover { color: #eee; } #user-login-form-2, #user-reset-form-2 { width: 300px; } #login-container label, #user-login-form-2 label { display: block; text-align: left; padding: 5px 0; font-weight: bold; color: #555; } #login-container label.trigger:hover, #login-container label.trigger:focus { color: #e89900 !important; cursor: pointer; } #login-container .form-text, #user-login-form-2 .form-text, #user-reset-form-2 .form-text { width: 278px; } #login-container .form-submit, #user-login-form-2 .form-submit, #user-reset-form-2 .form-submit { margin: 10px 0; padding: 3px 5px; text-align: left !important; background: #e89900; border: 1px solid #e88800; color: #fff; } #login-container #fbconnect_button-wrapper { margin: 30px 0; } #login-container #user-login-form .float-r, #user-login-form-2 .float-r { padding-top: 15px; } #login-container .hr, #user-login-form-2 .hr { margin: 15px 0; } #login-container #user-reset-form label.trigger { display: block; text-align: left; padding: 5px 0 0 0; font-weight: bold; color: #555; } #login-container #user-reset-form label.label { display: block; padding: 0 0 5px 0; font-weight: normal; font-size: 12px; } #user-reset-form-2 label.label { display: block; padding: 0 0 5px 0; } /** * Related content */ .related-content-wrap { margin-top: 20px; border-top: 4px solid #dfcfbf; } .related-content-wrap h3 { padding: 20px 0; } ul.related-content, ul.related-content li { list-style: none; margin: 0; padding: 0; } ul.related-content { margin-left: 6px; } ul.related-content li { float: left; margin: 0 50px 0 0; } ul.related-content li.last { margin: 0; } ul.related-content a { display: block; width: 175px; color: #222; } ul.related-content a:focus, ul.related-content a:hover { color: #000; } ul.related-content a span.title { display: block; padding: 3px 0; color: #e89900; font-weight: bold; } ul.related-content a:focus span.title, ul.related-content a:hover span.title { color: #e77700; } ul.related-content span.image { display: block; width: 173px; height: 128px; background: url(../images/logo-blank.png) no-repeat scroll 50% 50%; border: 1px solid #bebebe; } ul.related-content span.image img { display: block; width: 173px; height: 128px; } /** * Pager */ #content .item-list { padding-bottom: 15px; } #content .item-list ul.pager { display: block; float: right; margin: 0 !important; padding: 0px !important; } #content .item-list ul.pager .pager-next, #content .item-list ul.pager .pager-previous, #content .item-list ul.pager .pager-item, #content .item-list ul.pager .pager-current, #content .item-list ul.pager .pager-ellipsis { display: block; float: left; margin: 0; padding: 0; } #content .item-list ul.pager .pager-ellipsis { margin: 0 5px !important; } #content .item-list ul.pager .pager-ellipsis { background: transparent; cursor: default; } #content .item-list ul.pager .pager-first, #content .item-list ul.pager .pager-last { display: none; } #content .item-list ul.pager .pager-first { margin-left: 0 !important; } #content .item-list ul.pager .pager-last { margin-right: 0 !important; } #content .item-list ul.pager .pager-current { margin: -5px 2px 0 2px; padding: 5px 8px !important; background: #e89900; color: #fff; cursor: default; } #content .item-list ul.pager a { margin: 0 2px !important; padding: 5px 8px !important; background: #444; color: #fff !important; } #content .item-list ul.pager a:focus, #content .item-list ul.pager a:hover { background: #222; } #content .item-list ul.pager .pager-next a { padding-right: 20px !important; background: #444 url(../images/bullet-arrow-r.png) no-repeat scroll 85% 50%; } #content .item-list ul.pager .pager-previous a { padding-left: 20px !important; background: #444 url(../images/bullet-arrow-l.png) no-repeat scroll 7px 50%; } #content .item-list ul.pager .pager-next a:focus, #content .item-list ul.pager .pager-next a:hover { background: #222 url(../images/bullet-arrow-r.png) no-repeat scroll 85% 50%; } #content .item-list ul.pager .pager-previous a:focus, #content .item-list ul.pager .pager-previous a:hover { background: #222 url(../images/bullet-arrow-l.png) no-repeat scroll 7px 50%; } /** * A-Z links */ #vid_atoz a { display: block; width: 12px !important; margin: 7px !important; padding: 6px 10px !important; background: #444; color: #fff; text-align: center; } #vid_atoz a:focus, #vid_atoz a:hover { background: #555; } #vid_atoz a.b { background: #e89900; } /** * Block links */ .block-links a { display: block; float: left; margin: 5px; padding: 5px 10px; background: #444; color: #fff; text-align: center; } .block-links a:focus, .block-links a:hover { background: #555; } .block-links a.b { background: #e89900; } .block-wrap { padding: 4px; background: #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /** * Generic Node Elements */ .node-image-wrap { float: left; width: 300px; padding: 0 10px 10px 0; } .node-image-wrap.max-width { float: none !important; width: auto !important; padding: 0 !important; } .node-image-wrap .node-image {} .node-image-wrap .node-image-desc { padding: 5px 10px; background: #eee; font-size: 12px; color: #555; } .node-unpublished { background: #fff !important; } .node-published { padding-top: 10px; } .node-published h3 { font-size: 14px; color: #888; } .node-published .author { color: #222; } h2.search-header { background: url(../images/icon-search.png) no-repeat scroll 0 45%; padding-left: 30px; } h2.search-header span { font-size: 0.8em; } h2.tags-header { /*background: url(../images/icon-tags.png) no-repeat scroll 0 3px; padding-left: 40px;*/ font-size: 15px; } h2.tags-header span { font-size: 0.9em; } #block-hc-7 h2 { background: url(../images/icon-tags.png) no-repeat scroll 0 3px; padding-left: 38px !important; } .arrow-prev, .arrow-next { display: block; width: 15px; height: 24px; } .arrow-prev span, .arrow-next span { display: none; } .arrow-prev { background: url(../images/arrow-prev.png) no-repeat scroll 0 0; } .arrow-next { background: url(../images/arrow-next.png) no-repeat scroll 0 0; } .arrow-prev:focus, .arrow-prev:hover, .arrow-next:focus, .arrow-next:hover { background-position: 0 -24px; } /** * ShareThis */ .sharethis-wrap { width: 190px; } .sharethis { float: right; width: 1%; margin: -5px 0 20px 0; } .sharethis * { vertical-align: top !important; } .sharethis span.print { display: block; width: 20px; height: 20px; margin-right: 3px; background: url(../images/icon-print.png) no-repeat scroll 0 0; } .sharethis span.rss { display: block; width: 20px; height: 20px; margin-right: 3px; background: url(../images/icon-rss.png) no-repeat scroll 0 0; } .sharethis .st_email .stButton { width: 1px !important; height: 1px !important; padding: 0 19px 19px 0 !important; background-image: url(../images/icon-email.png) !important; background-repeat: no-repeat !important; } .sharethis .st_email .stButton .chicklets.email { display: none !important; } .sharethis .stArrow { background: none !important; margin-left: 0 !important; padding-left: 0 !important; } .st_twitter_hcount .stHBubble { position: relative; z-index: 2 !important; width: auto !important; height: 1px !important; line-height: 20px !important; margin: 0 0 0 -1px !important; padding: 1px 5px 18px 5px !important; background: url(../images/icon-tweet-count.png) no-repeat top right !important; border: none !important; border-left: 1px solid #51d5ff !important; border-radius: 0 !important; filter: none; color: #fff !important; font: 10px Verdana !important; font-weight: normal !important; } .stButton .st-twitter-counter { display: inline-block; font-family: Verdana,Helvetica,sans-serif; font-size: 11px; height: 16px; line-height: 16px; position: absolute; z-index: 1 !important; left: 0; top: 0; white-space: nowrap; width: 1px !important; height: 1px !important; padding: 0 59px 19px 0 !important; background-image: url(../images/icon-tweet.png) !important; background-repeat: no-repeat !important; } .st_facebook_hcount .stHBubble { position: relative; z-index: 2 !important; width: auto !important; height: 1px !important; line-height: 20px !important; margin: 0 0 0 -1px !important; padding: 1px 5px 18px 5px !important; background: url(../images/icon-fb-share-count.png) no-repeat top right !important; border: none !important; border-left: 1px solid #4261a8 !important; border-radius: 0 !important; filter: none; color: #fff !important; font: 10px Verdana !important; font-weight: normal !important; } .stButton .st-facebook-counter { display: inline-block; font-family: Verdana,Helvetica,sans-serif; font-size: 11px; height: 16px; line-height: 16px; position: absolute; z-index: 1 !important; left: 0; top: 0; white-space: nowrap; width: 1px !important; height: 1px !important; padding: 0 59px 19px 0 !important; background-image: url(../images/icon-fb-share.png) !important; background-repeat: no-repeat !important; } .fixed-sharethis { position: absolute; top: 25px; right: 0px; } .node-news .node-published { padding-top: 0; } .node-news .node-published h3 { padding-top: 0; } .node-news .sharethis { float: none; clear: both; margin-bottom: 10px !important; padding-bottom: 0 !important; } .node-news .node-image-wrap { float: none; clear: both; } .node-news .share-image { float: right; width: 100px; padding: 0 0 20px 20px; overflow: visible; } /** * Admin block */ #admin-block { position: fixed; z-index: 9999; bottom: -25px; left: 70px; right: 70px; height: 20px; line-height: 20px; padding: 10px; background: #333; color: #fff; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; opacity: 0.5; font-size: 12px; } #admin-block a { color: #fff; } #admin-block a:focus, #admin-block a:hover { color: #ddd; } /** * Fivestar override */ div.fivestar-widget .star, div.fivestar-widget .star a { background-image: url(../images/rosettes.png) !important; background-position: 0 0 !important; } div.fivestar-widget .star { height: 40px !important; width: 25px !important; } div.fivestar-widget .hover a, div.fivestar-widget .star a:hover { background-position: 0 -40px !important; } div.fivestar-widget .on a { background-position: 0 -80px !important; } div.fivestar-form-item label, div.fivestar-form-item .description { display: none !important; } div.static-fivestar a { display: block; width: 80px; height: 16px; background: url(../images/static-fivestar.png) no-repeat scroll 0 0; } div.static-fivestar a span { display: block; height: 16px; background: url(../images/static-fivestar.png) no-repeat scroll 0 -16px; } /** * Video T1 */ .video-player-wrap { height: 400px; } .video-player-info .float-r { margin-top: 15px; } .video-player-info .float-l h2 { margin-bottom: 0; padding-bottom: 0; } .video-player-info .float-l h3 { font-size: 20px; } /** * Episode page */ .episode-player-wrap { clear: both; padding: 10px 0 0 0; } .episode-player { position: relative; width: 640px; height: 400px; } .episode-player object, .episode-player video { position: relative; z-index: 2; } .episode-number { float: left; margin-bottom: 5px; vertical-align: middle !important; } .episode-number img { vertical-align: middle !important; } .episode-number table, .episode-number table * { border: none !important; } .episode-social { float: right; width: 193px; margin-top: 2px; overflow: visible; } .episode-foot { width: 620px; height: 30px; margin-left: 10px; line-height: 30px; background: url(../images/video-foot.png) no-repeat scroll 0 0; } .episode-fivestar { float: left; width: 140px; padding: 7px 0 0 10px; } .episode-problem { float: right; text-align: right; width: 140px; padding-right: 10px; } .episode-private { float: left; width: 320px; text-align: center; } /*.episode-login { font: 18px Georgia, Times, 'Times New Roman'; line-height: 30px; }*/ .episode-register { color: #444; line-height: 18px; } .episode-register:focus, .episode-register:hover { color: #777; } .episode-info { clear: both; padding-top: 5px; } a.episode-login { display: block; height: 26px; margin-top: 15px; padding: 10px 15px 0 15px; background: #e89900; color: #fff; } a.episode-login:focus, a.episode-login:hover { background: #e88800; } /** * Image gallery */ .gallery a { margin-right: 7px; } .gallery a img { border: 3px solid #bebebe; } .gallery a:focus img, .gallery a:hover img { border: 3px solid #aaa; } .photo-gallery .item { float: left; width: 140px; margin: 10px 10px 0 0; border: 1px solid #aaa; } .photo-gallery .item a, .photo-gallery .item a span.title, .photo-gallery .item a span.image { display: block; } /** * Special Event */ .special-event-heading { float: left; width: 430px; } .special-event-heading h3 { padding-top: 0; margin-top: 0; } .special-event-social { float: right; width: 193px; margin-top: 2px; overflow: visible; } /** * Olympics */ .olympic-countdown { position: relative; width: 640px; height: 179px; margin-bottom: 20px; background: url(../images/olympic-countdown.png) no-repeat scroll 0 0; } .olympic-countdown .numbers { position: absolute; top: 25px; left: 333px; font: 70px 'Bebas'; color: #e89900; } .olympic-countdown .numbers span { position: relative; display: block; float: left; width: 65px; margin-right: 3px; text-align: center; } .olympic-countdown .numbers span em { position: absolute; display: block; top: 51px; left: 1px; width: 62px; height: 4px; background: url(../images/olympic-countdown-bar.png) no-repeat scroll 0 0; } /** * FB Comments */ #fb-comments { margin-top: 20px; } /** * Jcarousel (dark box) */ .jcarousel-skin-hctv, .jcarousel-skin-hctv li { display: inline; list-style: none; margin: 0; padding: 0; } .jcarousel-skin-hctv .jcarousel-container { background: #222; border: 1px solid #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .jcarousel-skin-hctv .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-hctv .jcarousel-container-horizontal { width: 540px; height: 90px; padding: 20px 50px; } .jcarousel-skin-hctv .jcarousel-container-vertical { width: 120px; height: 390px; padding: 40px 20px; } .jcarousel-skin-hctv .jcarousel-clip { overflow: hidden; } .jcarousel-skin-hctv .jcarousel-clip-horizontal { width: 540px; } .jcarousel-skin-hctv .jcarousel-clip-vertical { width: 140px; height: 390px; } .jcarousel-skin-hctv .jcarousel-item { position: relative; width: 140px; height: 90px; } .jcarousel-skin-hctv .jcarousel-item-horizontal { margin-left: 20px; margin-right: 20px; } .jcarousel-skin-hctv .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 20px; margin-right: 0; } .jcarousel-skin-hctv .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-hctv .jcarousel-item-placeholder { color: #000; } /* Horizontal Buttons */ .jcarousel-skin-hctv .jcarousel-next-horizontal { position: absolute; top: 49px; right: 18px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-hctv .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/jcarousel-prev-horizontal.png); } .jcarousel-skin-hctv .jcarousel-next-horizontal:hover, .jcarousel-skin-hctv .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-hctv .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-hctv .jcarousel-next-disabled-horizontal, .jcarousel-skin-hctv .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-hctv .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-hctv .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-hctv .jcarousel-prev-horizontal { position: absolute; top: 49px; left: 18px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-hctv .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/jcarousel-next-horizontal.png); } .jcarousel-skin-hctv .jcarousel-prev-horizontal:hover, .jcarousel-skin-hctv .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-hctv .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-hctv .jcarousel-prev-disabled-horizontal, .jcarousel-skin-hctv .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-hctv .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-hctv .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /* Vertical Buttons */ .jcarousel-skin-hctv .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 65px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-next-vertical.png) no-repeat 0 0; } .jcarousel-skin-hctv .jcarousel-next-vertical:hover, .jcarousel-skin-hctv .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-hctv .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-hctv .jcarousel-next-disabled-vertical, .jcarousel-skin-hctv .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-hctv .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-hctv .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-hctv .jcarousel-prev-vertical { position: absolute; top: 5px; left: 65px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-hctv .jcarousel-prev-vertical:hover, .jcarousel-skin-hctv .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-hctv .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-hctv .jcarousel-prev-disabled-vertical, .jcarousel-skin-hctv .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-hctv .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-hctv .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* Title overlay */ .jcarousel-skin-hctv .overlay-title { position: absolute; bottom: -90px; left: 0; width: 120px; height: 70px; padding: 10px; background: transparent url(../images/dark-trans-px.png) repeat scroll 0 0 !important; color: #fff; text-shadow: 1px 1px 1px #111; } .jcarousel-skin-hctv .overlay-title table, .jcarousel-skin-hctv .overlay-title table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .jcarousel-skin-hctv .overlay-title table, .jcarousel-skin-hctv .overlay-title table * { border: none !important; } /** * Jcarousel (light box) */ .jcarousel-skin-hctv-2, .jcarousel-skin-hctv-2 li { display: inline; list-style: none; margin: 0; padding: 0; } .jcarousel-skin-hctv-2 .jcarousel-container { } .jcarousel-skin-hctv-2 .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-hctv-2 .jcarousel-container-horizontal { width: 540px; height: 96px; padding: 20px 50px; } .jcarousel-skin-hctv-2 .jcarousel-container-vertical { width: 120px; height: 390px; padding: 40px 20px; } .jcarousel-skin-hctv-2 .jcarousel-clip { overflow: hidden; } .jcarousel-skin-hctv-2 .jcarousel-clip-horizontal { width: 540px; } .jcarousel-skin-hctv-2 .jcarousel-clip-vertical { width: 140px; height: 390px; } .jcarousel-skin-hctv-2 .jcarousel-item { position: relative; width: 126px; height: 96px; background: #e0e0e0; } .jcarousel-skin-hctv-2 .jcarousel-item a { display: block; width: 120px; height: 77px; padding: 9px 0 0 3px; } .jcarousel-skin-hctv-2 .jcarousel-item a img { width: 100%; height: 100%; } .jcarousel-skin-hctv-2 .jcarousel-item-horizontal { margin-right: 12px; } .jcarousel-skin-hctv-2 .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 12px; } .jcarousel-skin-hctv-2 .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-hctv-2 .jcarousel-item-placeholder { color: #000; } /* Horizontal Buttons */ .jcarousel-skin-hctv-2 .jcarousel-next-horizontal { position: absolute; top: 56px; right: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(../images/jcarousel-next-horizontal-2.png) no-repeat 0 0; } .jcarousel-skin-hctv-2 .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/jcarousel-prev-horizontal-2.png); } .jcarousel-skin-hctv-2 .jcarousel-next-horizontal:hover, .jcarousel-skin-hctv-2 .jcarousel-next-horizontal:focus { background-position: -24px 0; } .jcarousel-skin-hctv-2 .jcarousel-next-horizontal:active { background-position: -48px 0; } .jcarousel-skin-hctv-2 .jcarousel-next-disabled-horizontal, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -72px 0; } .jcarousel-skin-hctv-2 .jcarousel-prev-horizontal { position: absolute; top: 56px; left: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(../images/jcarousel-prev-horizontal-2.png) no-repeat 0 0; } .jcarousel-skin-hctv-2 .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/jcarousel-next-horizontal-2.png); } .jcarousel-skin-hctv-2 .jcarousel-prev-horizontal:hover, .jcarousel-skin-hctv-2 .jcarousel-prev-horizontal:focus { background-position: -24px 0; } .jcarousel-skin-hctv-2 .jcarousel-prev-horizontal:active { background-position: -48px 0; } .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -72px 0; } /* Vertical Buttons */ .jcarousel-skin-hctv-2 .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 65px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-next-vertical.png) no-repeat 0 0; } .jcarousel-skin-hctv-2 .jcarousel-next-vertical:hover, .jcarousel-skin-hctv-2 .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-hctv-2 .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-hctv-2 .jcarousel-next-disabled-vertical, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-hctv-2 .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-hctv-2 .jcarousel-prev-vertical { position: absolute; top: 5px; left: 65px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/jcarousel-prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-hctv-2 .jcarousel-prev-vertical:hover, .jcarousel-skin-hctv-2 .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-hctv-2 .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-vertical, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-hctv-2 .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* Title overlay */ .jcarousel-skin-hctv-2 .overlay-title { position: absolute; bottom: -90px; left: 0; width: 120px; height: 70px; padding: 10px; background: transparent url(../images/dark-trans-px.png) repeat scroll 0 0 !important; color: #fff; text-shadow: 1px 1px 1px #111; } .jcarousel-skin-hctv-2 .overlay-title table, .jcarousel-skin-hctv-2 .overlay-title table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .jcarousel-skin-hctv-2 .overlay-title table, .jcarousel-skin-hctv-2 .overlay-title table * { border: none !important; } /** * Jcarousel (TV search blocks) */ .jcarousel-skin-hctv-3, .jcarousel-skin-hctv-3 li { display: inline; list-style: none; margin: 0; padding: 0; } .jcarousel-skin-hctv-3 ul.jcarousel-list { margin-left: 0 !important; } .jcarousel-skin-hctv-3 .jcarousel-container { } .jcarousel-skin-hctv-3 .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-hctv-3 .jcarousel-container-horizontal { width: 566px; height: 72px; padding: 6px 31px; } .jcarousel-skin-hctv-3 .jcarousel-clip { overflow: hidden; } .jcarousel-skin-hctv-3 .jcarousel-clip-horizontal { width: 566px; } .jcarousel-skin-hctv-3 .jcarousel-item { position: relative; width: 61px; height: 72px; margin: 0 1px !important; } .tab-content .tv-times .jcarousel-skin-hctv-3 .jcarousel-item { margin: 0 1px !important; } .jcarousel-skin-hctv-3 .jcarousel-item a { display: block; width: 61px; height: 72px; } .jcarousel-skin-hctv-3 .jcarousel-item-horizontal { margin-right: 0 1px; } .jcarousel-skin-hctv-3 .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 12px; } .jcarousel-skin-hctv-3 .jcarousel-item-placeholder { color: #000; } /* Horizontal Buttons */ .jcarousel-skin-hctv-3 .jcarousel-next-horizontal { position: absolute; top: 30px; right: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(../images/jcarousel-next-horizontal-2.png) no-repeat 0 0; } .jcarousel-skin-hctv-3 .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/jcarousel-prev-horizontal-2.png); } .jcarousel-skin-hctv-3 .jcarousel-next-horizontal:hover, .jcarousel-skin-hctv-3 .jcarousel-next-horizontal:focus { background-position: -24px 0; } .jcarousel-skin-hctv-3 .jcarousel-next-horizontal:active { background-position: -48px 0; } .jcarousel-skin-hctv-3 .jcarousel-next-disabled-horizontal, .jcarousel-skin-hctv-3 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-hctv-3 .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-hctv-3 .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -72px 0; } .jcarousel-skin-hctv-3 .jcarousel-prev-horizontal { position: absolute; top: 30px; left: 0px; width: 24px; height: 24px; cursor: pointer; background: transparent url(../images/jcarousel-prev-horizontal-2.png) no-repeat 0 0; } .jcarousel-skin-hctv-3 .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/jcarousel-next-horizontal-2.png); } .jcarousel-skin-hctv-3 .jcarousel-prev-horizontal:hover, .jcarousel-skin-hctv-3 .jcarousel-prev-horizontal:focus { background-position: -24px 0; } .jcarousel-skin-hctv-3 .jcarousel-prev-horizontal:active { background-position: -48px 0; } .jcarousel-skin-hctv-3 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-hctv-3 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-hctv-3 .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-hctv-3 .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -72px 0; } .tv-times { padding: 6px 0px 4px 6px; background: #2f2f2f; } .tab-content .tv-times ul, .tab-content .tv-times li { margin: 0 !important; padding: 0 !important; list-style: none; } .tab-content .tv-times li { float: left; } .tv-times .item { display: block; float: left; width: 61px; margin: 0 2px 2px 0; background: #494949; font-family: Georgia; text-align: center; } .tv-times .item strong { display: block; padding: 5px; color: #fff; font-weight: normal; } .tv-times .item em { display: block; padding: 5px; background: #5c5c5c; color: #fff; font-size: 13px; font-style: normal; } .tv-times .active .item { background: #e89900; } .tv-times .active .item em { background: #e88800; } .tv-times .warning .item { background: #a70000; } .tv-times .warning .item em { background: #980000; } /* Title overlay */ .jcarousel-skin-hctv-2 .overlay-title { position: absolute; bottom: -90px; left: 0; width: 120px; height: 70px; padding: 10px; background: transparent url(../images/dark-trans-px.png) repeat scroll 0 0 !important; color: #fff; text-shadow: 1px 1px 1px #111; } .jcarousel-skin-hctv-2 .overlay-title table, .jcarousel-skin-hctv-2 .overlay-title table td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } .jcarousel-skin-hctv-2 .overlay-title table, .jcarousel-skin-hctv-2 .overlay-title table * { border: none !important; } /** * Jquery news ticker */ #js-news { float: right; width: 330px; background: #eee; margin-top: 195px; padding: 3px 5px; } #js-news a { color: #333; } #js-news a:hover { color: #555; } #news { list-style: none; display: block; float: left; width: 270px; margin: 0; padding: 0; height: 16px; line-height: 16px; overflow: hidden; } #news li { margin: 0; padding: 0; display: inline; } #js-news .ticker-controls { float: right; list-style: none; margin: 0; padding: 0; } #js-news .ticker-controls li { margin: 0; padding: 0; display: inline; } #js-news .ticker-controls li a { display: block; float: left; width: 16px; height: 16px; background-image: url(../images/icons-player.png); background-position: 0 0; background-repeat: no-repeat; outline: none; } #js-news .ticker-controls li.resume a { background-position: 0 0; } #js-news .ticker-controls li.resume a:focus, #js-news .ticker-controls li.resume a:hover { background-position: 0 -16px; } #js-news .ticker-controls li.resume a:active { background-position: 0 -32px; } #js-news .ticker-controls li.pause a { background-position: -16px 0; } #js-news .ticker-controls li.pause a:focus, #js-news .ticker-controls li.pause a:hover { background-position: -16px -16px; } #js-news .ticker-controls li.pause a:active { background-position: -16px -32px; } #js-news .ticker-controls li.stop a { background-position: -32px 0; } #js-news .ticker-controls li.stop a:focus, #js-news .ticker-controls li.stop a:hover { background-position: -32px -16px; } #js-news .ticker-controls li.stop a:active { background-position: -32px -32px; } #js-news .ticker-controls li.previous a { background-position: -80px 0; } #js-news .ticker-controls li.previous a:focus, #js-news .ticker-controls li.previous a:hover { background-position: -80px -16px; } #js-news .ticker-controls li.previous a:active { background-position: -80px -32px; } #js-news .ticker-controls li.next a { background-position: -96px 0; } #js-news .ticker-controls li.next a:focus, #js-news .ticker-controls li.next a:hover { background-position: -96px -16px; } #js-news .ticker-controls li.next a:active { background-position: -96px -32px; } /** * Tabs */ .switch-tabs, .static-tabs { position: relative; } .switch-tabs ul.tabs, .static-tabs ul.tabs { margin: 0 !important; padding: 0 !important; } .switch-tabs ul.tabs li, .static-tabs ul.tabs li { display: inline; margin: 0 !important; padding: 0 !important; } .switch-tabs ul.tabs li a, .static-tabs ul.tabs li a { display: block; float: left; height: 26px; margin-right: 5px; padding: 10px 15px 0 15px !important; background: #444; color: #fff; text-align: center; } .switch-tabs ul.tabs li a:focus, .static-tabs ul.tabs li a:focus, .switch-tabs ul.tabs li a:hover, .static-tabs ul.tabs li a:hover { background: #333; } .switch-tabs ul.tabs li.active a, .static-tabs ul.tabs li.active a { height: 35px; padding: 10px 15px 0 15px !important; background: url(../images/tab-arrow.png) no-repeat scroll 50% 0; color: #fff; text-align: center; } .switch-tabs ul.tabs li.active a:focus, .static-tabs ul.tabs li.active a:focus, .switch-tabs ul.tabs li.active a:hover, .static-tabs ul.tabs li.active a:hover { background-position: 50% -50px; } .static-tabs ul.tabs li.last a { margin-right: 0; } .switch-tabs .tabs-container, .static-tabs .tabs-container { clear: both; padding: 20px 0 0 0; } .switch-tabs .tab-content .tab-clip, .static-tabs .tab-content .tab-clip { padding: 0 10px; } /*.switch-tabs .jcarousel-skin-hctv .jcarousel-container { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }*/ .switch-tabs.overlap .tabs, .static-tabs.overlap .tabs { position: relative; z-index: 10; margin-bottom: -5px !important; padding-bottom: 0 !important; } .switch-tabs.overlap .tabs-container, .static-tabs.overlap .tabs-container { position: relative; z-index: 1; margin-top: 0px !important; padding: 0 !important; } .switch-tabs.overlap .tab-content, .static-tabs.overlap .tab-content, .switch-tabs.overlap .tab-clip, .static-tabs.overlap .tab-clip { position: relative; z-index: 1; } .tab-content ul, .tab-content ol { margin-left: 15px !important; } .tab-content ul li, .tab-content ol li { margin-left: 20px !important; } .tab-content ul.archive, .tab-content ul.archive li, .tab-content ul.pager, .tab-content ul.pager li { margin-left: 0 !important; } .switch-tabs.small-tabs ul.tabs li a, .static-tabs.small-tabs ul.tabs li a { height: 23px; padding: 7px 12px 0 12px !important; } .switch-tabs.small-tabs ul.tabs li.active a, .static-tabs.small-tabs ul.tabs li.active a { height: 37px; padding: 7px 12px 0 12px !important; background: url(../images/tab-arrow.png) no-repeat scroll 50% bottom; } .tab-break { border-bottom: 4px solid #dfcfbf; } .switch-tabs .tabs-container ul.nopad, .switch-tabs .tabs-container ul.nopad li { margin-left: 0 !important; } /* Not sure if this is necessary */ .episode-numbers a { color: #333; } .episode-numbers a:focus, .episode-numbers a:hover { color: #888; } .episode-numbers a.active { color: #e89900; } /** * Horizontal Tabs */ .switch-tabs-hori { position: relative; } .switch-tabs-hori .tabs { position: relative; z-index: 2; float: left; width: 130px; overflow: visible; } .switch-tabs-hori .tabs ul, .switch-tabs-hori .tabs li { margin: 0; padding: 0; list-style: none; } .switch-tabs-hori .tabs li { margin-bottom: 1px; } .switch-tabs-hori .tabs a { display: block; height: 36px; line-height: 35px; padding: 0 10px; background: #2f2f2f; color: #fff; } .switch-tabs-hori .tabs a:focus, .switch-tabs-hori .tabs a:hover { background: #444; color: #fff; } .switch-tabs-hori .tabs li.active a { width: 120px; background: url(../images/arrow-tab.png) no-repeat scroll top right; } .switch-tabs-hori .tabs-container { position: relative; z-index: 1; float: left; width: 445px; height: 228px; padding: 15px; background: #fff; } .switch-tabs-hori .tabs-container .tab-content { position: absolute; width: 445px; height: 228px; } /** * Tooltip */ .tipsy { position: absolute; z-index: 100000; padding: 5px; font-size: 12px; } .tipsy-inner { position: relative; z-index: 1; padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; border: 1px solid #fff; } .tipsy-arrow { position: absolute; z-index: 2; background: url(../images/tipsy.gif) no-repeat top left; width: 11px; height: 6px; } .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -6px; right: 1px; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -6px; left: 1px; width: 5px; height: 9px; } /** * Autosuggest */ div.autosuggest { position: absolute; z-index: 10; /*background-image: url(../images/autosuggest-pointer.gif);*/ background-position: top; background-repeat: no-repeat; padding: 10px 0 0 0; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 0px; padding: 0 6px; /*background-image: url(../images/autosuggest-ul-tr.png);*/ background-position: top right; background-repeat: no-repeat; overflow: hidden; } div.autosuggest div.as_footer { background-color: #333; /*background-image: url(../images/autosuggest-ul-br.png);*/ } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; /*background-image: url(../images/autosuggest-ul-tl.png);*/ background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { background-color: #333; /*background-image: url(../images/autosuggest-ul-bl.png);*/ } div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #333; } div.autosuggest ul { list-style: none; margin: -2px 0; padding: 0; overflow: hidden; background-color: #333; } div.autosuggest ul li { color: #ccc; padding: 0; margin: 0 4px 4px; text-align: left; } div.autosuggest ul li a { color: #ccc; display: block; text-decoration: none; background-color: transparent; text-shadow: #111 0px 0px 3px; position: relative; padding: 0; width: 100%; } div.autosuggest ul li a:hover { background-color: #444; } div.autosuggest ul li.as_highlight a:hover { background-color: #eb9622; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; } div.autosuggest ul li a span small { font-weight: normal; color: #999; } div.autosuggest ul li.as_highlight a span small { color: #ccc; } div.autosuggest ul li.as_highlight a { color: #fff; background-color: #eb9622; /*background-image: url(../images/autosuggest-hl-br.gif);*/ background-position: bottom right; background-repeat: no-repeat; } div.autosuggest ul li.as_highlight a span { /*backgroundd-image: url(../images/autosuggest-hl-bl.gif);*/ background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; /*background-image: url(../images/autosuggest-hl-tl.gif);*/ background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; /*background-image: url(../images/autosuggest-hl-tr.gif);*/ background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; } div.autosuggest ul em { font-style: normal; color: #f0cda8; } /** * Custom select box */ .sb-wrap { position: relative; z-index: 9999; float: left; } .sb-custom { display: block; position: relative; width: 100%; cursor: pointer; } .sparkbox-custom { display: none; } .no-js .sparkbox-custom { display: block; } /*.sb-select:focus { -webkit-box-shadow: 0 0 4px 2px #79aed7; -moz-box-shadow: 0 0 4px 2px #79aed7; box-shadow: 0 0 4px 2px #79aed7; }*/ .sb-select { position: relative; top: 0; left: 0; z-index: 1; width: 90px; height: 20px; padding: 5px 25px 5px 5px; background: #fff url('../images/sparkbox-arrow.png') no-repeat 100% 50%; border: none; border-left: 1px solid #d6d6d6; color: #444; text-decoration: none; } .sb-dropdown { display: none; position: absolute; left: 5px; top: 0; z-index: 2; width: 120px; margin: 0; padding: 5px; background: white; font-size: .9em; list-style: none; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5); } .sb-dropdown a { display: block; padding: 3px; color: #444; text-decoration: none; } .sb-dropdown a:hover, .sb-dropdown .selected a { background: #e89900; color: #fff; } .tab-content ul.sb-dropdown li { margin-left: 0 !important; } /** * Promo */ .promo-box { position: relative; z-index: 1; width: 620px; height: 240px; overflow: hidden; } .promo-box .promo-images { position: absolute; top: 0; left: 0; z-index: 1; } .promo-box .promo-images .promo-image-1 { position: absolute; top: 0; left: 0; z-index: 3; } .promo-box .promo-images .promo-image-2 { position: absolute; top: 0; left: 0; z-index: 2; } .promo-box .promo-images .promo-image-3 { position: absolute; top: 0; left: 0; z-index: 1; } .promo-box .promo-links { position: absolute; z-index: 5; top: 0; right: 0; width: 200px; } .promo-box .promo-links div { } .promo-box .promo-links div a { display: block; height: 50px; padding: 15px; background: url(../images/promo-link-bg.png) repeat scroll 0 0; color: #fff; } .promo-box .promo-links div.active a { background: #111; } .promo-box .promo-summary { position: absolute; bottom: 0; left: 0; z-index: 10; width: 420px; height: 80px; background: url(../images/promo-link-bg.png) repeat scroll 0 0; color: #fff; } .promo-box .promo-summary .promo-summary-1, .promo-box .promo-summary .promo-summary-2, .promo-box .promo-summary .promo-summary-3 { position: absolute; top: 0; left: 0; padding: 10px; } /** * What's on */ #tv-day { margin: 0 0 10px 0; } #tv-day .tv-prev-next { padding: 10px; border: 1px solid #333; } #tv-day .tv-prev { float: left; width: 100px; } #tv-day .tv-prev a { display: block; color: #222; font: 14px Georgia, Times, 'Times New Roman'; } #tv-day .tv-prev a span { display: block; height: 24px; line-height: 24px; padding-left: 25px; background: url(../images/arrow-prev.png) no-repeat scroll 0 0; cursor: pointer; } #tv-day .tv-prev a:focus span, #tv-day .tv-prev a:hover span { background-position: 0 -24px; } #tv-day .tv-next { float: right; width: 100px; } #tv-day .tv-next a { display: block; color: #222; font: 14px Georgia, Times, 'Times New Roman'; text-align: right; } #tv-day .tv-next a span { display: block; height: 24px; line-height: 24px; padding-right: 25px; background: url(../images/arrow-next.png) no-repeat top right; cursor: pointer; } #tv-day .tv-next a:focus span, #tv-day .tv-next a:hover span { background-position: right -24px; } #tv-day .tv-date { float: left; width: 418px; line-height: 24px; color: #222; font: 18px Georgia, Times, 'Times New Roman'; text-align: center; } #tv-day .tv-schedule { margin-top: 10px !important; } #tv-day .tv-schedule table a { color: #333; } #tv-day .tv-schedule table a:focus, #tv-day .tv-schedule table a:hover { color: #e89900; } #tv-day table { width: 100%; } #tv-day table tr, #tv-day table td { vertical-align: middle; } #tv-day table td { border: 1px solid #333; } #tv-day tr.tv-item { } #tv-day td.tv-item-date { width: 1%; padding: 10px; background: #494949; color: #fff; white-space: nowrap; font: 18px Georgia, Times, 'Times New Roman'; text-align: center; } #tv-day td.tv-item-info { padding: 10px; } #tv-day .tv-item-title { font: 18px Georgia, Times, 'Times New Roman'; } #tv-day .tv-item-desc { color: #888; } #tv-search { margin: 10px 0; padding: 10px; border: 1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #tv-search .tv-search-item { margin: 5px 0; padding: 10px; border: 1px solid #bebebe; } #tv-search .tv-search-time { float: left; width: 50px; padding: 10px; font-size: 1.4em; font-weight: bold; background: #333; color: #fff; } #tv-search .tv-search-content { float: left; } #tv-search .tv-search-title { float: left; font-size: 15px; } #tv-search .tv-search-date { float: right; } #tv-search .tv-search-title span { color: #888; } #tv-day .row-b .tv-item-date, #tv-search .row-b .tv-item-date { background: #5c5c5c; } li a.print-week.green { background: #1b7c13 !important; } li a.print-week.green:focus, li a.add-event.green:hover { background: #2c8d24 !important; } li a.print-week span { margin-left: -5px; padding-left: 20px !important; background: url(../images/bullet-print.png) no-repeat scroll 0 50%; } li.active a.print-week span { background: url(../images/bullet-print.png) no-repeat scroll 0 50%; } .tv-sched-week { position: relative; width: 640px; } .tv-sched-head { position: absolute; z-index: 9999; width: 588px; padding-left: 50px; overflow: hidden; border: 1px solid #444; background: #444; -moz-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 2px; box-shadow: rgba(0,0,0,0.2) 0 2px 2px; } .tv-sched-head table { width: 5516px !important; } .tv-sched-head td { width: 177px !important; height: 40px !important; padding: 0 10px; border: 0 !important; } .tv-sched-head.fixed { position: fixed; top: 0; left: 50%; margin-left: -480px; } .tv-sched-times { position: absolute; z-index: 9998; width: 50px; border: 1px solid #444; } .tv-sched-times table { width: 100%; font: 14px Georgia, Times, 'Times New Roman'; } .tv-sched-time { height: 40px !important; background: #444 url(../images/td-head.png) repeat bottom left; color: #fff; text-align: center; } .tv-sched-scroll { width: 588px; padding: 40px 0 0 50px; overflow: hidden; border: 1px solid #444; } .tv-sched-scroll table { width: 5516px !important; } .tv-sched-scroll table tr { border: 0 !important; } .tv-sched-scroll table td { width: 177px !important; height: 40px !important; padding: 0 10px; border: 0 !important; } .tv-sched-scroll td.odd { background: #fff url(../images/td-odd.png) repeat-x bottom left; } .tv-sched-scroll td.even { background: #f2f2f2 url(../images/td-even.png) repeat-x bottom left; } .tv-sched-scroll a { color: #333; } .tv-sched-scroll a:focus, .tv-sched-scroll a:hover { color: #e89900; } .day { background: #444; color: #fff; font: 14px Georgia, Times, 'Times New Roman'; } .tv-sched-week .arrow-prev { position: absolute; z-index: 9999; left: 35px; top: 8px; } .tv-sched-week .arrow-next { position: absolute; z-index: 9999; right: 10px; top: 8px; } /** * Event Add Form */ #event-add-form #affiliate-wrap { margin-top: 10px; } #event-add-form #description { width: 90%; } #event-add-form .originalTextareaInfo { width: 90%; } #event-add-form #desc-error { margin-right: 30px; } li a.add-event.green { background: #1b7c13 !important; } li a.add-event.green:focus, li a.add-event.green:hover { background: #2c8d24 !important; } li a.add-event span { margin-left: -5px; padding-left: 20px !important; background: url(../images/bullet-add.png) no-repeat scroll 0 50%; } li.active a.add-event span { background: url(../images/bullet-add-on.png) no-repeat scroll 0 50%; } .form-item.event-submit { margin-top: 0; padding-top: 0; } .file-select .file-item { float: left; width: 40px; margin: 0 10px 10px 0; text-align: center; } .file-select .file-item img { border: 1px solid #ccc; } .file-select .file-item label { padding-bottom: 5px; } .accordion { padding-bottom: 10px; } .file-accordion {} /** * Event page */ #event .event-left { float: left; width: 310px; } #event .event-right { float: right; width: 330px; } #event .event-social { float: right; width: 193px; overflow: visible; } #event .event-datetime { margin: 10px 0 20px 0; white-space: nowrap; } #event .event-datetime h2 { padding: 0; font-size: 18px; } #event .event-datetime h3 { padding: 0 0 0 30px; background: url(../images/arrow-r.png) no-repeat scroll 5px 50%; font-style: italic; color: #777; } #event .event-body { line-height: 20px; } #event .event-type { padding: 10px 0 10px 30px; background: url(../images/arrow-r.png) no-repeat scroll 5px 50%; font-weight: bold; font-size: 13px; } #event .event-address { /*width: 280px; padding: 0 10px 20px 10px;*/ } #event .event-address address { margin: 0; padding: 0; line-height: 20px; font-style: normal; } #event .event-contact { line-height: 20px; } #event .event-h3 { font-weight: bold; font-size: 13px; margin-top: -10px; padding: 10px 0 10px 30px; } #event .events-back { background: url(../images/arrow-l.png) no-repeat scroll 5px 50%; } #event .event-logo { width: 300px; height: 170px; background: #fff url(../images/logo-events.png) no-repeat scroll 50% 50%; border: 1px solid #ddd; } span.my-event { margin-right: 5px; padding: 3px 8px 2px 8px; background: #e89900; color: #fff; font-size: 12px; } .events-more-dates { position: relative; } .events-more-dates > div { z-index: 9999; position: absolute; top: 18px; right: 2px; width: 90px; padding: 10px; background: #fff; border: 1px solid #ccc; text-align: right; } .events-more-dates > a { margin-right: 3px; padding-right: 18px; background: url(../images/arrow-dd-2.png) no-repeat scroll 100% 50%; } /** * Programme page */ .node-programme h2 { font-size: 20px; } .node-programme .node-image-wrap { float: none !important; width: auto !important; padding: 0 !important; } .prog-episodes, .prog-episodes li { margin: 0; padding: 0; list-style: none; } .prog-episodes { margin-top: 10px; } .prog-episodes li { float: left; margin-right: 20px; } .prog-episodes li.first { margin-left: 10px; } .prog-episodes li.last { margin-right: 0; } .prog-episodes li a { position: relative; width: 140px; height: 90px; overflow: hidden; } .prog-episodes li a span { display: block; position: absolute; bottom: 3px; left: 0; right: 0; width: 130px; padding: 3px 5px; background: url(../images/dark-trans-px.png) repeat top left; text-align: center; color: #fff; } .prog-episodes li a:focus span, .prog-episodes li a:hover span { color: #ddd; } .prog-epg { margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 4px solid #e7e7e7; } .prog-epg ul, .prog-epg li { margin: 0; padding: 0; list-style: none; color: #333; } .prog-epg li { padding: 7px 0 7px 35px; background: url(../images/arrow-r.png) no-repeat scroll 5px 50%; border-bottom: 1px solid #ccc; } .prog-epg li a { color: #e89900; } .prog-epg li a:focus, .prog-epg li a:hover { color: #e88800; } .prog-more { margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 4px solid #e7e7e7; } .product-image, .product-info { float: left; width: 50%; } .product-image { border: 1px solid #afafaf; } .product-image img { width: 120px; height: 70px; } .prog-tweets ul { height: auto !important; margin-left: 20px; } .prog-tweets ul li.last { border: 0 !important; } .prog-tweets.prog-more.latest-tweets h2 { background: none !important; padding-left: 0 !important; } .prog-content.fadeout { position: relative; overflow: hidden; } .prog-content .fadeout { position: absolute; bottom: 0; left: 0; height: 30px; width: 100%; background: url(../images/fadeout.png) repeat-x bottom left; } .node-programme .read-more-link { display: block; clear: both; font: 14px Georgia, Times, 'Times New Roman'; font-weight: bold; } /** * Disciplines */ .discipline-box { margin: 0 0 30px 0; } .discipline-box ul.related-content li { float: left; margin: 0 20px 0 0; } .discipline-box ul.related-content a { width: 300px; } .discipline-box ul.related-content li.last { margin: 0; } .discipline-box ul.related-content span.image { width: 298px; height: 168px; } .discipline-box ul.related-content span.image img { display: block; width: 298px; height: 168px; } /** * Advertising */ .testimonial-cycle-wrap { background: #eee; padding: 10px 10px 1px 10px; } .adv-rate-card { padding: 10px; border: 2px solid #e89900; } .adv-rate-card strong em { font-style: normal; color: #e89900; } .adv-table div { padding: 20px; background: #e89900; } .adv-table { width: 500px; } .adv-table table { width: 460px; } .adv-table td { border: 1px solid #000; width: 25%; padding: 5px 10px; } .adv-table tr.first td { border-top: 0 !important; } .adv-table tr.last td { border-bottom: 0 !important; } .adv-table td.first { border-left: 0 !important; } .adv-table td.last { border-right: 0 !important; } /** * Rudall's Round-Up */ .rru-share { float: right; width: 150px; margin-top: 5px; } .rru-info h3, .rru-calendar h3 { width: 475px; margin-top: 0; padding-top: 0; font-size: 16px; } .rru-calendar h3 { font-size: 18px; color: #e89900; } .rru-calendar .countdown { font-weight: bold; } .rru-question form { position: relative; height: 150px; } .rru-question #webform-component-name { position: absolute; top: 0; left: 0; } .rru-question #webform-component-name input { width: 200px !important; } .rru-question #webform-component-subject { position: absolute; top: 70px; left: 0; } .rru-question #webform-component-subject input { width: 200px !important; } .rru-question #webform-component-question { position: absolute; top: 0; left: 240px; } .rru-question #webform-component-question textarea { width: 300px; height: 96px; } .rru-question #edit-actions { position: absolute; bottom: 22px; left: 560px; } /** * Studbreaks grid */ .view-studbreaks table { width: 100%; } .view-studbreaks td { width: 50%; height: 220px; } .view-studbreaks td img { border: 1px solid #bebebe; } .view-studbreaks .views-field-title { padding-bottom: 5px; font: 18px Georgia, Times, 'Times New Roman'; } /** * Offers page */ .offer-item { float: left; width: 480px; } .offer-item-clip { padding-right: 20px; } .offer-item img { width: 458px; height: 298px; border: 1px solid #bebebe; } /** * Sitemap */ #sitemap > div { float: left; width: 50%; } #sitemap ul { margin-left: 35px; line-height: 24px; list-style-image: url(../images/bullet-arrow-grey.gif) !important; } /** * Reminders */ .reminder-button a { padding: 3px 8px; background: #e89900; color: #fff !important; font-size: 12px; } .reminder-button a:focus, .reminder-button a:hover { background: #e88800; } /************ * BLOCKS * ************/ /** * Spacing */ #block-hc-8, #block-hc-15 { margin: 30px 0 !important; } /** * MPU */ #block-hc-3 { margin-top: 30px !important; } #block-hc-3 img { width: 298px; height: 248px; border: 1px solid #bebebe; } #block-hc-3 p, .banner-ad p { margin: 0; padding: 0; font-size: 11px; } .banner-ad { width: 960px; margin: 5px auto 20px auto; } .banner-ad img { border: 1px solid #bebebe; } /** * Celeb grid */ #celebrity-grid { width: 100%; } #celebrity-grid td { width: 33%; height: 72px; } #celebrity-grid img { width: 90px; height: 60px; } /** * Tag cloud */ ul.tag-cloud, ul.tag-cloud li { margin: 0 !important; padding: 0 !important; list-style: none; } ul.tag-cloud li { display: block; float: left; margin-right: 5px !important; line-height: 36px; white-space: nowrap; } ul.tag-cloud a { padding: 5px 10px; background: #eee; color: #333; } ul.tag-cloud a:focus, ul.tag-cloud a:hover { background: #ddd; } ul.tag-cloud .active a { background: #e89900; color: #fff; } ul.tag-cloud .cloud-1 { font-size: 11px; } ul.tag-cloud .cloud-2 { font-size: 13px; } ul.tag-cloud .cloud-3 { font-size: 15px; } ul.tag-cloud .cloud-4 { font-size: 17px; } ul.tag-cloud .cloud-5 { font-size: 19px; } /** * Date archive */ .dates-archive { position: relative; overflow: hidden; height: 105px; } .dates-archive ul, .dates-archive li { display: block; float: left; margin: 0 !important; padding: 0 !important; list-style: none; } .dates-archive li.level-1 { margin: 0 5px 5px 0 !important; } .dates-archive li.level-1 a { display: block; float: left; height: 26px; padding: 10px 18px 0 18px !important; background: #444; color: #fff; text-align: center; font-weight: bold; } .dates-archive li.level-1 a:focus, .dates-archive li.level-1 a:hover { background: #333; } .dates-archive li.level-1.active a { display: block; float: left; height: 35px; padding: 10px 18px 0 18px !important; background: url(../images/tab-arrow.png) no-repeat scroll 50% 0; color: #fff; text-align: center; } .dates-archive li.level-1.active a:focus, .dates-archive li.level-1.active a:hover { background-position: 50% -50px; } .dates-archive li.level-1.last { margin-right: 0 !important; } .dates-archive .level-2 { position: absolute; top: 50px; left: 0; } .dates-archive .level-2 a { display: block; float: left; width: 40px; padding: 5px 3px; background: #eee; border-left: 1px solid #fff; border-bottom: 1px solid #fff; color: #333; text-align: center; } .dates-archive .level-2 a:focus, .dates-archive .level-2 a:hover { background: #ccc; color: #333; } .dates-archive .level-2 a.disabled { background: #f3f3f3; color: #ccc; cursor: default; } .dates-archive .level-2 a.active { background: #e89900; color: #fff; cursor: default; } /** * Products block */ .products-block { background: #e89900; padding: 0 10px 10px 10px; } .products-block h2 { margin-bottom: 5px; padding-bottom: 10px; color: #fff; text-shadow: none; } .products-block h2 a { color: #fff !important; } .products-block h2 a:focus, .products-block h2 a:hover { color: #ddd !important; } .products-block p { margin-bottom: 0; padding-bottom: 5px; color: #fff; text-shadow: none; } .products-block .product { background: #fff; padding: 5px; border-bottom: 1px solid #c2c2c2; } .products-block .product.last { border-bottom: 0; } .products-block .product-image { display: block; float: left; width: 120px; height: 70px; overflow: hidden; } .products-block .product-title { display: block; float: left; width: 130px; margin-left: 10px; font-size: 1.1em; } /** * TV Highlights */ #block-hc-11 { margin-top: 0 !important; } .tv-highlights { margin-top: 3px; } .tv-highlights h2 { margin-top: 0; padding-left: 35px !important; height: 23px; background: url(../images/icon-tv.png) no-repeat scroll 0 50%; } .tv-highlights tr, .tv-highlights td { vertical-align: middle !important; } .tv-highlights td { height: 72px; } .tv-highlights .item { border: 1px solid #bebebe; } .tv-highlights .item .time { width: 80px; padding: 0 10px; background: #494949; color: #fff; white-space: nowrap; font: 18px Georgia, Times, 'Times New Roman'; text-align: center; } .tv-highlights .item .time span { display: block; margin-top: -6px; } .tv-highlights .item .title { width: 170px; padding: 0 10px; font-size: 1.2em; } .tv-highlights .item.row-b .time { background: #5c5c5c; } .tv-highlights a.full-sched { display: block; margin-top: 7px; padding: 5px; background: #e89900; color: #fff; text-align: center; } .tv-highlights a.full-sched:focus, .tv-highlights a.full-sched:hover { background: #e77700; } /** * Newsletter Box */ .newsletter-box { margin: 10px 0; } .newsletter-box h2 { padding-left: 45px !important; background: url(../images/icon-envelope.png) no-repeat scroll 0 50%; } .newsletter-box form { margin-top: 10px; padding: 10px; background: #eeefe0; border: 1px solid #d6d6d6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .newsletter-box .form-text { display: block; float: left; width: 190px; height: 16px; margin-right: 0 !important; border-right: 0; } .newsletter-box .form-submit { display: block; float: left; width: 70px; height: 28px; line-height: 25px; margin: 0 !important; background: #e89900; border: 0; color: #fff; } .newsletter-box .form-submit:focus, .newsletter-box .form-submit:hover { background: #e88800; } .newsletter-box .form-submit:active { background: #ee7f00; } /** * Latest Tweets */ .latest-tweets { } .latest-tweets h2 { padding-left: 43px !important; background: url(../images/icon-twitter.png) no-repeat scroll 0 50%; } .latest-tweets h2.no-icon { padding-left: 0 !important; background: none; } .latest-tweets ul { position: relative; z-index: 1; height: 180px; list-style: none; margin: 0; padding: 0 !important; overflow: hidden; } .latest-tweets.no-fade ul { height: auto !important; } .latest-tweets li { list-style: none; padding: 0 !important; border-bottom: 1px solid #ddd; } .latest-tweets .tweet-pad { padding: 10px 0; } .latest-tweets .tweet-content { padding-bottom: 5px; } .latest-tweets .tweet-foot { font-size: 11px; } .latest-tweets .tweet-foot a { color: #666; font-weight: bold; } .latest-tweets .tweet-foot a:focus, .latest-tweets .tweet-foot a:hover { color: #888; } .latest-tweets .tweet-foot .float-r a { display: block; float: left; width: 20px; height: 10px; margin-left: 5px; background-image: url(../images/twitter-icons.png); background-repeat: no-repeat; } .latest-tweets .tweet-foot .float-r a span { display: none; } .latest-tweets .tweet-foot a.twitter-reply { background-position: 0 0; } .latest-tweets .tweet-foot a.twitter-reply:focus, .latest-tweets .tweet-foot a.twitter-reply:hover { background-position: 0 -10px; } .latest-tweets .tweet-foot a.twitter-retweet { background-position: -20px 0; } .latest-tweets .tweet-foot a.twitter-retweet:focus, .latest-tweets .tweet-foot a.twitter-retweet:hover { background-position: -20px -10px; } .latest-tweets .tweet-foot a.twitter-fav { background-position: -40px 0; } .latest-tweets .tweet-foot a.twitter-fav:focus, .latest-tweets .tweet-foot a.twitter-fav:hover { background-position: -40px -10px; } .latest-tweets .fade { position: relative; z-index: 2; height: 10px; margin-top: -10px; background: url(../images/fadeout-small.png) repeat-x top left; } .tab-content .latest-tweets ul, .tab-content .latest-tweets ul li { margin-left: 0 !important; } /** * Events finder widget */ .events-finder-widget { background: #e89900; padding: 10px; } .events-finder-widget-wrap { backgroud: #fff; } .events-finder-widget .keyword-search { margin: 0; padding: 10px; background: #fff; border: 0; } .events-finder-widget .form-item { margin: 0 !important; } .events-finder-widget .form-text { height: 28px; line-height: 28px; padding: 0 8px; border: 1px solid #bebebe; } .events-finder-widget .form-submit { margin-left: 10px; } .events-finder-widget h2 { margin: 0 !important; padding: 0 0 2px 0 !important; color: #fff; } .events-finder-widget .float-l.push-l { color: #fff; } /*EUROPEANS - BESPOKE STYKES */ #block-block-17 { margin-bottom: 15px; } #block-block-19 ul { list-style-type: square; } #block-block-19 li { margin-bottom: 8px; } #block-block-18 td { padding-bottom: 8px; } #block-block-18 td.euro-text-link { padding-left: 5px; } /** * TAKEOVER AD STYLES */ .takeover_left { position: fixed; width: 200px; height: 200px; left: 50%; top: 0%; margin-left: -700px; z-index: 20;} .takeover_right { position: fixed; width: 200px; height: 200px; left: 50%; top: 0%; margin-left: 500px; z-index: 20;}