/**
 * These are styles specific to the default layout of the site.
 *
 * Only styles relating to the default layout of the site should reside here.
 */

html, body, form {
	margin: 0px;
	padding: 0px;
}

html > body {
	font-size: 16px;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
}

/* clearfix styles */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

li.clearfix {
	display: list-item;
}

/* End hide from IE-mac */

.hidden,
	.jsEnabled .jsHidden {
	display: none;
}

.jsVisible {
	display: none;
}

.jsEnabled .jsVisible {
	display: block;
}

a img {
	border: 0px;
}

/* Opaque dark / light background CSS */
body {
	text-align: center;
	padding-bottom: 10px;
}

/* Set the z-index of the header to be higher than the content, otherwise expanding ads will be hidden in some browsers */
#pageHeaderWrapper {
	z-index: 3;
	margin-bottom: 12px;
}

#pageContentWrapper {
	position: relative;
	z-index: 2;
}

div#pageWrapper {
	width: 972px;
	padding: 2px 0px 0px 0px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

/* left align the page if in preview mode */
body.preview,
	.preview #pageWrapper {
	text-align: left;
	margin: 0px;
}

/* Sky global nav overrides */
#aoc-globalnav a:hover,
	#aoc-globalnav a:focus,
	#aoc-globalnav a:active {
	border-bottom: none;
}

body #aoc-globalnav #aoc-gn-inner {
	width: 972px !important;
}

/* Column Layout CSS - This is dependent on the "page type" class in the body */
#column00, #column01, #column02, #column03, #column04, #column05 {
	float: left;
	min-height: 1px;
}

/* homepage column definitions */
.pageTypeHome #preColumnWrapper {
	display: none;
}

.pageTypeHome #column01 {
	width: 648px;
	height: 347px;
	overflow: hidden;
}

.pageTypeHome #column02 {
	width: 324px;
	height: 347px;
}

.pageTypeHome #column03 {
	width: 972px;
	margin: 12px 0px;
}

.pageTypeHome #column04 {
	width: 600px;
}

.pageTypeHome #column05 {
	width: 360px;
	margin-left: 12px;
}

/* error page list column definitions */
.pageTypeError #column00 {
	width: 600px;
}

.pageTypeError #column02 {
	width: 600px;
}

.pageTypeError #column03 {
	width: 360px;
	margin-left: 12px;
}
/* forums column definitions */
.pageTypeForum #column00 {
    width: 600px;
}
.pageTypeForum #column03 {
	width: 360px;
	margin-left: 12px;
}
/* feedback (and thanks you) page column definitions */
.pageTypeFeedback #column00 {
	width: 600px;
}

.pageTypeFeedback #column02 {
	width: 580px;
	min-height: 400px;
	padding: 10px;
}

.pageTypeFeedback #column03 {
	width: 360px;
	margin-left: 12px;
}

/* sitemap page column definitions */
.pageTypeSitemap #column00 {
	width: 600px;
}

.pageTypeSitemap #column02 {
	width: 580px;
	min-height: 400px;
	padding: 10px;
}

.pageTypeSitemap #column03 {
	width: 360px;
	margin-left: 12px;
}

/* article, gallery, video display column definitions */
.pageTypeArticleDisplay #column01,
	.pageTypeGalleryDisplay #column01,
	.pageTypeShowDisplay #column01,
	.pageTypeVideoDisplay #column01 {
	width: 600px;
	padding: 0px;
}

.pageTypeArticleDisplay #column02,
	.pageTypeGalleryDisplay #column02,
	.pageTypeShowDisplay #column02,
	.pageTypeVideoDisplay #column02 {
	width: 360px;
	margin-left: 12px;
}

.pageTypeArticleDisplay .theAssetInner,
	.pageTypeGalleryDisplay .theAssetInner,
	.pageTypeShowDisplay .theAssetInner,
	.pageTypeVideoDisplay .theAssetInner {
	padding: 1px 15px;
	/* DN: While the following 2 lines aren't really necessary (as the inner is inside a 600px-wide
	   container anyway), some very edge-case content that contains italic text will cause IE6 to push
	   this container past it's 570px boundary. These lines explicitly fix that issue. */
	width: 570px;
	overflow: hidden; /* END of IE 6 fix */
}

/* Movie bucket page styling */
.pageTypeShowDisplay #theAsset,
	.pageTypeShowDisplay #moviePowerImage {
	width: 972px;
	height: 475px;
	overflow: hidden;
}

.pageTypeShowDisplay #theAsset {
	position: relative;
	margin-bottom: 15px;
}

.pageTypeShowDisplay h1 {
	position: absolute !important; /* needed to be more specific than the IE6 ".opaqueDark a" rule */
	top: 360px;
	padding: 5px 20px 5px 10px;
	width: auto !important;
}

.pageTypeShowDisplay .bannerAdWrapper300x250Outer {
	position: absolute !important; /* needed to be more specific than the IE6 ".opaqueDark a" rule */
	top: 10px;
	right: 20px;
	width: 360px;
	height: 294px;
}

/* styles for the top 10 module (wide) - START */
#topTen {
	position: relative;
	width: 360px;
	padding: 0px;
	margin-bottom: 12px;
}

#topTen .topTenContentWrapper {
	min-height: 322px;
	padding: 0px;
}

#topTen .tiledImageWrapper img {
	margin: 8px 0px 0px 0px;
}

#topTen ul,
	#topTen li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#topTen ul {
	padding: 9px 0px 9px 0px;
}

#topTen ul a {
	padding: 1px 10px 0px 0px;
	margin: 2px 6px 0px 6px;
	display: block;
	min-height: 17px;
	width: 338px;
}

#topTen ul a span {
	margin: 0px 4px;
	float: left;
	width: 6px;
	height: 14px;
}

#topTen ul a:hover,
	#topTen ul a:focus,
	#topTen ul a:active,
	#topTen ul a.hovered {
	text-decoration: none;
	color: #000000;
}

#topTen .glowingBorder {
	position: absolute;
	z-index: 2;
	top: 36px;
	left: 70px;
	width: 215px;
	height: 136px;
}

#topTen .tiledImageWrapper {
	position: relative;
	background-color: #000000;
	padding: 3px;
}

#topTen .tiledImageWrapper img {
	margin: 3px;
	opacity: 0.3;
	position: relative;
	z-index: 1;
}

#topTen .tiledImageWrapper .glowingBorder img {
	margin: 0px;
	padding: 16px 17px 16px 18px;
	opacity: 1;
}

/* styles for the top 10 module (wide) - END */

