/**
 * 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%;
	background-color: #000000;
	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;
}
#share.jsHidden {
	display: none;
}
/*
.shareWithFriendTab.jsHidden {
	display: none;
}
.jsEnabled .shareWithFriendTab {
	display: block;
}
*/
.jsHidden {
	display: block;
}
.jsVisible {
	display: none;
}
.jsEnabled .jsVisible {
	display: block;
}

a img {
	border: 0px;
}

.solidBlack {
    background-color: #000000;
}


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

#pageWrapper {
	width: 972px;
	padding: 2px 0px 5px 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;
}

body.preview img.mediumWideHotspotImage {
	border: 3px solid #FFD700;
	width: 174px;
}
body.preview #mediumWideVerticalModule .dragHandle {
	left: 8px;
}
body.preview .relatedAssetHotSpot {
	border: 2px solid #FFD700;
	width: 89px;
}
body.preview .relatedAssetHotSpot a.noBorder,
body.preview .relatedAssetHotSpot img.relatedAssetImage {
	display: block;
	width: 89px;
}
body.preview .relatedAssetHotSpot .removeButton {
	background-color: #FFD700;
	color: #000000;
	font-weight: bold;
	position: absolute;
	right: -2px;
	top: -2px;
	padding: 1px 4px;
	font-size: 75%;
	cursor: pointer;
}
body.preview #textualPoll,
body.preview #triviaModule,
body.preview .picOfTheDay .teaserItemWrapper,
body.preview .celebDiaryInPics .teaserItemWrapper,
body.preview .latestStories .teaserItemWrapper,
body.preview .officialOscarsOnMovies .teaserItemWrapper {
	border: 3px solid #FFD700;
	position: relative;
}
body.preview .footerLinks .droppable{
	border: 2px solid #FFD700;
    margin: 3px 0px 0px 3px;
	position: relative;
}
body.preview .picOfTheDay .teaserItemWrapper,
body.preview .celebDiaryInPics .teaserItemWrapper {
	overflow: hidden;
}

#pageWrapper.gridLayoutHome {
	width: 960px;
}

/* 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;
    min-height: 224px;
}
#pageContentWrapper {
	position: relative;
	z-index: 2;
}


/*** Banner Ads - Start ***/
.bannerAdWrapper730x86 {
	float:left;
    height:90px;
    width:730px;
}
.bannerAdWrapper300x250 {
	margin: 10px auto 0px auto;
	width: 321px;
	height: 277px;
}
.bannerAdWrapper730x86 iframe,
.bannerAdWrapper300x250 iframe {
	position: relative;
}
.pageTypeHomepage #preColumnWrapper .bannerAdWrapper300x250Outer {
	position: absolute;
	top: 6px;
	right: 3px;
	z-index: 100;
}
.pageTypeHomepage #preColumnWrapper .bannerAdWrapper300x250 {
	margin: 0px;
}
.pageTypeOscarsPage .bannerAdWrapper300x250Outer {
	margin-top: 10px;
	margin-bottom: 17px;
}
.pageTypeOscarsPage .bannerAdWrapper300x250 {
	margin-top: 0px;
}

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


#topSearchWrapper {
	min-height: 59px;
}
.microsite #homeLinkLogo {
	width: 200px;
	height: 45px;
}

#homeLinkLogo {
	float: left;
	width: 240px;
	height: 59px;
	position: relative;
}
#homeLinkLogo a {
	display: block;
	width: 100%;
	height: 59px;
	position: relative;
	top: 0px;
	left: 0px;
}
#topSearchBox,
#bottomSearchBox {
	width: 362px;
	float: right;
	margin-top: 5px;
	position: relative;
}
#topSearchBox {
	width: 510px;
    float:right;
    margin-right:2px;
    margin-top:4px;
}

#pageContentWrapper {
}

#pageFooterWrapper {
	margin-top: 18px;
}
#footerNavLower {
	padding: 6px 8px 8px 8px;

}
div#footerNav {
	width: 972px;
	margin-top: 1px;
}
/**
 * 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: transparent;
	cursor: pointer;
}

.jsEnabled .themeRed .searchForm .row1 label.labelSelected,
.jsEnabled .themeRed .searchForm .row1 label.labelHovered {
	background-color: #AF0F19;
}
.jsEnabled .themeBlue .searchForm .row1 label.labelSelected,
.jsEnabled .themeBlue .searchForm .row1 label.labelHovered {
	background-color: #3366CC;
}
.jsEnabled .themeGreen .searchForm .row1 label.labelSelected,
.jsEnabled .themeGreen .searchForm .row1 label.labelHovered {
	background-color: #006633;
}
.jsEnabled .themePurple .searchForm .row1 label.labelSelected,
.jsEnabled .themePurple .searchForm .row1 label.labelHovered {
	background-color: #804ba4;
}
.jsEnabled .themeGrey .searchForm .row1 label.labelSelected,
.jsEnabled .themeGrey .searchForm .row1 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
 */


/* TODO (DN/JH) - Migrate into "layout.css" or "columns.css" ??? */
/* 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;
}

/* latest teaser list column definitions */
.pageTypeLatest #column00 {
	width: 600px;
}
.pageTypeLatest #column01 {
	width: 180px;
	margin-right: 15px;
}
.pageTypeLatest #column02 {
	width: 405px;
}
.pageTypeLatest #column03 {
	width: 360px;
	margin-left: 12px;
}

/* these changes are to remove the unused columns until we build the column content */
.pageTypeLatest #column01 {
	display: none;
}
.pageTypeLatest #column02 {
	width: 600px;
}

/* latest celebs list column definitions */
.pageTypeLatestCelebs #column00 {
	width: 600px;
}
.pageTypeLatestCelebs #column01 {
	width: 180px;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pageTypeLatestCelebs #column02 {
	width: 405px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.pageTypeLatestCelebs #column03 {
	width: 360px;
	margin-left: 12px;
}

/* asset index pages column definitions */
.pageTypeAssetIndex #column00 {
	display: block;	/* Needed to override the IE6 inline double-margin fix */
	float: none;
}
.pageTypeAssetIndex #column01 {
	width: 600px;
}
.pageTypeAssetIndex #column02 {
	width: 360px;
	margin-left: 12px;
}
.pageTypeAssetIndex #column03 {
	display: block;	/* Needed to override the IE6 inline double-margin fix */
	float: none;
	margin-top: 10px;
}

/* photos */
.pagePhotos #column00 {
	display: block;	/* Needed to override the IE6 inline double-margin fix */
	float: none;
}
.pagePhotos #column01 {
	width: 600px;
}
.pagePhotos #column02 {
	width: 360px;
	margin-left: 12px;
}


/* celebs page column definitions */
.pageTypeCelebs #column01 {
	width: 600px;
}
.pageTypeCelebs #column02 {
	width: 360px;
	margin-left: 12px;
}

/* homepage column definitions */
.pageTypeHomepage {
	width: 972px;
}
.pageTypeHomepage #preColumnWrapper {
	height: 475px;
	position: relative;
	margin-bottom: 17px;
}
.pageTypeHomepage #column00 {
	width: 972px;
	float: none;
}
.pageTypeHomepage #column01 {
	width: 580px;
	padding: 0px;
}
.pageTypeHomepage #column02 {
	width: 375px;
	float: right;
}

/* oscars 2009 page column definitions */
.pageTypeOscarsPage {
	width: 972px;
}
.pageTypeOscarsPage #column00 {
	width: 972px;
	float: none;
}
.pageTypeOscarsPage #column01 {
	width: 580px;
	padding: 10px 0px 0px 0px;
}
.pageTypeOscarsPage #column02 {
	width: 375px;
	float: right;
}
.pageTypeOscarsPage #moetLargeAd {
	margin-bottom: 10px;
}

/* latest teaser list column definitions */
.pageTypeError #column00 {
	width: 600px;
	margin-top: 15px;
}
.pageTypeError #column02 {
	width: 600px;
}
.pageTypeError #column03 {
	width: 360px;
	margin-left: 12px;
}

/* feedback 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,
.pageTypeVideoDisplay #column01 {
	width: 600px;
	padding: 0px;
	margin-top: 15px;
}
.pageTypeArticleDisplay #column02,
.pageTypeGalleryDisplay #column02,
.pageTypeVideoDisplay #column02 {
	width: 360px;
	margin-left: 12px;
}
.pageTypeArticleDisplay .theAssetInner,
.pageTypeGalleryDisplay .theAssetInner,
.pageTypeVideoDisplay .theAssetInner {
	padding: 1px 15px;
}



/**
 * homepage styles begin
 */
#bigStories {
	margin-top: 10px;
	padding: 6px 10px 10px 10px;
}
#bigStories h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 4px solid #FFFFFF;
}
#bigStories ol,
#bigStories li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#bigStories li.left,
#bigStories li.right {
	float: left;
	width: 273px;
	overflow: hidden;
	word-wrap: break-word;
}
#bigStories li.right {
	float: right;
}
#bigStories li .largeDotsDivider {
	display: block;
	height: 7px;
	margin: 9px 0px 7px 0px;
	overflow: hidden;
}
/* This page has 8 articles instead of 6, so make module higher...*/
.pageTypeAssetIndex #bigStoriesFooter {
	margin-top: 4px;
}
.pageTypeAssetIndex #bigStories li .largeDotsDivider {
	margin: 13px 0px 10px 0px;
}






