/* Home */ 

/**************************************
 HOMEPAGE TEMPLATE - 20101111r2
 **************************************
 
 Supported Modules:
 
    Tile Pack (Standard)
    Tile Pack (Overlay)
    Tile Pack (Detail)
    Tooltip
    Layered Promo
    Media Player
    Tower
    Character Nav
 
 **************************************/

/* ------- PAGE / LAYOUT ------- */

body
{
	/** property removed **/
	font: normal %%PagePrimaryFontWeight%% %%PagePrimaryFontSize%% "%%PagePrimaryFontFamily%%", "%%PageSecondaryFontFamily%%", "%%PageTertiaryFontFamily%%", "%%PageQuaternaryFontFamily%%", sans-serif;
	/** property removed **/
	background: %%PageBodyBackgroundColor%% url(%%PageBodyBackgroundImage%%) no-repeat top center;
}

/* Chrome */

body .chrome
{
	/** property removed **/
}

/* Footer */

body .footer,
body .footer a
{
	color: %%PageFooterTextColor%%;
	font: normal %%PageFooterFontWeight%% %%PageFooterFontSize%% "%%PageFooterFontFamily%%";
	text-align: %%PageFooterTextAlign%%;
}

body .footer a:hover
{
	/** property removed **/
}

/* Mobile Footer */

body div#textMobileContent p
{
	color: %%PageMobileFooterTextColor%%;
}

body div#textMobileContent p.message
{
	font: normal %%PageMobileFooterMessageFontWeight%% %%PageMobileFooterMessageFontSize%% "%%PageMobileFooterMessageFontFamily%%";
	text-align: %%PageMobileFooterMessageTextAlign%%;
}

body div#textMobileContent p.disclaimer
{
	font: normal %%PageMobileFooterDisclaimerFontWeight%% %%PageMobileFooterDisclaimerFontSize%% "%%PageMobileFooterDisclaimerFontFamily%%";
	text-align: %%PageMobileFooterDisclaimerTextAlign%%;
}

/* ------- TILE PACK ------- */

body .tilePackHeader
{
	/** property removed **/
	background-color: %%TilePackHeaderBackgroundColor%%;
	font: normal %%PageHeader1FontWeight%% %%PageHeader1FontSize%%/%%PageHeader1FontSize%% "%%PageHeader1FontFamily%%";
}

body .tilePackHeaderBold
{
	font: normal %%PageHeader2FontWeight%% %%PageHeader2FontSize%%/%%PageHeader2FontSize%% "%%PageHeader2FontFamily%%";
}

body a.tileImageOverlay
{
	/** property removed **/
	font: normal %%TilePackOverlayFontWeight%% %%TilePackOverlayFontSize%% "%%TilePackOverlayFontFamily%%";
	/** property removed **/
	background: transparent url(%%TilePackOverlayTextBackgroundImage%%) repeat;
}

body .tileTitle,
body .tileTitle a
{
	/** property removed **/
	font: normal %%TilePackTitleFontWeight%% %%TilePackTitleFontSize%% "%%TilePackTitleFontFamily%%";
	/** property removed **/
}

body .tileTitle a:hover
{
	color: %%TilePackTitleLinkHoverColor%%;
}

body .tileSubtitle,
body .tileSubtitle a
{
	/** property removed **/
	font: normal %%TilePackSubtitleFontWeight%% %%TilePackSubtitleFontSize%% "%%TilePackSubtitleFontFamily%%";
	/** property removed **/
}

body .tileDescription,
body .tileDescription a
{
	color: %%TilePackDescriptionTextColor%%;
	font: normal %%TilePackDescriptionFontWeight%% %%TilePackDescriptionFontSize%% "%%TilePackDescriptionFontFamily%%";
	text-align: %%TilePackDescriptionTextAlign%%;
}

body .tilePack .tiles a.tileButtonLink
{
	/** property removed **/
	background-position: %%TilePackMoreButtonSpriteLeft%% %%TilePackMoreButtonSpriteTop%%;
	/** property removed **/
	height: %%TilePackButtonHeight%%;
}