/* preview styles for the related asset hotspots */
body.preview .relatedAssetHotSpot,
	body.preview #relatedAssets .relatedAssetHotSpot,
	body.preview .intelliSpotHotSpot,
	body.preview .footerLinks .droppable,
	body.preview #topTen .droppable {
	border: 2px solid #FFD700;
	margin: 3px 0px 0px 3px;
	position: relative;
}

body.preview .relatedAssetHotSpot .removeButton,
	body.preview .intelliSpotHotSpot .removeButton {
	background-color: #FFD700;
	color: #000000;
	font-weight: bold;
	position: absolute;
	right: -2px;
	top: -2px;
	padding: 1px 4px;
	font-size: 75%;
	cursor: pointer;
}

#relatedAssets {
	margin-top: 12px;
}

#relatedAssetsInner {
	padding: 1px 0px 5px 5px;
}

#relatedAssetsInner .hovered a {
	color: #000000;
}

#relatedAssets .relatedAssetHotSpot {
	display: inline;
	float: left;
	width: 105px;
	min-height: 97px;
	padding: 8px 3px 0px 3px;
	margin: 2px 0px 0px 6px;
}

.relatedAssetHotSpot .teaserFeatureWrapper .teaserFeature.noIcon {
	padding-left: 2px;
	padding-right: 2px;
}

/** END - related assets */

/** IntelliSpot modules for bucket page - START **/
.intelliSpotModule {
	margin-top: 15px;
}

.pageTypeShowDisplay #featuresModule {
	margin-top: 0px;
}

.intelliSpotWrapper {
	padding: 6px 8px 6px 7px;
}

.intelliSpotWrapper .droppable {
	float: left;
	padding: 6px 7px 0 8px;
	width: 180px;
	height: 141px;
	line-height: 1.0em;
}

body.preview .intelliSpotWrapper {
	padding-bottom: 6px;
}

body.preview .intelliSpotWrapper .droppable {
	border: 2px solid #FFD700;
	padding: 3px 4px 0 4px;
}

.intelliSpotWrapper .hovered a {
	color: #000000;
}

/** IntelliSpot modules - END **/

/** oneToSix for landing page- START **/

.oneToSixWrapper {
	padding: 6px 8px 6px 7px;
}

.oneToSixWrapper .droppable {
	float: left;
	padding: 6px 7px 0 8px;
	width: 180px;
	height: 141px;
	line-height: 1.0em;
}

body.preview .oneToSixWrapper {
	padding-bottom: 6px;
}

body.preview .oneToSixWrapper .droppable {
	border: 2px solid #FFD700;
	padding: 3px 4px 0 4px;
}

.intelliSpotWrapper .hovered a {
	color: #000000;
}

/** oneToSix - END **/

/* Pagination styles - START */
.prevLink img,
	.nextLink img {
	width: 14px;
	height: 23px;
}

.paginationBlock {
	text-align: center;
}

.paginationBlock a img {
	vertical-align: middle;
}

.paginationBlock .prevLink {
	margin-right: 10px;
}

.paginationBlock .nextLink {
	margin-left: 10px;
}

/* Pagination styles - END */

/*** Banner Ads - Start ***/
#bannerTopBar {
	position: relative;
	z-index: 50; /* So expanding leaderboard ads go over top of content below */
}

.bannerAdWrapper730x86 {
	float: left;
	width: 730px;
	height: 90px;
}

.bannerAdWrapper300x250 {
	margin: 0px auto 15px auto;
	width: 360px;
	height: 294px;
}

.bannerAdWrapper730x86 iframe,
	.bannerAdWrapper300x250 iframe {
	position: relative;
}

#broadcastLogo {
	width: 204px;
	height: 79px;
	float: right;
	margin: 5px 2px 6px 0px;
}

#staticPromo {
	float: right;
	width: 124px;
	height: 78px;
	margin: 7px 7px 5px 0px;
}

/*** Banner Ads - End ***/

/*** Home Page Promo - Start ***/
.promoImage {
	margin-bottom: 12px;
}

.promoImage,
	.promoImage a,
	.promoImage img {
	display: block;
	width: 360px;
	height: 61px;
}

.largePromoWrapper .promoImage,
.largePromoWrapper .promoImage a,
.largePromoWrapper .promoImage img {
	width: 296px;
	height: 65px;
}

.promoImage a.hidden,
	.promoImage a.hidden img {
	display: none !important; /* IE6 seems to need this! */
}

#carouselPromo.promoImage {
	margin-left: 12px;
	margin-top: 12px;
	margin-bottom: 0px;
	overflow: hidden;
}

#carouselPromo.promoImage,
	#carouselPromo.promoImage a,
	#carouselPromo.promoImage img {
	display: block;
	width: 300px;
	height: 61px;
}

/*** Home Page Promo - End ***/

/* home page styles start */
#topSearchWrapper {
	min-height: 65px;
	padding-top: 10px;
	margin-top: 5px;
}
.microsite #homeLinkLogo {
	width: 200px;
	height: 45px;
}
#homeLinkLogo {
	float: left;
	width: 100px;
	height: 60px;
	position: relative;
	margin-top: 10px;
}

#homeLinkLogo a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}

#topSearchBox,
	#bottomSearchBox {
	width: 362px;
	float: right;
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
}

#topSearchBox {
	width: 510px;
	margin-top: 4px;
	margin-right: 2px;
}

#pageFooterWrapper {
	margin-top: 12px;
}

#footerNavLower {
	padding: 6px 8px 8px 8px;

}

div#footerNav {
	width: 972px;
	margin-top: 1px;
}

div#footerNavLower ul {
	padding-top: 0px;
	float: left;
}

div#footerCopyright {
	float: right;
	padding: 0px;
}

/** Home page mpu advert */
.pageTypeHome .bannerAdWrapper300x250 {
	height: 250px;
	margin: 12px auto 0px auto;
	width: 320px;
	background: none;
}

/** Home page carousel */
.showCarousel {
	padding: 12px 0px;
	position: relative;
	width: 648px;
	height: 323px;
}

.showCarouselAdditionalInfoWrapper {
	position: absolute;
	bottom: 12px;
	right: 0px;
	z-index: 99;
	text-align: right;
	max-width: 520px;
}

.showCarousel h2,
	.showCarousel h3 {
	margin: 0px;
	padding: 0px;
	float: right;
	clear: both;
	overflow: hidden;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 440px;
}

.showCarousel h2 {
	color: #FFFFFF;
	font-size: 1.8em;
	line-height: 1.1em;
}

.showCarousel h3 {
	font-size: 1.2em;
}

.showCarousel h3 a {
	color: #00CCFF;
}

.showCarousel h2 a,
	.showCarousel h3 a {
	display: block;
	width: 440px;
	padding: 0px 0px 3px 0px;
}