/* Power image carousel styles - START */
#powerImageWrapper {
	position: relative;
	width: 972px;
	height: 475px;	/* Needed for scriptaculous effects to work properly */
}

#powerImageWrapper .powerImageItem a {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	display: block;
}
a.latestIconLink:hover,
a.latestIconLink:focus,
a.latestIconLink:active,
a.latestSummaryLink:hover,
a.latestSummaryLink:focus,
a.latestSummaryLink:active,
#powerImageWrapper .powerImageItem a:hover,
#powerImageWrapper .powerImageItem a:focus,
#powerImageWrapper .powerImageItem a:active {
	text-decoration: none;
}
a.powerImageSummaryLink,
a.latestSummaryLink {
	color: #FFFFFF;
}

#powerImageSummaryOuter {
	position: absolute;
	bottom: 100px;
	width: 972px;
	z-index: 100;
}
#powerImageSummaryInner {
	width: 972px;
	min-height: 90px;
}
.powerImageSummary {
	width: 570px;
	overflow: hidden;
	word-wrap: break-word;
	min-height: 90px;
}
.powerImageSummary h2 {
	margin: 0px 15px;
	padding: 9px 0px 2px 0px;
}
.powerImageSummary .iconGalleryMedium {
	margin-right: 3px;
	width: 18px;
    height: 13px;
}
.powerImageSummary .iconArticleMedium {
	margin-right: 3px;
	width: 12px;
    height: 17px;
}
.powerImageSummary .iconVideoMedium {
	margin-right: 3px;
	width: 20px;
    height: 14px;
}
.powerImageSummary .iconCelebMedium {
	margin-right: 3px;
	width: 14px;
    height: 14px;
}
.powerImageSummary p {
	margin: 0px 15px;
	padding: 0px 0px 15px 0px;
}


#powerImageNavigatorOuter {
	position: absolute;
	bottom: 100px;
	height: 90px;
	width: 400px;
	right: 0px;
	z-index: 100;
}
#powerImageNavigator {
	height: 90px;
	width: 400px;
}
#powerImageNavigator .powerImageThumbWrapper {
	margin: 12px 0px 12px 9px;
	display: block;
	float: left;
	background-color: transparent;
}
#powerImageNavigator .powerImageThumb {
	position: relative;
	display: block;
	width: 68px;
	height: 68px;
	overflow: hidden;
}
#powerImageNavigator .powerImageThumb img {
	margin: 4px;
	position: relative;
}
#powerImageNavigator .powerImageThumb.hovered,
#powerImageNavigator .powerImageThumb.selected {
	background-color: #FFFFFF;
}
body.preview #powerImageNavigator .powerImageThumb.droppable {
	background-color: #FFD700;
}
/* Power image carousel styles - END */



#interactivePanel {
	margin: 20px 0px;
}
#embedAsset.jsHidden {
    display: none;
}
#embedAsset h3 {
	padding: 10px 0px 0px 15px;
	margin: 15px 0px 0px 0px;
}
#relatedAssets {
	padding: 0px 0px 20px 20px;
}
.relatedAssetHotSpot {
	float: left;
	width: 95px;
	margin: 15px 21px 0px 0px;
	min-height: 95px;
}


/* Teaser feature (i.e. asset link) CSS - START */
.teaserFeatureWrapper {
	display: block; /* Some are DIVs, some are SPANs */
	overflow: hidden;
	word-wrap: break-word;
}
.teaserFeature {
	padding-left: 17px;
	position: relative;
	display: block; /* Some are DIVs, some are SPANs */
}
.teaserFeatureWrapper .teaserFeature {
	padding-left: 21px;
	padding-bottom: 5px;
	padding-top: 3px;
	font-style: normal;
}
.teaserFeatureWrapper .teaserFeature.noIcon {
	padding-left: 3px;
}
.teaserFeatureWrapper .teaserFeature img {
	position: absolute;
	left: 0px;
	top: 3px;
}
.teaserFeatureWrapper .teaserFeature img.ArticleIcon {
	left: 2px;
}
.teaserFeatureWrapper .teaserFeature img.VideoIcon {
	top: 4px;
}
.teaserFeatureWrapper .teaserFeature img.CelebIcon {
	left: 1px;
}
.pageTypeAssetIndex .teaserFeatureWrapper .teaserFeature {
    padding-left: 23px;
}
.pageTypeAssetIndex .teaserFeature img.VideoIcon {
    left: 3px;
}
.pageTypeAssetIndex .teaserFeature img.ArticleIcon {
    left: 6px;
}
/* Teaser feature (i.e. asset link) CSS - END */



#theAsset h1 {
	width: 570px;	/* We need to specify a width for the clipping & wrapping to work. Do NOT remove it! DN. */
	overflow: hidden;
	word-wrap: break-word;
}


#column03 #mashUpModule {
	margin-top: 10px;
}

.pagePhotos #mashUpModule {
	margin-top: 12px;
}

#mashUpModule {
	padding: 5px 15px 6px 15px;
}
#mashUpWrapper h2 {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 4px solid #FFFFFF;
}
#mashUpWrapper ol,
#mashUpWrapper li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mashUpWrapper li {
	border-top: 1px dotted #FFFFFF;
	position: relative;
	min-height: 70px;
}
#mashUpWrapper li.selected {
	background-color: #000000;
	cursor: pointer;
}
#mashUpWrapper li.first {
	border-top: none;
}
#bigStoriesFooter,
#mashUpMoreLinkWrapper,
#latestBreakingNewsRight {
	text-align: right;
}
.moreLink a img,
#bigStoriesFooter a img,
#mashUpMoreLinkWrapper a img,
#latestBreakingNewsRight a img {
	margin-left: 5px;
}

.mashUpPosition {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 40px;
}
.mashUpPosition .number {
	margin-bottom: 5px;
	text-align: center;
	overflow: hidden;
}
.mashUpPosition .pos1 img,
.mashUpPosition .pos2 img {
	height: 24px;
}
.mashUpPosition .pos3 img,
.mashUpPosition .pos4 img,
.mashUpPosition .pos5 img {
	height: 32px;
}
.mashUpPosition .delta {
	width: 20px;
	margin: 0px 10px;
	height: 14px;
	overflow: hidden;
}
.mashUpThumbnail {
	position: absolute;
	top: 5px;
	left: 40px;
	width: 60px;
}
.mashUpText {
	width: 220px;
	padding-left: 110px;
	padding-top: 10px;
	position: relative;
	overflow: hidden;
	word-wrap: break-word;
}
/**
 * homepage styles 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
 */


/**
 * article teaser list detail page styles begin
 */
.teaserList {
	color: #FFFFFF;
	padding: 0px 15px 15px 10px;
}
.teaserList .teaserWrapper {
	border-bottom: 1px dotted #FFFFFF;
}
.teaserList h3 {
	margin: 0px 0px 10px 0px;
	padding-top: 15px;
	width: 570px;	/* We need to specify a width for the clipping & wrapping to work. Do NOT remove it! DN. */
	overflow: hidden;
	word-wrap: break-word;
}
.teaserList p.lastUpdated {
	margin: 0px 0px 10px 0px;
}
.teaserList .teaserImage {
	float: left;
	margin: 0px 10px 15px 0px;
}
.teaserList p {
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}
.teaserList .content {
	padding-top: 1px;
}
.pageTypeArticleDisplay #inlineAsset .teaserType,
.teaserType {
    margin-bottom: 10px;
}
.pageTypeArticleDisplay .teaserType {
    margin-bottom: 0px;
}
.teaserType .latestIconLink img {
    vertical-align: middle;
}
.teaserType span.lastUpdated {
    border-left: 1px solid #FFFFFF;
    margin-left: 4px;
    padding-left: 7px;
}
.article #inlineAsset #theEmbeddedAsset span.lastUpdated {
	margin: 0px 0px 0px 4px;
}
.teaserType img {
	border: none;
}

.teaserList .nothingFoundForAssetType {
	font-size: 90%;
	padding-top: 20px;
}

