/****** Ondemand Video Home *****************/ .videoSlider {height: 256px !important;} .videoSlider object {position: absolute; top: 7px; left:1px} .videoSlider h2 object {position: relative; top: 0px; left:0px} #wrapper {margin: 0 !important;} #ondemand_logo {position: absolute; left: 80px; top: 55px;} #ondemand_bg {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/ondemandBg.jpg') top repeat-x; height:570px; margin:0 0 -19px; position:relative; top:-7px; width:auto; overflow: hidden} #ondemand_panel {margin: 0 auto; width: 1090px; height: 534px; display: block; position: relative;} #ondemand_panel .featuredContent {height: 437px;} #ondemand_panel .contentInset {height: 398px} #unmetered {border-top: 1px solid #3a373f; line-height: 12px; display: block; font-size: 11px; padding: 5px 9px; position:absolute; left: 0; bottom: 0; width: 615px} #unmetered h4 {display: block; text-indent:-9999px; height: 13px; width: 113px; background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/title-unmetered.jpg') no-repeat; margin: 0 0 5px} #unmetered ul {position: absolute; right: 9px; top: 10px} #unmetered li {float: right; margin: 10px;} #container #main #info hr {font-size:0; line-height:0; height: 0; margin: 0 15px; background:none; border: none; border-bottom: 1px dashed #BFC5C8;} .results {font-weight: bold; position: relative; padding: 10px 15px; color: #4A515D} .results ol {position: absolute; right: 10px; top: 10px;} .results li {float: left; padding: 0 8px 1px 7px; border-left: 1px solid #99A0A4; color: #829199} .results .previous {border: none;} .list {margin: 0 15px;} .list ul {margin: 0 0 10px; overflow: hidden; width: 960px} .list li {float:left; width: 286px; border-bottom: 1px dashed #BFC5C8; margin: 0 25px 0 0; line-height: 26px; height: 26px; overflow: hidden} .list li.heading {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/header.gif') no-repeat scroll left top; color:#fff; display:block; font-size:16px; font-weight:bold; height:25px; line-height:25px; margin:9px 0 4px; text-indent:10px; width: 920px; border: none; padding: 0; font-family: arial, verdana, sans-serif; text-transform: capitalize} .list li a {font-weight:bold; color:#2EB7CA; font-size:16px; text-decoration:none; font-family: arial, verdana, sans-serif; text-transform: capitalize} ul.header {margin: 10px 15px 0; background: #677585 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/header.gif') no-repeat; color: #fff; font-weight: bold; height: 25px; width: 920px; line-height: 25px; } ul.header li {float: left;} div.show {padding: 8px 0 3px 53px; margin: 0 15px; border-bottom: 1px dashed #BFC5C8; width: 863px; overflow: hidden; position: relative} div.show h5 {font-size: 16px; line-height: 120%; padding: 0 0 0 5px} div.show h5 a {font-weight: bold; color: #1E87AF; text-decoration: none; font-family: arial, verdana, sans-serif;} div.show h5 span {font-size: 11px; color: #F1B12C; padding: 0 0 0 4px;} div.show h5 em {color: #2CB7CA;} div.show li {float: left;} div.show ul.alt {height: 35px; line-height: 35px; background: #E9ECED url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/border.gif') repeat-x top} ul.showDetails, ul.showDetailsMain {padding: 0 0 0 5px; height: 33px; line-height: 33px; color: #868D94; overflow: hidden; width: 863px;} ul.showDetailsMain {margin: -8px 0 0 0} a.allResults {display: block; float: left; height: 21px; margin:5px 0; width: 113px; text-indent: -9999px; background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/viewall.gif') top no-repeat} a.allResults:hover {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/viewall.gif') bottom no-repeat} a.showMore, a.showClose {height: 33px; width:30px; display: block; position: absolute; top:10px; left:10px; background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/showMore.gif') left bottom no-repeat; text-indent: -9999px;} a.showMore:hover {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/showMore.gif') right bottom no-repeat} a.showClose {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/showMore.gif') left top no-repeat} a.showClose:hover {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/showMore.gif') right top no-repeat} #info li.showMore {width: 57px} #info li.show a {color: #2CB7CA; text-decoration: none} #info li.show {width: 348px} #info li.date {width: 122px} #info li.type {width: 98px} #info li.duration {width: 82px} #info li.date {width: 122px} #info li.details {width: 145px} #info li.channel {width: 68px} /* 2.1 Find A Show ===========================================================*/ .findShow {display:block; width:298px; height:403px; border:1px solid #3A373F; margin:0 10px; background-color:#030108; position: absolute; top: 100px; left: 65px;} .findShow a.partner {text-decoration: none;} .findShow .contentInset {width:auto; overflow:hidden; width:296px} .findShow dl.findAccordian {height:315px; width:290px; display:block; font-size:11px; margin:0 0 19px; overflow:hidden; position:relative; left:3px; top:7px; clear:left; color:#8B8E98; line-height:12px} .findShow dl.findAccordian dt {background:#202733 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianTitle.gif') top left no-repeat; display:block; margin: 3px 0 0 0} .findShow dl.findAccordian dt a {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianArrow.gif') 11px -10px no-repeat; height:27px; display:block; line-height:27px; color:#fff; font-size:14px; padding:0 0 0 20px; text-decoration:none} .findShow dl.findAccordian dt a span {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/header_txt.png') no-repeat; text-indent:-9999px; display:block; width:280px; float:left; height: 27px; cursor: pointer} .findShow dl.findAccordian dt a.accShows span {background-position:6px 7px} .findShow dl.findAccordian dt a.accTitle span {background-position:6px -25px} .findShow dl.findAccordian dt a.accGenre span {background-position:6px -57px} .findShow dl.findAccordian dt a.accChannel span {background-position:6px -88px} .findShow dl.findAccordian dt.selected a {background-position:11px 8px} .findShow dl.findAccordian dd {background:#1D2634 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordian.gif') bottom no-repeat; min-height:2px; height:auto !important; height:2px; } .findShow dl.findAccordian dd div {display:none; padding:12px 12px 0 12px; line-height:120%; background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianContent.gif') top repeat-x; height:176px; position:relative} .findShow dl.findAccordian dd.selected div {display:block} #video-content dl.recommendedAccordian {height:200px; width:290px; display:block; font-size:11px; margin:0 0 0; overflow:hidden; position:relative; left:3px; top:7px; clear:left; color:#8B8E98; line-height:12px} #video-content dl.recommendedAccordian dt {background:#202733 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/recommended-accordian-bg.gif') top left no-repeat; display:block; margin: 5px 0 0 0} #video-content dl.recommendedAccordian dt a {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianArrow.gif') 11px -10px no-repeat; height:27px; display:block; line-height:27px; color:#fff; font-size:14px; padding:0 0 0 20px; text-decoration:none} #video-content dl.recommendedAccordian dt a span {margin-left: 5px;font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; font-weight: bold; display:block; width:280px; float:left; height: 27px; cursor: pointer} #video-content dl.recommendedAccordian dt.selected a {background-position:11px 8px} #video-content dl.recommendedAccordian dd {background:#1D2634 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordian.gif') bottom no-repeat; min-height:2px; height:auto !important; height:2px; } #video-content dl.recommendedAccordian dd div {display:none; padding:12px 12px 0 12px; line-height:120%; background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianContent.gif') top repeat-x; height:80px; position:relative} #video-content dl.recommendedAccordian dd.selected div {display:block} #video-content dl.recommendedAccordian div.cfbA10 img {float:left; margin: 0 8px 5px 0;} #video-content dl.recommendedAccordian div.cfbA10 a, #video-content dl.recommendedAccordian div.cfbA10 a:hover {color: #98A4B1; font-weight: normal; text-decoration: none !important; line-height: 13px;} /* Search Alphabetically */ ol#findAShow {margin:10px 0 0 13px; display:block; overflow: hidden} dl.findAccordian ol#findAShow /*Video Home page*/ {width:245px} div#findAShow ol#findAShow /*Video Player page*/ {width:560px} ol#findAShow li {margin:0; padding:0; float:left} ol#findAShow li a {background-position: left top; background-repeat: no-repeat; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; height:30px; width:30px; display:block; line-height:30px; text-align:center; text-decoration:none} dl.findAccordian ol#findAShow li a {margin: 0} div#findAShow ol#findAShow li a {margin: 3px} dl.findAccordian ol#findAShow li a /*Video Home page*/ {background-image: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/findaShowSprite.png')} div#findAShow ol#findAShow li a /*Video Player page*/ {background-image: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/aToZIconsPlayer-new.jpg')} ol#findAShow li a span {color: #92979E; font-size: 12px; position: relative; top: -2px} ol#findAShow li a:hover span {color: #ffffff} ol#findAShow li a:hover {background-position:left -31px} ol#findAShow li a.doubleSize {background-position:left -62px; width: 60px} ol#findAShow li a.doubleSize:hover {background-position:left -93px} ol#findAShow li a.allshows {background-position:left -124px; width: 209px} ol#findAShow li a.allshows:hover {background-position:left bottom} /* Search by Genre */ ol#findAShow li a.size1 {background-position:left -186px; width: 70px} ol#findAShow li a.size1:hover {background-position:left -217px} ol#findAShow li a.size2 {background-position:left -248px; width: 79px} ol#findAShow li a.size2:hover {background-position:left -279px} ol#findAShow li a.size3 {background-position:left -310px; width: 85px} ol#findAShow li a.size3:hover {background-position:left -341px} ol#findAShow li a.size4 {background-position:left -372px; width: 128px} ol#findAShow li a.size4:hover {background-position:left -403px} /* Search by Channel */ ol#findAShow li a.tvOne {background-position:-211px 0px; width:70px; height:70px;} ol#findAShow li a.tvOne:hover {background-position:-211px -71px} ol#findAShow li a.tvTwo {background-position:-211px -142px; width: 70px; height:71px;} ol#findAShow li a.tvTwo:hover {background-position:-211px -213px} ol#findAShow li a.uChannel {background-position:-211px -283px; width: 70px; height:71px;} ol#findAShow li a.uChannel:hover {background-position:-211px -354px} ol#findAShow li a.tvnzSeven {background-position:-211px -425px; width: 70px; height:71px;} ol#findAShow li a.tvnzSeven:hover {background-position:-211px -496px} ol#findAShow li a.kidZoneChannel {background-position:-211px -567px; width: 70px; height:71px;} ol#findAShow li a.kidZoneChannel:hover {background-position:-211px -638px} .videoPlayerPage ol#findAShow { margin: 0px;} .videoPlayerPage ol#findAShow li a { margin: 0px !important; width: 27px; height: 27px; display: block; background-position: -3px -2px; text-align: center; line-height: 25px; font-size: 13px;} .videoPlayerPage ol#findAShow li a:hover { background-position: -3px -33px;} .videoPlayerPage ol#findAShow li { padding: 0px 10px 10px 0px;} .videoPlayerPage ol#findAShow li a.doubleSize { background-position:-4px -64px; width: 64px} .videoPlayerPage ol#findAShow li a.doubleSize:hover { background-position:-3px -95px;} .videoPlayerPage #findAShowLeft h3 , .videoPlayerPage #findAShowRight h3 { font-size: 12px;} .videoPlayerPage form.searchForm input.searchField { width: 279px;} /* Search Keyword */ form.searchForm input {float:left} form.searchForm input.searchField {border:1px solid #fff; width:182px; height:16px; padding:3px 0 0 3px; margin:0 10px 0 0; color:#74A4A5; font-size:11px} form.searchForm input.searchField:focus {border:1px solid #2cb7ca; color:#000} form.searchForm input.searchButton {background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/headerSearchButton.gif') top left no-repeat; width: 62px; height: 21px} form.searchForm input.searchButton:hover {background-position: bottom;} /* Search By Date */ .findShow dl.findAccordian dd.calendar ul li {margin:0; padding:0; float:left} .findShow dl.findAccordian dd.calendar ul li a, .findShow dl.findAccordian dd.calendar a.previous, .findShow dl.findAccordian dd.calendar a.next {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/findAccordianSearchDate.gif') left -201px no-repeat; position:relative; float:left; color:#fff; font-family:Tahoma, Arial, sans-serif; font-size:10px; height:57px; width:54px; display:block; text-align:center; margin:0; text-decoration:none; padding:5px 0} .findShow dl.findAccordian dd.calendar ul li a:hover {background-position:0 -134px} .findShow dl.findAccordian dd.calendar ul li a.currentDay {background-position:0 -269px} .findShow dl.findAccordian dd.calendar ul li a.selectedDay, .findShow dl.findAccordian dd.calendar ul li a:hover.selectedDay{background-position:0 -336px} .findShow dl.findAccordian dd.calendar ul li a span {display:block; font-size:20px; font-weight:bold; padding:13px 0 7px; font-family:Arial, Helvetica, sans-serif} .findShow dl.findAccordian dd.calendar a.previous, .findShow dl.findAccordian dd.calendar a:hover.previous {background-position:left top} .findShow dl.findAccordian dd.calendar a.next, .findShow dl.findAccordian dd.calendar a:hover.next {background-position:left bottom} .findShow dl.findAccordian dd.calendar a.previous span, .findShow dl.findAccordian dd.calendar a.next span {position:absolute; left:-9999px; top:-9999px} .findShow dl.findAccordian dd.calendar div#searchCalendar {padding:12px 10px 0} #searchCalendar div#searchCalendarTop, #searchCalendar div#searchCalendarBtm {width:216px; padding:0; display:block; float:left; height:68px; overflow:hidden} #searchCalendar div#searchCalendarTop ul, #searchCalendar div#searchCalendarBtm ul {width:1000px} /* NCAS List */ .findShow ul.ncas {margin: 0 0 0 10px;} .findShow ul.ncas li {margin: 0 0 0 10px; padding: 2px 0;list-style-type:disc;} div#spinnerDiv {clear:both; margin:auto; text-align:center; position: relative; top: 50px;} div#findAShowResultsDiv div.contentInset {min-height: 220px} /* 2.2 Featured Content ===========================================================*/ .featuredContent { background-color: #040209; display: block; width:626px; position:absolute; top:58px; right:75px; border: 1px solid #3a373f; padding: 4px; } #featuredItem { background-color: #131922; height: 233px; padding-bottom: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .featureImage .play { display: none; border: none !important; } .featureImage:hover .play { display: block; position: absolute; } #featuredItem .featureImage { margin-right: 10px; float: left; } #featuredItem .featureImage img { padding: 6px; } #featuredItem .featuredItemDetail { padding-top: 0.5em; font-size: 12px; background: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand_panel_top_right_corner.jpg') no-repeat right top; } #featuredItem .featuredItemDetail a { text-decoration: none; } #featuredItem .programmeTitle { display: inline; font-weight: bold; font-size: 18px; color: #1e9cd5;} #featuredItem .featuredItemDetail span { font-size: 14px; text-transform: uppercase; color: #fff;} #featuredItem .featuredItemDetail p { margin-top: 10px; margin-bottom: 4px; color: #98a4b1; line-height: 14px;} #featuredItem p.date { color: #535d67; } #watchNow { padding-top: 10px; } #featureStrip { position: absolute; top: 246px; padding-bottom: 4px; left: 4px; } #featureStrip li { border-right: 1px solid #333944; display: inline; float: left; padding: 6px 5px; background-color: #171e2a; width:145px; height: 183px; overflow: hidden; } #featureStrip li.first { -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px;} #featureStrip li.border { border-left: 1px solid #090b10; } #featureStrip .showText { font-size: 11px; color: #1E87AF; margin-top: 6px; font-weight: bold;} #featureStrip li.altBg { background-color: #212c3c; } #featureStrip li.last { border-right: none; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;} #featureStrip li a { text-decoration: none; position:relative; display: block} #featureStrip li p.summary { color: #98A4B1; font-size: 11px; padding-top: 4px; } #featureStrip li p { margin-bottom: 4px; } #featureStrip li a img.play {display:none} #featureStrip li:hover a img.play {display:block; position:absolute;} .featuredContent .date { font-size: 9px; } .featuredContent h2 {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; left:4px; position:absolute; z-index:100; top:2px} .featuredContent .show {background:#F4F7F7 url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/showBottom.gif') bottom no-repeat; display:block; height:377px; width:620px; position:absolute; left:4px; top:22px; bottom:4px} .featuredContent .show .showImage {height:252px; width:620px; display:block; overflow:hidden} .featuredContent .show .showText {padding:10px 5px; border-top:1px solid #fff; font-size:11px; line-height:13px; overflow:hidden; height:100px; width:610px; float:left} .featuredContent .show .showText a {color:#2CB7CA; text-decoration:none; font-weight:bold} .featuredContent .show .showText a:hover {color:#64CEDD} .featuredContent .show .showText a.more {color:#F1B12C; text-decoration:underline} .featuredContent .show .showText a:hover.more {color:#D1920E} .featuredContent .show .showText a:hover {text-decoration:underline} .featuredContent .show .showText h3, .featuredContent .show .showText h3 a {color:#1E87AF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:0.9em; margin:0 0 4px} .featuredContent .show .showText h3 a:hover {color:#24A6D7} .featuredContent .show .showText h3 span {color:#8A98A8; font-size:11px; font-weight:normal} .featuredContent .show .showText div.showTextImage {float:left; margin:0} .featuredContent .show .showText a.watchFullEpisodes {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/watchFullEpisodesFeature.gif') top no-repeat; width:145px; height:21px; display:block; margin:6px 0} .featuredContent .show .showText a.watchFullEpisodes span {position:absolute; left:-9999px; top:-9999px} .featuredContent .show .showText a:hover.watchFullEpisodes {background-position:bottom} .featuredContent .show .showText div {margin:0 0 0 155px} .featuredContent .show .showText div p {padding:0 0 0 2px; margin:0 0 2px; line-height:130%} .featuredContent .showPagination {position:absolute; left:50%; top:0px; margin:0 0 0 -200px; width:400px; text-align:center; height:19px; line-height:19px} .featuredContent .showPagination a {background:url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/showPaginationSmall.gif') left -30px no-repeat; color:#4A515D; font-family:Verdana, Arial, sans-serif; font-size:9px; text-decoration:none; padding:1px 3px 2px; margin:0 1px} .featuredContent .showPagination a:hover, .featuredContent .showPagination a.selected {background-position:left -15px; color:#28A9BB} .featuredContent .showPagination a.next {background-position:bottom; color:#fff; margin:0} .featuredContent .showPagination a.previous {background-position:top; color:#fff; margin:0} .noResults {min-height: 200px; padding: 0 0 15px} .noResults h1 {padding: 15px} .content .contentInset .noResults h2 {padding: 10px 15px} .noResults ul {padding: 0 15px 15px} .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} .noResults form {text-align:center; font-size:11px; overflow:hidden; padding:10px 15px; width:920px;} .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} .noResults form input.searchField:focus {border:1px solid #2cb7ca; color:#000} /******* On Demand Player ******************/ #video-container-bg { background:transparent; padding:60px 0 102px; width:960px; } /* Video container ======================================= */ #video-container { width: 950px; height: 468px; padding: 20px 0 0 10px; background: url(images/bg-video-container.png) no-repeat; color: #98A4B1; font: 62.5%/1.6 Tahoma, Arial, Helvetica, sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */ z-index: 900; position: relative; } #video-container .video-overlay { width: 960px; height: 488px; cursor:pointer; background: #1D2634; position: absolute; left: 0px; top:0px; z-index: 1000; display: none;} #video-container a { color: #fe9800; text-decoration: none; } #video-container a:hover, #video-container a:active { color: #e9eced; } #video-container p { font-size: 1.1em; line-height: 1.2em; margin: 8px 0 0 0; } #video-container .self-clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #video-container #expires { float: right; margin: 0 10px 0 0; background: url(images/bg-expires.gif) no-repeat; padding: 0px 0px 5px 20px; font-family: Arial, Helvetica, sans-serif; color: #1E87AF; font-size: 13px; font-weight: bold; text-shadow: rgba(0,0,0, 0.75) 1px 1px 1px; } .popout a#close-btn { position: absolute; width: 20px; height: 20px; text-indent: -9999px; background: url(images/bg-popouts.png) no-repeat; background-position: 0 -210px; top:15px; right: 7px; } #video-container h1 { font-size: 14px; font-weight: bold; color: #98a4b1; line-height: 18px; height: 21px; margin: 0px 0px 16px 10px; text-shadow: rgba(0,0,0, 0.75) 1px 1px 0px; } #video-container h1 a#programme { font-size: 18px; color: #fff; border-bottom: 1px dotted #343c49; } #video-container h1 a:hover { color: #fe9800; } #video-container h1 a.channel { border: none;} #video-container h1 a img { vertical-align: middle; border: none;} #player {position: relative} #video-container #video { width: 640px; height: 410px; float: left; z-index: 10000; position: relative;} #video-container #video-content { width: 287px; height:429px; float: left; border-top: 1px dotted #343c49; margin-left: 10px; position: relative;} #video-container #video-title-summary { height: 130px; overflow: hidden; padding-bottom:0.5em; border-bottom:1px dotted #343C49;} #video-container #video-content h3, #findAShow h3 { font-size: 14px; font-weight: bold; color: #fff; line-height: 18px} #video-container #video-content h3 { margin: 16px 0px 0px 0px } #video-container #video-content h3 span { font-weight: normal; color: #98a4b1; display: inline; } #video-container #video-content #show-abstract { height:4em; overflow:hidden; padding-bottom:0.5em; } #video-container #video-content #recommended-list { width: 287px; height: 80px; position: relative; } #video-container #video-content #recommended-list li { width: 82px; float: left; margin: 0 10px 0 0; color: #98A4B1; } #video-container #video-content #recommended-list li span { font-size: 10px; line-height: 11px; display: block; padding-top: 0; color: #98A4B1; } #video-container #video-content #recommended-list li span:hover { color: #FFFFFF; } #video-container #video-content #recommended-list li#view-all { width: auto; position: absolute; top: -36px; right: 20px; margin: 0; } #video-container #video-content #recommended-list li#view-all a { color: #FE9800; border-bottom: 1px dotted #343C49; text-shadow: rgba(0,0,0, 0.75) 1px 1px 0px; font-size: 10px; } #video-container #video-content #recommended-list li#view-all a:hover { color: #98A4B1; } #video-container #video-content #share { margin: 10px 0px 0px 0px; background: url(images/bg-share.gif) no-repeat 9px 9px; padding-left: 65px; overflow: hidden; /* ie7 bug - hides background otherwise */ } #video-container #video-content ul#share > li { float: left; margin-right: 4px; position:relative; } #video-container #video-content ul#share > li > a { display: block; text-indent: -9999px; overflow: hidden; width: 36px; height: 37px; background: url(images/bg-share-btns.png) no-repeat; } #video-container #video-content #share li#share-twitter > a { background-position: 0 0; } #video-container #video-content #share li#share-twitter > a:hover { background-position: 0 -37px; } #video-container #video-content #share li#share-facebook > a { background-position: -36px 0; } #video-container #video-content #share li#share-facebook > a:hover { background-position: -36px -37px; } #video-container #video-content #share li#share-email > a { background-position: -72px 0; } #video-container #video-content #share li#share-email > a:hover { background-position: -72px -37px; } #container {min-width: 960px;} #container #main{ } #video-container #video-content #share li#share-more > a { text-indent: 0; width: auto; height: auto; background: none; text-shadow: rgba(0,0,0, 0.75) 1px 1px 0px; border-bottom: 1px dotted #343c49; margin: 8px 0px 0px 3px; } #popout-more,#popout-email { top: 422px; left: 0px; position: absolute; display: none; z-index: 1000; } #popout-more { width: 281px; height: 43px; padding: 20px 0px 0px 12px; background-image: url(images/bg-popouts.png); } #popout-more li { float: left; margin-right: 4px; } #popout-more li a { display: block; text-indent: -9999px; overflow: hidden; width: 30px; height: 30px; background: url(images/bg-popouts.png) no-repeat; } #popout-more li#Delicious a { background-position: 0 -99px; } #popout-more li#Digg a { background-position: -34px -99px; } #popout-more li#Reddit a { background-position: -68px -99px; } #popout-more li#Bebo a { background-position: -102px -99px; } #popout-more li#Newsvine a { background-position: -136px -99px; } #popout-more li#Stumbleupon a { background-position: -170px -99px; } #popout-more li#Myspace a { background-position: -204px -99px; } #popout-more li#Mixx a { background-position: -238px -99px; } #popout-email { width: 293px; height: 209px; background: url(images/bg-popouts.png) no-repeat -350px 0; } #popout-email > div { margin: 50px 0px 0px 13px; } #popout-email li { margin-bottom: 10px; } #popout-email input { border: none; font-size: 12px; color: #1d2635; font-family: Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; width: 247px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.2); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.2); } #popout-email input.default-value { color: #999; } #popout-email input.form-error { font-weight: bold; background: #e9eced; color: #ab1313; } #popout-email #email-submit { margin-top: 10px; } #popout-email #email-submit a { display: block; text-align: center; text-transform: uppercase; color: #fff; font: normal normal bold 11px Arial, Helvetica, sans-serif; text-shadow: rgba(0,0,0, 0.1) 1px 1px 0px; width: 70px; height: 23px; padding-top: 10px; margin: -4px 9px 0 0; background: url(images/bg-popouts.png) no-repeat 0 -140px; float: right; outline: none; } #popout-email #email-submit a:hover { background-position: 0 -173px; } #popout-email #message { color:#98A4B1; font-size:11px; font-weight:bold; margin-top:10px; margin-bottom:10px; max-width:200px; } #video-container .distributor {position: absolute; bottom: 5px; right: 0px; z-index: 900;} /*********** Show Links Module ******************/ #video-content dl.recommendedAccordian dd ul.showLinks li { float: left; margin: 0 5px 5px 0; height: 20px; line-height: 20px; width: 128px; font-size: 10px; overflow: hidden;} #video-content dl.recommendedAccordian dd a { color: #98A4B1; font-family:Arial, Helvetica, sans-serif;} #video-content dl.recommendedAccordian dd a:hover { color: #FE9800;} #video-content dl.recommendedAccordian dd a.showpage, #video-content dl.recommendedAccordian dd a.yoursay, #video-content dl.recommendedAccordian dd a.webisodes, #video-content dl.recommendedAccordian dd a.downloads, #video-content dl.recommendedAccordian dd a.characters, #video-content dl.recommendedAccordian dd a.allshows { padding: 2px 0 2px 25px; background-image: url('http://images.tvnz.co.nz/tvnz_site_images/entertainment/images/ondemand/showlinks.gif'); background-repeat: no-repeat} #video-content dl.recommendedAccordian dd a.showpage { background-position: 0 0} #video-content dl.recommendedAccordian dd a.yoursay { background-position: 0 -100px} #video-content dl.recommendedAccordian dd a.webisodes { background-position: 0 -200px} #video-content dl.recommendedAccordian dd a.downloads { background-position: 0 -300px} #video-content dl.recommendedAccordian dd a.characters { background-position: 0 -400px} #video-content dl.recommendedAccordian dd a.allshows { background-position: 0 -496px; position: absolute; bottom: 23px; right:5px; padding: 2px 0 2px 25px; height: 18px; line-height: 18px;} /*****************************/ .findAShow .contentInset { min-height: 120px; overflow: hidden; } .findAShow .contentInset .content { clear: both; margin: 10px 10px 4px; background: #070312; overflow: auto; padding: 10px;} .ondemand-share { padding: 10px 0px 0px 10px;}