.showCarousel h2 a:hover,
	.showCarousel h2 a:focus,
	.showCarousel h2 a:active,
	.showCarousel h3 a:hover,
	.showCarousel h3 a:focus,
	.showCarousel h3 a:active {
	text-decoration: none;
}

.showCarousel h2 span,
	.showCarousel h3 span {
	background-color: #000000;
	padding: 0px 6px;
}

.showCarouselImageContainer {
	width: 520px;
	height: 323px;
	float: right;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.showCarousel .separator {
	height: 1px;
	overflow: hidden;
	background-color: #888888;
	margin: 0px 9px 0px 0px;
}

.showCarouselHotspotContainer {
	width: 136px;
	position: absolute;
	top: 12px;
	z-index: 20;
}

.showCarouselHotspot {
	width: 136px;
	height: 80px;
}

body.preview .showCarouselHotspot {
	border: 2px solid #FFD700;
	position: relative;
}

.showCarouselLHSOutter {
	height: 80px;
}

.showCarouselLHSMiddle {
	width: 128px;
}

.showCarouselInner {
	margin: 0px 5px;
	text-align: right;
}

.showCarouselFont {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.85em;
}

body.preview .showCarouselLHS {
	width: 124px;
	height: 75px;
}

/**
 * search form styles for every page start
 */
.searchForm fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.searchForm legend {
	display: none;
}

.searchForm .row1 {
	font-size: 70%;
}

.searchForm .row1 img {
	float: right;
}

.searchForm .row1 input,
	.searchForm .row1 label {
	float: left;
}

.searchForm .row1 label {
	font-weight: bold;
	color: #FFFFFF;
	min-height: 18px;
	line-height: 1.6em;
}

.searchForm .row2 {
	clear: both;
}

.searchForm .row2 input {
	vertical-align: middle;
}

.searchForm .searchQuery {
	width: 360px;
	border: 1px solid #000000;
	margin: 4px 15px;
	padding: 0px 3px 1px 3px;
	height: 19px;
}

.jsEnabled .searchForm .row1 input {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.jsEnabled .searchForm .row1 label {
	padding: 0px 5px;
	background-color: #006699;
	cursor: pointer;
}

.jsEnabled .searchForm .row1 label.labelSelected,
	.jsEnabled .searchForm .row1 label.labelHovered {
	background-color: #0099CC;
}

.jsEnabled body.customBackground .searchForm label {
	padding: 0px 5px;
	background-color: #333333;
	cursor: pointer;
}

.jsEnabled body.customBackground .searchForm label.labelSelected,
	.jsEnabled body.customBackground .searchForm label.labelHovered {
	background-color: #666666;
}

#bottomSearchBox {
	width: 355px;
	margin-top: 13px;
	margin-right: 15px;
}

#bottomSearchBox .searchForm {
	margin: 2px 0px 7px 0px;
}

#bottomSearchBox .row1 label,
	#bottomSearchBox .row1 input {
	display: none;
}

#bottomSearchBox .row1 img {
	margin-bottom: 3px;
}

#bottomSearchBox .searchQuery {
	width: 205px;
}

/**
 * search form styles for every page end
 */

/* Teaser feature (i.e. asset link) CSS - START */
.teaserFeatureWrapper {
	display: block; /* Some are DIVs, some are SPANs */
	overflow: hidden;
	word-wrap: break-word;
}

.teaserFeature {
/*********/
/** Asset icons are being removed site-wide at the moment pending a re-design of the icons **/
	/*
	 padding-left: 17px;
 */
/*********/
	position: relative;
	display: block; /* Some are DIVs, some are SPANs */
}

.teaserFeatureWrapper .teaserFeature {
/*********/
/** Asset icons are being removed site-wide at the moment pending a re-design of the icons **/
	/*
	 padding-left: 21px;
 */
/*********/
	padding-left: 4px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-style: normal;
}

.teaserFeatureWrapper .teaserFeature.noIcon {
	padding-left: 4px;
}

.teaserFeatureWrapper .teaserFeature img {
	position: absolute;
	left: 5px;
	top: 5px;
}

.teaserFeatureWrapper .teaserFeature img.ArticleIcon {
	top: 6px;
}

#theAsset .teaserFeatureWrapper .teaserFeature img {
	top: 6px;
}

#theAsset .teaserFeatureWrapper .teaserFeature img.ArticleIcon {
	top: 8px;
}

/* Teaser feature (i.e. asset link) CSS - END */

/**
 * article detail page styles begin
 */
.articleBody {
/* this prevents inappropriately sized images in the body from breaking out of the bounds of the text */
	overflow: hidden;
	width: 570px;
	position: relative;
}

.article {
	padding: 0px 15px 15px 15px;
}

.article .imageBlock {
	background-color: #000000;
	float: left;
	margin: 0px 15px 15px 0px;
	position: relative;
}

.article .imageBlock.right {
	float: right;
	margin: 0px 0px 15px 15px;
}

.article .imageBlock img {
	border: 0px;
}

/**
 * article detail page styles end
 */

/** Highlights module styles - START **/
#highlightsWrapper {
	padding: 0px 6px 0px 6px;
}

#highlightsWrapper .droppable {
	float: left;
	width: 180px;
	padding: 12px 6px 0px 6px;
	height: 146px;
	line-height: 1.0em;
	overflow: hidden;
}

body.preview #highlightsWrapper .droppable {
	border: 2px solid #FFD700;
	padding: 12px 4px 0px 4px;
}

#highlightsWrapper .hovered span a {
	color: #000000;
}

#highlightsWrapper .teaserFeatureWrapper .teaserFeature {
	padding: 4px 12px 5px 4px;
}

/** Highlights module styles - END **/

/*********/
/** Asset icons are being removed site-wide at the moment pending a re-design of the icons **/
/*
div.moreMediumWideModule h2 {
	padding: 4px 0px 0px 6px;
    height: 24px;
}
*/
/*********/

/** Breaker module styles - START **/
.tvBreakerWrapper {
	position: relative;
	width: 600px;
	margin-bottom: 12px;
	font-size: 113%;
}

.tvBreakerWrapper .cornerIcon {
	display: none;
}

.tvBreakerWrapper .breakerFeatureReadMoreWrapperPositioner,
	.tvBreakerWrapper .breakerFeatureWrapperPositioner {
	position: absolute;
	bottom: 10px;
	left: 0px;
}

.tvBreakerWrapper .breakerFeatureReadMoreWrapperPositioner {
	left: auto;
	right: 0px;
	padding: 3px 8px 3px 12px;
	background-color: #0099CC;
}

.tvBreakerWrapper .breakerFeatureWrapper {
	padding: 3px 12px;
	display: block;
	background-color: #000000;
}