.pagePhotos .teaserList .teaserWrapper {
	border-bottom: none;
    margin-bottom: 6px;
    width: 600px;
    min-height: 200px;
}
.pagePhotos .teaserList .teaserImage {
	margin: 0px;
    padding: 10px;
	background-color: #000000;
    width: 180px;
	float: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.pagePhotos .teaserList .LANDSCAPE .teaserImage {
    width: 375px;
}
.pagePhotos .teaserList .portraitWrapper .teaserWrapper .teaserImage,
.pagePhotos .teaserList .mediumSquareWrapper .teaserWrapper .teaserImage {
	position: static;
}


.pagePhotos .teaserList {
	padding: 0px;
	width: 600px; /* Because IE6 CSS overrides this to be 375px; */
}

.pagePhotos .teaserList .content {
    float: right;
    width: 380px;
    padding: 0px 10px 0px 210px;
	position: relative;
}
.pagePhotos .teaserList .LANDSCAPE .content {
    padding: 0px 10px 0px 395px;
	width: 195px;
}
.pagePhotos .teaserList h2 {
	font-size: 1.3em;
}
.pagePhotos .teaserList .LANDSCAPE h2 {
	width: 195px;
}

.pagePhotos .teaserList .portraitWrapper .teaserWrapper .content,
.pagePhotos .teaserList .mediumSquareWrapper .teaserWrapper .content {
	padding: 0px 8px;
	width: 180px;
}
.pagePhotos .teaserList .portraitWrapper .teaserWrapper h2,
.pagePhotos .teaserList .mediumSquareWrapper .teaserWrapper h2 {
	width: 180px;
	font-size: 1.2em;
	font-style: italic;
	margin: 4px 0px 7px 0px;
	line-height: 1.8em;
	height: 56px;
}

.pagePhotos .teaserList h2 {
	margin: 5px 0px 5px 0px;
	width: 380px;	/* We need to specify a width for the clipping & wrapping to work. Do NOT remove it! DN. */
	overflow: hidden;
	word-wrap: break-word;
}
.pagePhotos p.lastUpdated {
	margin: 5px 0px !important;
}
.pagePhotos .paginationBlock {
	margin-top: 0px;
    padding: 10px 0px;
}

.pagePhotos span.moreLink a {
	float: right;
	margin: 0px 0px 10px 0px;
}
.pagePhotos span.moreLink a img {
	margin-left: 0px;
}
.pagePhotos .portraitWrapper span.moreLink a img,
.pagePhotos .mediumSquareWrapper span.moreLink a img {
	height: 17px;
	width: 80px;
}
.pagePhotos .headlineText {
	min-height: 165px;
}
.pagePhotos .portraitWrapper .summary,
.pagePhotos .mediumSquareWrapper .summary {
	min-height: 0px;
}

.pagePhotos .teaserList .portraitWrapper .teaserWrapper,
.pagePhotos .teaserList .mediumSquareWrapper .teaserWrapper {
	width: 196px;
	float: left;
	margin-left: 6px;
}
.pagePhotos .teaserList .portraitWrapper .teaserWrapper:first-child,
.pagePhotos .teaserList .mediumSquareWrapper .teaserWrapper:first-child {
	margin-left: 0px;
}
.pagePhotos .teaserList .portraitWrapper .teaserImage,
.pagePhotos .teaserList .mediumSquareWrapper .teaserImage {
	margin-right: 0px;
	padding: 0px;
}

.pagePhotos .teaserList .portraitWrapper .content p,
.pagePhotos .teaserList .mediumSquareWrapper .content p {
	margin-bottom: 0px;
}

.pagePhotos .photosSpanBottom .headlineText p,
.pagePhotos .portraitWrapper .headlineText p,
.pagePhotos .photosSpanTop .headlineText p{
	font-size: 0.85em;
}

/**
 * article teaser list page styles end
 */


/**
 * tabs for latest and celeb teaser list styles begin
 */
.topTabs {
	position: relative;
	list-style-type: none;
	border-bottom: 4px solid #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 90%;
}
.topTabs li {
	float: left;
	margin-right: 3px;
}
.topTabs li a {
	color: #FFFFFF;
	background-color: #000000;
	cursor: pointer;
}
.topTabs li.selected a,
.topTabs li.hovered a {
	background-color: #FFFFFF;
	color: #000000;
}
.topTabs li a:hover,
.topTabs li a:focus,
.topTabs li a:active {
	text-decoration: none;
}
.topTabs span {
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.topTabs .left,
.topTabs .middle,
.topTabs .right {
	width: 10px;
	height: 1.4em;
	display: block;
}
.topTabs span.middle {
	line-height: 1.4em;
	text-transform: uppercase;
	width: auto;
	color: #FFFFFF;
}
.topTabs li.selected .middle,
.topTabs li.hovered .middle {
	color: #000000;
}


/**
* tabs for latest and celeb teaser list styles end
*/

#socialBookmarking {
	padding: 15px;
}
#socialBookmarks,
#socialBookmarks li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#socialBookmarks li {
	margin-bottom: 10px;
}
#socialBookmarking .info {
	float: right;
	width: 360px;
}
#socialBookmarking .links {
	float: left;
	width: 200px;
}

/**
 * tabs for most popular and more news module styles begin
 */
.topSliceWrapper {
	position: relative;
	min-height: 35px;
}
.iconTabs {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 20px;
	bottom: -1px;
	width: 103px;
}
.iconTabs li {
	float: left;
	margin-right: 5px;
}
.iconTabs li.lastItem {
	margin-right: 0px;
}
.iconTabs li a:hover,
.iconTabs li a:focus,
.iconTabs li a:active {
	text-decoration: none;
}

.iconTabs a.galleryTabIcon,
.iconTabs a.videoTabIcon,
.iconTabs a.articleTabIcon {
	width: 31px;
	height: 25px;
	display: block;
}
.galleryTabIcon span,
.videoTabIcon span,
.articleTabIcon span {
	display: none;
}
/**
 * tabs for most popular and more news module styles end
 */


/**
 * pagination styles begin
 */
.paginationBlock {
	text-align: center;
	margin: 15px 0px;
}
.paginationBlock a img {
	vertical-align: middle;
}
.paginationBlock .prevLink {
	margin-right: 10px;
}
.paginationBlock .nextLink {
	margin-left: 10px;
}
/**
 * pagination styles end
 */




/**
 * celebs page styles begin
 */
#galleryNavigator {
	background-color: #000000;
	padding: 10px 5px 15px 10px;
	margin-bottom: 20px;
	width: 585px;
}
.preview #galleryNavigator {
	padding: 10px 2px 15px 7px;
}
#galleryNavigator h2 {
	margin: 0px;
}

#celebsAZ {
	width: 430px;
	width: 600px;	/* Remove this line when the temporary width of the A-Z module on the celebs homepage is reduced */
}
#celebsAZ h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#celebsAZ p {
	margin-top: 0px;
	padding-top: 0px;
}
#celebsAZ .lettersRow {
	border-bottom: 4px solid #FFFFFF;
}
#celebsAZ .lettersRow a {
	float: left;
	width: 15px;
	min-height: 20px;
	margin: 0px;
	padding: 0px 1px;
	padding: 0px 4px;	/* Remove this line when the temporary width of the A-Z module on the celebs homepage is reduced */
	overflow: hidden;
	text-align: center;
	color: #FFFFFF;
	background-color: transparent;
}

/* Tweak spacing around individual letters so they fit exactly into the width available */
/* Put all of these rules back when the temporary width of the A-Z module on the celebs homepage is reduced
#celebsAZ .lettersRow a.letterA, #celebsAZ .lettersRow a.letterS,
#celebsAZ .lettersRow a.letterT, #celebsAZ .lettersRow a.letterU {
	padding-left: 0px;
}
#celebsAZ .lettersRow a.letterB, #celebsAZ .lettersRow a.letterC,
#celebsAZ .lettersRow a.letterF, #celebsAZ .lettersRow a.letterX,
#celebsAZ .lettersRow a.letterY, #celebsAZ .lettersRow a.letterZ {
	padding-right: 0px;
}
#celebsAZ .lettersRow a.letterI, #celebsAZ .lettersRow a.letterJ {
	padding: 0px;
}
*/
#celebsAZ .lettersRow a.selected {
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
#celebsAZ .lettersRow a:hover,
#celebsAZ .lettersRow a:focus,
#celebsAZ .lettersRow a:active {
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	text-decoration: none;
}
.pageTypeCelebs #celebsAZ h2 {
    display: none;
}
.pageTypeCelebs #celebsAZ {
    margin-bottom:12px;
}
#celebsAZ .celebsThumbsWrapper {
	padding: 0px 0px 10px 10px;
}
#celebsAZ .celebsThumbsWrapper p {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
#celebsAZ .celebThumbAndName {
	float: left;
	margin: 10px 10px 0px 0px;
	margin: 10px 26px 0px 0px;	/* Remove this line when the temporary width of the A-Z module on the celebs homepage is reduced */
	width: 95px;
	overflow: hidden;
	word-wrap: break-word;
}
#celebsAZ .celebThumbAndName.lastItem{	/* Remove this rule when the temporary width of the A-Z module on the celebs homepage is reduced */
	margin-right: 10px;
	margin-left: 1px;
}
#celebsAZ .celebThumbAndName img {
	margin-bottom: 5px;
}

/**
 * celebs 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%;
}
/**
 * video display page 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;
	margin-top: 12px;
}
/**
 * 404 page styles end
 */

#bannerTopBar {
	position: relative;
	z-index: 50;	/* So expanding leaderboard ads go over top of content below */
    min-height: 90px;
}

#newsletterSignup {
	position: absolute;
	right: 0px;
    top: 4px;
    width: 223px;
    height: 84px;
}

/**
 * More news module styles start
 */