body .tilePack .tiles a.tileButtonLink:hover
{
	background-position: %%TilePackMoreButtonOnSpriteLeft%% %%TilePackMoreButtonOnSpriteTop%%;
}

/* Ad Tiles */

body .topRightAlbumAd .adtile,
body .bottomRightAlbumAd .adtile,
body .tilePackStylePromo .tile,
body .topRightFindAd .adtile
{
	border: 1px solid %%TilePackPromoStrokeColor%%;
}

/* Region - For You */

body .regionForYou .tiles
{
	/** property removed **/
}

/* Region - Spotlight */

body .regionSpotlight.tilePackStyleDetail .tiles
{
	background: transparent url(%%TilePackDetailBackgroundImage%%) repeat-x;
}

/* ------- TOOLTIP ------- */

body .tilePackTooltip span.itemName
{
	/** property removed **/
	font: normal %%TooltipTitleFontWeight%% %%TooltipTitleFontSize%% "%%TooltipTitleFontFamily%%";
	/** property removed **/
}

body .tilePackTooltip span.itemDescription
{
	color: %%TooltipBodyTextColor%%;
	font: normal %%TooltipBodyFontWeight%% %%TooltipBodyFontSize%% "%%TooltipBodyFontFamily%%";
	text-align: %%TooltipBodyTextAlign%%;
}

body .tilePackTooltip td.toolTipContentCell
{
	/** property removed **/
}

/* ---------- LAYERED PROMO ---------- */

body .layeredPromo
{
	background: transparent url(%%LayeredPromoBackgroundImage%%) repeat-y;
}

body .layeredPromo .layeredPromoImage
{
	/* Logo Image Currently being added to background */
}

body .layeredPromo .layeredPromoMetaLeftCol p.title
{
	/** property removed **/
	font: normal %%LayeredPromoTitleFontWeight%% %%LayeredPromoTitleFontSize%% "%%LayeredPromoTitleFontFamily%%";
	/** property removed **/
}

body .layeredPromo .layeredPromoMetaLeftCol p.description
{
	color: %%LayeredPromoDescriptionTextColor%%;
	font: normal %%LayeredPromoDescriptionFontWeight%% %%LayeredPromoDescriptionFontSize%% "%%LayeredPromoDescriptionFontFamily%%";
	text-align: %%LayeredPromoDescriptionTextAlign%%;
}

body .layeredPromo .layeredPromoMetaButton a
{
	/** property removed **/
	width: %%LayeredPromoButtonWidth%%;
	/** property removed **/
}