.tvBreakerWrapper .hovered .breakerFeatureReadMoreWrapperPositioner,
	.tvBreakerWrapper .hovered .breakerFeatureWrapper {
	background-color: #FFFFFF;
}

.tvBreakerWrapper span.breakerFeatureReadMoreWrapperPositioner a,
	.tvBreakerWrapper span.breakerFeatureWrapper a {
	position: relative; /* Needed to make link clickable in IE6 */
	color: #FFFFFF;
	text-transform: uppercase;
}

.tvBreakerWrapper .hovered .breakerFeatureReadMoreWrapperPositioner a,
	.tvBreakerWrapper .hovered .breakerFeature a {
	color: #000000;
	text-decoration: none;
}

body.preview .tvBreakerWrapper {
	border: 2px solid gold;
}

body.preview .tvBreakerWrapper {
	width: 596px;
	height: 130px;
	overflow: hidden;
}

/** Breaker module styles - END **/

/** Read More Link styles - START **/
.readMoreLink {
	cursor: pointer;
}

.readMoreLinkBlack {
	color: #000000;
}

.readMoreLink img {
	margin-left: 5px;
	height: 10px;
}

.readMoreLink:hover,
	.readMoreLink:focus,
	.readMoreLink:active {
	text-decoration: none;
}

.readMoreLink:hover span,
	.readMoreLink:focus span,
	.readMoreLink:active span {
	text-decoration: underline;
}

p.moreLink {
	text-transform: uppercase;
	line-height: 1.5em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.moreLink a {
	color: #FFFFFF;
	background-color: #0099CC;
	font-weight: bold;
	padding: 0px 8px 0px 12px;
	float: right;
	text-align: center;
}

p.moreLink a:hover,
	p.moreLink a:focus,
	p.moreLink a:active {
	color: #000000;
	background: none #FFFFFF;
	text-decoration: none;
}

p.moreLink a img {
	margin-top: -1px;
	height: 10px;
}

/** Read More Link styles - END **/

/**
 * 404 page styles start
 */
.pageTypeError h1 {
	margin: 15px 0px 0px 10px;
}

.pageTypeError #column02 {
	min-height: 350px;
}

.pageTypeError #column02 p,
	.pageTypeError #column02 ul {
	margin-left: 10px;
	margin-right: 10px;
}

/**
 * 404 page styles end
 */

/**
 * video display page styles start
 */
#flashcontent {
	padding-bottom: 10px;
	position: relative; /* Needed for IE 6 to make the video clickable */
	width: 570px; /* Needed to set the default height / width... shrunk for embedded videos to be grown */
	height: 320px;
}

#theAsset .video #summary {
	margin-bottom: 15px;
}
#theAsset .video #summary p {
	font-size: 100%;
}
/** Latest Ticker Module styles - START **/
#homepageLatestTicker {
	background-color: #000000;
	margin-top: 12px;
	min-height: 23px;
}

#latestAssetType,
	#latestHeadline,
	#latestReadMoreLink {
	padding: 3px 6px 0px 6px;
	font-size: 85%;
	float: left;
	margin: 0px;
	display: inline;
}

#latestAssetType {
	color: #00CCFF;
}

#latestHeadline {
	font-size: 90%;
}

#latestReadMoreLink {
	float: right;
	padding-left: 0px;
}

.customBackground #homepageLatestTicker {
	background: none #000000;
}

.customBackground #latestAssetType {
	color: #FFFFFF;
}

/** Latest Ticker Module styles - END **/

/*moreMediumWideModule*/
.moreMediumWideModule {
	margin: 15px 0px;
}

.moreMediumWideModule h2 img {
	margin-right: 4px;
}

.moreMediumWideModule h3 {
	margin: 0px;
	padding: 2px 1px 2px 11px;
	text-transform: uppercase;
}

.moreMediumWideModule .moreItem div {
	margin: 0px;

}

.moreMediumWideModule .hovered h3 a {
	color: #000000;
}

.moreMediumWideModule .hovered p a {
	color: #000000;
}

.moreMediumWideModule .moreItem .moreItemText p {
	padding: 0px 5px 0px 9px;
	font-size: 70%;
	margin-top: 3px;
}

.moreMediumWideModule .moreItem .moreItemText {
	width: 177px;
	height: 101px;
	z-index: 100;
	position: relative;
}

.moreMediumWideModule .moreItem .moreItemTextInner {
	width: 157px;
	height: 87px;
	padding: 7px 15px 7px 5px;
}

.moreMediumWideModule .moreItem {
	height: 107px;
	position: relative;
	overflow: hidden;
}
.moreMediumWideModule .hovered {
    background-image: none;
    background-color: #FFFFFF;
}
.moreMediumWideModule .moreItem .moreItemImage {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 180px;
}

/* more medium wide module end */

/** editors choice styles - START **/
#editorsChoice {
	width: 360px;
	margin-right: 0px;
}

.sky1EditorsChoiceHotspotWrapper .droppable {
	position: relative;
}

.singleHotspot {
	padding: 6px;
}

.singleHotspotImage {
	width: 180px;
	z-index: 5;
	position: relative;
}

.singleHotspotLinkGroupWrapper {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 177px;
	height: 101px;
	z-index: 10;
}

.singleHotspotLinkGroup {
	padding: 5px 5px 5px 20px;
	width: 153px;
	height: 91px;
}

.singleHotspotLinkGroup a {
	cursor: pointer;
}

.sky1EditorsChoiceHotspotWrapper .hovered .singleHotspotLinkGroup a {
	color: #000000;
}

.singleHotspotLinkGroup h2 {
	padding: 0px;
	margin: 0px;
}

.singleHotspotLinkGroup .singleHotspotShortHeadline p {
	margin: 0px 0px 5px 0px;
	height: 66px;
}

body.preview .droppable .singleHotspotImage {
	border: 2px solid gold;
}

.singleHotspotLinkGroup .readMoreLink {
	margin-top: 10px;
	display: block;
}

/** editors choice styles - END **/

/** textual teaser module styles - START **/
#sky1HomepageTextualTeaser {
	margin-bottom: 12px;
}

.textualTeaserModule ul,
	.textualTeaserModule li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.textualTeaserModule ul {
	padding: 6px;
}

.textualTeaserModule li,
	.textualTeaserModule li .verticalCenteringOuter {
	height: 45px;
}

.textualTeaserModule li {
	float: left;
	width: 265px;
	word-wrap: break-word;
	padding-left: 26px;
	position: relative;
}

body.preview .textualTeaserModule li.droppable {
	border: 2px solid #FFD700;
	width: 261px;
	height: 41px;
}

.textualTeaserModule li.hovered {
	background-color: #FFFFFF;
}