.moreNewsWrapper {
	width: 360px;
}
.moreNewsWrapper h2 {
	margin: 10px 0px 0px 0px;
	padding-bottom: 5px;
}
.moreNewsWrapper h3 {
	margin: 5px 0px 0px 15px;
}
.moreNewsWrapper .contentWrapper {
	border-top: 4px solid #FFFFFF;
}
.moreNewsWrapper .middleSliceWrapper {
	position: relative;
}
.jsEnabled .moreNewsWrapper h3 {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.moreNewsWrapper .individualAssetWrapper {
	width: 95px;
	float: left;
	margin-left: 18px;
	margin-top: 17px;
	padding: 0px;
	overflow: hidden;
	word-wrap: break-word;
}
.moreNewsWrapper .individualAssetWrapper img {
	padding-bottom: 5px;
}
.moreNewsWrapper .bottomSliceWrapper {
	padding-bottom: 17px;
}
.moreNewsWrapper .iconTabs {
	right: 0px;
}
.moreNewsWrapper .opaqueDark {
	background-color: #000000;
}

/**
 * More news module styles end
 */


/* Most popular module styles start */
.mostPopularWrapper {
	width: 360px;
	margin-top: 10px;
}
.mostPopularWrapper .topSliceWrapper {
	padding: 0px 20px;
}
.mostPopularWrapper h2 {
	margin: 0px;
	padding: 10px 95px 5px 0px;
}
.mostPopularWrapper .contentWrapper {
	margin-left: 20px;
	margin-right: 20px;
	border-top: 4px solid #FFFFFF;
}
.mostPopularWrapper .middleSliceWrapper {
	position: relative;
	margin: 0px;
	padding: 10px 0px 15px 0px;
	min-height: 135px;
}
.mostPopularWrapper .individualAssetWrapper {
	width: 95px;
	float: left;
	margin-left: 17px;
	padding: 0px;
	overflow: hidden;
	word-wrap: break-word;
}
.mostPopularWrapper .firstItem {
	margin-left: 0px;
}
.mostPopularWrapper .individualAssetWrapper img {
	padding-bottom: 5px;
}
.mostPopularWrapper .hidden {
	display: none;
}
/* Most popular news module styles end */

/**
 * Six degrees module styles start
 */
#sixDegreesModule .topSliceWrapper {
	border-bottom: 4px solid #FFFFFF;
}
#sixDegreesModule .topSliceWrapper h2 {
	margin: 0;
	padding: 10px 0px 5px 0px;
	width: 300px;
}
#sixDegreesModule .topSliceWrapper .resetLink {
	font-size: 80%;
	font-weight: bold;
	position: absolute;
	bottom: 1px;
	right: 5px;
	width: 50px;
	text-align: right;
}
#sixDegreesModule .contentWrapper {
	font-size: 80%;
	position: relative;
	background-color: #000000;
	min-height: 200px;
}
#sixDegreesModule .contentWrapper ul {
	list-style-type: none;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 200px;
	min-height: 180px;
	width: 150px;
	overflow: hidden;
	word-wrap: break-word;
}
#sixDegreesModule .contentWrapper li {
	padding: 2px 0px;
	float: none;
	margin: 0;
	min-height: 0;
	width: 150px;
}
body.preview #sixDegreesModule .contentWrapper li {
	width: 146px;
}
#sixDegreesModule .contentWrapper li a {
	position: relative;
}
#sixDegreesModule .contentWrapper img {
	margin: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/**
 * Six degrees module styles end
 */


/**
* Poll styles begin
*/
.poll {
	margin: 10px 0px; /* if the bottom margin changes, update the selectVoteAnswer function in _poll.gsp as well */
	padding: 6px 10px 6px 60px;
	border: 1px dotted #FFFFFF;
	background-color: #000000;
	position: relative;
}
.poll h2 {
	margin: 0px;
	padding: 0px;
}
.poll .pollQuestionWrapper {
    position: relative;
}
.poll .pollQuestionMark {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.poll .submitButtonRow {
	float: right;
}
.poll .submitButtonRow input {
	margin-bottom: 5px;
}
.textualPoll .pollAnswerRow,
.poll .pollAnswerRow {
	margin: 0.35em 0px;
}
.textualPoll .pollAnswerRow span,
.poll .pollAnswerRow span {
	float: left;
}
.poll .pollAnswerRow .pollAnswer {
	width: 290px;
}
.textualPoll .pollPercentageBar,
.poll .pollPercentageBar {
	height: 10px;
	background-color: #FFFFFF;
	overflow: hidden;
	margin: 0.25em 10px;
}
.textualPoll .pollPercentageBar.zeroResult,
.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: 85%;
	float: left;
}
.poll .pollRadioButtonRow input {
	margin: 0px;
}
/**
* Poll styles end
*/

/**
* Send to a friend page styles begin
*/
#share {
	padding-top: 10px;
	padding-bottom: 10px;
}
#shareContent fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
#shareContent fieldset legend {
	display: none;
}
#shareContent .formRow {
	position: relative;
	margin: 5px 0px 5px 10px;
}
#shareContent .formRow .left {
	float: left;
	position: relative;
	margin-right: 10px;
}
#shareContent .formRow .right label {
	position: relative;
}
#shareContent .formRow label {
	width: 120px;
	display: block;
	float: left;
	font-size: 80%;
}
#shareContent .formRow input,
#shareContent .formRow textarea {
	width: 160px;
	border: none;
	border-width: 0px;
	padding: 2px;
}
#shareContent .formRow textarea,
#shareContent .formRow #imageCaptcha {
	width: 454px;
}
#shareContent .buttonRow {
	text-align: right;
}
#shareContent .buttonRow input {
	margin-right: 10px;
}
#shareContent .errors,
#shareContent .successMessage {
	font-size: 80%;
	background-color: #ffcfd5;
	border: 1px solid #000000;
	padding: 3px;
	margin: 0px 10px 20px 10px;
	color: #000000;
}
#shareContent .successMessage {
	background-color: #d2ffcf;
}
#shareContent .errors ul,
#shareContent .successMessage ul {
	margin: 7px;
	padding: 0px;
}
#shareContent .errors li,
#shareContent .successMessage li {
	margin-left: 20px;
}
#shareContent .captchImage {
	text-align: center;
	width: 456px;
	background: black;
	border: 1px solid #333333;
	margin-left: 130px;
}

/* Embed Asset styles - START */
#embedAssetContent {
	position: relative;	/* Needed for IE6 to make textarea clickable through opaqueDark */
}
#embedAsset form {
	padding: 5px 15px 15px 15px;
}
#embedAsset fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
#embedAsset legend {
	padding: 5px 0px 2px 0px;
	color: #FFFFFF;
}
#embedAsset textarea {
	width: 555px;
	height: 120px;
}

/* Footer Teasers Module CSS - START */
#footerTeasers {
	width: 100%;
	margin-top: 9px;
}
#footerTeasers .footerTeaserAssetMedium {
	float: left;
	margin: 0px 22px 0px 0px;
	width: 180px;
}
.pageTypeAssetIndex #footerTeasers .footerTeaserAssetMedium {
	margin-right: 30px;
}
#footerTeasers .footerTeaserAssetMedium.lastItem {
	margin-right: 0px;
}
.pageTypeAssetIndex #footerTeasers .footerTeaserAssetMedium.lastItem {
	margin-right: 12px;
}
#footerTeasers .footerTeaserAssetLandscape {
	float: left;
	margin: 0px 0px 0px 13px;
	width: 375px;
}
.pageTypeAssetIndex #footerTeasers .footerTeaserAssetLandscape {
	width: 360px;
	margin-left: 0px;
	overflow: hidden;
	position: relative;
}

/* Enable yellow border only on editable version of this module */
body.preview #footerTeasers .droppable img.footerTeaserHotspotImage {
	border: 3px solid #FFD700;
	width: 174px;
	height: 174px;
}
body.preview #footerTeasers .droppable img.footerTeaserHotspotLandscapeImage {
	border: 3px solid #FFD700;
	width: 369px;
	height: 174px;
}
/* Footer Teasers Module CSS - END */

/* Top Twenty Five Cloud */
#topTwentyFiveCelebsCloudWrapper h2 {
	margin: 10px 0px 5px 0px;
}
#topTwentyFiveCelebsCloudWrapper div {
	border-top: 4px solid #FFFFFF;
	padding: 10px;
}
#topTwentyFiveCelebsCloudWrapper ul,
#topTwentyFiveCelebsCloudWrapper li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#topTwentyFiveCelebsCloudWrapper li {
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#topTwentyFiveCelebsCloudWrapper li a {
	color: #FFFFFF;
	position: relative;
}
#topTwentyFiveCelebsCloudWrapper .cloud0 a,
#topTwentyFiveCelebsCloudWrapper .cloud1 a,
#topTwentyFiveCelebsCloudWrapper .cloud2 a,
#topTwentyFiveCelebsCloudWrapper .cloud3 a,
#topTwentyFiveCelebsCloudWrapper .cloud4 a {
	font-size: 1.6em;
	opacity: 0.99;
}
#topTwentyFiveCelebsCloudWrapper .cloud5 a,
#topTwentyFiveCelebsCloudWrapper .cloud6 a,
#topTwentyFiveCelebsCloudWrapper .cloud7 a,
#topTwentyFiveCelebsCloudWrapper .cloud8 a,
#topTwentyFiveCelebsCloudWrapper .cloud9 a {
	font-size: 1.4em;
	opacity: 0.85;
}
#topTwentyFiveCelebsCloudWrapper .cloud10 a,
#topTwentyFiveCelebsCloudWrapper .cloud11 a,
#topTwentyFiveCelebsCloudWrapper .cloud12 a,
#topTwentyFiveCelebsCloudWrapper .cloud13 a,
#topTwentyFiveCelebsCloudWrapper .cloud14 a {
	font-size: 1.3em;
	opacity: 0.60;
}
#topTwentyFiveCelebsCloudWrapper .cloud15 a,
#topTwentyFiveCelebsCloudWrapper .cloud16 a,
#topTwentyFiveCelebsCloudWrapper .cloud17 a,
#topTwentyFiveCelebsCloudWrapper .cloud18 a,
#topTwentyFiveCelebsCloudWrapper .cloud19 a {
	font-size: 1.2em;
	opacity: 0.50;
}
#topTwentyFiveCelebsCloudWrapper .cloud20 a,
#topTwentyFiveCelebsCloudWrapper .cloud21 a,
#topTwentyFiveCelebsCloudWrapper .cloud22 a,
#topTwentyFiveCelebsCloudWrapper .cloud23 a,
#topTwentyFiveCelebsCloudWrapper .cloud24 a {
	font-size: 1.0em;
	opacity: 0.40;
}


