/* TVNZ Screen Stylesheet version: 3.0 date: 9/04/09 website: www.tvnz.co.nz author: Aim Proximity TABLE OF CONTENTS: 0.1 Sortable columns 0.2 Commom Elements Main Templates: 1.1 Common Elements 1.2 Homepage 1.3 Search 1.4 Article Detail Page 1.5 World News 1.6 Sports Page Modules: 2.1 Pagination 2.2 Feature Panel (Hero Panel) 2.3 Weather Panel 2.4 Latest news / Your Cam / Image Galleries (AKA Quick Tab Module) 2.5 Content feature box (cfb) 2.6 News & Current Affairs Shows (NCAS) 2.7 Highlights (tvh) 2.8 Tonights Schedule (ts) 2.9 TVNZ On Demand 2.10 Blog Panel 2.11 Thickbox 2.12 Advertisements 2.13 Sponsored Links 2.14 Generic popup styles 2.15 Make This my Homepage styles (Mozilla, Safari, Opera only) 2.16 Share More (Social Bookmarks) 2.17 Change Locaction 2.18 Message Board Style 2.19 Windows Media Player Controls 2.20 Homepage TV Highlights ===========================================================*/ /* 0.1 Sortable columns ===========================================================*/ .ui-sortable-helper {border:1px solid #000} .ui-sortable-placeholder {background-color:#ccc; border:1px dashed #333; margin:0 0 10px 0} /* 0.2 Common Elements - Used in everything ===========================================================*/ /* Lozenges & Icons */ h4.breakingNews a, p.breakingNews a, li.breakingNews a {color:#c30 !important} /*.btbreakingNews {background:url('../images/bullets/btbreakingnews.gif') left 2px no-repeat; text-indent:75px}*/ h4.btbreakingNews, span.btbreakingNews {float:left} .btbreakingNews a {color:#c30 !important} .btbreakingNews a.watch, .btbreakingNews a.see {color:#E5997F !important; text-decoration: underline} .lozengeLink {text-decoration: none !important;} .lozengeLink span {cursor: pointer} .btbreakingNews2 {background:url('../images/bullets/btbreakingnews2.gif') left 2px no-repeat; text-indent:75px} span.btbreakingNews2 {float:left} .btblog {background:url('../images/bullets/btblog.gif') left 2px no-repeat; text-indent:37px} /*h4.btblog, span.btblog {float:left}*/ .btupdate {background:url('../images/bullets/btupdated.gif') left 2px no-repeat; text-indent:45px} /*h4.btupdate, span.btupdate {float:left}*/ .bttime {background:url('../images/bullets/bttime.gif') left 2px no-repeat; text-indent:45px} /*h4.bttime, span.bttime {float:left}*/ .bttime a {position:relative} .bttime span {background:url('../images/bullets/time.gif') no-repeat; height:11px; width:9px; display:block; position:absolute; top:2px; left:-36px; text-decoration:none; padding:0; line-height:0; font-size:1px} .bttime span span {margin:0 0 0 12px; left:0px; top:0px} /* Watch & See Icons */ a.watch {background:url('../images/linkIcons.gif') no-repeat 0 0; padding:0 0 0 17px; color:#E5997F; font-size:11px; white-space:pre; text-decoration: underline} a.see {background:url('../images/linkIcons.gif') no-repeat 0 -67px; padding:0 0 0 17px; color:#E5997F; font-size:11px; white-space:pre; text-decoration: underline} li a.watch, li a.see {white-space:normal} a:hover.watch, a:hover.see {text-decoration:underline} /* Read more */ a.more {color:#E5997F; font-size:11px; padding:0 0 0 18px} /* Switch Tabs */ div.readSwitch, div.watchSwitch, div.seeSwitch {display:none} div.viewSwitch {display:block} /*==================================================================================================================== MAIN TEMPLATES ======================================================================================================================*/ /* 1.1 Common Elements - Used in the templates ===========================================================*/ div#hpDate {font-size:11px; color:#9C9E94; padding:10px; visibility:hidden} h1.hpHeading {display:block; height:0; margin:0; overflow:hidden; padding:0; width:0} /* Columns */ div#hpCols {clear:both; padding:0; overflow:hidden} div.hpCol {width:300px; padding:0 9px 0 10px; float:left} div#hpColOne, div#hpColTwo {border-right:1px solid #E8EDEC} div.hpColWide {background:url('../images/colSplit.gif'); width:620px; padding:0 10px 0 10px; float:left} div.hpColWide div.hpRow {width:620px; margin:0 0 15px 0; overflow:hidden} div.hpColWide div.sportIndexPromoRow {width:620px; margin:0 0 10px 0; overflow:hidden} div.hpColWide div.hpFeatureRow {padding:0 0 10px 0; background-color: #fff;} div.hpColWide div.hpRow .hpCol1 {width:300px; margin:0 10px 0 0; float:left} div.hpColWide div.hpRow .hpCol2 {width:300px; margin:0 0 0 10px; float:left} div.hpColWide div.sportIndexPromoRow .hpCol1 {width:300px; margin:0 10px 0 0; float:left} div.hpColWide div.sportIndexPromoRow .hpCol2 {width:300px; margin:0 0 0 10px; float:left} /* Heading */ div.heading {position:relative; display:block; width:940px; margin:0 10px 10px 10px; border-bottom:1px dashed #E8EDEC; padding:5px 0 10px} div.heading h1 {font-size:24px; line-height:29px; width:640px; color: #454545} div.headingSponsor {position: relative; width: 940px; margin: 0 10px; height: 35px} div.sponsor {position:absolute; right:0; bottom:4px; font-size:10px; color:#B6BBB0} /* Breadcrumb */ div.breadcrumb {display: block; background: url('../images/breadcrumbArrow.gif') left no-repeat; margin: 0 0 0 10px; padding: 5px 0 5px 15px; color: #E5997F; font-size: 11px;} div.breadcrumb a {color: #E5997F !important; font-size: 11px; padding: 0 5px} /* 1.2 Homepage ===========================================================*/ div#hpFeatureBox {clear:both; overflow:hidden} div#hpFeatureBox div.hpCol1 {float:left; padding:0 9px 11px 10px; width:620px; border-right:1px solid #E8EDEC} div#hpFeatureBox div.hpCol2 {float:right; padding:0 10px 0px 0; width:300px} /* 1.3 Search ===========================================================*/ div#search {margin:0 10px; padding:0 0 10px 0} div#search h1 {font-size:26px; padding:10px 0 5px} div#search h1 strong {color:#318F9C; font-weight:normal; font-size:26px} div#search h2 {font-size:18px; color:#666; padding:10px 0 8px 0; font-weight:normal} div#search h2 a {color:#318f9c; font-weight:bold; font-style:italic; text-decoration:underline; padding:0 3px 0 0} /* -*- Added a date at the top start */ div#search p.date {font-size:11px; color:#9C9E94; line-height:14px; padding-top:5px;} /* -*- Added a date at the top end */ /* Columns */ div#search div#cols {clear:both; padding:0 0 10px; overflow:hidden; width: 940px;} div#search div.colOne {width:629px; float:left; border-right:1px solid #E8EDEC; padding:0 0 10px 0} div#search div.colTwo {width:300px; float:left; margin:0 0 0 10px} /* Search by relevance */ div#search div#relevance {float:left; font-size:11px; height:25px; line-height:25px; overflow:hidden; padding-bottom:6px; width:610px;} div#search div#relevance p.left {float:left; margin:0; padding:0 !important;} div#search div#relevance p.right {float:right; margin:0; padding:0 !important;} div#search div#relevance a.option {color: #c00} /* This New CSS (April 09) should cover all results... */ div#search .searchItem {width: 620px; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px dashed #E8EDEC; overflow: hidden; color: #727567; font-size: 11px; line-height: 120%;} div#search .searchItem img {float: left; margin: 0 8px 0 0} div#search .searchItem .time {color: #99AEAC; padding:3px 0;} div#search .searchItem h4, div#search .searchItem h4 a {font-size:14px; color:#444; text-decoration:none;} div#search #photos .searchItem h4 a {background:url('../images/iconPhoto.gif') left -35px no-repeat; padding:0 0 0 17px;} div#search #watch .searchItem h4 a {background:url('../images/iconWatch.gif') left -19px no-repeat; padding:0 0 0 17px;} div#search div#read div.readItem hr {clear:none;} /* Extra stuff if you are in Watch search */ div#search .readItem .resultPic {float:left; width:140px; height:105px; padding:3px 10px 3px 5px;} div#search .readItem .resultVideoPic {float:left; width:145px; height:80px; padding:3px 10px 3px 5px;} div#search .readItem p.tvShow {color:#E5997F; padding:3px 0;} div#search .readItem p a {text-decoration:underline;/* border-bottom:1px solid #E5997F; */color:#E5997F;} /* Top Search Results */ .searchTopResults {background:#E3E9E8 url('../images/searchNewsSportsResultFooter.gif') bottom no-repeat; width:300px; padding: 0 0 5px; margin: 0 0 20px; color:#99AEAC; font-size:11px;} .searchTopResults .head {height:40px; background:url('../images/searchNewsSportsResultHeader.jpg') no-repeat left top;} .searchTopResults .head h3 {font-size:20px; color:#fff; padding:8px 0 0 10px} .searchTopResults .resultItem {margin: 0 8px; padding: 8px 0; width:284px; border-bottom: 1px solid #A7BFB8; border-top: 1px solid #fff; overflow: hidden} .searchTopResults .resultItem h4 a {background:url('../images/slidePanelIcons.gif') no-repeat; font-size:11px; font-weight:bold; color:#5F6156; text-decoration:none; padding:0 0 0 17px} #photoTopResults .resultItem h4 a {background:url('../images/slidePanelIcons.gif') 0 -68px no-repeat; font-size:11px; font-weight:bold; color:#5F6156; text-decoration:none; padding:0 0 0 17px} .searchTopResults .resultItem img {float:left; margin:0 8px 0 0;} .searchTopResults .first {border-top: none;} .searchTopResults .viewMore {border-top: 1px solid #fff; margin: 0 8px; padding: 8px 0; width:284px;} .searchTopResults .viewMore a {color:#E5997F; font-size:11px;} .searchTopResults .viewMore a:hover {color:#E5997F; text-decoration: underline} /* Search Read */ div#search div#read div.colOne {padding:0 10px 10px 0; width:619px} div#search div#read div.readItem {border-bottom:1px dashed #E8EDEC; padding:0 0 10px 0; margin:0 0 10px 0; overflow: hidden; width: 619px;} div#search div#read div.readItem h4, div#search div#read div.readItem h4 a {display:inline; font-size:14px; color:#444; text-decoration:none;} div#search div#read div.readItem h4 a.watch {background:url('../images/iconWatch.gif') left -19px no-repeat;} div#search div#read div.readItem h4 a.photos {background:url('../images/iconPhoto.gif') left -35px no-repeat; padding:0 0 0 17px;} div#search div#read div.readItem h4 a.watchFullEpisode {padding-left:15px; background:url('../images/iconWatchFullEpisode.gif') left 1px no-repeat;} div#search div#read div.readItem p a.watchFullEpisode {padding-left:15px; background:url('../images/iconWatchFullEpisode.gif') left -28px no-repeat; color:#F1B12C; display: inline-block;} div#search div#read div.readItem p a.community {color:#F1B12C;} div#search div#read div.readItem h4.catagoryNews {padding-left:53px; background:url('../images/bullets/searchCatagory.gif') 0px -21px no-repeat;} div#search div#read div.readItem h4.catagorySport {padding-left:53px; background:url('../images/bullets/searchCatagory.gif') 0px -42px no-repeat;} div#search div#read div.readItem h4.catagoryTelevision {padding-left:79px; background:url('../images/bullets/searchCatagory.gif') 0px -3px no-repeat;} div#search div#read div.readItem h4 a:hover {text-decoration:underline} div#search div#read div.readItem span.category {font-size:11px; color:#444; margin:0 0 0 5px} div#search div#read div.readItem span.category a {color:#E5997F; text-decoration:underline} div#search div#read div.readItem p {font-size:11px; line-height:1.2em; } div#search div#read .media p {margin:0 0 0 160px;} div#search div#read div.readItem p.time {color:#99AEAC; padding:3px 0} div#search div#read div.readItem p.episode {color:#444; border-top:1px dashed #E8EDEC; padding: 4px 0} /* Right Side */ div.colTwo .watch {background:#E3E9E8; margin-bottom:30px;} div.colTwo .watch .watchHead {width:300px; height:40px; background:url(../images/searchNewsSportsResultHeader.jpg) no-repeat left top;} div.colTwo .watch .watchFoot {width:300px; height:8px; background:url(../images/searchNewsSportsResultFooter.gif) no-repeat left top;} #container #main div.colTwo .watch hr {height:0px; width:280px; margin:0px auto; border-top:1px solid #CFD9D8; border-bottom:1px solid #F2F5F5;} div.colTwo .watch .watchHead h3 {font-size:20px; color:#FFFFFF; padding:8px 0 0 10px} div.colTwo .watch a.more {padding:10px 0 5px 12px; display:block} div.colTwo .watch .watchItem {line-height:16px; padding:7px 0; overflow:hidden; width:280px; margin:0px auto;} div.colTwo .watch .watchItem div, div.colTwo .see .seeItem div {margin:0 0 0 80px} div.colTwo .watch .watchItem div a, div.colTwo .see .seeItem div a {text-decoration:none} div.colTwo .watch .watchItem:first-child, div.colTwo .see .seeItem:first-child {border-top:none; padding:5px 0 0 0} div.colTwo .watch .watchItem img, div.colTwo .see .seeItem img {float:left; margin:0 8px 0 0} div.colTwo .watch .watchItem h4 a, div.colTwo .see .seeItem h4 a {background:url('../images/slidePanelIcons.gif') no-repeat; font-size:11px; font-weight:bold; color:#5F6156; text-decoration:none; padding:0 0 0 17px} div.colTwo .watch .watchItem h4 a {background-position:0 1px} div.colTwo .see .seeItem h4 a {background-position:0 -68px} div.colTwo .watch .watchItem h4 a:hover, div.colTwo .see .seeItem h4 a:hover {text-decoration:underline} div.colTwo .watch .watchItem .closeUp {display:block; color:#E5997F; font-size:11px} div.colTwo .watch .watchItem .date, div.colTwo .see .seeItem .date {font-size:11px; color:#99AEAC} div.colTwo .see .seeItem .imageCount {font-size:11px; font-weight:bold; color:#5F6156; display:block} /* -*- ADDED STYLES FOR NEW SEARCH by relevance ///// END stuff */ /* Navigation */ div#search .tabs {background:#EBEFEF url('../images/searchTabsBg.gif') top left no-repeat; height:36px; margin:10px 0 20px 0; line-height:30px} div#search .tabs div.corners {background:url('../images/searchTabsBg.gif') bottom right no-repeat; display:block; padding:0 10px 0 10px} div#search div#relevance ul, div#search .tabs ul {list-style:none; margin:0; padding:6px 10px 0 0; float:left} div#search div#relevance ul li, div#search .tabs ul li {font-size:10px; text-transform:uppercase; float:left} div#search div#relevance ul li a, div#search .tabs ul li a {background:#D7DFDE url('../images/searchTabs.gif') top left no-repeat; height:30px; display:block; float:left; text-decoration:none; text-transform:uppercase; color:#568384; cursor:pointer; padding:0 0 0 20px} div#search div#relevance ul li a span, div#search .tabs ul li a span {background:#D7DFDE url('../images/searchTabs.gif') top right no-repeat; display:block; padding:0 20px 0 0} div#search .tabs ul li a:hover {background:#A5B7B7 url('../images/searchTabs.gif') left -66px no-repeat} div#search div#relevance ul li a.selectd, div#search .tabs ul li a.selected {background:#fff url('../images/searchTabs.gif') left -33px no-repeat} div#search .tabs ul li a:hover span {background:#A5B7B7 url('../images/searchTabs.gif') right -66px no-repeat} div#search div#relevance ul li a.selected span, div#search .tabs ul li a.selected span {background:#fff url('../images/searchTabs.gif') right -33px no-repeat} div#search div#relevance ul li a span span.read, div#search .tabs ul li a span span.read, div#search div#relevance ul li a span span.watch, div#search .tabs ul li a span span.watch, div#search div#relevance ul li a span span.see, div#search .tabs ul li a span span.see {width:16px; height:16px; display:block; float:left; padding:0; margin:7px 5px 0 0} div#search div#relevance ul li a span span.read, div#search .tabs ul li a span span.read {background:url('../images/searchTabsRead.gif')} div#search div#relevance ul li a span span.watch, div#search .tabs ul li a span span.watch {background:url('../images/searchTabsWatch.gif')} div#search div#relevance ul li a span span.see, div#search .tabs ul li a span span.see {background:url('../images/searchTabsPhotos.gif'); width:20px; height:17px} div#search .tabs ul li a:hover span span.read {background:url('../images/searchTabsRead.gif') left -16px no-repeat} div#search div#relevance ul li a.selected span span.read, div#search .tabs ul li a.selected span span.read {background:url('../images/searchTabsRead.gif') left bottom no-repeat} div#search .tabs ul li a:hover span span.watch {background:url('../images/searchTabsWatch.gif') left -16px no-repeat} div#search div#relevance ul li a.selected span span.watch, div#search .tabs ul li a.selected span span.watch {background:url('../images/searchTabsWatch.gif') left bottom no-repeat} div#search .tabs ul li a:hover span span.see {background:url('../images/searchTabsPhotos.gif') left -17px no-repeat} div#search div#relevance ul li a.selected span span.see, div#search .tabs ul li a.selected span span.see {background:url('../images/searchTabsPhotos.gif') left bottom no-repeat} div#search .tabs p {font-size:11px; color:#568384; padding:6px 0 0 0} div#search .tabs p a, div#search .tabs p span {margin:0 0 0 5px; color:#568384; padding:0 5px 0 0; text-decoration:none} div#search .tabs p a:hover {text-decoration:underline} div#search .tabs p .option {text-decoration:underline; color:#c30} div#search div#relevance ul {padding:0; margin:0 0 0 10px;} div#search div#relevance ul li a, div#search div#relevance ul li a span {background:none; line-height:29px;} div#search div#relevance ul li.selected a {display:inline; height:29px; line-height:29px; background:url('../images/searchTabsSub.gif') left top no-repeat;} div#search div#relevance ul li.selected a:hover {background:url('../images/searchTabsSub.gif') left -71px no-repeat;} div#search div#relevance ul li.selected a span {background:url('../images/searchTabsSub.gif') right top no-repeat;} div#search div#relevance ul li.selected a:hover span {background:url('../images/searchTabsSub.gif') right -71px no-repeat;} div#search div#relevance ul li a span span.read, div#search div#relevance ul li a span span.watch {width:16px; height:16px; display:block; float:left; padding:0; margin:7px 5px 0 0} div#search div#relevance ul li a span span.photos {width:20px; height:16px; display:block; float:left; padding:0; margin:7px 5px 0 0} /* read icon states */ div#search div#relevance ul li a span span.read {background:url('../images/searchRelevanceIcons.gif') -4px -41px no-repeat;} div#search div#relevance ul li.selected a span span.read {background:url('../images/searchRelevanceIcons.gif') -4px -4px no-repeat;} div#search div#relevance ul li.selected a:hover span span.read {background:url('../images/searchRelevanceIcons.gif') -4px -78px no-repeat;} /* watch icon states */ div#search div#relevance ul li a span span.watch {background:url('../images/searchRelevanceIcons.gif') -106px -41px no-repeat;} div#search div#relevance ul li.selected a span span.watch {background:url('../images/searchRelevanceIcons.gif') -106px -4px no-repeat;} div#search div#relevance ul li.selected a:hover span span.watch {background:url('../images/searchRelevanceIcons.gif') -106px -78px no-repeat;} /* photos icon states */ div#search div#relevance ul li a span span.photos {background:url('../images/searchRelevanceIcons.gif') -212px -41px no-repeat;} div#search div#relevance ul li.selected a span span.photos {background:url('../images/searchRelevanceIcons.gif') -212px -4px no-repeat;} div#search div#relevance ul li.selected a:hover span span.photos {background:url('../images/searchRelevanceIcons.gif') -212px -78px no-repeat;} div#search .noResults h4 {font-weight:bold; font-size:16px} div#search .noResults ul {margin:10px 0} div#search .noResults ul li {list-style-position:inside; list-style-type:disc; margin:0 0 0 10px; font-size:11px; padding:3px 0; line-height:15px} div#search .noResults div.colOne {padding:25px 10px 10px 0; width:619px} div#search .noResults form {margin:10px 0; text-align:center; font-size:11px} div#search .noResults form input.searchField {border:1px solid #ccc; width:187px; height:16px; padding:3px 0 0 3px; margin:0 10px 0 0; color:#74A4A5; font-size:11px} div#search .noResults form input.searchField:focus {border:1px solid #2cb7ca; color:#000} div#search .noResults form .searchButton {background:url('../images/pageSearchButton.gif') no-repeat; height:21px; width:62px; border:none; cursor:hand; cursor:pointer; color:#fff; font-size:0; position:relative; top:-3px} /* Search Read */ div#search div#read div.colOne {padding:0 10px 10px 0; width:619px} div#search div#read div.readItem {border-bottom:1px dashed #E8EDEC; padding:0 0 10px 0; margin:0 0 10px 0} div#search div#read div.readItem h4, div#search div#read div.readItem h4 a {display:inline; font-size:14px; color:#444; text-decoration:none} div#search div#read div.readItem h4 a:hover {text-decoration:underline} div#search div#read div.readItem span.category {font-size:11px; color:#444; margin:0 0 0 5px} div#search div#read div.readItem span.category a {color:#E5997F; text-decoration:underline} div#search div#read div.readItem p {font-size:11px; line-height:1.2em} div#search div#read div.readItem p.time {color:#99AEAC; padding:3px 0} /* Search Watch */ div#search div#watch div.colOne {padding:0 10px 10px 0; width:619px} div#search div#watch div.watchItem {border-bottom:1px dashed #D7DFDE; padding:5px 0 10px 0; margin:0 0 10px 0; overflow:hidden; font-size:11px; width:620px} div#search div#watch div.watchItem div {margin:0 0 0 150px} div#search div#watch div.watchItem p {padding:2px 0} div#search div#watch div.watchItem img {float:left} div#search div#watch div.watchItem h4 a {background:url('../images/slidePanelIcons.gif') 0 3px no-repeat; font-size:14px; font-weight:normal; color:#666; text-decoration:none; padding:0 0 0 18px} div#search div#watch div.watchItem h4 a:hover {text-decoration:underline} div#search div#watch div.watchItem .closeUp {display:block; color:#E5997F; font-size:11px} div#search div#watch div.watchItem .date {font-size:11px; color:#99AEAC} /* Search See */ div#search div#see div.colOne {padding:0 10px 10px 0; width:619px; overflow:hidden} div#search div#see div.seeContent {overflow:hidden} div#search div#see div.seeRow {background:url('../images/searchSeeRowBg.gif') bottom no-repeat; margin:0 0 7px 0; overflow:hidden} div#search div#see div.last {background:none; margin:0} div#search div#see div.seeItem {padding:8px 0 10px 0; margin:0 7px; float:left; width:140px; display:block; font-size:11px;} div#search div#see div.seeItem p {padding:2px 0; line-height:130%} div#search div#see div.seeItem h4 {margin:4px 0} div#search div#see div.seeItem h4 a {background:url('../images/slidePanelIcons.gif') 0 -68px no-repeat; font-size:11px; font-weight:normal; color:#666; text-decoration:none; padding:0 0 0 17px} div#search div#see div.seeItem h4 a:hover {text-decoration:underline} div#search div#see div.seeItem .date {font-size:11px; color:#99AEAC} /* Right Side */ div.colTwo .watch, div.colTwo .see {border-bottom:1px dashed #D7DFDE; padding:0 0 10px 0; margin:0 0 10px 0; overflow:hidden} div.colTwo .watch h3, div.colTwo .see h3 {font-size:14px; color:#666; margin:0 0 10px 0} div.colTwo .watch h3 a, div.colTwo .see h3 a {text-decoration:none; color:#666; line-height:14px} div.colTwo .watch h3 a:hover, div.colTwo .see h3 a:hover {text-decoration:underline} div.colTwo .watch a.more, div.colTwo .see a.more {padding:0; line-height:1.5em; color:#E5997F} div.colTwo .watch .watchItem, div.colTwo .see .seeItem {border-top:1px dashed #D7DFDE; line-height:16px; padding:7px 0; float:left; width:300px} div.colTwo .watch .watchItem div, div.colTwo .see .seeItem div {margin:0 0 0 80px} div.colTwo .watch .watchItem div a, div.colTwo .see .seeItem div a {text-decoration:none} div.colTwo .watch .watchItem:first-child, div.colTwo .see .seeItem:first-child {border-top:none; padding:5px 0 0 0} div.colTwo .watch .watchItem img, div.colTwo .see .seeItem img {float:left; margin:0 8px 0 0} div.colTwo .watch .watchItem h4 a, div.colTwo .see .seeItem h4 a {background:url('../images/slidePanelIcons.gif') no-repeat; font-size:11px; font-weight:bold; color:#5F6156; text-decoration:none; padding:0 0 0 17px} div.colTwo .watch .watchItem h4 a {background-position:0 1px} div.colTwo .see .seeItem h4 a {background-position:0 -68px} div.colTwo .watch .watchItem h4 a:hover, div.colTwo .see .seeItem h4 a:hover {text-decoration:underline} div.colTwo .watch .watchItem .closeUp {display:block; color:#E5997F; font-size:11px} div.colTwo .watch .watchItem .date, div.colTwo .see .seeItem .date {font-size:11px; color:#99AEAC} div.colTwo .see .seeItem .imageCount {font-size:11px; font-weight:bold; color:#5F6156; display:block} /* -*- ADDED STYLES FOR NEW SEARCH ///// START */ div.colTwo .topResults, div.colTwo .featuredResult {background-color:#030108; border:1px solid #3A373F; margin:0px auto; margin-bottom:18px; width:298px;} /*padding:0 0 4px;*/ div.colTwo .topResults .contentFeature, div.colTwo .featuredResult .contentFeature {margin: 6px 0 0;} div.colTwo .topResults .inset {background:transparent url(../images/inset_bg.gif) repeat-x scroll left top; clear:both; margin:0 1px; overflow:hidden; padding:0px 3px 4px;position:relative; width:290px;} div.colTwo .featuredResult .inset {background:transparent url(../images/inset_bg.gif) repeat-x scroll left top; clear:both; margin:0 1px; overflow:hidden; padding:0px 3px 4px;position:relative; width:290px;} div#search div.colTwo .topResults .inset h2, div#search div.colTwo .featuredResult .inset h2 {height: 34px; color:#fff;} div#search div.colTwo .topResults .inset h2 {background: url('../images/titleVideoResults.jpg') no-repeat; display: block; text-indent: -9999px; padding: 0; width: 413px} div.colTwo .topResults .contentFeature, div.colTwo .featuredResult .contentFeature {margin:6px 0 0; background:#F4F7F7 url(../images/contentFeature2.gif) no-repeat scroll left bottom;} div.colTwo .topResults .contentFeature div.text {color:#646A71; margin:0; overflow:hidden; padding:2px 8px 8px; width:274px;} div.colTwo .topResults div.cfbA2 {overflow:hidden; padding:2px 0 3px; width:280px; font-size:10px;} div.colTwo .topResults .contentFeature .text h3 {font-size:16px; margin:5px 0;} div.colTwo .topResults .contentFeature .text h3 a {font-family:Arial,Helvetica,sans-serif; text-decoration:none;} div.colTwo .topResults .contentFeature .text h3 a:hover {text-decoration:underline; color:#64CEDD;} div.colTwo .topResults div.cfbA2 h3 {border-bottom:1px dashed #959AA0;} div.colTwo .topResults .contentFeature a {color:#2CB7CA; font-weight:bold;} div.colTwo .topResults div.cfbA2 img {float:left; margin:0 8px 0 0;} div.colTwo .topResults div.cfbA2 div.episode {display:block; height:45px; margin:0 0 3px; padding:0 0 7px;} div.colTwo .topResults div.cfbA2 div.episode {color:#8A98A8;} div.colTwo .topResults div.cfbA2 div.episode a {color:#2CB7CA; font-weight:normal; text-decoration:none;} div.colTwo .topResults div.cfbA2 div.episode a:hover {color:#64cedd; text-decoration:underline;} div.colTwo .topResults div.cfbA2 div.time {border-bottom:1px dashed #BBC1C8; border-top:1px dashed #BBC1C8; float:right; font-size:10px; margin:3px 0; padding:3px 0 6px; position:relative; width:121px;} div.colTwo .topResults div.cfbA2 div.time span {position: absolute; right: 3px; top: 3px;} div.colTwo .topResults .contentFeature div.bgDark {background-color:#E9ECED;} div.colTwo .topResults .contentFeature .borderOne {background:transparent url(../images/borderOne.gif) repeat-x scroll 0 0;} div.colTwo .topResults .contentFeature .borderTwo {background:transparent url(../images/borderTwo.gif) repeat-x scroll 0 0;} div.colTwo .topResults .footer {height:29px; background:#CFD6D8; padding: 10px 0 0 0; text-align: center;} #container #main div.colTwo .topResults hr {border-bottom:1px solid #FFFFFF; border-top:1px solid #D1D5D7; height:1px; margin:0; padding:0;} div.colTwo .topResults.community .contentFeature div.text {margin:0 auto 1px; padding:0 8px 6px; width:274px;} div.colTwo .topResults.community .contentFeature div.alt {background-color: #E9ECED;} div.colTwo .topResults.community .contentFeature h3 {border:none;} div.colTwo .topResults.community .contentFeature h3 a {font-weight:bold; color:#1E87AF;} div.colTwo .topResults.community .contentFeature h3 a span {color:#2CB7CA; font-family:Arial, Helvetica, sans-serif;} div.colTwo .topResults.community .contentFeature h3 a:hover {} div.colTwo .topResults.community .contentFeature a {font-weight:normal;} div#search div.colTwo .community .inset h2 {background: url('../images/titleCommunityResults.jpg') no-repeat; display: block; text-indent: -9999px; padding: 0} /* Featured result */ div.colTwo .featuredResult .contentFeature {min-height:130px; background:#F4F7F7 url(../images/contentFeature.gif) no-repeat scroll left bottom;} div.colTwo .featuredResult .contentFeature p {font-size:11px; padding-bottom:13px;} div.colTwo .featuredResult .contentFeature p a {color:#F1B12C;} div.colTwo .featuredResult .contentFeature .keyWord {color:#1E87AF; font-family:Arial, Helvetica, sans-serif;} div.colTwo .featuredResult .contentFeature .text {padding-top:10px;} div.colTwo .featuredResult .contentFeature .row {width:280px; margin:0 auto; position:relative;} div.colTwo .featuredResult .contentFeature .row h3 {font-size:16px; color:#2CB7CA; font-weight:bold; float:left; overflow:hidden; margin:0; padding:0;} div.colTwo .featuredResult .contentFeature .row h3.RightMargin {margin-right:10px;} div.colTwo .featuredResult span.iconSchedule {width:29px; height:26px; margin:0 7px; display:block; background:url(../images/icons/icon_schedule.gif) no-repeat left top; float:left; overflow:hidden;} div.colTwo .featuredResult span.iconPGR {width:19px; height:13px; display:block; float:left; margin:4px 2px; background:url(../images/icons/type_pgr.gif) no-repeat left top;} div.colTwo .featuredResult span.iconHearing {width:12px; height:13px; display:block; float:left; margin:4px 2px; background:url(../images/icons/type_hearingaid.gif) no-repeat left top;} div.colTwo .featuredResult span.iconHD {width:19px; height:13px; display:block; float:left; margin:4px 2px; background:url(../images/icons/type_hd.gif) no-repeat left top;} div.colTwo .featuredResult span.iconDolby {width:39px; height:13px; display:block; float:left; margin:4px 2px; background:url(../images/icons/type_dolby.gif) no-repeat left top;} div.colTwo .featuredResult .contentFeature p.description {padding:3px 5px 15px; line-height:14px;} /* Featured result [ENTERTAINMENT] */ div.colTwo .featuredResult span.iconEntertainment {width:19px; height:35px; margin:0 7px; display:block; background:url(../images/icons/icon_entertainment.gif) no-repeat left 4px; float:left; overflow:hidden;} div#search div.colTwo .featuredResult.entertainment .contentFeature p.date {display:block; overflow:hidden; padding:0 !important; width:230px;} div#search div.colTwo .featuredResult.entertainment .text img {padding:0 8px 3px 0;} div.colTwo .featuredResult.entertainment .contentFeature p.description {padding:3px 3px 0px;} div.colTwo .featuredResult.entertainment .button {height:38px; position:relative;} div.colTwo .featuredResult.entertainment .extras {padding:4px 3px; overflow:hidden; height:20px} div.colTwo .featuredResult.entertainment .extras li {float:left; overflow:hidden; font-size:11px; width:70px; height:16px; padding-left:20px;} div.colTwo .featuredResult.entertainment .extras li a {color:#F1B12C;} div.colTwo .featuredResult.entertainment .extras li.preview {background:url(../images/icons/small_preview.gif) no-repeat left top; width:60px !important; border-right:1px solid #D1D5D7;} div.colTwo .featuredResult.entertainment .extras li.webisodes {background:url(../images/icons/small_webisodes.gif) no-repeat 5px top; border-left:1px solid #FFF; border-right:1px solid #D1D5D7; padding-left:25px;} div.colTwo .featuredResult.entertainment .extras li.characters {background:url(../images/icons/small_characters.gif) no-repeat 5px top; border-left:1px solid #FFF; padding-left:25px;} div.colTwo .featuredResult.entertainment .extras li.yourSay {background:url(../images/icons/small_yoursay.gif) no-repeat left top; width:60px !important; border-right:1px solid #D1D5D7;} div.colTwo .featuredResult.entertainment .extras li.downloads {background:url(../images/icons/small_download.gif) no-repeat 5px top; padding-left:25px;} div.colTwo .featuredResult.entertainment .extras.borderBtm {border-bottom:1px solid #D1D5D7;} div.colTwo .featuredResult.entertainment .extras.borderTop {border-top:1px solid #FFF;} div.colTwo .featuredResult .contentFeature hr {border-color:#BFC5C8 !important;} /* -*- ADDED STYLES FOR NEW SEARCH ///// END */ /* Pagination */ /* -*- #search div.pagination {width:610px}*/ /* -*- EXTRA FOR NEW SEARCH start */ #search div.pagination {width:610px; overflow:hidden;} div.pagination.top {border-top:1px dashed #E8EDEC; padding-top:10px !important; overflow:hidden;} /* -*- EXTRA FOR NEW SEARCH end */ /* Advert */ #search .colTwo .advertisementPanel {background-image:none;padding:5px 0} /* 1.4 Article Detail Page ===========================================================*/ #articleDetail {margin:0 10px; padding:0 0 10px 0; overflow:hidden; clear:both; color: #454545;} /* Columns */ #articleDetail #cols {clear:both; overflow:hidden; width:940px; position:relative} #articleDetail #cols #colOne {width:700px; float:left; border-right:1px solid #E8EDEC; padding:0 10px 0 0; position:relative} #articleDetail #cols #colTwo {width:220px; float:right} /* Detail */ #detail {color:#99AEAC; font-size:11px; line-height:1.2em; width:700px; display:block} #detail .info {overflow:visible; position:relative; width:700px; display:block; min-height:50px; height: auto !important; height:50px;} #detail .info img {float:left; margin:0 5px 0 0} #detail .info .infoContent {float:left} #detail .info .infoContent p {line-height:15px} #detail .info .infoContent p strong {color:#6D8B88} #detail .info .infoContent p strong a {color:#6D8B88; text-decoration:none} #detail .info .infoContent p strong a:hover {text-decoration:underline} #detail .info .infoContent p.time {} #detail .info .infoContent .bullets {font-size:11px; line-height:15px; color:#5F6156; margin: 0; display: block; height: 13px; position: relative} #detail .info .infoContent .bullets span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -1px;} #detail .info .infoContent .breakingNews span {left: 114px} #detail .info .tools {text-align:right; position:absolute; right:0; top:0} #detail .info .tools img {float:none; margin:0; position:relative; top:2px} #detail .info .bullets {font-size:11px; line-height:15px; color:#5F6156; margin: 0; display: block; height: 13px; position: relative} #detail .info .bullets span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -1px;} #detail .info .breakingNews span {left: 114px} /* At A Glance */ #atAGlance {background:#EBEFEF url('../images/detailGlanceTop.gif') top no-repeat; margin:15px 0 10px 0; width:700px; display:block; position:relative} #atAGlance div.corners {background:url('../images/detailGlanceBottom.gif') bottom no-repeat; padding:0 10px 38px 10px; width:680px} #atAGlance h3 {color:#568384; font-size:14px; padding:8px 0 0 0} /* Changed 06/01/09 */ #atAGlance .glance {overflow: hidden; font-size:11px; padding:8px 0 0 0} #atAGlance .glance div {float:left; width:314px; color:#727567; padding:3px 10px 3px 16px; background: url('../images/bulletImg.gif') 4px 8px no-repeat;} /* change end */ #atAGlance .tabs ul {list-style:none; margin:0; padding:6px 10px 0 0; float:left; position:absolute; left:160px; bottom:0} #atAGlance .tabs ul li {font-size:10px; text-transform:uppercase; float:left} #atAGlance .tabs ul li a {background:#D7DFDE url('../images/searchTabs.gif') top left no-repeat; height:30px; line-height:30px; display:block; float:left; text-decoration:none; text-transform:uppercase; color:#568384; cursor:pointer; padding:0 0 0 25px} #atAGlance .tabs ul li a span {background:#D7DFDE url('../images/searchTabs.gif') top right no-repeat; display:block; padding:0 25px 0 0; width:auto} #atAGlance .tabs ul li a:hover {background:#A5B7B7 url('../images/searchTabs.gif') left -66px no-repeat} #atAGlance .tabs ul li a.selected {background:#fff url('../images/searchTabs.gif') left -33px no-repeat} #atAGlance .tabs ul li a:hover span {background:#A5B7B7 url('../images/searchTabs.gif') right -66px no-repeat} #atAGlance .tabs ul li a.selected span {background:#fff url('../images/searchTabs.gif') right -33px no-repeat} #atAGlance .tabs ul li a span span.read, #atAGlance .tabs ul li a span span.watch, #atAGlance .tabs ul li a span span.see {width:16px; height:16px; display:block; float:left; padding:0; margin:7px 5px 0 0} #atAGlance .tabs ul li a span span.read {background:url('../images/searchTabsRead.gif')} #atAGlance .tabs ul li a span span.watch {background:url('../images/searchTabsWatch.gif')} #atAGlance .tabs ul li a span span.see {background:url('../images/searchTabsPhotos.gif'); width:20px; height:17px} #atAGlance .tabs ul li a:hover span span.read {background:url('../images/searchTabsRead.gif') left -16px no-repeat} #atAGlance .tabs ul li a.selected span span.read {background:url('../images/searchTabsRead.gif') left bottom no-repeat} #atAGlance .tabs ul li a:hover span span.watch {background:url('../images/searchTabsWatch.gif') left -16px no-repeat} #atAGlance .tabs ul li a.selected span span.watch {background:url('../images/searchTabsWatch.gif') left bottom no-repeat} #atAGlance .tabs ul li a:hover span span.see {background:url('../images/searchTabsPhotos.gif') left -17px no-repeat} #atAGlance .tabs ul li a.selected span span.see {background:url('../images/searchTabsPhotos.gif') left bottom no-repeat} /* Headlines */ #colTwo div.advertisment {background:#F6F2DA url('../images/detailAdvert.gif') top no-repeat; width:220px; display:block; text-align:center; color:#95988D; font-size:11px} #colTwo div.advertisment a {padding:0; margin:0} #colTwo div.advertisment div.corners {background:url('../images/detailAdvert.gif') bottom no-repeat; display:block; height:655px; padding:10px 0 0 0} #colTwo div.advertisment div.corners div.title {margin:0 0 5px 0; line-height:25px} #colTwo hr {border-top:1px dashed #B6C9CD !important} #colTwo div.headlines {background:#E3E9E8 url('../images/headlines.gif') top no-repeat; width:220px; display:block; margin:10px 0} #colTwo div.headlines.first {margin:0 0 10px 0} #colTwo div.headlines div.corners {background:url('../images/headlines.gif') bottom no-repeat; display:block; padding:10px} #colTwo div.headlines h3 {color:#568384; font-size:14px} #colTwo ul {padding:0 0 5px 18px; margin:5px 0 0 0; list-style-position:outside; list-style-type:disc} /* changed 06/01/09 */ #colTwo ul li {font-size:11px; line-height:15px; color:#5F6156; margin:3px 0;} /* Changed 21/02/09 */ #colTwo ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -3px; *top: -1px;} /*#colTwo #latestNews .title {background-image:url(../images/miniLatestNewsTitle.gif);height:40px;text-indent:-9999px;width: 220px;}*/ #colTwo #latestNews .title {background:url('../images/titleBG220.jpg') top left no-repeat; height:33px; width:215px; font-size:24px; line-height:29px; color: #fff; padding: 5px 0 0 5px;} /* #colTwo ul li a span {background-image: url('../images/bullets/time.gif'); display: block; height: 11px; width: 9px; margin: 0; position: absolute; top: 0; left: 9px;} #colTwo ul li a span span {margin-left: 13px; position: relative; top: 0; left: 0;} */ /* change end */ #colTwo ul li a {text-decoration:none; color:#5F6156; position: relative;} /* change end */ #colTwo ul li a:hover {text-decoration:underline} #colTwo ul li a.watch, #colTwo ul li a.see {color:#E5997F} /* Tertiary Navigation */ #tertiaryNav {float:left; width:149px; display:block; padding:10px 0 0 0} #tertiaryNav h3 {color:#568384; font-size:14px} #tertiaryNav a.more, #tertiaryNav a.see, #tertiaryNav a.watch {color:#E5997F} #tertiaryNav div {margin:0 0 20px 0; padding:0 5px 0 0} #tertiaryNav div h5 {font-size:10px; text-transform:uppercase; padding:0 0 0 17px} #tertiaryNav div.theStory {background:#EBEFEF url('../images/tertiaryNavStory.gif') left top no-repeat} #tertiaryNav div.theStory div.corners {background:url('../images/tertiaryNavStory.gif') left bottom no-repeat; padding:5px; display:block} #tertiaryNav div.theStory div.corners hr {border-color:#D7DFDE !important} #tertiaryNav div.perspective h3 {color:#727567} #tertiaryNav div.perspective h5 {color:#D2BD46} #tertiaryNav div.related h3 {color:#568384} #tertiaryNav div.related h5 {color:#D96640} #tertiaryNav ul {padding:0 0 0 18px; margin:5px 0 0 0; list-style-position:outside; list-style-type:disc} /* changed 06/01/09 */ #tertiaryNav ul li {font-size:11px; line-height:15px; margin:0 0; color:#5F6156; position: relative;} #tertiaryNav ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -1px; *top: -1px;} /* #tertiaryNav ul li a span {background-image: url('../images/bullets/time.gif'); display: block; height: 11px; width: 9px; margin: 0; position: absolute; top: 0; left: 9px;} #tertiaryNav ul li a span span {margin-left: 13px; position: relative; top: 0; left: 0;} */ #tertiaryNav ul li a {text-decoration:none; color:#5F6156;} /* change end */ #tertiaryNav ul li a:hover {text-decoration:underline} /* Article */ div#articleDetail div.article {overflow:hidden; position:relative; background:url('../images/articleBackground.gif') repeat-y top left; width: 700px} /* Article Read */ div#articleDetail div#read {font-size:12px; width:540px; float:right; padding:10px 0 0 0} div#articleDetail div#read p {margin:0 0 14px 0; font-family:Arial, Helvetica, sans-serif; line-height:130%} div#articleDetail div#read p a {color:#80A2A3; font-family:Arial,Helvetica,sans-serif;} div#articleDetail div#read p a strong {color:#80A2A3; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}/* font-size:120%*/ div#articleDetail div#read p strong {color:#727567; font-family:Arial,Helvetica,sans-serif; font-weight:bold;}/* font-size:120%*/ /* Image */ div#articleDetail div#read div.image {float:right; display:block; width:300px; margin:0 0 10px 10px; color:#B8BAB3; border-bottom:1px dashed #D7DFDE} div#articleDetail div#read div.image p {font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0 0 6px 0} div#articleDetail div#read div.image p em {font-style:normal; display:block; padding:4px 0 2px 0} div#articleDetail div#read div.image ul {border-top:1px dashed #D7DFDE; padding:6px 0 8px 0; width:300px; float:left; line-height:15px} div#articleDetail div#read div.image ul li {float:left; margin:0 6px 0 0; white-space:nowrap} div#articleDetail div#read div.image ul li a {margin: 0 3px 0 0} div#articleDetail div#read div.image ul li a, div#articleDetail div#read div.image ul li span {float:left} div#articleDetail div#read div.image ul li span {color:#B8BAB3; font-size:10px} /* Timeline */ div#articleDetail div#read div.timeline {background:#F5F7F7 url('../images/timeline.gif') top no-repeat; width:230px; float:right; margin:0 0 10px 5px} div#articleDetail div#read div.timeline div.corners {background:url('../images/timeline.gif') bottom no-repeat; padding:10px; display:block} div#articleDetail div#read div.timeline h3 {color:#568384; font-size:14px} div#articleDetail div#read div.timeline ol {margin:10px 0 5px 0} div#articleDetail div#read div.timeline ol li {font-size:11px; position:relative; left:60px; width:160px; margin:0 0 6px 0; line-height:12px} div#articleDetail div#read div.timeline ol li strong {color:#568384; position:absolute; left:-60px} div#articleDetail div#read ul {list-style-type: disc; list-style-position: outside; margin:10px 0 5px 15px} div#articleDetail div#read ol {list-style-type: decimal; list-style-position: inside; margin:10px 0 5px 15px} div#articleDetail div#read li {font-size: 11px; line-height: 15px} /* Article Watch */ /* Video */ div#articleDetail div.video_400x284 {width:400px; height:284px; margin:10px auto; background-color:#1B2330; text-align:center; color:#fff; line-height:284px} div#articleDetail div#video {float:right; text-align:center; width:540px; padding:0 0 10px 0; height:365px} div#articleDetail div#video #banner_companion {height:60px; width:468px; padding:0 0 10px 0; margin:0 auto} div#articleDetail div#video .video {margin:10px 0} /* Watch Items */ div#articleDetail #watchExtra {padding:88px 0 0 0} div#articleDetail div.watch {font-size:12px; width:540px; float:right; position:relative;} div#articleDetail div.watch div.watchItem {overflow:hidden; width:540px; border-bottom:1px dashed #D7DFDE; margin:0 0 5px 0; font-size:11px; padding:5px 0; line-height:1.2em; position:relative} div#articleDetail div.watch div.watchItem h4 {margin:0 0 4px 0; padding:3px 0 0 0} div#articleDetail div.watch div.watchItem h4 a.watch {background:url('../images/iconWatch.gif') left -21px no-repeat; color:#666; text-decoration:none; font-size:11px; font-weight:bold} div#articleDetail div.watch div.watchItem h4 a:hover {text-decoration:underline} div#articleDetail div.watch div.watchItem p {margin:0} div#articleDetail div.watch div.watchItem img {border:3px solid #fff; float:left; margin:0 5px 5px 0} div#articleDetail div.watch div.watchItem a:hover img {border:3px solid #2CB7CA} div#articleDetail div.watch div.watchItem strong {color:#666} div#articleDetail div.watch div.selected {background:url('../images/watchItemSelected.gif') top left no-repeat; border:none; padding:13px; margin:0 0 5px 0; width:514px; height:68px; position:absolute; top:375px} div#articleDetail div.watch div.selected img {border:3px solid #2CB7CA} div#articleDetail div.watch div.selected h4 a.watch {background:url('../images/iconWatch.gif') left 1px no-repeat; color:#27A8CA} div#articleDetail div.watch div.selected span.play {background:url('../images/play.png') left 1px no-repeat; height:40px; width:40px; display:block; position:absolute; top:22px; left:30px; z-index:100} /* Large Video */ .wideVideo {background: none !important;} .wideVideo #tertiaryNav {background: url('../images/articleBackground.gif') repeat-y -1px top !important;} .wideVideo div#video {width:700px !important; height:490px !important} .wideVideo div.watch div.selected {top:500px !important} /* Watch More*/ div#articleDetail div.watch div.watchMore {overflow:hidden; width:540px} div#articleDetail div.watch div.watchMore h3 {color:#568384; font-size:14px} div#articleDetail div.watch div.watchMore div {float:left; display:block; width:147px; overflow:hidden; height:160px; border-bottom:1px dashed #D7DFDE; margin:9px 14px} div#articleDetail div.watch div.watchMore div a img {border:3px solid #fff} div#articleDetail div.watch div.watchMore div a:hover img {border:3px solid #2CB7CA} div#articleDetail div.watch div.watchMore div p {margin:0; padding:3px 0; line-height:130%} div#articleDetail div.watch div.watchMore div p a {background:url('../images/iconWatch.gif') left -21px no-repeat; font-weight:bold; padding:0 0 0 17px; font-size:11px; color:#666; text-decoration:none} div#articleDetail div.watch div.watchMore div p a:hover {text-decoration:underline} /* Article See */ div#articleDetail div#see {overflow:hidden; font-size:12px; width:540px; float:right; padding:10px 0 0 0} div#articleDetail div#see p {font-size:90%; margin:0 0 14px 0; line-height:130%} div#articleDetail div#see div.seeContent {overflow:hidden} div#articleDetail div#see div.seeRow {background:url('../images/seeContentRowBg.gif') bottom no-repeat; overflow:hidden; width:540px} div#articleDetail div#see div.seeItem {width:140px; margin:14px 59px 0 0; display:block; float:left; position: relative;} div#articleDetail div#see div.seeItem a {text-decoration:none} div#articleDetail div#see div.seeItem span.enlarge {text-decoration: underline; color: #E5997F !important; position: absolute; right: 0; cursor: pointer} div#articleDetail div#see div.last {margin:14px 0 0 0} div#articleDetail div#see div.lastRow {background:none} div#articleDetail div#see div.seeItem p {padding:4px 0; font-size:11px; margin:0} div#articleDetail div#see .tools p {font-size:11px} /* Advertisment */ div.ad_300_250 {display:block; padding:5px 0 15px 0; margin:10px 20px 10px 0; width:300px; border-bottom:1px dashed #D7DFDE; text-align:center; color:#95988D; font-size:11px; float:left} div.adFullWidth_300_250 {display:block; padding:5px 0; margin:20px 10px 0 0; width:540px; height:260px; border-top:1px dashed #D7DFDE; text-align:center; color:#95988D; font-size:11px; float:left} div.adFullWidth_300_250 .title, div.ad_300_250 .title {padding:0 0 5px 0; line-height:15px} /* Advertisment Multi */ div.article .advertisementMulti {display:block; padding:5px 0; text-align:center; color:#95988D; font-size:11px} div.article .advertisementMulti ul {margin:10px 0} div.article .advertisementMulti ul li {float:left; width:260px; margin:0 4px 8px 0; text-align:left; overflow:hidden} div.article .advertisementMulti ul li a {text-decoration:none; color:#95988D} div.article .advertisementMulti ul li a:hover strong {text-decoration:underline} div.article .advertisementMulti ul li img {float:left; margin:0 6px 0 0} div.article .advertisementMulti ul li strong {display:block; padding:0 0 4px 0} div.advertisementMulti ul li.ami strong {color:#FFC004} div.advertisementMulti ul li.nationalBank strong {color:#009800} div.advertisementMulti ul li.airNZ strong {color:#01A9E8} div.advertisementMulti ul li.vodafone strong {color:#EF001F} div.advertisementMulti ul li.myLotto strong {color:#AE2E81} div.advertisementMulti ul li.ticketek strong {color:#07488E} /* Pagination */ div.article div.pagination {padding:5px 0; line-height:14px; width:539px; font-weight:bold} /* Tools */ div.tools {text-transform:uppercase; font-size:10px} div.tools p {font-size:10px; margin:0; line-height:16px; color:#99AEAC} div.tools a {text-decoration:none} div.tools a.email, div.tools a.print {padding:2px 0 2px 20px; margin:0 5px 0 0; text-decoration:none; color:#99AEAC} div.tools a.email {background:url('../images/toolsEmail.gif') no-repeat} div.tools a.print {background:url('../images/toolsPrint.gif') no-repeat} div.tools a:hover.email, div.tools a:hover.print {text-decoration:underline} div.tools strong {display:none} div.tools .share {text-transform:lowercase; padding:10px 0 0 0; font-size:11px; vertical-align: bottom} div.tools .share img {bottom:-2px; position:relative;} div.tools .share span {display:none} div.tools .share a {color:#E5997F; font-size:1px} div.tools .share a:hover {text-decoration:none} div.tools .share a.shareMore {font-size:11px; text-decoration:underline; color:#E5997F !important;} div.tools .share a.shareMore:hover {text-decoration:underline} div.tools a.increaseFont, div.tools a.decreaseFont {padding:1px 0px 0px 12px; margin:0; text-decoration:none; overflow:hidden} div.tools a.increaseFont {background:url('../images/toolsPlus.gif') no-repeat} div.tools a.decreaseFont {background:url('../images/toolsMinus.gif') no-repeat} div.toolsMove {position:absolute; top:0; right:240px} div.article div.tools {padding:8px 0; position:relative; width:540px} div#articleDetail div.article div.tools p {margin:0 !important} div.article div.tools p.share {position:absolute; right:0; top:3px; padding:0} div.article div.tools p.share img {float:none; margin:0; position:relative; top:2px} /* disabled Tools */ div.tools p.disabled, div.tools p.disabled a.print {color:#D9DADA} div.tools p.disabled a.increaseFont, div.tools p.disabled a.decreaseFont {background-position:0px -13px} div.tools p.disabled a.print {background-position:0px -16px} div.tools p.disabled a.print:hover {text-decoration:none} /* 1.5 World Page ===========================================================*/ #worldPage {padding:0 0 10px 0; overflow:hidden; clear:both} #worldPage h1 {color:#C30; font-weight:normal; height:30px} #worldPage h1 a {display:block; height:30px; color:#C30} /* Lead Story */ #worldPage .leadStory {padding:0 0 10px 0; font-size:12px; width: 300px} #worldPage .leadStory h2 {font-size:26px; line-height:120%; margin:4px 0; color:#666} #worldPage .leadStory h2 a {color:#666; text-decoration:none} #worldPage .leadStory h2 a:hover {text-decoration:underline} #worldPage .leadStory p {font-family:Arial, Helvetica, sans-serif; line-height:15px; float:left} /* Changed 21/02/09 */ #worldPage .leadStory p a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -2px; *top: -1px;} #worldPage .leadStory p a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#828578; position: relative;} /* change end */ #worldPage .leadStory p a.watch {color:#E5997F; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:underline} #worldPage .lsBreakingNews {background:url('../images/leadStoryBreakingNews.gif') top no-repeat; padding:35px 0 10px 0;} #worldPage .lsBreakingNews h2 a {color:#c30} /* Feature Story */ #worldPage .featureStory {font-size:11px; line-height:130%} #worldPage .featureStory .featureStoryItem {font-size:11px; line-height:120%; margin:0 0 8px 0; padding:7px 0 0 0; border-top:1px dashed #E8EDEC; overflow:hidden; width: 300px;} #worldPage .featureStory .first {border:none; padding:0} #worldPage .featureStory .featureStoryItem .image {float: left; width: 140px; height: 105px; display: block; overflow: hidden;} #worldPage .featureStory .featureStoryItem img {float: left;} #worldPage .featureStory .featureStoryItem div {margin: 0 0 0 150px; width: 140px; position: relative} /* #worldPage .featureStory .featureStoryItem div h4 {width: 140px;} #worldPage .featureStory .featureStoryItem div h4 a {font-size:11px; font-weight:bold; color:#666; text-decoration:none} */ /* changed 06/05/09 */ /* Changed 21/02/09 */ /* #worldPage .featureStory .featureStoryItem div h4 a span {background-image: url('../images/bullets/time.gif'); display: block; height: 11px; width: 9px; margin: 0; position: absolute; top: 0px; left: 8px;} #worldPage .featureStory .featureStoryItem div h4 a span span {margin-left: 13px; position: relative; top: 0; left: 0;} */ /* change end */ .featureStory .featureStoryItem div h4 {width: 140px; overflow: visible; position: relative;} #worldPage .featureStory .featureStoryItem div h4 a {font-size:11px; font-weight:bold; color:#666; text-decoration:none;} #worldPage .featureStory .featureStoryItem div h4 a img {float: left;} .featureStory h4.breakingNews a img {float: none !important; position: relative; display: block; z-index: 1; width:129px; height:13px; } .featureStory h4.updated a img {float: none !important; position: relative; display: block; z-index: 1; width:96px; height:13px; } .featureStory .featureStoryItem div h4 a span {font-size: 9px; color: #fff !important; position: absolute; left: 4px; top: 1px; font-weight: normal; z-index: 50;} /* change end */ #worldPage .featureStory .featureStoryItem div p a {text-decoration:none; color:#828578} #worldPage .featureStory .featureStoryItem div h4 a:hover {text-decoration:underline} #worldPage .featureStory .featureStoryItem div a.see {margin:0 0 0 5px; color:#E5997F; text-decoration:underline} #worldPage .featureStory .featureStoryItem div a.watch {color:#E5997F; text-decoration:underline} /* Headlines */ div.worldHeadlines {font-size:11px; line-height:130%; background: url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 0 0; overflow:hidden} div.worldHeadlines a.rssFeed {float: right; width: 41px; height: 15px; clear: both; overflow: hidden;} div.worldHeadlines h4 {font-size:11px; color:#2CB7CA; font-weight:bold; border-bottom:1px dashed #E8EDEC; display:block; padding:18px 0 5px 0} div.worldHeadlines h4 strong {color:#666; text-transform:uppercase} div.worldHeadlines ul {margin:10px 0 5px 0; position:relative} div.worldHeadlines ul li {list-style-type:disc; list-style-position:outside; margin:3px 10px 3px 15px; line-height:15px; background-position:0 4px;} div.worldHeadlines ul li a {color:#5F6156 !important; text-decoration:none; position: relative} div.worldHeadlines ul li a img {vertical-align: text-top;} div.worldHeadlines ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -1px; font-weight: normal;} div.worldHeadlines ul li a:hover {color:#5F6156; text-decoration:underline} div.worldHeadlines ul li a.watch, div.worldHeadlines ul li a.see {color:#E5997F !important} /* 1.6 Sports Page ===========================================================*/ #sportsPage {padding:0 0 10px 0; overflow:hidden; clear:both; width:960px} #sportsPage h1 {color:#C30; font-weight:normal; height:30px; position:relative; top:2px} #sportsPage h1 a {display:block; height:30px; color:#C30} #sportsPage div.sponsor {bottom:8px} #sportsPage div.hp4Col {background:url('../images/sports4Col.gif') left top repeat-y; width:940px; margin:10px; overflow:hidden} #sportsPage div.hpColWide {overflow:hidden} #sportsPage div.hpColWide div.hpCol1 {float:left; width:300px; margin:0 10px 0 0} #sportsPage div.hpColWide div.hpCol2 {float:right; width:300px; margin:0 0 0 10px} /* Left Tertiary Navigation */ #sportsPage .hp4Col .hpCol1 {width:160px; float:left} #sportsPage .hp4Col .tertiaryNav {background:url('../images/sportsTertiaryTop.gif') left top no-repeat; font-size:11px; color:#727567; overflow:hidden} #sportsPage .hp4Col .tertiaryNav .corners {background:url('../images/sportsTertiaryBottom.gif') left bottom no-repeat; margin:10px 0 0 0; padding:0 0 10px 0; float:left; display:block} #sportsPage .hp4Col .tertiaryNav ul li.heading {color:#568384; font-size:11px; font-weight:bold; padding:6px 10px 2px 10px; list-style-type:none} #sportsPage .hp4Col .tertiaryNav ul {margin:0 0 5px 0; overflow:hidden} #sportsPage .hp4Col .tertiaryNav ul li {list-style-type:none; margin:0; padding:0; float: left} #sportsPage .hp4Col .tertiaryNav ul li a {background:url('../images/sportsTertiaryNav.gif') top left no-repeat; text-decoration:none; color:#727567; width:157px; height:19px; line-height:19px; float:left; text-indent:24px} #sportsPage .hp4Col .tertiaryNav ul li a:hover, #sportsPage .hp4Col .tertiaryNav ul li a.selected {background-position:bottom left; font-weight:bold} /* Lead Story */ #sportsPage .hp4Col .hpCol2 {width:300px; margin:5px 10px 0 0; float:left} #sportsPage .leadStory {padding:0 0 10px 0; font-size:12px; width: 300px} #sportsPage .leadStory h2 {font-size:26px; line-height:120%; margin:4px 0; color:#666} #sportsPage .leadStory h2 a {font-family:Arial, Helvetica, sans-serif; color:#666; text-decoration:none} #sportsPage .leadStory h2 a:hover {text-decoration:underline} #sportsPage .leadStory p {font-family:Arial, Helvetica, sans-serif; line-height:15px; float:left} /* changed 06/05/09 */ /* Changed 21/02/09 */ #sportsPage .leadStory p a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -2px; *top: -1px;} /* #sportsPage .leadStory p a span {background-image: url('../images/bullets/time.gif'); display: block; height: 11px; width: 9px; margin: 0; position: absolute; top: 2px; left: -36px;} #sportsPage .leadStory p a span span {margin-left: 13px; position: relative; top: 0; left: 0;} */ /* change end */ #sportsPage .leadStory p a {font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#828578; position: relative;} /* change end */ #sportsPage .leadStory p a.watch, #sportsPage .leadStory p a.see {color:#E5997F; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:underline} #sportsPage .lsBreakingNews {background:url('../images/leadStoryBreakingNews.gif') top no-repeat; padding:35px 0 10px 0;} #sportsPage .lsBreakingNews h2 a {color:#c30} /* Feature Story */ #sportsPage .hp4Col .hpCol3 {width:220px; margin:5px 10px; float:left} #sportsPage .featureStory {font-size:11px; line-height:130%} #sportsPage .featureStory .featureStoryItem {font-size:11px; line-height:120%; margin:0 0 8px 0; padding:10px 0 0 0; border-top:1px dashed #E8EDEC; overflow:hidden} #sportsPage .featureStory .featureStoryItem:first-child {border:none; padding:0} #sportsPage .featureStory .featureStoryItem .image {float: left; width: 140px; height: 105px; display: block; overflow: hidden;} #sportsPage .featureStory .featureStoryItem img {float: left} #sportsPage .featureStory .featureStoryItem div {margin: 0 0 0 80px; width: 140px} /*#sportsPage .featureStory .featureStoryItem div h4 {position: relative;}*/ #sportsPage .featureStory .featureStoryItem div h4 a {font-size:11px; font-weight:bold; color:#666; text-decoration:none;} #sportsPage .featureStory .featureStoryItem div p a {text-decoration:none; color:#828578} #sportsPage .featureStory .featureStoryItem div p a.watch, #sportsPage .featureStory .featureStoryItem div p a.see {color:#E5997F !important; text-decoration:underline} #sportsPage .featureStory .featureStoryItem div h4 a:hover {text-decoration:underline} #sportsPage .featureStory .featureStoryItem div .see {margin:0 0 0 5px} /* Latest Sports News shared (wide, and narrow) */ #latestSportsNewsWide .newsWrapper, #sportsPage #latestSportsNews {clear:both; padding:0 0 6px 0; position:relative; margin:0 0 10px 0; font-size:11px} #latestSportsNewsWide .title, #sportsPage #latestSportsNews .title {padding: 5px 0 0 5px; height:33px; font-size:24px; line-height:29px; color: #fff;} #latestSportsNewsWide ul, #sportsPage #latestSportsNews ul {list-style-position:outside; list-style-type:disc; margin:5px 0 0; padding:0 0 5px 18px;} #latestSportsNewsWide ul li, #sportsPage #latestSportsNews ul li {line-height:15px; margin:3px 0;font-size:11px;} #latestSportsNewsWide ul li a, #sportsPage #latestSportsNews ul li a {color:#474941; text-decoration:none; position: relative;} #latestSportsNewsWide ul li a:hover, #sportsPage #latestSportsNews ul li a:hover {text-decoration:underline} #latestSportsNewsWide ul li .see, #latestSportsNewsWide ul li .watch, #sportsPage #latestSportsNews ul li .see, #sportsPage #latestSportsNews ul li .watch {background-image:url('../images/linkIcons.gif'); color: #E5997F} /* Changed 24/02/09 */ #latestSportsNewsWide ul li a img, #sportsPage #latestSportsNews ul li a img {vertical-align: text-top} #latestSportsNewsWide ul li a span, #sportsPage #latestSportsNews ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; line-height: 9px; top: 2px;} /* change end */ /* Latest Sports News */ #sportsPage .hp4Col .hpCol4 {width:220px; float:right} #sportsPage #latestSportsNews {background:#EBEFEF url('../images/sportsLatestSportsNewsBot.gif') left bottom no-repeat; width:220px;} #sportsPage #latestSportsNews .title {background:url('../images/titleBG220.jpg') top left; width:215px} /* Latest Sports News Wide (Generic) */ #latestSportsNewsWide {overflow: hidden; padding: 10px 0 0 0; border-top:1px dashed #E8EDEC;} #latestSportsNewsWide .newsWrapper {background:#EBEFEF url('../images/latestNewsBot.gif') left bottom no-repeat; width:300px; overflow:hidden} #latestSportsNewsWide .title {background:url('../images/titleBG300.jpg') top left; width:295px} #latestSportsNewsWide ul li {width: 280px;} /* Video highlights */ #videoHighlights {position:relative; background: url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 10px 0} #videoHighlights h2 {color:#C30; font-weight:normal; font-size:24px; height:30px; line-height:1.2em} /*#videoHighlights h2 a {background:url('../images/videoHighlightsTitle.gif') left 6px no-repeat; color:#C30; font-weight:normal; font-size:24px; text-indent:-9999px; line-height:1.2em; height:30px; display:block}*/ #videoHighlights a.rssFeed {position:absolute; right:3px; top:19px} #videoHighlights .videoItem {overflow:hidden; font-size:11px; color:#99AEAC; border-top:1px dashed #E8EDEC; margin:8px 0 0 0; padding:7px 0 0 0; width: 300px;} #videoHighlights .videoItem img {float:left} #videoHighlights .videoItem div {margin:0 0 0 80px} #videoHighlights .videoItem div h4 a {color:#666; font-size:11px; text-decoration:none; font-weight:bold} #videoHighlights .videoItem div h4 a.watch {background:url('../images/slidePanelIcons.gif') left top no-repeat} #videoHighlights .videoItem .closeUp {display:block; color:#E5997F; font-size:11px} #videoHighlights .videoItem p {line-height:14px} #videoHighlights p {margin:2px 0 0 0} #videoHighlights p a.more {display:block; color:#E5997F; font-size:11px; padding:0} /* Video highlights */ .videoHighlights {position:relative; background: url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 10px 0} .videoHighlights h2 {color:#C30; font-weiht:normal; font-size:24px; height:30px; line-height:1.2em} .videoHighlights h2 a {color:#C30;text-decoration:none;} .videoHighlights h2 a:hover {color: #E5997F;text-decoration:underline;} /*.videoHighlights h2 a {background:url('../images/videoHighlightsTitle.gif') left 6px no-repeat; color:#C30; font-weight:normal; font-size:24px; text-indent:-9999px; line-height:1.2em; height:30px; display:block}*/ .videoHighlights a.rssFeed {position:absolute; right:3px; top:19px} .videoHighlights .videoItem {overflow:hidden; font-size:11px; color:#99AEAC; border-top:1px dashed #E8EDEC; margin:8px 0 0 0; padding:7px 0 0 0; width: 300px;} .videoHighlights .videoItem img {float:left} .videoHighlights .videoItem div {margin:0 0 0 80px} .videoHighlights .videoItem div h4 a {color:#666; font-size:11px; text-decoration:none; font-weight:bold; position: relative;} /* Changed 24/02/09 */ .videoHighlights .videoItem div h4 a img {vertical-align: text-top;float: none;} .videoHighlights .videoItem div h4 a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; line-height: 9px; top: 2px; font-weight: normal} .videoHighlights .videoItem div h4 a span {*top: 5px;} /* change end */ .videoHighlights .videoItem div h4 a.watch {background:url('../images/slidePanelIcons.gif') left top no-repeat} .videoHighlights .videoItem .closeUp {display:block; color:#E5997F; font-size:11px} .videoHighlights .videoItem p {line-height:14px} .videoHighlights p {margin:2px 0 0 0} .videoHighlights p a.more {display:block; color:#E5997F; font-size:11px; padding:0} /* Poll */ #poll {background:#EBEFEF url('../images/pollCorners.gif') top left no-repeat; position:relative; font-size:11px; color:#727567} #poll .corners {background:url('../images/pollCorners.gif') bottom left no-repeat; padding:2px 8px 10px 8px} #poll h2 {color:#568384; font-weight:normal; font-size:24px; height:30px; line-height:1.2em} #poll h2 a {background:url('../images/pollTitle.gif') left 6px no-repeat; color:#568384; font-weight:normal; font-size:24px; text-indent:-9999px; line-height:1.2em; height:30px; display:block} #poll h3 {color:#568384; font-family:Arial, Helvetica, sans-serif; font-size:14px} #poll a.viewResults {position:absolute; right:10px; top:14px; color:#E5997F; font-size:11px; text-decoration:underline} #container #main #poll hr {border:none; border-top:1px dashed #D7DFDE; border-bottom: none; height:1px; max-height:0px; clear:both; margin:3px 0} #poll p {font-weight:bold; margin:4px 0; line-height:14px} #poll form ul {margin:0; padding:0} #poll form ul li {font-weight:bold; height:22px; line-height:22px; margin:0; padding:0; overflow:hidden; list-style-type:none; overflow:hidden} #poll form ul li input {float:left; display:block} #poll form ul li label {margin:0 0 0 2px} #poll ul.related li {font-weight:normal; line-height:18px; list-style-position:inside; list-style-type:disc} #poll .pollContainer a {display:block; line-height:22px; font-weight:bold; color:#727567; text-decoration:none; padding: 0 0 0 22px; background:url('../images/checkBox.jpg') no-repeat 4px 6px} #poll .pollContainer a.selected {background-image:url('../images/checkBoxSelected.jpg')} /*==================================================================================================================== MODULES ======================================================================================================================*/ /* 2.1 Pagination ===========================================================*/ div.pagination {color:#D7DFDE; font-size:11px; overflow:hidden; clear:both} div.pagination span {padding:1px 8px; border-right:1px solid #D7DFDE; display:block; float:left} div.pagination .previous {padding:0 8px 0 0} div.pagination .next {border:none} div.pagination .viewWhole {border:none; border-left:1px solid #D7DFDE} div.pagination a {color:#c30} div.pagination a:hover {color:#000} /* Results */ div.pagination div.results {float:right; color: #727567; font-weight: normal; text-align:right} div.pagination div.results strong {color:#658E8E} /* 2.2 Feature Panel (Hero Panel) ===========================================================*/ #heroPanel {height:220px; background-color:#EBEFEF; position:relative} /* Navigation */ #heroPanel .heroPanelNav {height:220px; width:230px; float:left; overflow:hidden; position:relative} #heroPanel .heroPanelNav .hero {height:134px; width:230px; position:absolute; background-color:#828578; color:#fff; left:230px} #heroPanel .heroPanelNav .hero.breakingNews, #heroPanel .heroPanelNav .heroMini.breakingNews {background-color:#B02D00; color: #ffffff} #heroPanel .heroPanelNav .hero .article {position: relative} #heroPanel .heroPanelNav .hero .article img {vertical-align: text-top} #heroPanel .heroPanelNav .hero .article span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: 0px;} #heroPanel .heroPanelNav .hero .article span {*top:-1px;} #heroPanel .heroPanelNav .heroMini {height:43px; width:230px; display:block; position:absolute; background-color:#EBEFEF; color:#6F7667; left:230px} #heroPanel .heroPanelNav .hero.selected, #heroPanel .heroPanelNav .heroMini.selected {left:0px} #heroPanel .heroPanelNav h3 a {font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:23px; font-weight:normal; color:#fff; text-decoration:none} #heroPanel .heroPanelNav h3 a:hover {text-decoration:underline} #heroPanel .heroPanelNav .hero .article {color:#fff; text-decoration:none} #heroPanel .heroPanelNav .hero .holder, #heroPanel .heroPanelNav .heroMini .holder {padding:10px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; display:block} #heroPanel .heroPanelNav a.watch, #heroPanel .heroPanelNav a.see {color:#E5997F; padding:0 0 0 17px; text-decoration:none} #heroPanel .heroPanelNav a:hover {text-decoration:underline} #heroPanel .heroPanelNav a.see {background:url('../images/linkIcons.gif') left bottom no-repeat; margin: 0 0 0 5px} #heroPanel .heroPanelNav a.watch {background:url('../images/linkIcons.gif') left 1px no-repeat} #heroPanel .heroPanelNav #hero1 {top:0px} #heroPanel .heroPanelNav #hero2 {top:43px} #heroPanel .heroPanelNav #hero3 {top:86px} #heroPanel .heroPanelNav #hero1Mini {top:0px} #heroPanel .heroPanelNav #hero2Mini {top:134px} #heroPanel .heroPanelNav #hero3Mini {top:177px} /* Image Overlays */ #heroPanel .overlayLHS {position:absolute; top:0px; left:0px; z-index:1} #heroPanel .overlayRHS {position:absolute; top:0px; right:0px} /* Content */ #heroPanel .heroPanelContent {height:220px; width:390px; float:left; overflow:hidden; position:relative; z-index:0} #heroPanel .heroPanelContent div {width:390px; height:220px} #heroPanel .heroPanelContent div, #heroPanel .heroPanelContent img {position:absolute; top:0px; left:0px; display:none; z-index:1} #heroPanel .heroPanelContent div.videoHolder img {display:block} #heroPanel .heroPanelContent .selected {display:block} #heroPanel .heroPanelContent .breakingNewsArrow, #heroPanel .heroPanelContent .selectedArrow {top:47px; z-index:2; display:block} #heroPanel .heroPanelContent .breakingNewsArrow {left:390px} #heroPanel .heroPanelContent .selectedArrow {left:370px} #heroPanel .heroPanelContent .hoverArrow {top:0px; left:390px; z-index:2; display:block} /* 2.3 Weather Panel ===========================================================*/ #weatherPanel {width:620px; padding:10px 0 0 0; margin:0 1px; position:relative} /* Navigation */ #weatherPanel .mainNav {padding:2px 0 13px 0; font-size:10px; color:#C4D0D0} #weatherPanel .mainNav a {color:#E5997F; border-left:1px solid #eee; margin:0 8px 0 0; padding:0 0 0 8px; font-weight:bold; text-decoration:none} #weatherPanel .mainNav a.first {border:none} #weatherPanel .mainNav a:hover {text-decoration:underline} #weatherPanel .mainNav span.title a {color:#6F7667 !important; font-weight:bold; font-size:11px; text-transform:uppercase; border:none; padding:0; margin:0} /* Main Images */ #weatherPanel .areaGroup {position:relative; overflow:hidden; height:78px; width:620px} #weatherPanel .areaGroup .area {height:78px; width:103px; float:left; color:#fff; position:relative} #weatherPanel .areaGroup .area .weather {position:absolute; top:0px; z-index:0} #weatherPanel .areaGroup .area .max, #weatherPanel .areaGroup .area .min, #weatherPanel .areaGroup .area .direction {background:url('../images/weatherBg.gif') repeat-x; width:30px; height:18px; font-size:11px; display:block; text-decoration:none; color:#fff; line-height:18px; padding:0 0 0 5px; float:right; position:relative; z-index:1} #weatherPanel .areaGroup .area .max {background-position:-13px} #weatherPanel .areaGroup .area .min {background-position:top; clear:right} #weatherPanel .areaGroup .area .direction {background-position:bottom; clear:right} #weatherPanel .areaGroup .area .title {font-size:10px; font-weight:bold; position:absolute; text-align:center; text-transform:uppercase; top:60px; width:100%; z-index:1} #weatherPanel .areaGroup .area .title a {color:#fff; text-decoration:none} #weatherPanel .areaGroup .area .title a:hover {text-decoration:underline} /* Image Overlays */ #weatherPanel .areaGroup .area .overlayLHS, #weatherPanel .areaGroup .area .overlayRHS {position:absolute; z-index:2; padding:0; margin:0} #weatherPanel .areaGroup .area .overlayLHS {top:0px; left:0px} #weatherPanel .areaGroup .area .overlayRHS {bottom:0px; right:0px} /* 2.4 Latest news / Your Cam / Image Galleries (AKA Quick Tab Module) ===========================================================*/ .quickTabModule {background: url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 0 0; width:300px; clear:both; position:relative; margin:0 0 10px 0} #latestNews.quickTabModule {background-image:none; padding:0} #latestNews .title, #yourCam .title, #imageGalleries .title {background:url('../images/titleBG300.jpg') top left; height:33px; width:295px; font-size:24px; line-height:29px; color: #fff; padding: 5px 0 0 5px;} /* Time */ #latestNewsTime {background:url('../images/timeBg.gif') no-repeat; display:block; width:65px; height:31px; position:absolute; right:3px; top:3px; padding:7px 0 0 5px; visibility:hidden} #latestNewsTime span.hour1, #latestNewsTime span.hour2, #latestNewsTime span.min1, #latestNewsTime span.min2 {background:url('../images/time.gif') left top no-repeat; height:16px; width:10px; display:block; float:left; padding:0 0 0 1px; font-size:1px} #latestNewsTime span.ampm {background:url('../images/timeampm.gif') left top no-repeat; height:16px; width:10px; display:block; float:left; padding:0 0 0 1px; font-size:1px} #latestNewsTime span.min1 {margin:0 0 0 5px} /* Navigation*/ .quickTabModule .mainNav {background:#5D7F7F url('../images/latestNewsMainNav-bg.gif') bottom left repeat-x; height:25px; padding:0 0 0 10px} .quickTabModule .mainNav ul {list-style:none; padding:0; margin:0} .quickTabModule .mainNav ul li {font-size:10px; text-transform:uppercase; float:left} .quickTabModule .mainNav ul li a {background:url('../images/latestNewsLeft.gif') left top no-repeat; height:25px; line-height:25px; display:block; float:left; text-decoration:none; color:#568384; cursor:pointer; padding:0 0 0 12px} .quickTabModule .mainNav ul li a span {background:url('../images/latestNewsRight.gif') right top no-repeat; display:block; padding:0 17px 0 0} .quickTabModule .mainNav ul li a:hover {background-position:left -25px} .quickTabModule .mainNav ul li a:hover.selected, .quickTabModule .mainNav ul li a.selected {background-position:left bottom} .quickTabModule .mainNav ul li a:hover span {background-position:right -25px} .quickTabModule .mainNav ul li a:hover.selected span, .quickTabModule .mainNav ul li a.selected span {background-position:right bottom} .quickTabModule .mainNav ul li a span.read {background:url('../images/latestNewsRead.gif') no-repeat; float:left; height:25px; width:10px; padding:0 12px 0 0} .quickTabModule .mainNav ul li a span.watch, .quickTabModule .mainNav ul li a span.watchCam {background:url('../images/latestNewsWatch.gif') no-repeat; float:left; height:25px; width:10px; padding:0 11px 0 0} .quickTabModule .mainNav ul li a span.see, .quickTabModule .mainNav ul li a span.seeCam {background:url('../images/latestNewsSee.gif') no-repeat; float:left; height:25px; width:10px; padding:0 14px 0 0} .quickTabModule .mainNav ul li a span.submit, .quickTabModule .mainNav ul li a span.submitCam {background:url('../images/latestNewsSubmit.gif') no-repeat; float:left; height:25px; width:10px; padding:0 12px 0 0} .quickTabModule .mainNav ul li a:hover span.read, .quickTabModule .mainNav ul li a:hover span.watch, .quickTabModule .mainNav ul li a:hover span.see, .quickTabModule .mainNav ul li a:hover span.watchCam, .quickTabModule .mainNav ul li a:hover span.seeCam, .quickTabModule .mainNav ul li a:hover span.submitCam {background-position:left -25px} .quickTabModule .mainNav ul li a.selected span.read, .quickTabModule .mainNav ul li a.selected span.watch, .quickTabModule .mainNav ul li a.selected span.see, .quickTabModule .mainNav ul li a.selected span.watchCam, .quickTabModule .mainNav ul li a.selected span.seeCam, .quickTabModule .mainNav ul li a.selected span.submitCam {background-position:left bottom} /* Articles */ .quickTabModule .articles {background:no-repeat url('../images/latestNewsBot.gif') left bottom #EBEFEF; padding:0 0 6px 0; position:relative; height:266px;} .quickTabModule .articles div.read, .quickTabModule .articles div.watch, .quickTabModule .articles div.see, .quickTabModule .articles div.watchCam, .quickTabModule .articles div.seeCam, .quickTabModule .articles div.submitCam {display:none; position:relative; top:2px; left:7px; width:286px; background-color:#EBEFEF; font-size:11px} .quickTabModule .articles div.read, .quickTabModule .articles div.watch, .quickTabModule .articles div.see {left:10px; width:280px} .quickTabModule .articles div.selected {display:block} .quickTabModule .articles ul {position:relative} .quickTabModule .articles ul li {font-size:11px; color:#5F6156; border-bottom:1px solid #E0E6E6; border-top:1px solid #FAFAF5; line-height:15px; padding:4px 0 6px 0; background-position:left 7px; width:280px; position: relative} .quickTabModule .articles ul .first {border-top:none} .quickTabModule .articles ul .last {border-bottom:none} .quickTabModule .articles ul li a {color:#5F6156; text-decoration:none} .quickTabModule .articles ul li a img {vertical-align: text-top;} /* Changed 21/02/09 */ .quickTabModule .articles ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: 4px;} /* change end */ .quickTabModule .articles ul li a:hover {text-decoration:underline} .quickTabModule .articles ul li a.watch, .quickTabModule .articles ul li a.see, .quickTabModule .articles ul li.btbreakingNews a.watch, .quickTabModule .articles ul li.btbreakingNews a.see {color:#E5997F !important; text-decoration:underline} .quickTabModule .articles div.watch .btupdate, .quickTabModule .articles div.watch .btblog, .quickTabModule .articles div.watch .btbreakingNews, .quickTabModule .articles div.see .btupdate, .quickTabModule .articles div.see .btblog, .quickTabModule .articles div.see .btbreakingNews {background: none; text-indent: 0} /* Sports gallery */ .sportimages {overflow:hidden; margin:0 0 5px 0} .imgHover {position:relative; margin:0 0 4px 0; z-index:90} .imgHover img {cursor:pointer; position:relative; z-index:100} .imgHover div {display:none; position:absolute; top:0px; left:0px; z-index:90; background-color:#255460; color:#D7DFDE; font-size:11px; height:95px; padding:5px;width:136px} .imgHover div h4 {color:#fc6; font-size:11px; font-weight:bold; margin:5px 0} .imgHover div h4 a {color:#fc6 !important} .imgHover div a.viewMore {color:#fc6} .imgLeft {float:left} .imgRight {float:right} .imgRight div {left:-6px} .quickTabModule .articles .submitItem {background:url('../images/hrBG.gif') repeat-x top left; line-height:16px; padding:7px 0 0 0; font-size:11px} .quickTabModule .articles .watchItem, .quickTabModule .articles .seeItem {background:url('../images/hrBG.gif') repeat-x top left; line-height:16px; height:60px; padding:7px 0 0 0; font-size:11px} .quickTabModule .articles .watchItem:first-child, .quickTabModule .articles .seeItem:first-child, .quickTabModule .articles .submitItem:first-child {background:none; padding:5px 0 0 0} .quickTabModule .articles .watchItem img, .quickTabModule .articles .seeItem img {float:left; margin:0 8px 0 0} .quickTabModule .articles .submitItem h4 a {font-size:11px; font-weight:bold; color:#318F9C; text-decoration:none} .quickTabModule .articles .submitItem h4 a:hover {text-decoration:underline} .quickTabModule .articles .watchItem h4 a, .quickTabModule .articles .seeItem h4 a {background:url('../images/slidePanelIcons.gif') no-repeat; font-size:11px; font-weight:bold; color:#5F6156; text-decoration:none; padding:0 0 0 20px} .quickTabModule .articles .watchItem h4 a {background-position:0 1px} .quickTabModule .articles .watchItem h4 a:hover, .quickTabModule .articles .seeItem h4 a:hover {text-decoration:underline} .quickTabModule .articles .seeItem h4 a {background-position:0 -68px} .quickTabModule .articles .watchItem .closeUp {display:block; color:#E5997F} .quickTabModule .articles .watchItem .date, .quickTabModule .articles .seeItem .date {color:#99AEAC} .quickTabModule .articles .seeItem .imageCount {font-weight:bold; color:#5F6156; display:block} .quickTabModule .articles .submitItem .moreInfo {color:#E5997F} /* 2.5 Content feature box (cfb) ===========================================================*/ /* Homepage noBG style on div.hpRow, to remove CFB's top BG */ .hpRow.cfbNoBG .cfb {background-image:none} .cfb {width:300px; margin:0 0 10px 0; position:relative; background: url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 0 0} .cfbMini {width:300px; margin:0 0 10px 0; position:relative} .cfb h2 {font-weight:normal; font-size:24px; line-height:29px; color:#C30} .cfb h2 a {display:block; color:#C30 !important; height:29px; text-decoration:none} .cfb h2 a:hover {color: #E5997F !important; text-decoration: underline} .cfb a.rssFeed {position:absolute; right:3px; top:19px} #container #main .cfb hr {border:none; border-top:1px dashed #E8EDEC; height:1px; margin:2px 0 8px 0 !important; padding:0} .cfb .group p.blog {text-indent:37px; background:url('../images/bullets/cfbBlog.gif') left top no-repeat; overflow:hidden; width:145px} /* panel slider */ .cfb .slidePanel {width:300px} .cfb .slidePanel .panelContent {width:300px; height:125px; position:relative; overflow:hidden} .shareTitle .slidePanel .panelContent {height: 105px;} .cfb .slidePanel .panelContent .arrowOverlay {position:absolute; top:64px; left:131px} .cfb .slidePanel .panelContent .group {background-color:#EDEDEC; position:absolute; top:0px; left:0px} .cfb .slidePanel .panelContent .group .image {height:105px; width:140px; float:left} .cfb .slidePanel .panelContent .group .title {background:#95988D url('../images/newsPanelTitle.gif') no-repeat; color:#fff; font-size:9px; line-height:20px; padding:0 7px 0 0; text-align:right; height:20px; width:293px} .cfb .slidePanel .panelContent .group .text {height:89px; width:144px; float:left; font-size:11px; padding:8px; overflow:hidden} .cfb .slidePanel .panelContent .group .text h4, .cfb .slidePanel .panelContent .group .text p {padding:0; margin:0 0 4px 0; line-height:13px} .cfb .slidePanel .panelContent .group .text p a {color:#727567; text-decoration:none} .cfb .slidePanel .panelContent .group .text h4 a:hover {text-decoration:underline} .cfb .slidePanel .panelContent .group .text p a.see, .cfb .slidePanel .panelContent .group .text p a.watch {color:#E5997F; text-decoration: underline} .cfb .slidePanel .panelContent .group .text h4 a {font-size:11px; font-weight:bold; text-decoration:none; color:#5F6156} .cfb .slidePanel .panelContent .updated .title {background-position: right -20px} .cfb .slidePanel .panelContent .breakingNews .title {background-position: right -40px} .cfb .slidePanel .panelContent .blog .title {background-position: right -60px} .cfb .slidePanel .panelContent .group.breakingNews h4 a {color:#c30} .cfb .cfbNav {background-image:url('../images/newsPanelNavBg.gif'); width:300px; height:27px; font-size:11px; line-height:27px; position:relative; color:#727567} .cfb .cfbNav a:hover {text-decoration:underline} .cfb .cfbPrevious, .cfb .cfbNext {color:#568384; font-family:Arial, Helvetica, sans-serif; text-decoration:none; height:16px; line-height:16px; top:6px; position:absolute; cursor:pointer} .cfb .cfbPrevious {background:no-repeat url('../images/slidePanelArrows.gif') left top; padding:0 0 0 20px; left:4px} .cfb .cfbCount {text-align:center} .cfb .cfbNext {background:no-repeat url('../images/slidePanelArrows.gif') right bottom; padding:0 20px 0 0; right:4px} /* cfb list */ .cfb ul {padding:0 0 5px 18px; margin:10px 0 0 0; position:relative} /* changed 6/01/09 */ .cfb ul li {list-style-position:outside; list-style-type:disc; font-size:11px; margin:5px 0; line-height:15px; color:#5F6156; background-position:left 3px;} .cfb ul li a {text-decoration:none; color:#5F6156; position: relative;} /* Changed again 23/01/09 */ .cfb ul li:first-child a span {*margin-top: 5px;} .cfb ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; line-height: 9px; display: block; top: 2px; } .cfb ul li a img {vertical-align: text-top;} /* .cfb ul li a span {background-image: url('../images/bullets/time.gif'); display: block; height: 11px; width: 9px; margin: 0; position: absolute; top: 0; left: 9px;} .cfb ul li a span span {margin-left: 13px; position: relative; top: 0; left: 0;} */ /* end change */ /* end change */ .cfb ul li a:hover {text-decoration:underline} .cfb .cfbPanel .panelContent .group .text a.see, .cfb .cfbPanel .panelContent .group .text a.watch {color:#E5997F !important; padding:0 0 0 17px; margin:0 0 0 5px} .cfb ul li a.see {background:url('../images/linkIcons.gif') left bottom no-repeat; color:#E5997F !important; text-decoration: underline} .cfb ul li a.watch {background:url('../images/linkIcons.gif') left 1px no-repeat; color:#E5997F !important; text-decoration: underline} .cfb a.more {color:#E5997F; line-height:13px} /* CFB Tertiary Nav on Article detail page*/ #tertiaryNav .cfb div {margin: 0; padding: 0;} #tertiaryNav .cfb {width: 140px; margin:0; padding: 5px 0 0;} #tertiaryNav .cfb h2 {font-size:18px; line-height:18px; padding:0 0 5px; text-transform:capitalize;} #tertiaryNav .cfb h2 a {height: auto;} #tertiaryNav .cfb .slidePanel {width:140px} #tertiaryNav .cfb .slidePanel .panelContent {width:140px; height: 250px} #tertiaryNav .cfb .slidePanel .panelContent .group .title {background:#B4C0B9 url('../images/newsPanelTitleTertiary.gif') no-repeat; width:133px; padding:0 7px 0 0;} #tertiaryNav .cfb .slidePanel .panelContent .group .image {border-top: 1px solid #fff; border-bottom: 1px solid #fff;} #tertiaryNav .cfb .slidePanel .panelContent .group .text {width: 124px; height: 110px; padding:8px;} #tertiaryNav .cfb .slidePanel .panelContent .arrowOverlay {display: none;} #tertiaryNav .cfb .slidePanel .panelContent .updated .title {background-position: right -20px} #tertiaryNav .cfb .slidePanel .panelContent .breakingNews .title {background-position: right -40px} #tertiaryNav .cfb .slidePanel .panelContent .blog .title {background-position: right -60px} #tertiaryNav .cfb .cfbNav {background: url('../images/newsPanelNavBgSmall.gif') bottom no-repeat; width:140px;} #tertiaryNav .cfb .cfbNav .cfbCount {display: none;} #tertiaryNav .cfb a.viewMore {color: #E5997F; font-size: 11px; line-height:20px;} /* 2.6 News & Current Affairs Shows (NCAS) ===========================================================*/ #sportShow {border-top: 1px dashed #E8EDEC; padding-top: 10px;} #ncas .title {background:#fff url('../images/ncasTitle.jpg') left top no-repeat !important; height:39px; display:block; width:300px; text-indent: -9999px;} #sportShow .title {background:#fff url('../images/sportShowsTitle.gif') left top no-repeat !important; height:39px; display:block; width:300px; text-indent: -9999px;} /* panel slider */ #ncas, #sportShow { width:300px; margin:0 0 10px 0} #ncas .slidePanel .panelContent, #sportShow .slidePanel .panelContent {background-color:#EBEFEF; width:300px; height:105px; position:relative} #ncas .slidePanel .panelContent .group, #sportShow .slidePanel .panelContent .group {position:absolute; top:0px; left:0px; background-color:#EDEDEC} #ncas .slidePanel .panelContent .group .image, #sportShow .slidePanel .panelContent .group .image {height:105px; width:140px; float:left} #ncas .slidePanel .panelContent .group .text, #sportShow .slidePanel .panelContent .group .text {height:89px; width:144px; float:left; font-size:11px; padding:8px; color:#464840} #ncas .slidePanel .panelContent .group .text h4, #sportShow .slidePanel .panelContent .group .text h4, #ncas .slidePanel .panelContent .group .text p, #sportShow .slidePanel .panelContent .group .text p {padding:0; margin:0 0 3px 0} #ncas .slidePanel .panelContent .group .text p a, #sportShow .slidePanel .panelContent .group .text p a {color:#c30; text-decoration:none; margin:0 10px 0 0; text-decoration:underline} #ncas .slidePanel .panelContent .group .text h4 a, #sportShow .slidePanel .panelContent .group .text h4 a {font-size:11px; font-weight:bold; color:#4F5047; margin:0; text-decoration:none} #ncas .slidePanel .panelContent .group .text h4 a:hover, #sportShow .slidePanel .panelContent .group .text h4 a:hover {text-decoration:underline} #ncas .slidePanel .panelContent .group .text p strong, #sportShow .slidePanel .panelContent .group .text p strong {display:block; text-transform:uppercase; padding:10px 0 4px 0} #ncas .cfbNav, #sportShow .cfbNav {border-top:1px solid #fff; width:300px; height:27px; font-size:11px; line-height:27px; position:relative; color:#fff; background:#2189A3 url('../images/ncasBg.gif') left bottom no-repeat !important;} #ncas .cfbNav a, #sportShow .cfbNav a {color:#fff} #ncas .cfbNav a:hover, #sportShow .cfbNav a:hover {text-decoration:underline} #ncas .cfbPrevious, #sportShow .cfbPrevious, #ncas .cfbNext, #sportShow .cfbNext {background:no-repeat url('../images/ncasArrows.gif'); height:21px; line-height:22px; position:absolute; top:2px; cursor:pointer; color:#fff; font-family:Arial, Helvetica, sans-serif} #ncas .cfbPrevious, #sportShow .cfbPrevious {background-position:left bottom; padding:0 0 0 22px; left:1px} #ncas .cfbCount, #sportShow .cfbCount {text-align:center; color:#fff} #ncas .cfbNext, #sportShow .cfbNext {background-position:right top; padding:0 22px 0 0; right:1px} /* 2.6 News & Current Affairs Shows (NCAS) Right hand coloumn ===========================================================*/ #colTwo #ncas .title {background:#fff url('../images/ncasTitleSmall.jpg') left top no-repeat !important; height:30px; display:block; width:220px; text-indent: -9999px;} /* panel slider */ #colTwo #ncas {width:220px; margin:10px 0} #colTwo #ncas .slidePanel .panelContent {background-color:#EBEFEF; width:220px; height:83px; position:relative} #colTwo #ncas .slidePanel .panelContent .group {position:absolute; top:0px; left:0px; background-color:#EDEDEC} #colTwo #ncas .slidePanel .panelContent .group .image {height:63px; width: 87px; float:left; text-align: center; padding: 10px 0 0 0} #colTwo #ncas .slidePanel .panelContent .group .text {float:left; font-size:11px; color:#464840; padding:8px 8px 8px 0; width:124px;} #colTwo #ncas .slidePanel .panelContent .group .text h4, #colTwo #ncas .slidePanel .panelContent .group .text p {padding:0; margin:0 0 3px 0} #colTwo #ncas .slidePanel .panelContent .group .text p a {color:#c30; text-decoration:none; margin:0 10px 0 0; text-decoration:underline} #colTwo #ncas .slidePanel .panelContent .group .text h4 a {font-size:11px; font-weight:bold; color:#4F5047; margin:0; text-decoration:none} #colTwo #ncas .slidePanel .panelContent .group .text h4 a:hover {text-decoration:underline} #colTwo #ncas .slidePanel .panelContent .group .text p strong {display:block; text-transform:uppercase; padding:10px 0 4px 0} #colTwo #ncas .cfbNav {border-top:1px solid #fff; width:220px; height:27px; font-size:11px; line-height:27px; position:relative; color:#fff; background:#2189A3 url('../images/ncasSmallBg.jpg') left bottom no-repeat !important;} #colTwo #ncas .cfbNav a {color:#fff} #colTwo #ncas .cfbNav a:hover {text-decoration:underline} #colTwo #ncas .cfbPrevious, #colTwo #ncas .cfbNext {background:no-repeat url('../images/ncasArrows.gif'); height:21px; line-height:22px; position:absolute; top:2px; cursor:pointer; color:#fff; font-family:Arial, Helvetica, sans-serif} #colTwo #ncas .cfbPrevious {background-position:left bottom; padding:0 0 0 22px; left:1px} #colTwo #ncas .cfbCount {text-align:center; color:#fff} #colTwo #ncas .cfbNext {background-position:right top; padding:0 22px 0 0; right:1px} /* 2.6 News & Current Affairs Shows (sportShow) Right hand coloumn ===========================================================*/ #colTwo #sportShow .title {background:#fff url('../images/sportShowsTitleSmall.jpg') left top no-repeat !important; height:30px; display:block; width:220px; text-indent: -9999px;} /* panel slider */ #colTwo #sportShow {width:220px; margin:10px 0} #colTwo #sportShow .slidePanel .panelContent {background-color:#EBEFEF; width:220px; height:83px; position:relative} #colTwo #sportShow .slidePanel .panelContent .group {position:absolute; top:0px; left:0px; background-color:#EDEDEC} #colTwo #sportShow .slidePanel .panelContent .group .image {height:63px; width: 87px; float:left; text-align: center; padding: 10px 0 0 0} #colTwo #sportShow .slidePanel .panelContent .group .text {float:left; font-size:11px; color:#464840; padding:8px 8px 8px 0; width:124px;} #colTwo #sportShow .slidePanel .panelContent .group .text h4, #colTwo #sportShow .slidePanel .panelContent .group .text p {padding:0; margin:0 0 3px 0} #colTwo #sportShow .slidePanel .panelContent .group .text p a {color:#c30; text-decoration:none; margin:0 10px 0 0; text-decoration:underline} #colTwo #sportShow .slidePanel .panelContent .group .text h4 a {font-size:11px; font-weight:bold; color:#4F5047; margin:0; text-decoration:none} #colTwo #sportShow .slidePanel .panelContent .group .text h4 a:hover {text-decoration:underline} #colTwo #sportShow .slidePanel .panelContent .group .text p strong {display:block; text-transform:uppercase; padding:10px 0 4px 0} #colTwo #sportShow .cfbNav {border-top:1px solid #fff; width:220px; height:27px; font-size:11px; line-height:27px; position:relative; color:#fff; background:#2189A3 url('../images/ncasSmallBg.jpg') left bottom no-repeat !important;} #colTwo #sportShow .cfbNav a {color:#fff} #colTwo #sportShow .cfbNav a:hover {text-decoration:underline} #colTwo #sportShow .cfbPrevious, #colTwo #sportShow .cfbNext {background:no-repeat url('../images/ncasArrows.gif'); height:21px; line-height:22px; position:absolute; top:2px; cursor:pointer; color:#fff; font-family:Arial, Helvetica, sans-serif} #colTwo #sportShow .cfbPrevious {background-position:left bottom; padding:0 0 0 22px; left:1px} #colTwo #sportShow .cfbCount {text-align:center; color:#fff} #colTwo #sportShow .cfbNext {background-position:right top; padding:0 22px 0 0; right:1px} /* 2.7 Highlights (tvh) ===========================================================*/ /* panel slider */ #tvh {background:#1A122A url('../images/onTonightBG.jpg') left bottom no-repeat; width:300px; padding:0 0 10px 0; margin:0 0 10px 0; position:relative} #tvh .slidePanel .panelContent {width:300px; height:144px; position:relative} #tvh .slidePanel .panelContent .group {background-color:#7A7680; position:absolute; top:0px; left:0px} #tvh .slidePanel .panelContent .group .image {height:105px; width:140px; float:left} #tvh .slidePanel .panelContent .group .text {height:89px; width:144px; float:left; font-size:11px; padding:8px; color:#CDCCCF} #tvh .slidePanel .panelContent .group .text h4, #tvh .slidePanel .panelContent .group .text p {padding:0; margin:0 0 3px 0} #tvh .slidePanel .panelContent .group .text p a {color:#CDCCCF; text-decoration:none} #tvh .slidePanel .panelContent .group .text p strong a {color:#FFF1D5} #tvh .slidePanel .panelContent .group .text p.time {padding:0 0 5px 0} #tvh .slidePanel .panelContent .group .text h4 a {font-size:11px; font-weight:bold; color:#fc6; margin:0; text-decoration:none} #tvh .slidePanel .panelContent .group .text h4 a:hover, #tvh .slidePanel .panelContent .group .text p strong a:hover {text-decoration:underline} #tvh .slidePanel .panelContent .title {background:#fff url('../images/tv_highlights.jpg') left top no-repeat; height:39px; display:block; width:300px; padding:0} #tvh .slidePanel .panelContent .tvone .title {} #tvh .slidePanel .panelContent .tv2 .title {background-position:left -39px} #tvh .slidePanel .panelContent .family .title {background-position:left -78px} #tvh .slidePanel .panelContent .kidzone .title {background-position:left -78px} #tvh .slidePanel .panelContent .showcase .title {background-position:left -78px} #tvh .slidePanel .panelContent .tvnz6 .title {background-position:left -78px} #tvh .slidePanel .panelContent .tvnz7 .title {background-position:left -117px} #tvh .cfbNav {background-color:#3B3544; background-image:none; border-top:1px solid #130D20; width:300px; height:27px; font-size:11px; line-height:27px; position:relative; color:#DBD2B5} #tvh .cfbNav a {color:#DBD2B5} #tvh .cfbNav a:hover {text-decoration:underline} #tvh .cfbPrevious, #tvh .cfbNext {background:no-repeat url('../images/tvhArrows.gif'); height:16px; line-height:16px; position:absolute; top:5px; cursor:pointer; color:#DBD2B5; font-family:Arial, Helvetica, sans-serif} #tvh .cfbPrevious {background-position:left bottom; padding:0 0 0 20px; left:4px} #tvh .cfbCount {text-align:center; color:#DBD2B5} #tvh .cfbNext {background-position:right top; padding:0 20px 0 0; right:4px} #tvh h3 {background:url('../images/tvhMostPopular.gif') no-repeat; text-indent:-9999px; margin:12px 0 6px 12px; font-size:14px} #tvh ul {color:#727567; padding:0 0 0 26px; list-style-position:outside; list-style-type:disc; position:relative} #tvh ul li {font-size:11px; line-height:15px; margin:3px 0} #tvh ul li a {color:#CDCCCF; text-decoration:none} #tvh ul li a:hover {text-decoration:none} #tvh ul li .title a {color:#FFCC66; font-weight:bold} #tvh ul li .title a:hover {color:#FFCC66; text-decoration:underline} /* 2.8 Tonights Schedule (ts) ===========================================================*/ #ts {background:left bottom url('../images/scheduleBG.jpg') no-repeat; padding:0 0 10px 0; width:300px; position:relative} #ts .title {background-image:url('../images/todaysSchedule.gif'); position:relative; height:40px} #ts .title h2 {text-indent:-9999px} #ts .title a {position:absolute; top:16px; right:10px; color:#FFCC66; font-size:11px; text-decoration:none} #ts .title a:hover {text-decoration:underline} #ts .nav {position:relative; clear:both; padding:0 9px} #ts .nav .previous, #ts .nav .next {background:url('../images/tsArrows.gif') no-repeat; text-indent:-9999px; display:block; height:16px; width:15px; float:left; margin:7px 0 0 0} #ts .nav .previous {background-position:top} #ts .nav .next {background-position:bottom} #ts .nav .date {text-align:left; font-size:11px; color:#FFCC66; line-height:31px; float:left; width:280px; visibility:hidden} #ts .tsStation {background:url('../images/tsChannels.gif') right top no-repeat; position:absolute; padding:0 0 0 9px; z-index:2; height:34px; clear:both; top:71px} #ts .tsStation ul {padding:0; margin:0} #ts .tsStation ul li {text-indent:-9999px; padding:0; margin:0; display:block; width:70px; height:34px; float:left} #ts .tsStation ul li a {display:block; width:70px; height:34px; float:left} #ts .tsStation ul li.tvone a:hover, #ts .tsStation ul li.tvone a.selected {background:url('../images/tsChannelsSelected.gif') 0px top no-repeat} #ts .tsStation ul li.tvtwo a:hover, #ts .tsStation ul li.tvtwo a.selected {background:url('../images/tsChannelsSelected.gif') -70px top no-repeat} #ts .tsStation ul li.tvsix a:hover, #ts .tsStation ul li.tvsix a.selected {background:url('../images/tsChannelsSelected.gif') -140px top no-repeat} #ts .tsStation ul li.tvseven a:hover, #ts .tsStation ul li.tvseven a.selected {background:url('../images/tsChannelsSelected.gif') -210px top no-repeat} #tsContainer {padding:27px 9px 0 9px; overflow:hidden; height:290px; width:282px; clear:both; margin:0; position:relative} /* Scroll bar styles */ .tsScroller {position:relative; height:290px; width:282px; overflow-y:auto; overflow-x:hidden; display:block; background-color:#0C0815; top:0px; left:0px} #ts a.jScrollArrowUp, #ts a.jScrollArrowDown {background:url('../images/tsArrowsUpDown.gif') no-repeat; display:block; position:absolute; width:17px; height:17px; z-index:1; right:0; text-indent:-2000px; overflow:hidden} #ts a.jScrollArrowUp {background-position:top; top:0} #ts a.jScrollArrowDown {background-position:bottom; bottom:0} #ts div.jScrollPaneDrag {background:#666 url('../images/handleBg.gif'); position:absolute; cursor:pointer; overflow:hidden} #ts div.jScrollPaneContainer {position:relative; overflow:hidden; z-index:1; background-color:#0C0815} #ts div.jScrollPaneTrack {position:absolute; cursor:pointer; right:0; top:0; height:100%; background-color:#0C0815} #ts .scheduledData {position:absolute; left:282px; top:0px} #ts .scheduledData.selected {left:0px; position:relative} /* Schedule Data Styles */ #ts .scheduledData .time {color:#fc6; font-size:11px; padding:5px; width:27px; overflow:hidden; vertical-align:baseline} #ts .scheduledData .info {color:#ccc; font-size:11px; padding:5px 10px; width:204px; overflow:hidden; vertical-align:baseline} #ts .scheduledData .info a {color:#fff; text-decoration:none} #ts .scheduledData .info a:hover {text-decoration:underline} #ts .scheduledData .info div {color:#ccc; font-size:10px} #ts .scheduledData .time.rowA {background-color:#383441} #ts .scheduledData .info.rowA {background-color:#464251} #ts .scheduledData .time.rowB {background-color:#45404F} #ts .scheduledData .info.rowB {background-color:#565063} #ts .scheduledData.tvone .time.selected {background-color:#B42F02} #ts .scheduledData.tvone .info.selected {background-color:#C33101; color:#F6E0D9} #ts .scheduledData.tvtwo .time.selected {background-color:#551F6D} #ts .scheduledData.tvtwo .info.selected {background-color:#6F3388} #ts .scheduledData.tvsix .time.selected {background-color:#4A853C} #ts .scheduledData.tvsix .info.selected {background-color:#5FA248} #ts .scheduledData.tvseven .time.selected {background-color:#EDEDEC; color:#c90} #ts .scheduledData.tvseven .info.selected {background-color:#F9F9F9; color:#666} /* Schedule Data Times */ #ts .scheduledData .min5 {height:10px} #ts .scheduledData .min10 {height:20px} #ts .scheduledData .min15 {height:30px} #ts .scheduledData .min20 {height:40px} #ts .scheduledData .min25 {height:50px} #ts .scheduledData .min30 {height:60px} #ts .scheduledData .min40 {height:80px} #ts .scheduledData .min50 {height:100px} #ts .scheduledData .min55 {height:110px} #ts .scheduledData .min60 /* 1 hour */ {height:120px} #ts .scheduledData .min65 /* 1:05 hour */ {height:130px} #ts .scheduledData .min70 /* 1:10 hour */ {height:140px} #ts .scheduledData .min75 /* 1:15 hour */ {height:150px} #ts .scheduledData .min80 /* 1:20 hour */ {height:160px} #ts .scheduledData .min85 /* 1:25 hour */ {height:170px} #ts .scheduledData .min90 /* 1:30 hour */ {height:180px} #ts .scheduledData .min95 /* 1:35 hour */ {height:190px} #ts .scheduledData .min100 /* 1:40 hour */ {height:200px} #ts .scheduledData .min105 /* 1:45 hour */ {height:210px} #ts .scheduledData .min110 /* 1:50 hour */ {height:220px} #ts .scheduledData .min115 /* 1:55 hour */ {height:230px} #ts .scheduledData .min120 /* 2 hour */ {height:240px} #ts .scheduledData .min125 /* 2:05 hour */ {height:250px} #ts .scheduledData .min130 /* 2:10 hour */ {height:260px} #ts .scheduledData .min135 /* 2:15 hour */ {height:270px} #ts .scheduledData .min140 /* 2:20 hour */ {height:280px} #ts .scheduledData .min145 /* 2:25 hour */ {height:290px} #ts .scheduledData .min150 /* 2:30 hour */ {height:300px} #ts .scheduledData .min155 /* 2:35 hour */ {height:310px} #ts .scheduledData .min160 /* 2:40 hour */ {height:320px} #ts .scheduledData .min165 /* 2:45 hour */ {height:330px} #ts .scheduledData .min170 /* 2:50 hour */ {height:340px} #ts .scheduledData .min175 /* 2:55 hour */ {height:350px} #ts .scheduledData .min180 /* 3 hour */ {height:360px} #ts .scheduledData .min185 /* 3:05 hour */ {height:370px} #ts .scheduledData .min190 /* 3:10 hour */ {height:380px} #ts .scheduledData .min195 /* 3:15 hour */ {height:390px} #ts .scheduledData .min200 /* 3:20 hour */ {height:400px} #ts .scheduledData .min205 /* 3:25 hour */ {height:410px} #ts .scheduledData .min210 /* 3:30 hour */ {height:420px} #ts .scheduledData .min215 /* 3:35 hour */ {height:430px} #ts .scheduledData .min220 /* 3:40 hour */ {height:440px} #ts .scheduledData .min225 /* 3:45 hour */ {height:450px} #ts .scheduledData .min230 /* 3:50 hour */ {height:460px} #ts .scheduledData .min235 /* 3:55 hour */ {height:470px} #ts .scheduledData .min240 /* 4 hour */ {height:480px} #ts .scheduledData .min245 /* 4:05 hour */ {height:490px} #ts .scheduledData .min250 /* 4:10 hour */ {height:500px} #ts .scheduledData .min255 /* 4:15 hour */ {height:510px} #ts .scheduledData .min260 /* 4:20 hour */ {height:520px} #ts .scheduledData .min265 /* 4:25 hour */ {height:530px} #ts .scheduledData .min270 /* 4:30 hour */ {height:540px} #ts .scheduledData .min275 /* 4:35 hour */ {height:550px} #ts .scheduledData .min280 /* 4:40 hour */ {height:560px} #ts .scheduledData .min285 /* 4:45 hour */ {height:570px} #ts .scheduledData .min290 /* 4:50 hour */ {height:580px} #ts .scheduledData .min295 /* 4:55 hour */ {height:590px} #ts .scheduledData .min300 /* 5 hour */ {height:600px} #ts .scheduledData .min330 /* 5:30 hour */ {height:660px} #ts .scheduledData .min360 /* 6 hour */ {height:720px} /* 2.9 TVNZ On Demand ===========================================================*/ #onDemand {width:300px; background:url('../images/onDemandBot.gif') bottom left no-repeat; overflow:hidden; padding:0 0 14px 0} #onDemand h2 a {background-image:url('../images/titleOnDemand.jpg'); text-indent:-9999px; height:58px; width:300px; display:block} #onDemand .mainNav {background-image:url('../images/onDemandNavBG.jpg'); height:30px; padding:0 13px} #onDemand .mainNav ul {padding:0; margin:0} #onDemand .mainNav ul li {width:137px; height:30px; float:left; list-style-type:none} #onDemand .mainNav ul li a {background-image:url('../images/onDemandNav.gif'); line-height:30px; width:137px; text-align:center; font-size:11px; display:block; color:#fff; text-decoration:none} #onDemand .mainNav ul li.selected a {background-position:0px -30px; color:#939385} #onDemand .mainNav ul li a:hover {background-position:0px -60px} #onDemand .mainNav ul li.selected a:hover {background-position:0px -30px} #onDemand .mainNav ul li a span {background:url('../images/onDemandIcon.gif') 16px top no-repeat; display:block; height:30px; width:137px} #onDemand .mainNav ul li.selected a span {background-position:16px -30px} #onDemand .mainNav ul li a:hover span {background-position:16px -60px} #onDemand .mainNav ul li.selected a:hover span {background-position:16px -30px} #onDemand .main {background:url('../images/onDemandBG.jpg') top left no-repeat; padding:10px 13px 0 13px; float:left;width:300px} #onDemand .main .catchup, #onDemand .main .justadded {display:none} #onDemand .main .selected {display:block} #onDemand .main .videoGroup {background:url('../images/hrBG.gif') repeat-x top left; font-size:11px; margin:0 10px; padding:10px 2px 8px 2px; line-height:1.2em; width:250px} #onDemand .main .videoGroup:first-child {background:none} #onDemand .main .videoGroup .video {float:left; margin:0 8px 0 0} #onDemand .main .videoGroup div {margin:0 0 0 93px} #onDemand .main .videoGroup h4 {font-size:11px; font-weight:bold; color:#05ACEC} #onDemand .main .videoGroup h4 a {color:#05ACEC; text-decoration:none} #onDemand .main .videoGroup h4 a:hover {text-decoration:underline} #onDemand .main .videoGroup .date {color:#A6A89D} #onDemand .main .videoGroup p a {color:#727567; text-decoration:none} /* 2.10 Blog Panel ===========================================================*/ div#blogPanel {background:url('../images/cfbHRBot.gif') repeat-x scroll left top; margin:0 0 10px 0; position:relative; font-size:11px; padding:10px 0 0 0} #blogPanel h2 {color:#C30; font-weight:normal; font-size:24px; height:30px; line-height:1.2em} #blogPanel h2 a {color:#C30; font-weight:normal; font-size:24px; line-height:1.2em; height:30px; display:block} #sportsNews #blogPanel h2 a, #sportsHome #blogPanel h2 a, #sportsPage #blogPanel h2 a {background:url('../images/blogTitleSportsCommentary.gif') left 6px no-repeat} #blogPanel a.rssFeed {position:absolute; right:3px; top:20px} #blogPanel hr {border:none; border-top:1px dashed #E8EDEC; height:1px} #blogPanel .blog {margin:0 0 20px 0} #blogPanel .person {overflow:hidden; position:relative; height:80px; width:300px; color:#ECF8FB; top:-16px; z-index:3} #blogPanel .blue {background:url('../images/blogPanelPerson.gif') center 20px no-repeat !important} #blogPanel .green {background:url('../images/blogPanelPerson.gif') bottom center no-repeat !important} #blogPanel .person img {float:left; margin:0 5px 0 0; z-index:1; position:relative} #blogPanel .person a {text-decoration:none} #blogPanel .person a:hover, #blogPanel .person a:hover span {text-decoration:underline} #blogPanel .person span {margin:25px 5px 0 0; line-height:1.4em; display:block; color:#ECF8FB} #blogPanel .person span strong {color:#fff} #blogPanel p.time {color:#2CB7CA} #blogPanel ul {margin:5px 0} #blogPanel ul li {background-position:left 2px; color:#5F6156; font-size:11px; line-height:15px; list-style-position:outside; list-style-type:disc; margin:3px 0 3px 18px; vertical-align:middle; width:280px} #blogPanel ul li a {text-decoration:none; color:#5F6156; position:relative;} /* Changed 21/02/09 */ #blogPanel ul li a span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: -3px;} /* change end */ #blogPanel ul li a.see {background:url('../images/linkIcons.gif') left bottom no-repeat; color:#E5997F !important;} #blogPanel ul li a.watch {background:url('../images/linkIcons.gif') left 1px no-repeat; color:#E5997F !important;} #blogPanel ul li a:hover {text-decoration:underline} #blogPanel a.more {color:#E5997F} #hpColThree #blogPanel {margin:20px 0 20px 0; padding:10px 0 0 0; position:relative; font-size:11px} #hpColThree #blogPanel a.rssFeed {top:20px} /* 2.11 Thickbox ===========================================================*/ /* Thickbox specific */ #TB_window {font:11px Tahoma, Arial, Helvetica, sans-serif; color:#7D8174} #TB_prev {position:absolute; left:5px; top:0} #TB_prev a {background:url('../images/thickboxArrows.gif') top left no-repeat; text-decoration:none; color:#568384; padding:2px 0 2px 18px} #TB_next {position:absolute; right:10px; top:0} #TB_next a {background:url('../images/thickboxArrows.gif') bottom right no-repeat; text-decoration:none; color:#568384; padding:2px 18px 2px 0} #TB_prev a:hover, #TB_next a:hover {text-decoration:underline} #TB_window .adLightbox {position:absolute; top:-75px; left:50%; margin:0 0 0 -234px} #TB_window div.watchItem {background:url('../images/thickboxWatchItem.gif') no-repeat; overflow:hidden; width:616px; height:87px; margin:6px 0 0 0; font-size:11px; padding:12px; line-height:1.2em; position:relative} #TB_window div.watchItem h4 {margin:0 0 4px 0; padding:3px 0 0 0} #TB_window div.watchItem h4 a.watch {background:url('../images/iconWatch.gif') left 1px no-repeat; color:#27A8CA; text-decoration:none; font-size:11px; font-weight:bold} #TB_window div.watchItem h4 a:hover {text-decoration:underline} #TB_window div.watchItem p {margin:0} #TB_window div.watchItem img {border:3px solid #2CB7CA; float:left; margin:0 5px 5px 0} #TB_window div.watchItem a:hover img {border:3px solid #2CB7CA} #TB_window div.watchItem strong {color:#666} #TB_window div.watchItem span.play {background:url('../images/play.png') left 1px no-repeat; height:40px; width:40px; display:block; position:absolute; top:22px; left:30px; z-index:100} /* Thickbox settings */ #TB_overlay {position:fixed; z-index:100; top:0px; left:0px; height:100%; width:100%} .TB_overlayMacFFBGHack {background:url('../images/macFFBgHack.png') repeat} .TB_overlayBG {background-color:#1D2634; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95} #TB_window {position:fixed; z-index:102; display:none; text-align:left; top:50%; left:50%} #TB_window img#TB_Image {display:block; margin:0 0 3px 0} a#TB_closeWindowButton {background:url('../images/thickboxClose.gif') right no-repeat; color:#9BA6B5; text-transform:uppercase; padding:0 17px 0 0; text-decoration:none; font-size:11px; position:absolute; right:0; top:-25px} a#TB_closeWindowButton:hover {text-decoration:underline} #TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin: 0 0 1px 0} #TB_ajaxContent {clear:both; overflow:visible; text-align:left; line-height:1.4em} #TB_load {position:fixed; display:none; height:31px; width:31px; z-index:103; top:50%; left:50%; margin:-15px 0 0 -15px} #TB_HideSelect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:100%; width:100%} #TB_iframeContent {clear:both; border:none; margin: 1px 0 -1px 0} #TB_caption {background:url('../images/thickboxContentLeft.gif') no-repeat scroll left bottom; color:#7D8174; float:left; min-width:300px; width:100%; padding:0} #TB_caption .innerContent {background:url('../images/thickboxContent.gif') no-repeat scroll right bottom; padding:10px 10px 20px 5px; margin:0 0 0 5px} #TB_secondLine {min-width:300px; width:100%; padding:0; background-color:#E4E6E6; height:26px; line-height:26px; float:left; text-align:center; position:relative} /* 2.12 footerFeature ===========================================================*/ #footerFeature {width: 940px; display: block; clear: both; overflow: hidden} #footerFeature .tile {float: left; width: 300px; padding: 15px 0 0} #footerFeature .middle {margin: 0 20px;} .blogPanel {margin:0 0 10px 0; position:relative; font-size:11px; padding:2px 0 0 0; width:300px;} .blogPanel h2 {color:#C30; font-weight:normal; font-size:24px; height:30px; line-height:1.2em} .blogPanel h2 a {color:#C30; font-weight:normal; font-size:24px; line-height:1.2em; height:30px; display:block} .blogPanel a.rssFeed {position:absolute; right:3px; top:20px} .blogPanel hr {border:none; border-top:1px dashed #E8EDEC; height:1px} .blogPanel .blog {margin:0 0 20px 0} .blogPanel .person {overflow:hidden; position:relative; height:80px; width:300px; color:#ECF8FB; top:-16px; z-index:3} .blogPanel .blue {background:url('../images/blogPanelPerson.gif') center 20px no-repeat !important} .blogPanel .green {background:url('../images/blogPanelPerson.gif') bottom center no-repeat !important} .blogPanel .person img {float:left; margin:0 5px 0 0; z-index:1; position:relative} .blogPanel .person a {text-decoration:none} .blogPanel .person a:hover, .blogPanel .person a:hover span {text-decoration:underline} .blogPanel .person span {margin:25px 5px 0 0; line-height:1.4em; display:block; color:#ECF8FB} .blogPanel .person span strong {color:#fff} .blogPanel p.time {color:#2CB7CA} .blogPanel ul {margin:5px 0} .blogPanel ul li {background-position:left 2px; color:#5F6156; font-size:11px; line-height:15px; list-style-position:outside; list-style-type:disc; margin:3px 0 3px 18px; vertical-align:middle; width:280px} .blogPanel ul li a {text-decoration:none; color:#5F6156} .blogPanel ul li a.see {background:url('../images/linkIcons.gif') left bottom no-repeat; color:#E5997F !important;} .blogPanel ul li a.watch {background:url('../images/linkIcons.gif') left 1px no-repeat; color:#E5997F !important;} .blogPanel ul li a:hover {text-decoration:underline} .blogPanel a.more {color:#E5997F} /* 2.12 Advertisements ===========================================================*/ #pushDownAd {margin: 0 0 10px 0} .advertisementPanel {background-color:#fff; width:300px; background:url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:15px 0 5px 0} .advertisementPanel .title {text-align:center; font-size:11px; color:#B8BAB3; padding:0 0 5px 0} .advertisementPanel .addHolder {height:250px; width:300px} /* 2.13 Sponsored Links ===========================================================*/ .sponsoredLinksPanel {width:300px; margin:5px 0; background:url('../images/cfbHRBot.gif') repeat-x scroll left top; padding:10px 0 0 0} .sponsoredLinksPanel .title {text-align:center; font-size:11px; color:#B8BAB3; padding:0 0 5px 0} .sponsoredLinksPanel ul {padding:0 0 0 18px; margin:5px 0 0 0; list-style-position:outside; list-style-type:disc} .sponsoredLinksPanel ul li {font-size:11px; line-height:15px} .sponsoredLinksPanel ul li a {color:#568384; text-decoration:none; font-weight:bold} .sponsoredLinksPanel ul li a:hover {text-decoration:underline} .sponsoredLinksPanel a {font-size:11px; color:#568384; text-decoration:none; font-weight:bold} .sponsoredLinksPanel a:hover {text-decoration:underline} .sponsoredLinksPanel table tr td a {color:#568384; text-decoration:none; font-weight:bold} /* 2.14 popupBox styles, made generic ============================================================*/ .popupBox {width:450px; padding:9px 0 0 0; position:absolute; overflow:hidden; z-index:999} .popupBox .title {background-color:#7BA560; color:#EDEDEC; padding:4px 50px 4px 10px; height:34px; z-index:100} .popupBox .btnHolder {font-size:11px; position:absolute; top:25px; left:260px; color:#E0EBDA; width:200px} .popupBox .btnHolder span {padding:0 5px; display:inline} .popupBox .btnHolder a {color:#F1EABC; display:inline} .popupBox .btnHolder a.selected {font-weight:bold; color:#fff !important; text-decoration:none} .popupBox a.close {background:url('../images/makeHPClose.gif') right 3px no-repeat; font-size:10px; text-align:right; color:#C5D4BB !important; display:block; padding:0 18px 0 0; height:19px; line-height:19px; width:33px; height:19px; position:absolute; right:4px} .popupBox .content {font-size:11px; padding:10px; background-color:#C5D4BB; display:block; overflow:hidden;color:#5F6156} .popupBox .arrow {position:absolute; top:0; right:20px} .popupBox .hr {background:url('../images/popupHr.gif') repeat-x; height:1px; border:none; margin:0 0 10px 0; clear:both} .popupBox .groupAll, .popupBox .group {display:none} .popupBox .groupAll.selected, .popupBox .group.selected {display:block} /* 2.15 Make This my Homepage styles (Mozilla, Safari, Opera only) ============================================================*/ #makeThisMyHP .title {font-size:18px; line-height:34px; font-weight:lighter} #makeThisMyHP .close {top:20px} #makeThisMyHP .content {padding: 10px 10px 10px 30px} #makeThisMyHP .content ol {list-style:outside decimal; font-weight:bold} #makeThisMyHP .content ol li {margin:0 0 10px 0} #makeThisMyHP .content ol li span {font-weight:normal} #makeThisMyHP .content ol li img {margin:0 5px 0 0} #makeThisMyHP .content .moreInfo {color:#C00} /* 2.16 Share More (Social Bookmarks) ============================================================*/ #shareMore .title {font-size:11px; line-height:1.2em} #shareMore .close {top:17px; color:#C5D4BB} #shareMore .content {height:110px} #shareMore .content a {float:left; width:80px; height:30px; display:block; text-align:center; margin:10px 0} /* 2.17 Change Locaction ============================================================*/ #changeMyLocation {width:500px} #changeMyLocation .title {font-size:18px; line-height:34px; font-weight:lighter} #changeMyLocation .close {top:20px} #changeMyLocation .content form, #changeMyLocation .content {width:480px} #changeMyLocation .group {width:240px; float:left; overflow:hidden; padding:0 0 10px 0} #changeMyLocation .groupAll {clear:both; overflow:hidden; padding:0 0 10px 0} #changeMyLocation .button {margin:0 0 0 184px} #changeMyLocation .subTitle {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#4F5047; font-weight:bold; text-transform:uppercase; padding:0 0 5px 0} #changeMyLocation .rowRadio {width:120px; height:21px; float:left} #changeMyLocation .rowRadio input {padding:0; margin:0; overflow:hidden; height:21px; float:left; margin:0 2px 0 3px; width:10px} #changeMyLocation .rowRadio span {line-height:21px; display:block; float:left} #changeMyLocation .group .selected, #changeMyLocation .groupAll .selected {background:url('../images/radioSelected116.gif') 1px top no-repeat} /* 2.18 Message Board Style ============================================================*/ body.message_board {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#85A3A1; font-size:11px; background:#FFF} body.message_board td {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#85A3A1; font-size:11px; background:#FFF} body.message_board a {color:#E49A81} body.message_board a:hover {color:#85A3A1; text-decoration:none} #msg_board_header {height:30px; background:#FFF} #msg_board_header h2 {color:#85A3A1; font-weight:normal; font-size:24px; float:left} .msg_board_actions {float:right} #msg_board_sig {color:#85A3A1; padding:5px 5px 0 5px} #msg_board_text {font-size:11px;padding:0 5px 5px 5px; line-height:16px} #msg_board_sig strong {font-size:13px} .msg_board_child {margin:0 20px} .thread_actions {height:auto; width:auto; margin:0 0 10px 0} .thread_actions a {padding:0 0 0 5px} #msg_board_footer {padding:10px 0 0 0; height:auto; background:#FFF; text-align:center} #msg_board_footer a {color:#598586; text-decoration:none} #msg_board_footer a:hover {color:#E49A81; text-decoration:none} #msg_board_footer .pagination a {color:#598586; text-decoration:none} #msg_board_footer .pagination a:hover {color:#E49A81; text-decoration:none} #msg_board_footer .pagination strong {color:#85A3A1} #msg_board_footer .prev {float:left} #msg_board_footer .pagination {float:left} #msg_board_footer .next {float:left} /* 2.19 Windows Media Player Controls ============================================================*/ #vidPlayer {position:relative} .wmpControls {margin:0 auto; background:url('../images/wmpBaseLeft.jpg') no-repeat; height:25px} .wmpControlsInner {margin:0 0 0 6px; background:url('../images/wmpBaseRight.jpg') no-repeat top right; height:25px} .changeQualityHigh, .changeQualityLow {margin:0 5px} #oneNews img {display: none} /* 2.12.1 fading banners ===========================================================*/ .fadingBanner {width:300px; height:80px; margin-bottom:20px; position:relative; top:10px;} .fadingBanner .faders {font-size:11px; color:#FFFFFF; line-height:14px; width:300px; height: 87px;} .fadingBanner .faders .fade {height:55px; width:300px; position:absolute; top:0; left:0;} .fadingBanner .faders .fade.Blogs {background:url('../images/ads/blogs_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.Live {background:url('../images/ads/live_content_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.Live div.button {position:absolute; width:15px; height:15px; background:url('../images/ads/arrows_regmat.gif') #0000FF left top; right:6px; top:20px;} .fadingBanner .faders .fade.OneNews {background:url('../images/ads/one_news_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.Generic {background:url('../images/ads/generic_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificOneNews {background:url('../images/ads/fadeSpecificOneNewsbg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificBreakfast {background:url('../images/ads/breakfast_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificFairGo {background:url('../images/ads/fair_go_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificCloseUp {background:url('../images/ads/close_up_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificAllBlacks {background:url('../images/ads/all_blacks_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.Specific2020 {background:url('../images/ads/2020_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificNZIBusiness {background:url('../images/ads/nzi_business_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificQandA {background:url('../images/ads/q_and_a_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificSunday {background:url('../images/ads/sunday_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificMotorsport {background:url('../images/ads/motorsport_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade.SpecificWimbiledon {background:url('../images/ads/wimbledon_home_promo_bg.jpg') #0000FF no-repeat left top;} .fadingBanner .faders .fade .prevImg {position:absolute;} .fadingBanner .faders .fade p {padding:5px 0 0 84px;} .fadingBanner .faders .fade p a {color:#FFFFFF; text-decoration:none; display:block;} .fadingBanner .faders .fade p a:hover {text-decoration:underline;} .fadingBanner .nav {font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#727567; position:relative; top:35px; height:32px; border-bottom:1px dashed #E1E6E5; margin-top:5px;} .fadingBanner .nav a {font-family:Arial, Helvetica, sans-serif; color:#568384;} .fadingBanner .nav a.next, .fadingBanner .nav a.previous {position:absolute; display:block;} .fadingBanner .nav .cfbCount {width:100%; text-align:center; top:10px; position:absolute;} .fadingBanner .nav a.next {padding:4px 22px 0 0; background:url('../images/ads/arrows.gif') no-repeat right -35px; right:4px; height:20px; text-decoration:none;} .fadingBanner .nav a.next:hover {text-decoration:underline;} .fadingBanner .nav a.previous {padding:2px 0 0 23px; background:url('../images/ads/arrows.gif') no-repeat left top; left:4px; top:8px; height:20px; text-decoration:none;} .fadingBanner .nav a.previous:hover {text-decoration:underline;} /* 2.20 Homepage TV Highlights ============================================================*/ #hpColThree .featuredResult.homePage {background-color:#030108; border:1px solid #3A373F; margin:0px auto; margin-bottom:18px; padding:0 0 4px; width:298px;} #hpColThree .featuredResult.homePage .inset {background: #080410 url('../images/inset_bg.gif') repeat-x scroll left top; clear:both; margin:0 1px; overflow:hidden; padding:1px 3px 0; position:relative; width:290px; height:315px;} #hpColThree .featuredResult.homePage #tvHighlights h2 {background: url('../images/global/titleTvHighlights.jpg') no-repeat; height: 35px; color:#fff; display:block; text-indent: -9999px; width: 100px; float: left} #hpColThree .featuredResult.homePage .text {color:#646A71; margin:0; overflow:hidden; width:290px; height: 340px; position: absolute; top: 35px; left: 3px} #hpColThree .featuredResult.homePage .text h3 {font-size:16px; margin:5px 0 0;} #hpColThree .featuredResult.homePage .text h3 a {font-family:Arial,Helvetica,sans-serif; color:#2CB7CA; text-decoration:none;} #hpColThree .featuredResult.homePage .text h3 a:hover {text-decoration:underline; color:#64CEDD;} #hpColThree .featuredResult.homePage .contentFeature a {color:#2CB7CA; font-weight:bold;} #container #main #hpColThree .featuredResult.homePage hr.solid {height:1px; border-bottom:1px solid #32425A; border-top:none; margin:0; padding:0;} #hpColThree .featuredResult.homePage .tvshow {display:block; height:162px; margin-bottom:2px; overflow:hidden; width:290px;} #hpColThree .featuredResult.homePage h3, #hpColThree .featuredResult.homePage h3 a {color:#2CB7CA; font-size:16px; font-weight:bold;} #hpColThree .featuredResult p a {color:#2CB7CA;} #hpColThree .featuredResult p a:hover {text-decoration:underline; color:#64CEDD;} #hpColThree .featuredResult.homePage .details {width:282px; padding: 0 4px 10px; height: 126px; overflow: hidden; background: #1D2634 url('../images/global/highlightsBg.gif') bottom no-repeat; border-top: 1px solid #32425A; margin:0 auto; font-size:11px; color:#C8C9CC; line-height:13px;} #hpColThree .featuredResult.homePage .details a:hover, #hpColThree .featuredResult.homePage .details a {color: #C8C9CC; text-decoration: none;} #hpColThree .featuredResult.homePage .details .summary {border-top: 1px dashed #4E5661; padding: 4px 0 0; margin: 4px 0 0} #hpColThree .featuredResult.homePage .details a.watchPreviewDk {background:transparent url('../images/icons/watchPreview.gif') no-repeat scroll left -26px; font-weight: bold; text-decoration: underline; color:#F1B12C; padding-left:15px;} #hpColThree .featuredResult.homePage .details a:hover.watchPreviewDk {color: #DFA01B} #tvHighlights ul {float: right; width: 136px; margin: 10px 0 0} #tvHighlights ul li {float: left; text-indent: -9999px; list-style: none; margin: 0 1px; padding:0;} #tvHighlights ul li a {background:url('../images/showPaginationSmall.gif') left -30px no-repeat; height:14px; width: 14px; display: block} #tvHighlights ul li a:hover, #tvHighlights ul li a.selected {background-position:left -15px} #tvHighlights ul li a.arrowLeft {background-position:top} #tvHighlights ul li a.arrowRight {background-position:left -45px} .topResults {background-color:#030108; border:1px solid #3A373F; margin: 18px auto; padding:0 0 4px; width:298px;} .topResults .inset {background:transparent url('../images/inset_bg.gif') repeat-x scroll left top; clear:both; margin:0 1px; overflow:hidden; padding:1px 3px 0; position:relative; width:290px;} .topResults .inset h2 {background: url('../images/global/titleWatchEpisodes.jpg') no-repeat; height: 35px; width: 150px; color:#fff; display:block; text-indent: -9999px;} .topResults .inset .watchepisodes {font-size:11px; color:#FFFFFF; text-decoration:none; position:absolute; right:3px; top:7px; background:url('../images/btn_watchepisodes.gif') no-repeat left top; width:130px; height:21px;} .topResults .inset .watchepisodes:hover {background:url('../images/btn_watchepisodes.gif') no-repeat left -79px; text-decoration:none;} .topResults .inset .watchepisodes span {background:url('../images/btn_watchepisodes.gif') no-repeat top right; display:block; height:21px; margin-left:32px; padding-top:4px;} .topResults .inset .watchepisodes:hover span {background:url('../images/btn_watchepisodes.gif') no-repeat right -79px;} #watchEpisodes .tabs {display: block; width:290px; overflow: hidden; height:26px; margin:0px auto;} #watchEpisodes .tabs ul {margin: 0; padding: 0; overflow: hidden; width: 290px; height:26px;} #watchEpisodes .tabs li {float:left; width:145px; height:26px; margin: 0} #watchEpisodes .tabs li a {background:url('../images/tabsBg.gif') repeat-x left -54px; display:block; width:145px; height:26px; text-align:center; padding-top:5px; color:#AEB0B4; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal;} #watchEpisodes .tabs li a.selected {color:#F1B12C; font-weight:bold; background:url('../images/tabsBg.gif') repeat-x left top;} #watchEpisodes .main {margin:0; background:#F4F7F7 url('../images/contentFeature.gif') left bottom no-repeat; display:block; overflow:hidden; width:290px;} #watchEpisodes .main .side {display:none; overflow:hidden; width:290px;} #watchEpisodes .main .selected {display:block;} #watchEpisodes .main .item {padding: 10px 4px; width: 282px; overflow: hidden; background: url('../images/borderOne.gif') top repeat-x; font-size: 10px} #watchEpisodes .main .item img {float: left; padding: 0 6px 0 0} #watchEpisodes .main .item a {color: #2CB7CA;} #watchEpisodes .main .item a {color: #64CEDD;} #watchEpisodes .main .item h4 {font-size:16px; margin: 0 0 3px; padding: 0 0 3px; border-bottom:1px dashed #959AA0; float:left; width: 130px;} #watchEpisodes .main .item h4 a {font-family:Arial,Helvetica,sans-serif; text-decoration:none; color: #2CB7CA; font-weight: bold} #watchEpisodes .main .item h4 a:hover {text-decoration:underline; color:#64CEDD;} #watchEpisodes .main .item .episode {color:#8A98A8; display:block; height:25px; margin:0 0 3px; padding:0 0 7px; float:left;} #watchEpisodes .main .alt {background: #E9ECED url('../images/borderTwo.gif') top repeat-x;} #watchEpisodes .main .first {background: none no-repeat;} #watchEpisodes .main .item .time {border-bottom:1px dashed #BBC1C8; border-top:1px dashed #BBC1C8; float:right; font-size:10px; padding:3px 0 4px; position:relative; width:130px;} #watchEpisodes .main .item .time span {position: absolute; right: 0; top: 3px;} #clockFlash { position: absolute; top: 4px; right: 3px; }