@charset "utf-8";
/* CSS Document */


/************************** WEATHER ******************************/

div#weather { color:#000;border-bottom:1px solid #f4f4f4; float:left; margin-bottom:10px; width:296px; margin-left:4px; }

#secondary .panel #weather h4 { margin-left:5px; width:290px; color:#3f3f3f}
DIV#weather span {color:#0077c6; font-weight:bold;}
DIV#weather li.today span {font-weight:bold}
DIV#weather li.now span {color:#ff5000; font-weight:normal;}
div#weather ul {list-style-type:none}
DIV#weather ul { margin-left:5px;}
DIV#weather ul { _margin-left:5px; }

DIV#weather ul.current {float:left;width:290px;padding:0}
DIV#weather ul.current li {float:left;line-height:1.4em}
DIV#weather ul.current li.today {padding:0px;background:transparent url("../img/weathericons_31x31_0407.gif") 0 9px no-repeat}
DIV#weather ul.current li.today DIV {float:left;width:136px;;padding:4px 4px 9px 42px;background:transparent url("../img/bg_weathermask.gif") 0 -10px no-repeat}
DIV#weather ul.current li.now { width:63px;padding:4px 0px 7px 37px}
div#weather ul.forecast {float:left;width:280px;border-top:1px solid #f4f4f4;padding:0; margin-bottom:10px;}
DIV#weather ul.forecast li {float:left;width:auto;padding:0px;/*background:8px 9px no-repeat;*/ background:transparent url("../img/weathericons_31x31_0407.gif") 8px 9px no-repeat; text-transform:uppercase;}
DIV#weather ul.forecast li DIV {float:left;width:42px;padding:9px 4px 9px 42px;background:transparent url("../img/bg_weathermask.gif") 0 -10px no-repeat}
DIV#weather ul li.cloud {background-image:url(../img/weather_cloud.gif)}
DIV#weather ul li.rain {background-image:url(../img/weather_rain.gif)}
DIV#weather ul li.fine {background-image:url(../img/weather_fine.gif)}

/* SMH Weather icons */
DIV#weather ul li.w0  {position:absolute;top:0px;left:-9999px}
DIV#weather ul li.w1  {background-position:0    0px !important}
DIV#weather ul li.w2  {background-position:0  -35px !important}
DIV#weather ul li.w3  {background-position:0  -70px !important}
DIV#weather ul li.w4  {background-position:0 -105px !important}
DIV#weather ul li.w5  {background-position:0 -140px !important}
DIV#weather ul li.w6  {background-position:0 -175px !important}
DIV#weather ul li.w7  {background-position:0 -210px !important}
DIV#weather ul li.w8  {background-position:0 -245px !important}
DIV#weather ul li.w9  {background-position:0 -280px !important}
DIV#weather ul li.w10 {background-position:0 -315px !important}
DIV#weather ul li.w11 {background-position:0 -350px !important}
DIV#weather ul li.w12 {background-position:0 -385px !important}
DIV#weather ul li.w13 {background-position:0 -420px !important}
DIV#weather ul li.w14 {background-position:0 -455px !important}
DIV#weather ul li.w15 {background-position:0 -490px !important}
DIV#weather ul li.w16 {background-position:0 -525px !important}
DIV#weather ul li.w17 {background-position:0 -560px !important}
DIV#weather ul li.w18 {background-position:0 -595px !important}

#secondary .needanything {margin-left:4px; width:298px;border-bottom:1px solid #f4f4f4;margin-bottom:10px; padding-bottom:10px;}
#secondary .needanything h4 {margin-left:5px; margin-top:10px; margin-bottom:3px; width:290px;}
#secondary .needanything p {font-size:12px; margin-left:5px; margin-top:3px; margin-bottom:2px;}
#secondary .needanything UL {margin-left:5px;}
#secondary .needanything UL LI { line-height:1.3em}