/* don't miss styles */
.dontMissWrapper .leftDiv,
.dontMissWrapper .topDiv,
.dontMissWrapper .bottomDiv,
.dontMissWrapper .rightDiv {
	display: none;
}
.preview .dontMissWrapper .leftDiv,
.preview .dontMissWrapper .topDiv,
.preview .dontMissWrapper .bottomDiv,
.preview .dontMissWrapper .rightDiv {
	display: block;
}

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

/* some specific over-ride rules for inline galleries within showbiz */
.movies div#galleryImage {
	width: 570px;
}
.movies div#theGalleryImage {
	padding-bottom: 0px;
}

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

.movies #theGalleryPagination,
.sky1 #theGalleryPagination,
.tv #theGalleryPagination {
	float: right;
	margin-left: 20px;
}
#theAsset .article .movies #captionTitle,
#theAsset .article .movies #captionBody,
#theAsset .article .sky1 #captionTitle,
#theAsset .article .sky1 #captionBody,
#theAsset .article .tv #captionTitle,
#theAsset .article .tv #captionBody {
	padding-top: 0px;
	margin-top: 0.75em;
}
/* some specific over-ride rules for inline galleries within showbiz */

/* Best of module - styles start */
#bestOfModule {
	width: 970px;
	height: 496px;
	margin: 22px 1px 3px 1px;
	position: relative;
}
#bestOfModuleBackground {
	width: 1074px;
	height: 521px;
	position: absolute;
	left: -52px;
	top: -16px;
	z-index: -1;
}
#bestOfModule .heading {
	padding: 11px 0px 12px 0px;
	height: 30px;
	overflow: hidden;
}
#bestOfModuleTop {
	padding-bottom: 18px;
	height: 203px;
	overflow: hidden;
}
#bestOfModuleBottom {
	padding-bottom: 19px;
	height: 203px;
	overflow: hidden;
}
#bestOfModule .heading img {
	vertical-align: text-top;
}
#bestOfModule .heading h2 {
	margin: 0px;
	padding: 0px;
	display: inline;
	margin-right: 15px;
}
#bestOfModule .heading .date {
	vertical-align: baseline;
	text-transform: none;
}
div.ellipsisTextualTeaser {
	height: 203px;
	width: 377px;
	overflow: hidden;
}
.ellipsisTextualTeaser h3 {
	font-family: georgia;
	font-style: italic;
	font-size: 125%;
	margin: 6px 0px 24px 0px;
}
.ellipsisTextualTeaser .droppable {
	border: 1px solid #000000;
	height: 45px;
}
.ellipsisTextualTeaser a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.ellipsisTextualTeaser .largeDotsDivider {
	display: block;
	height: 7px;
	margin-top: 4px;
	overflow: hidden;
}
#bestOfModule .landscape,
#bestOfModule .mediumSquare,
#bestOfModule .mediumSquareQuote,
#bestOfModule .ellipsisTextualTeaser {
	float: left;
}
#bestOfModule .landscape {
	width: 377px;
	height: 203px;
}
#bestOfModule .mediumSquare,
#bestOfModule .mediumSquareQuote {
	width: 182px;
	height: 203px;
}
#bestOfModule .landscape .teaserFeatureWrapper,
#bestOfModule .mediumSquare .teaserFeatureWrapper,
#bestOfModule .mediumSquareQuote .teaserFeatureWrapper,
#bestOfModule .ellipsisTextualTeaser .teaserFeatureWrapper {
	height: 21px;
	overflow: hidden;
}
#bestOfModule .landscape .assetImage img,
#bestOfModule .mediumSquare .assetImage img,
#bestOfModule .mediumSquareQuote .assetImage img {
	border: 1px solid #FFFFFF;
}
#bestOfModule .landscape .linkAsset img,
#bestOfModule .mediumSquare .linkAsset img,
#bestOfModule .mediumSquareQuote .linkAsset img {
	border: 1px solid #000000;
}
body.preview #bestOfModule .landscape .droppable,
body.preview #bestOfModule .mediumSquare .droppable,
body.preview #bestOfModule .mediumSquareQuote .droppable {
    border: 1px solid #FFD700;
	height: 203px;
}
body.preview #bestOfModule .ellipsisTextualTeaser .droppable {
    border: 1px solid #FFD700;
	height: 45px;
}
/* Best of module - styles end */


/* PageTypeLatest styles start */
.pageTypeLatest .teaserList .teaserImage {
	margin-bottom: 0px;
}
.pageTypeLatest .teaserList {
	padding: 0px 10px 15px 10px;
	width: 580px;
}
.pageTypeLatest .teaserList .content {
	min-height: 159px;
}
.pageTypeLatest .teaserList .Low .content {
	min-height: 39px;
}
.pageTypeLatest .GalleryLink,
.pageTypeLatest .ArticleLink,
.pageTypeLatest .VideoLink {
	float: right;
	margin-bottom: 15px;
}
/* PageTypeLatest styles end */

/* pageTypeLatestCelebs styles start */
.pageTypeLatestCelebs .teaserList h3 {
	width: 385px;
}
.pageTypeLatestCelebs .teaserList .teaserImage {
	margin-bottom: 0px;
}
.pageTypeLatestCelebs .teaserList {
	padding: 0px 10px 15px 10px;
}
.pageTypeLatestCelebs .teaserList .content {
	min-height: 64px;
	margin-bottom: 10px;
}
.pageTypeLatestCelebs .GalleryLink,
.pageTypeLatestCelebs .ArticleLink,
.pageTypeLatestCelebs .VideoLink {
	float: right;
	margin-bottom: 15px;
}
/* pageTypeLatestCelebs styles end */

/** generic vertical centering styles - START **/
/* thanks to http://www.jakpsatweb.cz/css/css-vertical-center-solution.html! */
.verticalCenteringOuter {
/*
	display: table;
	#position: relative;
*/
	/* 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 **/

/* quote module */
.quoteOuterWrapper {
    height: 180px;
    width: 180px;
    overflow: hidden;
}

.quoteOuterWrapper .verticalCenteringMiddle {
	width: 180px; /* Needed for IE7 for some reason */
}
.quoteModule {
    border:dotted;
    padding:10px;
    line-height:1.03em;
}

.quoteLink span {
    margin-top:7px;
    display:block;
}

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

.quoteModule .quoteText a {
    color:#FFFFFF;
    font-family:georgia;
    font-weight:normal;
}
.quoteImage {
    float: left;
    padding-right: 10px;
}
/* quote module end */

/* portrait on the homepage */
.pageTypeHomepage #portraitWrapper .droppable {
	margin-right: 12px;
    margin-left: 4px;
    width: 180px;
	float: left;
	display: inline;
}
.pageTypeHomepage #portraitWrapper #hotspot_portrait_2 {
	margin-left: 4px;
	margin-right: 0px;
}
.pageTypeHomepage #portraitWrapper .teaserFeature {
    height: 15px;
    padding-top: 5px;
    padding-left: 0px;
	overflow: hidden;
}
.pageTypeHomepage .headingSeparatorWide {
	width: 100%;
	height: 2px;
	overflow: hidden;
	background-color: #FFFFFF;
    margin-bottom:4px;
}
.pageTypeHomepage #galleryTitle {
    min-height: 37px;
    position: relative;
}
.pageTypeHomepage  #galleryTitle h2 {
	padding: 0px 0px 0px 44px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.pageTypeHomepage #galleryTitle a img {
    margin-left: 4px;
}
.pageTypeHomepage #galleryTitle a {
    position: absolute;
    right: 4px;
    top: 12px;
}
.pageTypeHomepage #galleryTitle a:hover span,
.pageTypeHomepage #galleryTitle a:focus span,
.pageTypeHomepage #galleryTitle a:active span {
    text-decoration: underline;
}
/* end of portrait on the homepage styles */

/* hotspotGroup news stories module styles - start */
#smallSquareTeaser {
	margin-bottom: 17px;
}
.latestStories .topSliceWrapper {
	border-bottom: 2px solid white;
	min-height: 37px;
}
div.latestStories h2 {
	padding: 0px 0px 0px 35px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.latestTopTen .topSliceWrapper a,
.latestStories .topSliceWrapper a {
	position: absolute;
	right: 4px;
	top: 1.1em;
}
.latestStories .topSliceWrapper a:hover,
.latestStories .topSliceWrapper a:focus,
.latestStories .topSliceWrapper a:active {
	text-decoration: underline;
}
.latestTopTen .topSliceWrapper a img,
.latestStories .topSliceWrapper a img {
	margin-left: 4px;
}
.latestStories .bottomSliceWrapper .teaserItemWrapper {
	padding: 4px 4px 4px 17px;
}
.latestStories h3,
.latestStories p {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
}
.latestStories h3 {
	margin: 15px 0px 6px 0px;
}
.latestStories p {
	line-height: 1.0em;
}
.latestStories h3 a.linkStyleL04 {
	font-size: 0.95em;
}

.latestStories .smallSquareImageLink {
	float: right;
}

.latestStories .mediumDotsDivider {
	overflow: hidden;
	height: 4px;
	display: block;
	margin: 0px 4px;
}
.latestStories #hotspot_showbizLatestStories_2 .mediumDotsDivider,
.latestStories #hotspot_oscarsLatestStoriesModule_4 .mediumDotsDivider,
.latestStories #hotspot_oscarsStoriesModule_2 .mediumDotsDivider {
	display: none;
}