body .layeredPromo .layeredPromoMetaButton a.Learn        { background-position: %%LayeredPromoLearnSpriteLeft%% %%LayeredPromoLearnSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Learn:hover  { background-position: %%LayeredPromoLearnOnSpriteLeft%% %%LayeredPromoLearnOnSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Watch        { background-position: %%LayeredPromoWatchSpriteLeft%% %%LayeredPromoWatchSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Watch:hover  { background-position: %%LayeredPromoWatchOnSpriteLeft%% %%LayeredPromoWatchOnSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Read         { background-position: %%LayeredPromoReadSpriteLeft%% %%LayeredPromoReadSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Read:hover   { background-position: %%LayeredPromoReadOnSpriteLeft%% %%LayeredPromoReadOnSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Play         { background-position: %%LayeredPromoPlayNowSpriteLeft%% %%LayeredPromoPlayNowSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Play:hover   { background-position: %%LayeredPromoPlayNowOnSpriteLeft%% %%LayeredPromoPlayNowOnSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Create       { background-position: %%LayeredPromoCreateSpriteLeft%% %%LayeredPromoCreateSpriteTop%%; }
body .layeredPromo .layeredPromoMetaButton a.Create:hover { background-position: %%LayeredPromoCreateOnSpriteLeft%% %%LayeredPromoCreateOnSpriteTop%%; }

/* ------- CHARACTER NAV ------- */

body #FlashModule_CharacterNav #tintableBackground
{
	color: %%CharacterNavTintableBackgroundColor%%;
}

body #FlashModule_CharacterNav #tabLines
{
	/** property removed **/
}

/* Labels */

body #FlashModule_CharacterNav #modeLabel
{
	color: %%CharacterNavModeLabelTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%CharacterNavModeLabelFontSize%%;
	/** property removed **/
	text-align: %%CharacterNavModeLabelTextAlign%%;
}

body #FlashModule_CharacterNav #sortLabel
{
	/** property removed **/
	font-style: normal;
	font-weight: %%CharacterNavSortLabelFontWeight%%;
	/** property removed **/
	font-family: "%%CharacterNavSortLabelFontFamily%%";
	/** property removed **/
}

body #FlashModule_CharacterNav #toyLabel
{
	color: %%CharacterNavToyLabelTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%CharacterNavToyLabelFontSize%%;
	/** property removed **/
	text-align: %%CharacterNavToyLabelTextAlign%%;
}

/* Search */

body #FlashModule_CharacterNav #searchTextField
{
	/** property removed **/
	font-style: normal;
	font-weight: %%CharacterNavSearchFontWeight%%;
	/** property removed **/
	font-family: "%%CharacterNavSearchFontFamily%%";
	/** property removed **/
}

/* Buttons */

body #FlashModule_CharacterNav #normalButton
{
	color: %%CharacterNavButtonTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%CharacterNavButtonFontSize%%;
	/** property removed **/
	text-align: %%CharacterNavButtonTextAlign%%;
}

body #FlashModule_CharacterNav #overButton,
body #FlashModule_CharacterNav #selectedButton
{
	/** property removed **/
	font-style: normal;
	font-weight: %%CharacterNavButtonOnFontWeight%%;
	/** property removed **/
	font-family: "%%CharacterNavButtonOnFontFamily%%";
	/** property removed **/

}

/* ------- TOWER ------- */

body #FlashModule_Tower #towerElementHeaderBackground
{
	color: %%TowerHeaderBackgroundTextColor%%;
}

body #FlashModule_Tower #fifteenPackBackground,
body #FlashModule_Tower #sixPackBackground,
body #FlashModule_Tower #fullPackBackground,
body #FlashModule_Tower #singleBackground,
body #FlashModule_Tower #fullSingleBackground
{
	/** property removed **/
}

body #FlashModule_Tower #towerElementHeader1
{
	color: %%TowerHeaderTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%TowerHeaderFontSize%%;
	/** property removed **/
	text-align: %%TowerHeaderTextAlign%%;
}

body #FlashModule_Tower #towerElementHeader2
{
	/** property removed **/
	font-style: normal;
	font-weight: %%TowerHeader2FontWeight%%;
	/** property removed **/
	font-family: "%%TowerHeader2FontFamily%%";
	/** property removed **/

}

/* ------- MEDIA PLAYER ------- */

/* Tintable */

body #FlashModule_MediaPlayer #tintableBackground       { color: %%MediaPlayerTintableBackgroundColor%%; }
body #FlashModule_MediaPlayer #tintableInsetProgress    { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableInset            { color: %%MediaPlayerTintableInsetColor%%; }
body #FlashModule_MediaPlayer #tintableButtonOn         { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableButtonOff        { color: %%MediaPlayerTintableButtonOffColor%%; }
body #FlashModule_MediaPlayer #tintableMediaButton      { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonInset { color: %%MediaPlayerTintableMediaButtonInsetColor%%; }

/* Tintable Styles */

body #FlashModule_MediaPlayer #tintableMediaButtonStyle1  { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle2  { color: %%MediaPlayerTintableButtonStyle2Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle3  { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle4  { color: %%MediaPlayerTintableButtonStyle4Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle5  { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle6  { color: %%MediaPlayerTintableButtonStyle6Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle7  { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle8  { color: %%MediaPlayerTintableButtonStyle8Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle9  { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle10 { color: %%MediaPlayerTintableButtonStyle10Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle11 { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle12 { color: %%MediaPlayerTintableButtonStyle12Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle13 { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle14 { color: %%MediaPlayerTintableButtonStyle14Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle15 { /** property removed **/ }	
body #FlashModule_MediaPlayer #tintableMediaButtonStyle16 { color: %%MediaPlayerTintableButtonStyle16Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle17 { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle18 { color: %%MediaPlayerTintableButtonStyle18Color%%; }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle19 { /** property removed **/ }
body #FlashModule_MediaPlayer #tintableMediaButtonStyle20 { color: %%MediaPlayerTintableButtonStyle20Color%%; }

/* Time */

body #FlashModule_MediaPlayer #timeElapsed
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerTimeElapsedFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerTimeElapsedFontFamily%%";
	/** property removed **/
}

body #FlashModule_MediaPlayer #timeTotal
{
	color: %%MediaPlayerTimeTotalTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerTimeTotalFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerTimeTotalTextAlign%%;
}

body #FlashModule_MediaPlayer #timeElapsedFS
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerTimeElapsedFSFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerTimeElapsedFSFontFamily%%";
	/** property removed **/
}

body #FlashModule_MediaPlayer #timeTotalFS
{
	color: %%MediaPlayerTimeTotalFSTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerTimeTotalFSFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerTimeTotalFSTextAlign%%;
}

/* Info */

body #FlashModule_MediaPlayer #infoOverlayTitle
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerInfoOverlayTitleFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerInfoOverlayTitleFontFamily%%";
	/** property removed **/
}

body #FlashModule_MediaPlayer #infoOverlayDescription
{
	color: %%MediaPlayerInfoOverlayDescriptionTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerInfoOverlayDescriptionFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerInfoOverlayDescriptionTextAlign%%;
}

body #FlashModule_MediaPlayer #infoTitle
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerInfoTitleFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerInfoTitleFontFamily%%";
	/** property removed **/
}

body #FlashModule_MediaPlayer #infoDescription
{
	color: %%MediaPlayerInfoDescriptionTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerInfoDescriptionFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerInfoDescriptionTextAlign%%;
}

body #FlashModule_MediaPlayer #infoButtonLabel
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerInfoButtonLabelFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerInfoButtonLabelFontFamily%%";
	/** property removed **/
}

/* Ad Info */

body #FlashModule_MediaPlayer #adInfoTitle
{
	color: %%MediaPlayerAdInfoTitleTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerAdInfoTitleFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerAdInfoTitleTextAlign%%;
}

body #FlashModule_MediaPlayer #adInfoMessage
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerAdInfoMessageFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerAdInfoMessageFontFamily%%";
	/** property removed **/
}

body #FlashModule_MediaPlayer #adInfoTimeMessage
{
	color: %%MediaPlayerAdInfoTimeMessageTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerAdInfoTimeMessageFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerAdInfoTimeMessageTextAlign%%;
}

body #FlashModule_MediaPlayer #adInfoTimeLeft
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerAdInfoTimeLeftFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerAdInfoTimeLeftFontFamily%%";
	/** property removed **/
}

/* Hero */

body #FlashModule_MediaPlayer #heroSlideshowTitle
{
	color: %%MediaPlayerHeroSlideshowTitleTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%MediaPlayerHeroSlideshowTitleFontSize%%;
	/** property removed **/
	text-align: %%MediaPlayerHeroSlideshowTitleTextAlign%%;
}

body #FlashModule_MediaPlayer #heroSlideshowDescription
{
	/** property removed **/
	font-style: normal;
	font-weight: %%MediaPlayerHeroSlideshowDescriptionFontWeight%%;
	/** property removed **/
	font-family: "%%MediaPlayerHeroSlideshowDescriptionFontFamily%%";
	/** property removed **/
}

/************************************/