/* ---------------------------------------- Site: http://www.rte.ie Description: Stylesheet for TV Database based on 970 grid ---------------------------------------- */ /* ---------------------------------------- Header ---------------------------------------- */ #db_header {background-color: #dadada; border-top: solid 1px #ffffff; padding: 14px 0px 0px 0px;} /* breadcrumb */ #breadcrumb {font-size: 90%; font-weight: bold; color: #387ea9; padding: 5px 0px 5px 0px;} #breadcrumb ul {margin: 0px; padding: 0px 14px 0px 14px; list-style-type: none;} #breadcrumb ul li {display: inline; padding: 0px 5px 0px 0px;} #breadcrumb ul li a {background: url(../img/graphics/arrow_01.gif) no-repeat right; padding: 0px 8px 0px 0px;} #breadcrumb ul li a:hover {color: #464646;} #breadcrumb ul li a:active {color: #464646;} /* programme search */ /* a to z */ .atoz {background: url(../img/atoz_bg.jpg) no-repeat top left; clear: both; font-size:12px; padding: 3px 0px 14px 0px; color: #464646;} .atoz ul {margin: 0px; padding: 0px; list-style-type: none;} .atoz ul li {float: left; margin: 0px; padding: 0px; line-height: 18px; } .atoz ul li.title {padding: 3px 21px 3px 35px;} .atoz ul li a {float: left; background: url(../img/atoz_button.jpg) no-repeat top left; padding: 3px 10px 0px 11px; height: 20px; text-decoration: none; } .atoz ul li a:visited {text-decoration: none;} .atoz ul li a:hover {background: url(../img/atoz_button.jpg) no-repeat center left; text-decoration: none; color: #ffffff;} .atoz ul li.current a {background: url(../img/atoz_button.jpg) no-repeat bottom left; text-decoration: none; color: #ffffff;} /* search*/ .simplesearch {margin: 0px; padding: 0px 0px 12px 0px; font-size: 12px; text-align: right; color: #464646; position: relative;} .simplesearch input {margin: 0px; padding: 0px; color: #464646; border: 0px; font-size: 12px;} .simplesearch label {padding: 7px 5px 5px 0px; height: 14px; display: block; float: left;} .simplesearch #tvprog {padding: 5px 5px 5px 5px; background: url(../img/search_bg.gif) no-repeat top left; height: 16px; width: 220px; border: 0px; position: absolute; right: 25px;overflow:hidden;} .simplesearch input#searchbutton {background: url(../img/search_button.gif) no-repeat top left; cursor: pointer; width: 30px; height:26px; position: absolute; right: 0px; z-index: 50;} .simplesearch input:hover#searchbutton {background: url(../img/search_button.gif) no-repeat bottom left;} /* search auto complete drop down*/ .ac_results {overflow: hidden; border: solid 1px #bfbfbf; color: #464646; background: url(../img/block_bg_02.jpg) repeat-x top left; background-color: #f4f2f2;} .ac_results ul {padding: 0px; margin: 0px;} .ac_results iframe {display:none; /*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0px; left:0px; z-index:-1; filter:mask(); width:4000px; height:3000px; border: 0px;} .ac_results li {margin: 0px; padding: 3px 10px; cursor: pointer; font-size: 12px; overflow: hidden; font-weight: bold;} .ac_loading {} .ac_odd {background-color: #ffffff; color: #74872f;} .ac_over { background: url(../img/block_bg_03.jpg) repeat-x top left; background-color: #282828; color: #ffffff;} /* ---------------------------------------- Left Column ---------------------------------------- */ /* lists*/ div.list ul {padding: 4px 16px 4px 28px;} div.list ul li {background: url(../img/graphics/bullet_01.gif) no-repeat top left; padding: 0px 10px 0px 15px; margin: 8px 0px 8px 0px;} div.list ol {padding: 4px 16px 4px 26px; margin: 0px 0px 0px 26px; list-style-type: decimal} div.list ol li {margin: 8px 0px 8px 0px; padding: 0px 10px 0px 0px;} /* programme list filter */ #progleft {width:150px;float: left; padding: 10px 0px 10px 0px;} #progleft ul {margin: 0px; padding: 0px 0px 0px 16px;} #progleft li {background: url(../img/graphics/arrow_08.gif) no-repeat top left; border-bottom: solid 1px #e4e4e4; padding: 4px 0px 4px 12px; margin: 0px;} #progleft li a {text-decoration: none; font-weight: bold;} #progleft li a:hover {text-decoration: underline;} body.page_current #left_col .content_block #progleft li#genre_current, body.page_all #left_col .content_block #progleft li#genre_all, body.page_comedy #left_col .content_block #progleft li#genre_comedy, body.page_drama #left_col .content_block #progleft li#genre_drama, body.page_factual #left_col .content_block #progleft li#genre_factual, body.page_lifestyle #left_col .content_block #progleft li#genre_lifestyle, body.page_entertainment #left_col .content_block #progleft li#genre_entertainment, body.page_youngpeoples #left_col .content_block #progleft li#genre_youngpeoples, body.page_news #left_col .content_block #progleft li#genre_news, body.page_arts #left_col .content_block #progleft li#genre_arts, body.page_education #left_col .content_block #progleft li#genre_education, body.page_music #left_col .content_block #progleft li#genre_music, body.page_religious #left_col .content_block #progleft li#genre_religious, body.page_sport #left_col .content_block #progleft li#genre_sport, body.page_diversity #left_col .content_block #progleft li#genre_diversity {background: url(../img/graphics/arrow_10.gif) no-repeat top left;} body.page_current #left_col .content_block #progleft li#genre_current a, body.page_all #left_col .content_block #progleft li#genre_all a, body.page_comedy #left_col .content_block #progleft li#genre_comedy a, body.page_drama #left_col .content_block #progleft li#genre_drama a, body.page_factual #left_col .content_block #progleft li#genre_factual a, body.page_lifestyle #left_col .content_block #progleft li#genre_lifestyle a, body.page_entertainment #left_col .content_block #progleft li#genre_entertainment a, body.page_youngpeoples #left_col .content_block #progleft li#genre_youngpeoples a, body.page_news #left_col .content_block #progleft li#genre_news a, body.page_arts #left_col .content_block #progleft li#genre_arts a, body.page_education #left_col .content_block #progleft li#genre_education a, body.page_music #left_col .content_block #progleft li#genre_music a, body.page_religious #left_col .content_block #progleft li#genre_religious a, body.page_sport #left_col .content_block #progleft li#genre_sport a, body.page_diversity #left_col .content_block #progleft li#genre_diversity a {color: #282828;} #left_col .content_block #progleft h2 {background: url(../img/graphics/dot_01.gif) repeat-x bottom left; margin: 0px 0px 10px 16px; padding: 0px;} /* programme list shows */ #left_col .content_block #progright {float: right; padding: 10px 16px 10px 0px;} #left_col .content_block #progright h2 {background: url(../img/graphics/dot_01.gif) repeat-x bottom left; margin: 0px 0px 10px 16px; padding: 0px;} #left_col .content_block #progright .list {width: 180px; float: left;} #left_col .content_block #progright .list ul {margin: 10px 0px 0px 14px; padding: 0px; list-style-type: none;} #left_col .content_block #progright .list ul li {background: url(../img/graphics/arrow_05.gif) no-repeat top left; padding-left:10px;} #left_col .content_block #progright .list ul li a {text-decoration: none;} #left_col .content_block #progright .list ul li a:hover {text-decoration: underline;} /* search results pagination */ #left_col .content_block #SearchInfo {clear: both; padding: 14px 14px 14px 14px;} #left_col .content_block .SearchPager {clear: both; padding: 14px 14px 14px 14px; text-align: center;} #left_col .content_block .SearchPager a {outline:none;margin:0px 2px;background-image: url(/tv/programmes/img/graphics/content_btn04.gif); background-repeat:no-repeat; background-position: top center;background-color: #eeeeee; padding: 3px 5px 3px 5px; color: #15608e; font-weight: bold; border: solid 1px #dadada;} #left_col .content_block .SearchPager a.on {background-image: url(/tv/programmes/img/graphics/content_btn04.gif); background-repeat:no-repeat; background-position: bottom center; background-color: #eeeeee; padding: 3px 5px 3px 5px; color: #ffffff; font-weight: bold; border: solid 1px #a6a6a6;} #left_col .content_block .SearchPager a:hover {background-position: center center; border: solid 1px #dadada; color: #74872f; text-decoration: underline;} #left_col .content_block .SearchPager a:hover.on {background-position: bottom center; border: solid 1px #a6a6a6;color:#ffffff;text-decoration:none;cursor:auto;} #left_col .content_block .SearchPager a.next, #left_col .content_block .SearchPager a.prev {background:none;border:1px solid #ffffff;} #left_col .content_block .SearchPager a.next:hover, #left_col .content_block .SearchPager a.prev:hover {background:none;border:1px solid #ffffff;} #left_col .content_block .SearchPager a.off {visibility:hidden;} #left_col .content_block #SearchLoading {text-align:center;display:block;border:0px;margin:100px 270px 100px 270px;padding:0px;} #left_col .content_block #SearchLoading img {display:block;border:0px;margin:0px;padding:0px;} /* search results*/ #left_col .content_block #SearchResults {margin: 0px; padding: 0px 14px 0px 14px;} #left_col .content_block #SearchResults a {margin:0px; padding: 7px;outline:none;display:block;border:1px #ffffff solid;text-decoration:none;} #left_col .content_block #SearchResults a:hover {margin: 0px; padding: 7px;display:block;border:1px #cccccc solid;text-decoration:none;background-color:#f3f3f3} #left_col .content_block #SearchResults h2 {background: none; margin: 0px; padding: 0px; font-size: 140%;color:#387EA9;} #left_col .content_block #SearchResults img {float: left; margin: 0px 10px 0px 0px; padding: 0px; border:1px #cccccc solid;} #left_col .content_block #SearchResults p {margin: 0px; padding: 0px;color:#282828;} #left_col .content_block #SearchResults p span {font-weight:bold;} /* No search results */ #SearchNoResults{display:none;} #SearchNoResults strong {line-height:1.4em;margin:2px 0px 2px 20px;} #SearchNoResults ul {line-height:1.4em;margin:2px 0px 2px 40px;list-style-type:disc;}