/* hotspotGroup news stories module styles - end */

/* medium wide on the homepage */
#hotVideosModule {
	margin-bottom: 17px;
}
.pageTypeHomepage #showbizHotVideosWrapper .droppable {
	margin-right: 12px;
    margin-left: 4px;
    width: 180px;
	float: left;
	display: inline;
}
.pageTypeHomepage #showbizHotVideosWrapper #hotspot_showbizHotVideos_2 {
	margin-left: 4px;
	margin-right: 0px;
}
.pageTypeHomepage #showbizHotVideosWrapper .teaserFeature {
    height: 15px;
    padding-top: 5px;
    padding-left: 0px;
	overflow: hidden;
}
.pageTypeHomepage #mediumWideTitle {
    min-height: 37px;
    position: relative;
}
.pageTypeHomepage #portraitModule {
	margin-bottom: 17px;
}
.pageTypeHomepage  #mediumWideTitle h2 {
	padding: 0px 0px 0px 46px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.pageTypeHomepage #mediumWideTitle a img{
    margin-left: 4px;
}
.pageTypeHomepage #mediumWideTitle a{
    position: absolute;
    right: 4px;
    top: 12px;
}
.pageTypeHomepage #mediumWideTitle a:hover span,
.pageTypeHomepage #mediumWideTitle a:focus span,
.pageTypeHomepage #mediumWideTitle a:active span {
    text-decoration: underline;
}

/* end of medium wide on the homepage styles */

/* celeb diary in pics module styles - start */
#celebDiaryInPics {
	margin-bottom: 17px;
}
.celebDiaryInPics .topSliceWrapper {
	border-bottom: 2px solid white;
	min-height: 37px;
}
div.celebDiaryInPics h2 {
	padding: 0px 0px 0px 42px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.celebDiaryInPics .bottomSliceWrapper .teaserItemWrapper {
	padding: 4px 0px 4px 0px;
}
.celebDiaryInPics .bottomSliceWrapper p.lastUpdated {
	margin: 0px;
	padding: 4px 12px 1px 0px;
	font-size: 0.70em;
	line-height: 1.4em;
	text-align: right;
}
/* celeb diary in pics module styles - end */

/* pic of the day module styles - start */
.rowWrapper {
	position: relative;
}
#picOfTheDay {
	margin-bottom: 17px;
	float: right;
	width: 180px;
	height: 180px;
	overflow: hidden;
}
.picOfTheDay .mediumSquareHotspotImage {
	width: 180px;
	height: 180px;
}
.picOfTheDay .teaserItemWrapper {
	position: relative;
}
.picOfTheDay p.lastUpdated {
	margin: 0px;
	padding: 0px;
	font-size: 0.70em;
	line-height: 1.4em;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 11px;
	width: 158px;
}
.noUpdatedOverlay p.lastUpdated {
	display: none;
}
.picOfTheDay .leftCurve,
.picOfTheDay .rightCurve {
	position: absolute;
	left: -11px;
	top: 0px;
	width: 11px;
	height: 100%;
}
.picOfTheDay .rightCurve {
	left: auto;
	right: -11px;
}
.picOfTheDay p.lastUpdated span.opaqueDark {
	display: block;
}
.picOfTheDay p.lastUpdated span.opaqueDark a {
	padding: 4px 0px 5px 0px;
	display: block;
}
/* pic of the day module styles - end */

/* celeb of the day */
body.preview #celebWithPortrait {
	border: 3px solid #FFD700;
	width: 369px;
}
.celebCutout {
    position: relative;
    width: 360px;
    height: 485px;
    overflow: hidden;
}
body.preview .celebCutout .droppable {
    position: relative;
    width: 354px;
    height: 479px;
    overflow: hidden;
}
.celebWithPortraitWrapper {
	margin-bottom: 17px;
}
#celebWithPortrait {
	position: relative;
	height: 485px;
	width: 375px;
	overflow: hidden;
}
.thoughtCloud {
	width: 198px;
	min-height: 160px;
	position: relative;
	border: 1px solid transparent;
}
.thoughtCloud .thoughtCloudTop {
	position: absolute;
	width: 198px;
	height: 50%;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}
.thoughtCloud .thoughtCloudTop div {
	position: absolute;
	width: 198px;
	height: 400px; /* Actual height of full top half PNG */
	top: 0px;
}
.thoughtCloud .thoughtCloudBottom {
	position: absolute;
	width: 198px;
	height: 50%;
	bottom: 1px;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}
.thoughtCloud .thoughtCloudBottom div {
	position: absolute;
	width: 198px;
	height: 400px; /* Actual height of full bottom half PNG */
	bottom: 0px;
}
.thoughtCloud .thoughtCloudMiddle {
	position: relative;
	z-index: 2;
	margin: 30px;
	background-color: #000000;
}
.thoughtCloud a.thoughtLink {
	font-size: 0.75em;
}
.thoughtCloud a span.thoughtLink {
	color: #FFFFFF;
	font-size: 1.25em;
}
.thoughtCloud a span.spacer {
	display: block;
	margin-bottom: 17px;
}
.thoughtCloud a span.linkStyleL06 {
	font-weight: bold;
	display: inline;
}
.thoughtBits {
	position: absolute;
	width: 64px;
	height: 55px;
	left: 200px;
	top: 25px;
}
.celebCutout .opaqueDark,
#celebWithPortrait .opaqueDark {
	margin: 45px 0px 0px;
	padding-bottom: 37px;
}
.celebCutoutWrapper .topSliceWrapper,
.celebWithPortraitWrapper .topSliceWrapper {
	border-bottom: 2px solid white;
	height: 37px;
}
.celebCutoutWrapper .topSliceWrapper h2,
.celebWithPortraitWrapper .topSliceWrapper h2 {
	font-size: 1.3em;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}
.celebCutout .celebCutoutHeadline,
.celebCutout .celebCutoutSummary,
#celebWithPortrait .celebOfTheDayHeadline,
#celebWithPortrait .celebOfTheDaySummary {
	width: 165px;
	padding: 17px 0px 0px 25px;
}
.celebCutoutWrapper .bottomSliceWrapper,
.celebWithPortraitWrapper .bottomSliceWrapper {
	max-height: 260px;
}
#celebCutoutPortrait,
.celebCutoutPortrait {
	position: absolute;
	right: 0px;
	bottom: 0px;
}
/* celeb of the day - end */


/* textual poll - start */
#textualPoll {
	float: left;
	width: 381px;
	border: 1px dotted #FFFFFF; /* accommodate for the border in the main div width/height */
	min-height: 178px;
}
.textualPoll {
	margin: 17px 10px 0px 20px;
}
.textualPoll h2 {
	margin: 0px;
	padding: 0px;
}
.preview .textualPoll #hotspot_showbizTextualPoll_0,
.textualPoll #showbizTextualPollWrapper {
	height: 150px;
	position: relative;
}
.textualPoll #hotspot_showbizTextualPoll_0 div  h2,
.textualPoll #hotspot_showbizTextualPoll_0 div  p,
.textualPoll .emptyTextualPoll{
    width: 300px;
}
.textualPoll fieldset {
	padding: 0px;
	margin: 0px;
	border: none;
}
.textualPoll form .pollRadioButton {
    margin: 3px 8px 0px 0px;
}
.textualPoll #hotspot_showbizTextualPoll_0 div p {
    margin: 10px 0px 8px 0px;
}
.textualPoll legend {
	display: none;
}
.textualPoll .pollAnswerRow .pollAnswer {
	width: 212px;
}
.poll .submitButtonRow,
.textualPoll .submitButtonRow {
	position: absolute;
	right: 1px;
	bottom: 0px;
}
.poll .voteLink img,
.textualPoll .voteLink img {
	width: 66px;
	height: 22px;
}
/* textual poll - end */

/* trivia styles - begin */
#triviaModule {
	float: left;
}
.triviaModule {
	border: 1px dotted #FFFFFF; /* accommodate for the border in the main div width/height */
	width: 381px;
	min-height: 178px;
}
.triviaLink .triviaModule {
	border: 0px;
	min-height: 180px;
	width: 383px;
}
.triviaModule h2 {
	padding: 11px 0px 7px 0px;
	margin: 0px 0px 11px 84px;
	width: 290px;
}
.triviaModule img {
	position: absolute;
	top: 12px;
	left: 12px;
}
.triviaModule a img {
	position: static;
	margin-left: 4px;
}
.triviaModule p {
	margin: 0px 0px 0px 84px;
	line-height: 1.3em;
	width: 290px;
}
.triviaModule .triviaBackground {
	background-color: #000000;
	height:	180px;
	text-align: left;
}
.triviaLink .triviaModule .triviaBackground {
	height:	155px;
	margin-bottom: 4px;
}
.triviaModule a {
	margin-right: 10px;
}
.triviaModule #hotspot_showbizTextualPoll_0 {
	text-align: right;
}
/* trivia styles - end */