.textualTeaserModule li.hovered a {
	text-decoration: none;
}

.textualTeaserModule li.right {
	float: right;
}

.textualTeaserModule li img {
	position: absolute;
	top: 11px;
	left: 6px;
}

.textualTeaserModule li a {
	color: #FFFFFF;
	font-size: 90%;
	text-transform: uppercase;
}

.textualTeaserModule li.hovered a {
	color: #000000;
}

/** textual teaser module styles - END **/

/** generic vertical centering styles - START **/
/* thanks to http://www.jakpsatweb.cz/css/css-vertical-center-solution.html! */
.verticalCenteringOuter {
	display: table;
#position : relative;
	overflow: hidden; /* height needs to be specified on a case-by-case basis for the outer */
}

.verticalCenteringMiddle {
#position : absolute;
#top : 50 %;
	display: table-cell;
	vertical-align: middle;
}

.verticalCenteringInner {
#position : relative;
#top : - 50 %;
}

/** generic vertical centering styles - END **/

/** hotspot more module on Sky1 home page */
body.preview #sky1HomePageMoreWrapper .droppable {
	border: 2px solid gold;
	margin: 3px 0px 0px 3px;
	position: relative;
}

#sky1HomePageMoreWrapper {
	padding: 1px 0px 5px 5px;
}

#sky1HomePageMoreWrapper .hovered a {
	color: #000000;
}

#sky1HomePageMoreWrapper .droppable {
	display: inline;
	float: left;
	width: 105px;
	min-height: 97px;
	padding: 8px 3px 0px 3px;
	margin: 2px 0px 0px 6px;
}

#sky1HomePageMoreWrapper .droppable .teaserFeatureWrapper .teaserFeature.noIcon {
	padding-left: 2px;
	padding-right: 2px;
}

.relatedAssetHotSpot .teaserFeature a,
	#sky1HomePageMoreWrapper .droppable .teaserFeature a {
	font-weight: normal;
	font-size: 0.7em;
}

/* Drag handles for hotspots */
.dragHandle {
	background-color: #FFD700;
	color: #000000;
	height: 15px;
	width: 15px;
	position: absolute;
	left: -2px;
	top: -2px;
	padding: 2px;
	cursor: pointer;
	z-index: 99;
}

/* special handling for some hotspots */
.textualteaserWrapper .dragHandle {
	left: -28px;
}

.sky1EditorsChoiceHotspotWrapper .dragHandle {
	left: 6px;
	top: 6px;
}

/* END - Drag handles */

/**
* Poll styles begin
*/
.poll {
	margin: 10px 0px; /* if the bottom margin changes, update the selectVoteAnswer function in _poll.gsp as well */
	padding: 6px 0px 6px 0px;
	background-color: #000000;
}

.pollInner {
	position: relative;
	padding-left: 70px;
}

.poll h2 {
	margin: 8px 10px 8px 0px;
	padding: 0px;
}

.poll p {
	margin-right: 10px;
}

.poll p.moreLink {
	margin: 0px;
	font-size: 0.85em;
}

.poll .pollQuestionMark {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 5px;
	top: 0px;
	text-align: center;
}

.poll .submitButtonRow {
	float: right;
}

.poll .submitButtonRow input {
	margin-bottom: 5px;
}

.poll .pollAnswerRow {
	margin: 0.35em 0px;
}

.poll .pollAnswerRow span {
	float: left;
}

.poll .pollAnswerRow .pollAnswer {
	width: 290px;
}

.poll .pollPercentageBar {
	height: 10px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0.25em 10px;
}

.poll .pollPercentageBar.zeroResult {
	margin-right: 0px;
}

.poll .pollRadioButton {
	vertical-align: middle;
	margin-bottom: 0.2em;
}

.poll label {
	margin-left: 0.5em;
}

.poll .pollRadioButtonRow {
	margin: 0.15em 0px 0.15em 0px;
	width: 410px;
	float: left;
}

.poll .pollRadioButtonRow input {
	margin: 0px;
}
/**
* Poll styles end
*/

/* quote module styles */
.quoteModule {
	padding: 10px 0px 12px 10px;
	min-height: 80px;
	position: relative;
}

.quoteImage {
	float: left;
}

.quoteContent {
	float: right;
	width: 300px;
}

.quoteText {
	padding-bottom: 7px;
}

.quoteByline {
	display: block;
}

.quoteAsset {
	font-weight: bold;
}

.readMoreQuoteWrapper {
	position: absolute;
	right: 0px;
	bottom: 12px;
}

.readMoreQuoteWrapperPositioner {
	left: auto;
	right: 0px;
	padding: 3px 8px 3px 12px;
	background-color: #0099CC;
	display: block;
}

#quoteModule.hovered .readMoreQuoteWrapperPositioner,
	#quoteModule .hovered .readMoreQuoteWrapperPositioner {
	background-color: #FFFFFF;

}

#quoteModule .readMoreQuoteWrapperPositioner a {
	position: relative; /* Needed to make link clickable in IE6 */
	color: #FFFFFF;
	text-transform: uppercase;
}

#quoteModule.hovered .readMoreQuoteWrapperPositioner a,
	#quoteModule .hovered .readMoreQuoteWrapperPositioner a {
	color: #000000;
}

#quoteModule.hovered a,
	#quoteModule .hovered a {
	text-decoration: none;
}

/* end quote module styles */

/** Asset link styles - only for asset body / captions - START */
.theAssetInner a {
	text-decoration: underline;
}

.theAssetInner a:hover,
	.theAssetInner a:focus,
	.theAssetInner a:active {
	color: #00CCFF;
}

.theAssetInner .teaserFeatureWrapper a {
	text-decoration: none;
}

.theAssetInner .teaserFeatureWrapper a:hover,
	.theAssetInner .teaserFeatureWrapper a:focus,
	.theAssetInner .teaserFeatureWrapper a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

/** Asset link styles - only for asset body / captions - END */

/* Heading seperators - START */
div.headingSeparatorWide {
	width: 100%;
	height: 1px;
	overflow: hidden;
	background-color: #00CCFF;
}

.customBackground div.headingSeparatorWide {
	background-color: #FFFFFF;
}

div.moreMediumWideModule div.headingSeparatorWide {
	height: 4px;
	background-color: #000000;
	border-top: 1px solid #00CCFF;
}

.customBackground div.moreMediumWideModule div.headingSeparatorWide {
	background-color: #000000;
	border-top: 1px solid #FFFFFF;
}

div.moduleSeparatorMiddle,
	div.moduleSeparatorBottom {
	width: 100%;
	height: 4px;
	overflow: hidden;
	background-color: #000000;
}

div.moreMediumWideModule h2 img {
	display: none;
}

