/* slide Stylesheet thanks to TVNZ ===========================================================*/ /*==================================================================================================================== 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; width: 960px} div.hpCol {width:300px; padding:0 9px 0 10px; float:left; overflow: hidden} div#hpColOne, div#hpColTwo {border-right:1px solid #E8EDEC} div.hpColWide {background:url('images/colSplit.gif'); width:760px; padding:0 10px 0 10px; float:left} div.hpColWide div.hpRow {width:760px; margin:0 0 15px 0; overflow:hidden} div.hpColWide div.magazine {background: #FFF; width:620px; padding:0 0 15px 0; overflow:hidden} div.hpColWide div.sportIndexPromoRow {width:760px; 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.magazine .hpCol1 {width:390px; height: 220px; margin:0 10px 0 0; float:left} div.hpColWide div.magazine .hpCol2 {width:220px; height: 220px; margin:0; 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.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 */ /* 2.2 Feature Panel (slide Panel) ===========================================================*/ #slidePanel {height:285px; width: 755px; background-color:#EBEFEF; position:relative; overflow: hidden;} /* Navigation */ #slidePanel .slidePanelNav {height:285px; width:200px; right:0px; position:absolute;} #slidePanel .slidePanelNav .slide {height:95px; width:200px; color:#fff; position: relative; z-index: 50; cursor: pointer; display: block;} #slidePanel .slidePanelNav .slide .summary {cursor: pointer; } #slidePanel .slidePanelNav .slide .article {position: relative;display: none;} #slidePanel .slidePanelNav .slide .article img {vertical-align: text-top;} #slidePanel .slidePanelNav .slide .article span {font-size: 9px; color: #FFF; position: absolute; left: 4px; top: 0px;} #slidePanel .slidePanelNav .slide .article span {*top:-1px;} #slidePanel .slidePanelNav .slideMini {height:77px; width:200px; display:block; color:#CFD6C7;} #slidePanel .slidePanelNav .slide.selected, #slidePanel .slidePanelNav .slideMini.selected {left:0px} #slidePanel .slidePanelNav h2 a {padding:5px; font-family:Georgia, "Times New Roman", Times, serif ; font-size:18px; line-height:20px; font-weight:normal; color:#fff; text-decoration:none;} #slidePanel .slidePanelNav .slide .article {color:#fff; text-decoration:none; display: inline;} #slidePanel .slidePanelNav .slide .holder, #slidePanel .slidePanelNav h2 {padding:5px; font-family:Georgia, "Times New Roman", Times, serif ; font-size:16px; line-height:23px; font-weight:normal; color:#fff; text-align:right; text-decoration:none; } #slidePanel .slidePanelNav .slideMini .holder {position: absolute; top: 0px; left: 0px; height: 21px; cursor: pointer; z-index: 55;} #slidePanel .slidePanelNav .slideMini {position:relative; text-decoration: none; } #slidePanel .slidePanelNav .slideMini:hover {text-decoration: underline; } #slidePanel .slidePanelNav a.watch, #slidePanel .slidePanelNav a.see {color:#E5997F; padding:0 0 0 17px; text-decoration:none} #slidePanel .slidePanelNav a h2:hover {text-decoration:underline} #slidePanel .slidePanelNav a.see {background:url('images/linkIcons.gif') left bottom no-repeat; margin: 0 0 0 5px} #slidePanel .slidePanelNav a.watch {background:url('images/linkIcons.gif') left 1px no-repeat} #slidePanel .slidePanelNav #slide1 {display: none;} #slidePanel .slidePanelNav #slide2 {display: none;} #slidePanel .slidePanelNav #slide3 {display: none;} #slidePanel .slidePanelNav #slide1Mini {display: block; background:none;} #slidePanel .slidePanelNav #slide2Mini {display: block; background:none;} #slidePanel .slidePanelNav #slide3Mini {display: block; background:none !important;} #slidePanel .slidePanelNav #slide1Mini:hover, #slidePanel .slidePanelNav #slide2Mini:hover, #slidePanel .slidePanelNav #slide3Mini:hover {background:none; !important;;} #slidePanel .slidePanelNav .minibreakingNews { background:url('http://images.tvnz.co.nz/tvnz_site_images/slidepanelNavSplit-brakingNews.jpg') left top repeat-x !important;} #slidePanel .slidePanelNav .selectedArrow {position:absolute; left:-20px; cursor: pointer;} #slidePanel .slidePanelNav .slidearrow1 {top:60px;} #slidePanel .slidePanelNav .slidearrow2 {top:120px; display: none;} #slidePanel .slidePanelNav .slidearrow3 {top:180px; display: none;} /* Image Overlays */ #slidePanel .overlayLHS {position:absolute; top:0px; left:0px; z-index:1} #slidePanel .overlayRHS {position:absolute; top:0px; right:0px; height:285px} /* Content */ #slidePanel .slidePanelContent {height:285px; width:755px; float:left; overflow:hidden; position:relative; z-index:0} #slidePanel .slidePanelContent a {display: none;} #slidePanel .slidePanelContent div {width:755px; height:285px} #slidePanel .slidePanelContent div, #slidePanel .slidePanelContent img {} #slidePanel .slidePanelContent div.videoHolder img {display:block} #slidePanel .slidePanelContent .selected {}