/* image poll styles - start */
#imagePoll {
	width: 580px;
}
.preview .imagePoll {
	border: 3px solid gold;
}
.preview .imagePoll .imagePollAnswerWrapper {
	margin-right: 14px;
}
.imagePoll {
	border: 1px solid #FFFFFF;
}
.imagePoll .topSliceWrapper {
	background-color: #000000;
}
.imagePoll .bottomSliceWrapper {
	margin: 5px 0px 10px 17px;
}
.imagePoll .topSliceWrapper h2,
.imagePoll .topSliceWrapper p {
	margin: 0px;
	padding: 10px 10px 10px 10px;
}
.imagePoll .topSliceWrapper p {
	padding: 0px 10px 14px 10px;
}
.imagePoll .imagePollAnswerWrapper {
	width: 97px;
	float: left;
	margin-right: 15px;
}
.imagePoll .bottomSliceWrapper .hovered {
	background-color: #FFFFFF;
	cursor: pointer;
}
.imagePoll .bottomSliceWrapper .winner {
	background-color: #FFFFFF;
}
.imagePoll .imagePollAnswerWrapper span {
	display: block;
	padding: 5px;
	color: #F7F4AC;
}
.imagePoll .imagePollAnswerWrapper span.answer0,
.imagePoll .imagePollAnswerWrapper span.answer1,
.imagePoll .imagePollAnswerWrapper span.answer2,
.imagePoll .imagePollAnswerWrapper span.answer3,
.imagePoll .imagePollAnswerWrapper span.answer4 {
	line-height: 1;
	min-height: 25px;
}
.imagePoll .imagePollAnswerInner {
	background-color: #000000;
	margin: 1px;
}
.imagePoll .noPolls {
	height: 148px; /* plus the padding below */
	padding: 17px;
}

.imagePoll .bottomSliceWrapper .clickMe,
.imagePoll .bottomSliceWrapper .pickMe {
	height: 28px;
	padding: 6px 0px 0px 33px;
	text-transform: uppercase;
	font-size: 0.85em;
	line-height: 1.7em;
}
.imagePoll .bottomSliceWrapper .clickMe {
	display: none;
}
.imagePoll .bottomSliceWrapper .hovered .clickMe {
	display: block;
}
.imagePoll .bottomSliceWrapper .pickMe {
	display: block;
	color: #F7F4AC;
}
.imagePoll .bottomSliceWrapper .hovered .pickMe {
	display: none;
}
.imagePoll .rank {
	padding: 0px 5px 0px 41px;
	min-height: 34px;
	_height: 34px;
}
.imagePoll .rank span {
	font-weight: bold;
	color: #F7F4AC;
	font-size: 0.85em;
	line-height: 1.7em;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 15px 0px 0px 0px;
}
.imagePoll .rank1 {

}
/* image poll styles - end */

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


/* Oscars 2009 page styles - start */
.pageTypeOscarsPage .oscarLink {
	margin-bottom: 17px;
	text-align: center;
}
/* Oscars 2009 page styles - end */


/* Oscars 2009 page and landing page Large Square Teaser styles - start */
.largeSquare {
	width: 580px;
}
.pageTypeLandingPage .largeSquareTeaser {
	width: 600px;
}
.pageTypeLandingPage .largeSquareTeaser,
.largeSquare {
	position: relative;
	min-height: 405px;
	background-color: #000000;
}
.largeSquare {
	margin-bottom: 17px;
}
.preview .largeSquare {
	border: 3px solid gold;
}
.preview .pageTypeLandingPage .largeSquareTeaser .dragHandle,
.preview .largeSquare .dragHandle {
	top: -3px;
	left: -3px;
}
.pageTypeLandingPage .largeSquareTeaser .greyDotWrapper {
	margin-left: 382px;
}
.largeSquare .greyDotWrapper {
	margin-left: 380px;
}
.pageTypeLandingPage .largeSquareTeaser .greyDotWrapper,
.largeSquare .greyDotWrapper {
	padding: 0px;
	overflow: hidden;
	min-height: 405px;
}
.pageTypeLandingPage .largeSquareTeaser .greyDotWrapperInner,
.largeSquare .greyDotWrapperInner {
	background-color: #000000;
	padding: 20px 10px 20px 10px;
	margin: 7px;
	min-height: 350px;
}
.pageTypeLandingPage .largeSquareTeaser h2 ,
.pageTypeLandingPage .largeSquareTeaser p ,
.largeSquare h2 ,
.largeSquare p {
	margin: 0px;
	width: 166px;
}
.pageTypeLandingPage .largeSquareTeaser div h2,
.largeSquare div h2 {
	font-weight: normal;
	font-size: 1.7em;
	padding-bottom: 20px;
}
.pageTypeLandingPage .largeSquareTeaser div p,
.largeSquare div p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	line-height: 1.4em;
}
.pageTypeLandingPage .largeSquareTeaser .largeSquareHotspotImageLink,
.largeSquare .largeSquareHotspotImageLink {
	position: absolute;
	width: 375px;
	height: 395px;
	top: 5px;
	left: 5px;
}
.pageTypeLandingPage .largeSquareTeaser .largeSquareHotspotImageLink img,
.largeSquare .largeSquareHotspotImageLink img {
	width: 375px;
	height: 395px;
	border: 0px;
}
/* Oscars 2009 page and landing page Large Square Teaser styles - end */

/* Oscars 2009 page Medium Square Module styles - start */
#mediumSquareModule {
    margin-bottom: 17px;
}
#oscarsMediumSquareWrapper #hotspot_oscarsMediumSquare_1 {
    margin: 0px 8px;
}
#mediumSquareModule #oscarsMediumSquareWrapper .droppable {
    padding-top: 0px;
}
.preview #oscarsMediumSquareWrapper .droppable {
	border: 3px solid gold;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0px;
}
.preview #oscarsMediumSquareWrapper .dragHandle {
	top: -3px;
	left: -3px;
}
/* Oscars 2009 page Medium Square Module styles - end */

/* Oscars 2009 page module styles - start */
.pageTypeOscarsPage .headingSeparatorWide {
    background-color:#FFFFFF;
    height:2px;
    margin-bottom:4px;
    overflow:hidden;
    width:100%;
}
#mediumSquareModule #galleryTitleMediumSquare,
#portraitModule #galleryTitlePortrait {
    position:relative;
    min-height: 37px;
}
#mediumWideVerticalModule h2,
#mediumSquareModule #galleryTitleMediumSquare h2,
#portraitModule #galleryTitlePortrait h2 {
    font-size:1.3em;
    line-height:1.8em;
    margin:0;
    padding:0 0 0 44px;
}
#mediumSquareModule #galleryTitleMediumSquare a img,
#portraitModule #galleryTitlePortrait a img {
    margin-left: 4px;
}
#mediumSquareModule #galleryTitleMediumSquare a,
#portraitModule #galleryTitlePortrait a {
    position: absolute;
    right: 4px;
    top: 1.1em;
}
#oscarsMediumSquareWrapper .droppable,
#oscarsPortraitModuleWrapper .droppable {
    display: inline;
    float:left;
    width:180px;
    padding: 4px 4px 0px;
}
/* Oscars 2009 page module styles - end */

/* Oscars 2009 page Small Wide Teaser styles - start */
#smallWideTeaser {
	margin-bottom: 17px;
}
.preview .officialOscarsOnMovies .droppable {
	border: 3px solid gold;
}
.preview .officialOscarsOnMovies .dragHandle {
	top: -3px;
	left: -3px;
}
.officialOscarsOnMovies .topSliceWrapper {
	border-bottom: 2px solid white;
	min-height: 37px;
	_height: 37px;
}
div.officialOscarsOnMovies h2 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.officialOscarsOnMovies .topSliceWrapper a {
	position: absolute;
	right: 4px;
	top: 1.1em;
}
.officialOscarsOnMovies .topSliceWrapper a:hover,
.officialOscarsOnMovies .topSliceWrapper a:focus,
.officialOscarsOnMovies .topSliceWrapper a:active {
	text-decoration: underline;
}
.officialOscarsOnMovies .bottomSliceWrapper .teaserItemWrapper {
	padding: 4px 4px 4px 10px;
	min-height: 78px;
}
.officialOscarsOnMovies h3,
.officialOscarsOnMovies p {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0px;
}
.officialOscarsOnMovies h3 {
	margin: 10px 0px 6px 0px;
}
.officialOscarsOnMovies p {
	line-height: 1.0em;
}
.officialOscarsOnMovies h3 a.linkStyleL04 {
	font-size: 0.95em;
}
.pageTypeLandingPage .latestTopTenList .smallWideImageLink{
	float: right;
	margin: 0px 3px 0px 0px;
}
.officialOscarsOnMovies .smallWideImageLink {
	float: right;
	margin: 10px 10px 10px 0px;
}
.officialOscarsOnMovies .mediumDotsDivider {
	overflow: hidden;
	height: 4px;
	display: block;
	margin: 0px 4px;
}
.officialOscarsOnMovies #hotspot_oscarsSmallWideTeaserListModule_3 .mediumDotsDivider {
	display: none;
}

/* Oscars 2009 page Small Wide Teaser styles - end */

/* Oscars 2009 page Portrait styles - start */

#oscarsPortraitModuleWrapper .droppable {
    background-color:#000000;
}
body.preview #oscarsPortraitModuleWrapper .droppable {
    border: 3px solid gold;
    padding-left: 1px;
    padding-right: 1px;
}
body.preview #oscarsPortraitModuleWrapper .dragHandle {
    left: -3px;
    top: -3px;
}
#oscarsPortraitModuleWrapper #hotspot_oscarsPortraitModule_1 {
    margin: 0px 8px;
}
#oscarsPortraitModuleWrapper .teaserFeature {
    height: 20px;
    padding: 7px 0px 3px 0px;
	overflow: hidden;
}
/* Oscars 2009 page Portrait styles - end */