/* Heading seperators - END */

/** Shared H2 swoosh styling - START **/
body h2.swoosh {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0px;
	padding: 1px 0px 0px 6px;
	color: #00CCFF;
}

body.customBackground h2.swoosh {
	color: #FFFFFF;
}

/** combined heading styles for modules **/
div.intelliSpotModule h2,
	div.moreMediumWideModule h2 {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0px;
	padding: 1px 0px 0px 4px;
}

/** Shared H2 swoosh styling - END **/

/* latest shows styles start */
.pageTypeLatestShows #column00 {
	width: 600px;
	padding: 0px;
	min-height: 500px;
}

.pageTypeLatestShows #column01 {
	padding: 0px;
	width: 600px;
}

.pageTypeLatestShows #column02 {
	width: 360px;
	margin-left: 12px;
}

.pageTypeLatestShows h1 {
	width: 576px;
	margin: 0px 0px 0px 0px;
	background-color: #000000;
	color: #FFFFFF;
}

.pageTypeLatestShows .teaserWrapper {
	margin-top: 15px;
	min-height: 101px;
}

.pageTypeLatestShows .linkStyleL11 {
	margin-top: 12px;
}

.pageTypeLatestShows .teaserWrapper {
	margin-top: 1px;
	padding: 12px 0px;
}

.pageTypeLatestShows .largeTeaserWrapper {
	margin-top: 1px;
	padding: 12px;
	overflow: hidden;
}

.pageTypeLatestShows .paginationBlock {
	padding: 20px 0px;
	margin-top: 1px;
}

.pageTypeLatestShows .prevLink img,
	.pageTypeLatestShows .nextLink img {
	width: 17px;
	height: 30px;
}

.pageTypeLatestShows .teaserWrapper h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 2px 5px;
	background-color: #000000;
	display: inline;
}

.pageTypeLatestShows .largeTeaserWrapper h3 {
	margin: 0px 0px 8px 0px;
	padding: 0px 5px 0px 0px;
	display: inline;
}

.pageTypeLatestShows .headlineWrapper {
	width: 380px;
	float: left;
}

.pageTypeLatestShows .teaserList h3 a {
	color: #FFFFFF;
}

.pageTypeLatestShows .teaserList .teaserImage {
	font-size: 0pt; /* stops ie rendering comedy whitespace under the image but inside the border */
	margin: 0px 10px 0px 12px;
}

.pageTypeLatestShows .teaserList .largeTeaserWrapper .teaserImage {
	margin: 12px 0px 0px 0px;
}

.pageTypeLatestShows .teaserWrapper .teaserImage {
	float: left;
}

.pageTypeLatestShows .largeTeaserWrapper .teaserImage {
	float: left;
}

.pageTypeLatestShows .teaserWrapper .content {
	width: 387px;
	float: left;
	margin: 12px 0px 0px 0px;
	min-height: 44px;
	position: relative;
	padding-bottom: 21px;
}

.pageTypeLatestShows .largeTeaserWrapper .content {
	float: right;
	width: 187px;
	position: relative;
	height: 215px;
	margin-top: 8px;
}

.pageTypeLatestShows .teaserList .content p {
	margin-top: 0px;
}

.pageTypeLatestShows .teaserList .moreLink {
	position: absolute;
	bottom: 0px;
	right: -11px;
}

.pageTypeLatestShows .teaserList .largeTeaserWrapper .moreLink {
	position: absolute;
	bottom: 0px;
}

.pageTypeLatestShows .moreLink {
	text-transform: uppercase;
	line-height: 1.5em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.pageTypeLatestShows .moreLink a {
	color: #FFFFFF;
	background-color: #009CDD;
	font-weight: bold;
	padding: 0px 8px 0px 12px;
	float: right;
	text-align: center;
}

.pageTypeLatestShows .moreLink a:hover,
	.pageTypeLatestShows .moreLink a:focus,
	.pageTypeLatestShows .moreLink a:active {
	color: #000000;
	background: none #FFFFFF;
	text-decoration: none;
}

.pageTypeLatestShows .moreLink a img {
	margin-top: -1px;
	height: 10px;
}

/* latest shows styles end */

/* The 'Loading...' message for galleries */
body #theEmbeddedAsset.tv #theGalleryLoadingMessage {
	width: 550px;
}

/* offScreen style */
.offScreen {
	position: absolute;
	left: -3000px;
}

/* embedded sky player resize rules - start */
.pageTypeVideoDisplay .skyPlayer .theAssetInner {
	padding: 1px 0px;
	width: 600px;
}

.pageTypeVideoDisplay #column01 .skyPlayer #summary {
	padding: 15px 15px 0px 15px;
}

/* embedded sky player resize rules - end */

/* small wide list for landing page styles start */
#smallWideList {

}

#smallWideList h2 {
	margin: 0px;
	padding-left: 10px;
}

#smallWideList .topSliceWrapper {
	border-bottom: 2px solid #FFFFFF;
}

.smallRelatedLinks .teaserItemWrapperInner,
	#smallWideList .teaserItemWrapperInner {
	margin-left: 10px;
	padding-top: 10px;
}

#smallWideList h3,
	#smallWideList p {
	margin: 0px 0px 0.5em 0px;
	width: 215px;
	padding-left: 10px;
}

#smallWideList .smallWideImageLink {
	position: absolute;
	right: 10px;
	top: 10px;
}

#smallWideList .droppable {
	margin-bottom: 1px;
	position: relative;
}

.preview #smallWideList .teaserItemWrapper {
	border: 3px solid gold;
}

#smallWideList .teaserItemWrapper {
	min-height: 79px;
}

#smallWideList .hovered .teaserItemWrapper {
	background-color: #FFFFFF;
	background-image: none;
	color: #000000;
}

#smallWideList .hovered .teaserItemWrapper h3 a {
	color: #000000;
	text-decoration: underline;
}

/* small wide list for landing page styles end */

#oneToSixTeaser a {
	font-weight: normal;
}

/* LandingPage shared menu start */
.pageTypeLandingPage #smallWideList .topSliceWrapper {
	border-bottom: 1px solid #00CCFF;
}

.customBackground .pageTypeLandingPage #smallWideList .topSliceWrapper {
	border-bottom: 1px solid #FFFFFF;
}

#smallWideList .topSliceWrapper h2 {
	font-size: 85%;
	font-weight: bold;
	line-height: 1.6em;
	margin: 0px;
	padding: 1px 0px 0px 6px;
	color: #00CCFF;
}

body.customBackground #smallWideList .topSliceWrapper h2 {
	color: #FFFFFF;
}