/* Ooyala Phase II CSS */
.videoIndex .advert {
	margin-bottom:5px;
}
.videoIndex #twoColSpan, .streamingIndex #twoColSpan {
	background:none repeat scroll 0 0 #FFFFFF;
	padding-top:0px
}
.videoIndex div#twoColSpan.video {
	height:420px;
	margin-top:0px;
	width:945px;
	margin-left:7px;
	padding:5px 0 0 3px;
}
.videoIndex #twoColSpan embed, .streamingIndex #twoColSpan embed {
	margin-left:0px;
}
#videoPlayer {
	background:transparent url("../img/bg-videoShowFeature.png") scroll no-repeat 0 0;
	float:left;
	margin: 0 0 0 2px;
	text-align:left;
	color:#3f3f3f;
	padding:7px 6px;
 *padding-bottom:3px;
}
#videoPlayer.big {
	background:transparent url("../img/bg-videoFeature.png") scroll no-repeat 0 0;
	padding:6px 4px;
	float:left;
	margin:0 2px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left
}
#videoPlayer div {
	margin-bottom: 14px;
}
#videoPlayer h3 {
	font-size:16px;
	margin:0 0 2px 5px
}
#videoPlayer p {
	font-size:11px;
	margin-left:5px
}
#videoPlayer h5 {
	font-size:14px;
	margin:12px 0 5px 10px
}
.channels {
	float:left;
	text-align:left;
	margin-top:5px;
	line-height:13px
}
.channels h3 {
	background:transparent url("../img/header-channels.jpg") scroll no-repeat 0 -5px;
	color:#FFF;
	font-size:16px;
	padding:5px 0 0 10px;
	height:23px;
	width:286px;
	line-height:18px
}
.channels .border {
	width:289px;
	border:1px solid #dfdfdf;
	border-top:none;
	padding:15px 0 0 5px;
	background-color:#FFF
}
.channels .wof {
	margin-bottom:4px;
	border: none;
	font-size:11px;
}
#secondary .channels .wof {
	margin-left:0px;
	width:auto
}
.channels h5 {
	font-size:12px;
	padding:3px 0;
}
.channels h5 a, #secondary .channels h5 a {
	color:#ff5000;
	font-size:12px
}
#secondary .channels {
	margin:0 0 5px 6px;
	float:none
}
.streamingIndex div#context {
	background:transparent none;
}
body.colSpanTop .videoIndex .primaryBg, body.colSpanTop .streamingIndex .primaryBg {
	padding-top:0px;
}
.videoIndex div.rounded-1, .showVideoIndex div.rounded-1, .singleVideo div.rounded-1, .eventFeature div.rounded-1, .videoSearchResults div.rounded-1 {
	background:none no-repeat scroll -1280px 100% transparent;
	margin-left:0px;
	width:636px;
	padding:7px 0 13px;
}
.blogIndex div.rounded-1, .blogEntry div.rounded-1 {
	background:none no-repeat scroll -1280px 100% transparent;
}
.videoIndex #primary .inverseCols .smallCol, .showVideoIndex #primary .inverseCols .smallCol, .singleVideo #primary .inverseCols .smallCol, .eventFeature .videoIndex #primary .inverseCols .smallCol, .streamingIndex .videoIndex #primary .inverseCols .smallCol, .videoSearchResults .videoIndex #primary .inverseCols .smallCol {
	padding-right:5px;
}
.eventFeature div.inverseCols {
 *padding-top:0px
}
.singleVideo .panel div.hColour {
	padding:7px 0 4px;
 *padding-bottom:0px
}
.singleVideo div.rounded-1 {
	padding:0px;
}
.videoIndex div.rounded-1 .r1, .showVideoIndex div.rounded-1 .r1, .singleVideo div.rounded-1 .r1, .eventFeature div.rounded-1 .r1, .videoSearchResults div.rounded-1 .r1 {
	background:none no-repeat scroll 0 0 transparent;
	width:636px;
}
.showVideoIndex #primary .panel div.rounded-1 .videoCol, .singleVideo #primary .panel div.rounded-1 .videoCol, .eventFeature #primary .panel div.rounded-1 .videoCol, .videoSearchResults #primary .panel div.rounded-1 .videoCol {
	background:none;
	margin:0;
}
.singleVideo div.rounded-1 .r2, .showVideoIndex div.rounded-1 .r2, .videoIndex div.rounded-1 .r2, .eventFeature div.rounded-1 .r2, .videoSearchResults div.rounded-1 .r2 {
	background:url("../img/bg-tabs.jpg") no-repeat scroll 3px 6px transparent;
	width:636px;
	padding:0px
}
.eventFeature div.rounded-1 .r2, .blogIndex div.rounded-1 .r2, .blogEntry div.rounded-1 .r2 {
	background-image:none;
	padding:0px;
	margin:0
}
.videoIndex div.hColour h2, .showVideoIndex div.hColour h2, .singleVideo div.hColour h2, .eventFeature div.hColour h2, .streamingIndex div.hColour h2, .videoSearchResults div.hColour h2 {
	margin:0px 7px;
}
.eventFeature div#galleryWrapper h2 {
	margin-left:18px;
	padding-left:12px
}
.eventFeature .gallery .prevNext {
	right:8px
}
.eventFeature .prevNext li.move span {
	background-position:8px -765px;
}
.eventFeature .prevNext li.next span {
	background-position:-102px -765px;
}
.showVideoIndex div.hColour h2 span, .singleVideo div.hColour h2 span, .eventFeature div.hColour h2 span, .videoSearchResults div.hColour h2 span {
	background:url("../img/bg-videoIcon.png") no-repeat scroll 0 0 transparent;
	display:block;
	float:right;
	height:26px;
	width:23px;
	margin-top:-4px;
 *margin-top:-27px;
}
.showVideoIndex .hColour h2 .link, .singleVideo .hColour h2 .link, .eventFeature .hColour h2 .link, .videoSearchResults .hColour h2 .link {
	right:29px;
}
.eventFeature #galleryWrapper {
	border-top:7px solid #D7D7D7;
	padding:10px 0px;
 *margin-bottom:10px;
}
.eventFeature #gallery {
	position:relative;
	display:inline-block;
}
.eventFeature #imgWrapper, .eventFeature .gallery ul.options {
	margin-left:18px;
}
.eventFeature #imgWrapper {
*margin-left:8px
}
.eventFeature .galleryWithoutPoll ul.navBottom {
	bottom:10px;
	right:10px !important;
}
.eventFeature .gallery p.caption {
	left:18px;
	bottom:33px
}
.eventFeature .inverseCols .mainCol {
	margin-left:8px
}
.videoSearch {
	float:right;
	margin:8px 7px 0 0;
 *margin-right:3px
}
.videoSearch .search {
	width:156px;
	height:25px;
	border: 1px solid #ffffff;
	background: transparent url("../img/bg-videoSearch.jpg") scroll no-repeat 0 0
}
.videoSearch .submit {
	background: transparent url("../img/button-videoSearch.png") scroll no-repeat 0 0;
	border: none;
	cursor:pointer;
	color:#FFF;
	font-size:13px;
	width:127px;
	height:22px;
	padding:0 0 2px 42px;
	font-weight:bold;
	text-align:left;
 *margin-bottom:3px
}
.videoTabs {
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:4px
}
.videoTabs li {
	float:left;
	font-weight:bold
}
.videoTabs li a {
	color:#c2c2c2;
	background: transparent url("../img/sprite-tabs.png") scroll no-repeat -77px 0;
	width:66px;
	display:block;
	height:23px;
	padding:16px 5px 0 0;
	text-align:center
}
.videoTabs li a.active {
	color:#3f3f3f;
	background: transparent url("../img/sprite-tabs.png") scroll no-repeat -4px 0;
	width:68px;
	display:block;
	height:25px;
	padding:14px 5px 0 0;
}
.videoSort {
	color:#3f3f3f;
	margin-left:8px;
	clear:both;
	position:relative;
	top:9px;
	font-size:11px
}
.videoSort a {
	margin:0 4px
}
.videoSort .active {
	color:#3f3f3f
}
.videoThumbs {
	margin-left:7px;
	margin-top:5px;
}
.videoThumbs li {
	float:left;
	list-style-type:none;
	width:148px;
	height:140px;
	margin:15px 0 0 7px;
	border-bottom:1px solid #dfdfdf;
	color:#3f3f3f
}
.videoThumbs li p {
	padding:0 5px;
	height:32px;
	overflow:hidden;
	font-size:11px;
}
.videoThumbs li a {
	font-weight:bold;
	position:relative;
	color:#3f3f3f;
}
.videoThumbs li img {
	margin-bottom:8px;
	margin:0 5px 5px 0;
	padding:2px;
	display: block;
}
.videoThumbs li a.thumbs:hover .videoRollover {
	position: absolute;
	z-index: 3;
	width: 140px;
	height: 80px;
	margin-top: 2px
}
.videoThumbs li a.thumbs .videoRollover .videoOverlay {
	position: absolute;
	height: 80px;
	width: 140px;
	z-index: 3;
	font-size: 11px;
	left: 2px;
	bottom:0px;
	overflow: hidden;
	top:0px
}
.videoThumbs li a.thumbs:hover .videoOverlay {
	background: transparent url("../img/overlay-video.png") scroll no-repeat 0 0;
	cursor:pointer
}
.videoIndex .pagination, .showVideoIndex .pagination, .singleVideo .pagination, .videoSearchResults .pagination {
	clear:both;
	position:relative;
	top:-1px;
}
.videoIndex .inverseCols .line, .showVideoIndex .inverseCols .line, .singleVideo .inverseCols .line, .videoSearchResults .inverseCols .line {
	border-top:1px solid #dfdfdf;
	border-bottom:none;
	margin: 0 9px;
	padding:8px 0;
 *padding-bottom:0px
}
.videoIndex .paginationWrap, .showVideoIndex .paginationWrap, .singleVideo .paginationWrap, .videoSearchResults .paginationWrap {
	text-align:center;
	margin:0 10px 0 14px;
	border-bottom:1px solid #dfdfdf;
}
.videoIndex .paginationWrap del, .showVideoIndex .paginationWrap del, .singleVideo .paginationWrap del, .videoSearchResults .paginationWrap del {
*border:none
}
#videoPlaylists {
	height:267px;
	margin:24px 7px 0px;
}
#videoPlaylists h3 {
	background:url("../img/bg_heading_mix_rpt.gif") repeat-x scroll center bottom transparent;
	clear:both;
	color:#3F3F3F;
	font-size:20px;
	height:23px;
	margin-bottom:8px;
	padding-bottom:5px;
	position:relative;
}
#videoPlaylists .pod {
	background: transparent url("../img/bg-playlistPod.png") scroll no-repeat 0 0;
	float:left;
	height:196px;
	margin:8px 0 0 23px;
	padding:17px 18px 0px;
	width:141px;
}
#videoPlaylists .pod h5 {
	color:#fff;
	margin-left:2px;
	margin-bottom:9px;
	font-size:11px;
	height:15px;
	overflow:hidden
}
#videoPlaylists .pod img {
	float:left;
	margin-bottom:5px;
}
#videoPlaylists .pod p {
	color:#4f4b4c;
	margin-left:2px;
	font-size:11px;
	overflow:hidden;
	height:48px;
	width:135px;
}
.videoIndex #secondary, .showVideoIndex #secondary, .singleVideo #secondary, .eventFeature #secondary, .blogEntry #secondary, .blogIndex #secondary, .videoSearchResults #secondary {
	width:311px
}
.videoIndex .secondaryBg {
	margin-left:0px;
}
.streamingIndex #secondary {
	background-image:none;
}
.videoIndex #secondary {
	width:308px;
	border-top: 6px solid #D7D7D7;
	margin-left:6px;
}
body.colSpanTop .videoIndex .secondaryBg, body.colSpanTop .eventFeature .secondaryBg {
	margin-top:9px;
	padding-top:0px;
}
body.colSpanTop .streamingIndex .secondaryBg {
	margin-top:0px
}
.latestVideos {
	text-align:left;
	margin-top:4px;
	margin-bottom:15px
}
.latestVideos h3 {
	background:transparent url("../img/header-latestVideos.jpg") scroll no-repeat 0 0;
	color:#FFF;
	font-size:16px;
	padding:5px 0 0 10px;
	height:23px;
	width:202px;
	margin-bottom:0px
}
.latestVideos .border {
	width:210px;
	border:1px solid #dfdfdf;
	border-top:none;
	background-color:#FFF;
	padding-top:14px
}
.latestVideos .wof {
	margin:0px 5px 5px;
	border: none;
	padding-bottom:5px
}
.latestVideos h5 {
	margin-bottom:5px;
	font-size:13px;
	padding-top:3px
}
.smallCol .latestVideos .wof h5 a {
	font-size: 12px
}
.latestVideos p.more {
	text-align: center;
	margin-bottom:4px
}
.latestVideos a {
	position:relative
}
.latestVideos img {
	margin:0 5px 5px 0;
	display: block;
}
.latestVideos a.thumbs:hover .videoRollover {
	position: absolute;
	z-index: 3;
	width: 91px;
	height: 52px;
	margin-top: 3px;
	left:12px
}
.latestVideos a.thumbs .videoRollover .videoOverlay {
	position: absolute;
	height: 52px;
	width: 91px;
	z-index: 3;
	font-size: 11px;
	left: -108px;
	bottom:0px;
	overflow: hidden;
	top:0px
}
.latestVideos a.thumbs:hover .videoOverlay {
	background: transparent url("../img/overlay-videoSmall.png") scroll no-repeat 0 0;
	cursor:pointer
}
.topBlogs {
	margin-bottom:15px;
	width:210px;
}
.smallCol .topBlogs h4 {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.topBlogs .nav {
	color:#999999;
	margin-bottom:10px
}
.topBlogs .nav a {
	margin:0 3px;
	color:#999999
}
.topBlogs .nav a.active {
	color:#ff5000
}
.smallCol .topBlogs ul {
	list-style-position:outside
}
.topBlogs ul li {
	line-height:13px;
	background:url("../img/bullet.gif") no-repeat scroll 0 5px transparent;
	color:#FF5000;
	height:1%;
	line-height:normal;
	padding-bottom:1px;
	padding-left:8px;
	margin: 0 0 16px 4px;
 *margin-left:8px;
}
.topBlogs .nav {
	list-style-type:none;
	padding-bottom:15px
}
.topBlogs .nav li {
	float:left;
	margin:0 2px 0 0;
	padding:0;
	background:none;
	color:#999999
}
.topBlogs #mostViewed, .topBlogs #mostCommented {
	clear:both
}
.blogVideo {
	background: transparent url("../img/bg-videoBlogFeature.png") scroll no-repeat 0 0;
	padding:5px;
	margin-bottom:10px
}
#twoColSpan {
	clear:both
}
.streamingIndex #context {
	width: 962px;
}
.streamingIndex #twoColSpan.video {
	background: transparent url("../img/wings-streamingIndex.jpg") scroll no-repeat -319px -142px;
	height:auto;
	margin-top:0;
	height:429px;
	margin-left:0px;
	border-bottom:7px solid #D7D7D7;
	width:962px;
	padding-bottom:10px
}
.streamingIndex #twoColSpan div {
	background:transparent url("../img/bg-videoFeature.png") scroll no-repeat 0 0;
	float:left;
	padding:6px 4px;
	margin:34px 0 39px 160px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
.videoSearchResults div.rounded-1 {
	padding:7px 0 0px;
}
.videoSearchResults div.inverseCols {
	padding:0px;
}
.videoSearchResults div.rounded-1 .r2 {
	margin: 0;
}
.videoSearchResults .videoResults {
	text-align:right;
	margin-right:14px;
	color:#3f3f3f;
	height:0;
	font-size:11px;
}
.videoSearchResults .videoSort {
	top:-20px;
	width:300px;
}
.videoSearchResults .moreVideos p#noResults {
	color:#3f3f3f;
	font-size:14px;
	margin:24px 0 80px 14px;
}
.videoSearchResults .inverseCols #paginationwrap1 {
	margin-bottom:-3px
}