/* Oscars 2009 page structure styles - start */
.pageTypeOscarsPage #midColumnWrapper {
    position: relative;
    margin-bottom: 17px;
}
.pageTypeOscarsPage #midColumnWrapper .leftColumn {
    float: left;
    width: 196px;
}
.pageTypeOscarsPage #midColumnWrapper .rightColumn {
    float: right;
    width: 367px;
}
/* Oscars 2009 page structure styles - end */


/* Oscars 2009 page Medium Wide Vertical styles - start */
#mediumWideVerticalModule {
	margin-bottom: 17px;
	width: 196px;
}
#mediumWideVerticalModule .droppable {
	padding: 0px 8px 8px 8px;
}
/* Oscars 2009 page Medium Wide Vertical styles - end */

/* Oscars 2009 page Small Square styles - start */
#smallSquareTeaserOscarsStories,
#smallSquareTeaserLatestShowbizStories {
	margin-bottom: 17px;
}
body.preview .pageTypeOscarsPage #smallSquareTeaserOscarsStories .dragHandle,
body.preview .pageTypeOscarsPage #smallSquareTeaserLatestShowbizStories .dragHandle {
	top: -2px;
	left: -2px;
}
.oscarsStoriesModule #smallSquareTeaserOscarsStories .mediumDotsDivider {
	margin: 0px 3px;
}
body.preview .pageTypeOscarsPage #smallSquareTeaserOscarsStories .droppable,
body.preview .pageTypeOscarsPage #smallSquareTeaserLatestShowbizStories .droppable {
    border: 3px solid gold;
    padding-left: 0px;
    padding-right: 0px;
}
/* Oscars 2009 page Small Square styles - end*/

/* Oscars 2009 page Framed Gallery styles - start */
.preview .pageTypeOscarsPage #oscarsFramedGalleryWrapper .droppable {
    border: 3px solid gold;
}
.preview .pageTypeOscarsPage #oscarsFramedGalleryWrapper .dragHandle {
    top: -3px;
    left: -3px;
}
.pageTypeOscarsPage #oscarsFramedGallery {
    position: relative;
    height: 473px;
}
.pageTypeOscarsPage #oscarsFramedGalleryBackgroundHolder {
    width: 377px;
    height: 485px;
    position: absolute;
    top: -5px;
    left: -4px;
}
.pageTypeOscarsPage #oscarsFramedGalleryWrapper img {
    position: relative;
    margin: 11px 0px 0px 10px;
}
.pageTypeOscarsPage #oscarsFramedGalleryWrapper div.linkPositionWrapper {
    position: absolute;
    bottom: 70px;
    left: 10px;
    max-width: 260px;
}
.pageTypeOscarsPage #oscarsFramedGalleryWrapper h2 {
    font-size: 165%;
    font-weight: normal;
    padding: 5px 10px 5px 5px;
    margin: 0px;
}
/* Oscars 2009 page Framed Gallery styles - end */

/* Oscars 2009 Quote Module - start */
.pageTypeOscarsPage .quoteOuterWrapper {
	width: 196px;
    height: auto;
    overflow: visible;
    display: block;
    min-height: 132px; /* 134 IE7? */
}
.pageTypeOscarsPage .verticalCenteringMiddle {
	display: block;
	vertical-align: top;
	width: 196px;
}
.pageTypeOscarsPage .quoteModule {
    min-height: 106px;
}
.preview .pageTypeOscarsPage .quoteWrapper {
    border: 3px solid gold;
}
.preview .pageTypeOscarsPage .quoteWrapper .dragHandle {
	top: -3px;
	left: -3px;
}
.pageTypeOscarsPage .quoteWrapper {
    background-color:#000000;
}
.preview #hotspot_oscarsQuoteModule_0 {
    min-height: 132px;
}
/* Oscars 2009 Quote Module - end */

.pageTypeOscarsPage #relatedHorizontalOscars h2 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 1.3em;
	line-height: 1.8em;
}
.pageTypeOscarsPage #oscarsRelatedModuleWrapper .droppable {
	float: left;
	width: 95px;
	margin: 0px 13px;
}
.preview .pageTypeOscarsPage #oscarsRelatedModuleWrapper .droppable {
	margin: 0 10px 5px 10px;
	border: 3px solid gold;
}
.preview .pageTypeOscarsPage #oscarsRelatedModuleWrapper .dragHandle {
	top: -3px;
	left: -3px;
}
.pageTypeOscarsPage #oscarsRelatedModuleWrapper p {
	margin: 5px 0px 9px 0px;
}
/* footer - start */
#bottomLogo  {
	float:left;
	height: 85px;
	width:247px;
	margin-left:15px;
}

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

/* 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 */

/* more on link style start */
#moreOnLink {
	margin-top: 10px;
}
#moreOnLink a {
	display: block;
	padding: 10px;
}
#moreOnLink a .chevron {
	float: left;
	height: 22px;
	margin-right: 8px;
	padding: 0;
	width: 14px;
}
/* more on link style end */

/* Landingpage styles - start */
.pageTypeLandingPage .sectionWrapper {
	margin-bottom: 12px;
}
.pageTypeLandingPage  #heroTitleModuleBanner {
	padding-left: 15px;
	margin-top: 12px;
}

/** 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 a:hover,
.intelliSpotWrapper a:focus,
.intelliSpotWrapper a:active {
	color: #F7F4AC;
	text-decoration: underline;
}

/** oneToSix - END **/


/* start styles for the threeColumnList on Landing Page */
div#threeColumnListLeft,
div#threeColumnListMiddle,
div#threeColumnListRight {
	width: 190px;
	padding: 0px;
	float: left;
}
div#threeColumnListMiddle {
	margin: 0px 15px;
}
.preview div#threeColumnList .dragHandle {
	top: -2px;
	left: -2px;
}
.preview div#threeColumnList .empty {
	display: block;
	line-height: 2.61em;
}
div#threeColumnList .chevron {
	display: none;
}
div#threeColumnList ul a {
	padding: 5px 6px;
	width: 168px;
	color: #ffffff;
}
div#threeColumnList li .headingSeparatorWide {
	height: 4px;
}
div#threeColumnList h2 {
	margin: 0px;
	padding: 6px 0px 5px 5px;
	font-size: 110%!important;
}
div#threeColumnList ul {
	padding: 0px;
}
div#threeColumnList div.hovered {
	zoom: 1;
}
div#threeColumnList .hovered {
	color: #f7f4ac!important;
	background-color: #000000!important;
}

/* end styles for the threeColumnList on Landing Page */

/* 1-6 medium wide teaser - start */
.pageTypeLandingPage .oneToSixTeaser h2 {
    font-size: 1.1em;
    margin: 0px;
	padding: 6px 0px 5px 10px;
}
.pageTypeLandingPage .oneToSixTeaser .intelliSpotWrapper {
    padding: 6px;
}
.pageTypeLandingPage .oneToSixTeaser .intelliSpotWrapper .droppable {
    padding: 1px 1px 5px;
    height: 125px;
}
.pageTypeLandingPage .oneToSixTeaser .intelliSpotWrapper .blockHotSpot {
    background-color: #000000;
    margin: 7px;
    display: inline;
}
.preview .pageTypeLandingPage .oneToSixTeaser .intelliSpotWrapper .blockHotSpot {
    margin: 0px;
}
.preview .pageTypeLandingPage .oneToSixTeaser .dragHandle {
    top: -2px;
    left: -2px;
}
.pageTypeLandingPage .oneToSixTeaser .intelliSpotWrapper .droppable .teaserFeature {
    padding: 5px;
}

/* 1-6 medium wide teaser - end */

/* minor CSS over-rides for landing pages - start */
.pageTypeLandingPage div.smallSquareTeaser {
	margin-bottom: 0px;
}
.pageTypeLandingPage div#topSection {
	margin-bottom: 0px;
}
.pageTypeLandingPage div.twoBlocksAndQuote .blockquoteWrapper,
.pageTypeLandingPage div.largeSquareTeaser .greyDotWrapper  {
	background-position: 1px 1px;
}
.pageTypeLandingPage div.celebCutoutWrapper div.topSliceWrapper,
.pageTypeLandingPage div.latestTopTenList div.topSliceWrapper,
.pageTypeLandingPage div.tripleImageTitle,
.pageTypeLandingPage div.triplePortraitTitle {
	min-height: 32px;
	height: 32px;
}
.pageTypeLandingPage div.celebCutoutWrapper div.topSliceWrapper h2 {
	font-size: 110%;
}
.pageTypeLandingPage div.celebCutoutWrapper div.topSliceWrapper h2,
.pageTypeLandingPage div.latestTopTen div.latestTopTenList h2,
.pageTypeLandingPage div.tripleImageWrapper div.tripleImageTitle h2,
.pageTypeLandingPage div.triplePortraitWrapper div.triplePortraitTitle h2 {
	line-height: 120%;
	padding: 6px 0px 5px 10px;
}
.pageTypeLandingPage div.largeSquareTeaser h2.fontStyle04 {
	font-size: 1.7em;
	font-weight: normal;
	padding: 0px 0px 20px 0px;
	line-height: 1.1em;
	width: 184px;
}
.pageTypeLandingPage div.largeSquareTeaser p {
	width: 184px;
}
.pageTypeLandingPage .celebCutout .celebCutoutHeadline,
.pageTypeLandingPage .celebCutout .celebCutoutSummary  {
	padding: 17px 0px 0px 10px;
}

/* minor CSS over-rides for landing pages - end */

/* Landingpage styles - end */