/* LandingPage shared menu end */
.pageTypeLandingPage #standfirstText a:hover,
	.pageTypeLandingPage #standfirstText a:focus,
	.pageTypeLandingPage #standfirstText a:active {
	color: #00CCFF;
}

/* top ten styles - start */
.pageTypeLandingPage #topTen ul a span {
	display: block;
}

/* top ten styles - end */

/* large wide teaser styles - start */
.pageTypeLandingPage .largeTeaser .intelliSpotWrapper .headlineWrapper h3 {
	background-color: #000000;
}

/* large wide teaser styles - end */

/* temp styles for editorial sky1 shows atoz - start */
#sky1ShowsMenuPage {
	width: 570px;
}

#sky1ShowsMenuPage .sky1ShowsMenu {
	width: 560px;
	height: 48px;
	border: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px 0px 20px;
}

#sky1ShowsMenuPage .sky1ShowsMenu .alphabetMenuItem {
	display: block;
	width: 38px;
	height: 22px;
	border: 1px solid #FFFFFF;
	float: left;
}

#sky1ShowsMenuPage .sky1ShowsMenu .numericItem {
	width: 78px;
}

#sky1ShowsMenuPage .sky1ShowsMenu .alphabetMenuLink {
	display: block;
	text-align: center;
	height: 18px;
	text-decoration: none;
	padding-top: 4px;
	color: #FFFFFF;
	font-weight: bold;
}

#sky1ShowsMenuPage .sky1ShowsMenu .alphabetMenuLink:hover {
	background-color: #FFFFFF;
	color: black;
}

#sky1ShowsMenuPage .letterHeader {
	display: block;
	width: 295px;
	border-bottom: 2px solid #FFFFFF;
	margin: 5px 0px;
}

#sky1ShowsMenuPage .letterHeader a {
	background-color: #FFFFFF;
	display: block;
	height: 18px;
	width: 45px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-top: 4px;
}

#sky1ShowsMenuPage .entries {
	list-style-type: none;
	padding-left: 0px;
}

#sky1ShowsMenuPage .entries li {
	padding-left: 15px;
}

#sky1ShowsMenuPage .entries a {
	text-decoration: none;
	color: #FFFFFF;
}

#sky1ShowsMenuPage .entries a:hover {
	text-decoration: underline;
}

/* temp styles for editorial sky1 shows atoz - end */

/* footer - start */
#bottomLogo {
    float:left;
	height: 78px;
	width:124px;
	margin: 5px 7px 3px 15px;
}

/* footer - end */

/* sitemap styles - start */
.pageTypeSitemap #column02 span {
	font-weight: bold;
	font-size: 125%;
}

.pageTypeSitemap #column02 .listGroup {
	margin-bottom: 10px;
}

.pageTypeSitemap #column02 li {
	line-height: 1.7em;
}

/* sitemap styles - end */

/* watch tv online / sky player video page syles - start */
.skyPlayer #theVideoHeader .newLayoutWrapper h1 {
	font-size: 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 0px;
	position: absolute;
	left: -2000px;
}

.skyPlayer #theVideoHeader h2 {
	margin: 0px;
	overflow: hidden;
	padding: 3px 120px 4px 15px;
	width: 465px;
	min-height: 27px;
	background-color: #000000;
	font-size: 1.45em;
}

.skyPlayer #theVideoHeader #videoTitle {
	position: relative;
	margin-bottom: 1px;
}

.skyPlayer #theVideoHeader #videoTitle h2 {
	min-height: 23px;
	font-size: 1.2em;
	color: #000000;
	background-color: #FFFFFF;
}

.skyPlayer #theVideoHeader .newLayoutWrapper {
	position: relative;
	margin-bottom: 12px;
}

.skyPlayer #theVideoHeader .newLayoutWrapper .additionalInfo {
	font-size: 0.8em;
	min-height: 40px;
	padding: 5px 15px 10px 15px;
	margin-top: 1px;
}

.skyPlayer #theVideoHeader .skyPlayerLogoLarge {
	position: absolute;
	right: 10px;
	top: 3px;
	height: 29px;
	width: 107px;
}
.skyPlayerLogoMedium {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 29px;
	width: 25px;
}

.skyPlayer #theVideoHeader .additionalInfo {
	padding-bottom: 10px;
}

.skyPlayer #theVideoHeader .additionalInfo a {
	position: relative;
}

.skyPlayer #theVideoHeader .additionalInfoTitle {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}

#skyPlayerPlaceholder {
	margin-bottom: 1px;
}

.pageTypeVideoDisplay #column01 .skyPlayer #summary {
	padding-top: 15px;
	min-height: 174px;
	margin-bottom: 0px;
}

.pageTypeVideoDisplay #column01 .skyPlayer #summary.expiryDatePresent {
	min-height: 140px;
	margin-bottom: 1px;
}

.skyPlayer .theAssetInner #expiryDate {
	background-color: #FFFFFF;
	color: #000000;
	text-align: right;
	padding: 7px 12px 7px 0px;
	min-height: 18px;
}

/* sky player large promo start */

.pageTypeVideoDisplay #sky1SkyPlayerLargePromoWrapper {
	margin: 0px 0px 12px 33px;
	width: 296px;
	height: 65px;
}
.pageTypeVideoDisplay .promoWrapper {
	float: none;
	width: 100%;
	height: 100%;
}
.pageTypeVideoDisplay .promoWrapper .droppable {
	width: 100%;
	height: 100%;
}
.pageTypeVideoDisplay .promoWrapper  a {
    display: block;
    position: relative;
}

#hotspot_sky1SkyPlayerLargePromo_0 {
    width: 296px;
    height: 65px;
    margin-bottom: 0px;
}
#hotspot_sky1SkyPlayerLargePromo_0 img {
    width: 296px;
    height: 65px;
    margin-bottom: 0px;
}
body.preview .pageTypeVideoDisplay #sky1SkyPlayerLargePromoWrapper {
    border:2px solid #FFD700;
}
/* sky player large promo end  */

/* sky player more module styles - start */

.skyPlayerMoreFromWrapper {
	padding: 12px;
	margin-bottom: 12px;
	min-height: 386px;
}

.skyPlayerMoreFromWrapper .headingWrapper {
	background-color: #000000;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
	position: relative;
	min-height: 43px;
}

.skyPlayerMoreFromWrapper a {
	color: #FFFFFF;
}

.skyPlayerMoreFromWrapper h2 {
	margin: 0px;
	padding: 15px 40px 12px 12px;
}

.skyPlayerMoreFromWrapper .intelliSpotWrapper {
	padding: 0;
}

body.preview .skyPlayerMoreFromWrapper .intelliSpotHotSpot {
	border: 2px solid #FFD700;
	padding: 0;
	margin: 0;
}

.skyPlayerMoreFromWrapper .intelliSpotWrapper .hovered a {
	color: #FFFFFF;
}

body.preview .skyPlayerMoreFromWrapper .dragHandle {
	top: -2px;
	left: -2px;
}

.skyPlayerMoreFromWrapper .intelliSpotHotSpot {
	border-bottom: 1px solid #000000;
	position: relative;
	float: none;
	height: auto;
	padding: 0;
	width: auto;
}

.skyPlayerMoreFromWrapper .intelliHotSpotImage {
	width: 180px;
	height: 101px;
	float: left;
}

.skyPlayerMoreFromWrapper .intelliHotSpotImage a {
	display: block;
}

.skyPlayerMoreFromWrapper .intelliHotSpotLinkGroupWrapper {
	float: left;
	width: 132px;
	min-height: 101px;
	margin-right: 14px;
	margin-left: 10px;
}

body.preview .intelliHotSpotLinkGroupWrapper {
	width: 128px;
}

.skyPlayerMoreFromWrapper .intelliHotSpotLinkGroupWrapper h3 {
	font-size: 0.75em;
	margin: 8px 0px;
}

.skyPlayerMoreFromWrapper .intelliHotSpotLinkGroupWrapper p {
	margin: 0px 0px 8px 0px;
}

.skyPlayerMoreFromWrapper a.skyPlayerLogo {
	right: 0px;
	bottom: 8px;
	position: absolute;
}

.skyPlayerMoreFromWrapper .bottomLinkWrapper a {
	padding: 10px;
	display: block;
	background-color: #000000;
}

.skyPlayerMoreFromWrapper .bottomLinkWrapper a:hover,
	.skyPlayerMoreFromWrapper .bottomLinkWrapper a:active,
	.skyPlayerMoreFromWrapper .bottomLinkWrapper a:focus {
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
}

.skyPlayerMoreFromWrapper .bottomLinkWrapper a .chevron {
	float: left;
	height: 15px;
	margin-right: 8px;
	width: 9px;
}

/* sky player more module styles - end */

a.skyPlayerLogo {
	bottom: 4px;
	cursor: pointer;
	display: block;
	height: 18px;
	position: absolute;
	right: 4px;
	width: 14px;
}

/* watch tv online / sky player video page syles - end */
/* sky player editors pick - start */
#theAsset.skyPlayer {
	margin-bottom:12px;
}
.skyPlayerMenu {
	padding: 12px 0 0 12px;
}
#skyPlayerModuleCollection {
	min-height: 268px;
}
.skyPlayerMenu .bg-arrow {
	position: absolute;
	top: -24px;
	left: 0px;
	margin-left: -17px;
	width: 43px;
	height: 12px;
}
.skyPlayerMenu .menubar {
	float: left;
	color: white;
	width: 175px;
	height: 256px;
	overflow: hidden;
}
.skyPlayerMenu .menubar div {
	padding: 0;
	margin: 0 0 1px 0;
}
.skyPlayerMenu .menubar .menuItem {
	position: relative;
}
.skyPlayerMenu .menubar div a.linkContentWrapper {
	padding: 6px 12px;
	position: relative;
	font-size: 90%;
	line-height: 1.6em;
	display: block;
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
	width: 139px;
	height: 21px;
}
.skyPlayerMenu .menubar div.selected a.linkContentWrapper,
.skyPlayerMenu .menubar div a.linkContentWrapper:hover,
.skyPlayerMenu .menubar div a.linkContentWrapper:active,
.skyPlayerMenu .menubar div a.linkContentWrapper:focus {
	background-color: white;
	color: #000000;
}
.skyPlayerMenu .menubar div .title {
	display: block;
}
.skyPlayerMenu .menubar div .chevron {
	position: absolute;
	right: 12px;
	top: 7px;
	height: 18px;
	width: 6px;
}
.skyPlayerMenu .menubar div .arrow {
	position: absolute;
	width: 12px;
	height: 33px;
	top: 0px;
	right: 0px;
}
.skyPlayerMenu .menubar .filler {
	height: 256px;
}
#sky1SkyPlayerLatestWrapper,
#sky1SkyPlayerLastChanceToSeeWrapper,
#sky1SkyPlayerEditorsPickWrapper {
	float: left;
	width: 777px;
}
.skyPlayerMenu .rollover {
	width: 105px;
	height: 120px;
	float: left;
	padding: 1px;
	background-color: black;
	color: white;
	margin-right: 4px;
	margin-bottom: 12px;
	position: relative;
}
.skyPlayerMenu .rollover a.headlineLink {
	display: block;
	margin: 2px;
	font-weight: bold;
}
.skyPlayerMenu .currentAsset,
.skyPlayerMenu .hovered {
	background-color: white;
	color: black;
}
.skyPlayerMenu .currentAsset a,
.skyPlayerMenu .hovered a {
	background-color: white;
	color: black;
}
body.preview .skyPlayerMenu .droppable {
	width: 101px;
	height: 116px;
	overflow: hidden;
	border: 2px solid #FFD700;
}
body.preview .skyPlayerMenu .dragHandle {
	top: -2px;
	left: -2px;
}
#sky1SkyPlayerEditorsPickLink,
#sky1SkyPlayerLatestLink,
#sky1SkyPlayerLastChanceToSeeLink {
	clear: both;
}
/* sky player editors pick - end */
/* three column list - start */
#threeColumnList h2{
	color: #00CCFF;
}
/* three column list - end */

/* more on link style start */
#moreOnLinkWrapper {
	margin-top: 10px;
	padding: 9px;
}
#moreOnLink a {
	display: block;
	padding: 10px;
}
#moreOnLink a:focus,
#moreOnLink a:active,
#moreOnLink a:hover {
	background-color: #ffffff;
	background-image: none;
	color: #000000;
	text-decoration: none;
}
#moreOnLink a .chevron {
	float: left;
	height: 15px;
	margin-right: 8px;
	padding: 0;
	width: 9px;
}
/* more on link style end */

/* Forums page -start */
.pageTypeForum .largePromo {
    position: relative;
	margin-bottom:15px;
}
.pageTypeForum .largePromo a {
    margin-left: 35px;
}
.pageTypeForum .largePromo a span,
.pageTypeForum .largePromo a {
    display: block;
    width: 296px;
    height: 65px;
}
.pageTypeForum #smallWideList p{
	margin:0 0 1px;
}
.pageTypeForum #smallWideList h3{
	margin:0 0 .7em;	
}
.pageTypeForum #smallWideList .topSliceWrapper{
	border:none;
}
.preview .pageTypeForum #smallWideList .teaserItemWrapper {
	border:none;
}
/* Forums page -end */