/* Portfolio */ 

/***************************************
 PORTFOLIO TEMPLATE - 20101217r1
 ***************************************
 
 Supported Modules:
 
    Tile Pack (Standard/Play)
    Tile Pack (Featured)
    Tile Pack (Product)
    Tooltip
    Downloadables
    Article
    Image Gallery
    Audio Player
    Video Player
 
 ***************************************/

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

body
{
	color: #000000;
	font: normal normal 12px "Arial", "Verdana", "Tahoma", "Tahoma", sans-serif;
	text-align: left;
	background: #FFFFFF url(http://a.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/A0EB4D49-2E6E-FDF5-3AF8-0CF35ED65F78.jpg) no-repeat top center;
}

.topMidForProducts,
.topMidForExtras
{
	/** property removed **/
}

/* Chrome */

body .chrome
{
	background: transparent url(http://a.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/381E2C96-085A-33AB-C386-0CF3617567C1.png) repeat-x;
}

/* Footer */

body .footer,
body .footer a
{
	color: #000000;
	font: normal normal 12px "Arial";
	text-align: center;
}

body .footer a:hover
{
	color: #000000;
}

/* ------- LEFT NAVIGATION ------- */

body .navItem
{
	background: transparent url(http://a.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/AC25F727-DD7C-55E1-9F54-0CF36677DF08.png) no-repeat;
	background-position: 0px 0px;
	width: 168px;
	height: 24px;
}

body .navItem .navText,
body .navItem .navText a
{
	color: #FFFFFF;
	font: normal normal 9px/9px "Arial Black";
	text-align: right;
}


body .selectedNavli .navItem,
body .selectedNav .navItem,
body .navItem:hover
{
	background-position: -170px 0px;
}

body .selectedNavli .navItem .navText,
body .selectedNavli .navItem .navText a,
body .selectedNav .navItem .navText,
body .selectedNav .navItem .navText a,
body .navItem:hover .navText,
body .navItem:hover .navText a
{
	color: #FFFFFF;
	font: normal normal 9px/9px "Arial Black";
	text-align: left;
}

/* ------- ARTICLE ------- */

body .topMidBioDesc .article
{
	/** property removed **/
}

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

body .topMidHomeArticle .articleTitle,
body .topMidHomeArticle .articleSubTitle,
body .topMidHomeArticle .articleDatePublished
{
	color: %%ArticleHeaderTextColor%%;
	font: normal %%ArticleHeaderFontWeight%% %%ArticleHeaderFontSize%% "%%ArticleHeaderFontFamily%%";
	text-align: %%ArticleHeaderTextAlign%%;
}

body .topMidHomeArticle .articleBody
{
	/** property removed **/
	font: normal %%ArticleBodyFontWeight%% %%ArticleBodyFontSize%%/%%ArticleBodyFontSize%% "%%ArticleBodyFontFamily%%";
	/** property removed **/
}

body .topMidBioDesc .articleTitle,
body .topMidBioDesc .articleSubTitle,
body .topMidBioDesc .articleDatePublished
{
	color: %%ArticleBioHeaderTextColor%%;
	font: normal %%ArticleBioHeaderFontWeight%% %%ArticleBioHeaderFontSize%% "%%ArticleBioHeaderFontFamily%%";
	text-align: %%ArticleBioHeaderTextAlign%%;
}

body .topMidBioDesc .articleBody
{
	/** property removed **/
	font: normal %%ArticleBioBodyFontWeight%% %%ArticleBioBodyFontSize%% "%%ArticleBioBodyFontFamily%%";
	/** property removed **/
}

/* ------- DOWNLOADABLES ------- */

body .downloadables .extrasTilePackHeaderTitle
{
	color: %%DownloadablesHeaderTitleTextColor%%;
	font: normal %%DownloadablesHeaderTitleFontWeight%% %%DownloadablesHeaderTitleFontSize%% "%%DownloadablesHeaderTitleFontFamily%%";
	text-align: %%DownloadablesHeaderTitleTextAlign%%;
}

body .downloadables .extrasTilePackHeaderDesc
{
	/** property removed **/
	font: normal %%DownloadablesHeaderDescriptionFontWeight%% %%DownloadablesHeaderDescriptionFontSize%% "%%DownloadablesHeaderDescriptionFontFamily%%";
	/** property removed **/
}

body div#downloadInfoBox
{
	color: %%DownloadablesInfoBoxTextColor%%;
	font: normal %%DownloadablesInfoBoxFontWeight%% %%DownloadablesInfoBoxFontSize%% "%%DownloadablesInfoBoxFontFamily%%";
	text-align: %%DownloadablesInfoBoxTextAlign%%;
	/** property removed **/
	width: %%DownloadablesInfoBoxWidth%%;
	/** property removed **/
}

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

body .tilePackHeader
{
	color: #FFFFFF;
	background-color: #000000;
	font: normal normal 15px/15px "Arial";
	text-align: left;
}

body .tilePackHeaderBold
{
	font: normal normal 15px/15px "Arial Black";
	text-align: left;
}

body a.tileImageOverlay
{
	color: #FFFFFF;
	font: normal normal 12px "Arial Black";
	text-align: center;
	background: transparent url(http://a.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/6C913DBC-E732-17AC-8873-0CF3687AEBA4.png) repeat;
}

body .tileTitle,
body .tileTitle a
{
	color: #000000;
	font: normal normal 10px "Arial Black";
	text-align: left;
}

body .tileTitle a:hover
{
	color: #0033CC;
}

body .tileSubtitle,
body .tileSubtitle a
{
	color: #000000;
	font: normal bold 10px "Arial";
	text-align: left;
}

body .tileDescription,
body .tileDescription a
{
	color: #000000;
	font: normal normal 10px "Arial";
	text-align: left;
}

body .tilePack .tiles a.tileButtonLink
{
	background: transparent url(http://a.dolimg.com/explore/skins/PMPageLayouts/DCOM/PMModuleFormat/C9A82463-9A37-355E-12CE-0CF366676B35.png) no-repeat;
	background-position: 0px 0px;
	width: 50px;
	height: 18px;
}

body .tilePack .tiles a.tileButtonLink:hover
{
	background-position: -52px 0px;
}

/* Ad Tiles */

body .leftCol .adtile,
body .tilePackStylePromo .tile,
body .rightColA .adtile,
body .topRightBio .adtile,
body .topRightAlbumAd .adtile,
body .rightCol .adtile,
body .tile .w180,
body .stroke6,
body .stroke6m,
body .stroke6tile
{
	border: 1px solid #000000;
}

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

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

body .productTile .tileTitle,
body .productTile .tileTitle a
{
	color: %%TilePackProductTileTitleTextColor%%;
	font: normal %%TilePackProductTileTitleFontWeight%% %%TilePackProductTileTitleFontSize%% "%%TilePackProductTileTitleFontFamily%%";
	text-align: %%TilePackProductTileTitleTextAlign%%;
}

body .productTile .tileTitle a:hover
{
	/** property removed **/
}

body .productTile .tileDescription,
body .productTile .tileDescription a
{
	color: %%TilePackProductTileDescriptionTextColor%%;
	font: normal %%TilePackProductTileDescriptionFontWeight%% %%TilePackProductTileDescriptionFontSize%% "%%TilePackProductTileDescriptionFontFamily%%";
	text-align: %%TilePackProductTileDescriptionTextAlign%%;
}

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

body .tilePackStyleFeature .featuredTile .tilePackHeader,
body .tilePackStyleFeature .featuredTile .tilePackHeader .tilePackHeaderBold
{
	/** property removed **/
	background-color: %%TilePackFeaturedTileHeaderBackgroundColor%%;
	font: normal %%TilePackFeaturedTileHeaderFontWeight%% %%TilePackFeaturedTileHeaderFontSize%% "%%TilePackFeaturedTileHeaderFontFamily%%";
	text-align: %%TilePackFeaturedTileHeaderTextAlign%%;
}

body .tilePackStyleFeature .featuredTile .tilePackHeaderText
{
	/** property removed **/
	font: normal %%TilePackFeaturedTileSubHeaderFontWeight%% %%TilePackFeaturedTileSubHeaderFontSize%% "%%TilePackFeaturedTileSubHeaderFontFamily%%";
	/** property removed **/
}

body .tilePackStyleFeature .featuredTile .tileTextPosition .tileDescription
{
	color: %%TilePackFeaturedTileDescriptionTextColor%%;
	font: normal %%TilePackFeaturedTileDescriptionFontWeight%% %%TilePackFeaturedTileDescriptionFontSize%% "%%TilePackFeaturedTileDescriptionFontFamily%%";
	/** property removed **/
}

body .tilePackStyleFeature .featuredTile .tileTextPosition .tileDescription a
{
	/** property removed **/
	font: normal %%TilePackFeaturedTileDescriptionFontWeight%% %%TilePackFeaturedTileDescriptionFontSize%% "%%TilePackFeaturedTileDescriptionFontFamily%%";
	/** property removed **/
}

body .tilePackStyleFeature .tileTextPosition .tileTitle
{
	color: %%TilePackFeaturedSubTileTitleTextColor%%;
	font: normal %%TilePackFeaturedSubTileTitleFontWeight%% %%TilePackFeaturedSubTileTitleFontSize%% "%%TilePackFeaturedSubTileTitleFontFamily%%";
	text-align: %%TilePackFeaturedSubTileTitleTextAlign%%;
}

body .tilePackStyleFeature .tileTextPosition .tileSubtitle,
body .tilePackStyleFeature .tileTextPosition .tileDescription
{
	/** property removed **/
	font: normal %%TilePackFeaturedSubTileDescriptionFontWeight%% %%TilePackFeaturedSubTileDescriptionFontSize%% "%%TilePackFeaturedSubTileDescriptionFontFamily%%";
	/** property removed **/
}

body .topMidFeaturedTilePack .tilePackStyleFeature .tilePack
{
	background: url("%%PageWhiteBackgroundTileImage%%") repeat;
}

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

body .tilePackTooltip span.itemName
{
	color: #0033CC;
	font: normal normal 10px "Arial Black";
	text-align: left;
}

body .tilePackTooltip span.itemDescription
{
	color: #FFFFFF;
	font: normal normal 10px "Arial";
	text-align: left;
}

body .tilePackTooltip td.toolTipContentCell
{
	background-color: #000000;
}

/* ------- IMAGE GALLERY ------- */

body #FlashModule_ImageGallery #tintableBackground     { /** property removed **/ }
body #FlashModule_ImageGallery #tintableInset          { color: %%ImageGalleryTintableInsetColor%%; }	
body #FlashModule_ImageGallery #tintableButtonOn       { /** property removed **/ }
body #FlashModule_ImageGallery #tintableButtonOff      { color: %%ImageGalleryTintableButtonOffColor%%; }
body #FlashModule_ImageGallery #playlistItemHighlight  { /** property removed **/ }

body #FlashModule_ImageGallery #infoOverlayStatusDisplay
{
	color: %%ImageGalleryInfoOverlayStatusDisplayTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%ImageGalleryInfoOverlayStatusDisplayFontSize%%;
	/** property removed **/
	text-align: %%ImageGalleryInfoOverlayStatusDisplayTextAlign%%;
}

body #FlashModule_ImageGallery #infoOverlayCaption
{
	/** property removed **/
	font-style: normal;
	font-weight: %%ImageGalleryInfoOverlayCaptionFontWeight%%;
	/** property removed **/
	font-family: "%%ImageGalleryInfoOverlayCaptionFontFamily%%";
	/** property removed **/
}

body #FlashModule_ImageGallery #toolTipDescription
{
	color: %%ImageGalleryTooltipDescriptionTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%ImageGalleryTooltipDescriptionFontSize%%;
	/** property removed **/
	text-align: %%ImageGalleryTooltipDescriptionTextAlign%%;
}

body #FlashModule_ImageGallery #toolTipTitle
{
	/** property removed **/
	font-style: normal;
	font-weight: %%ImageGalleryTooltipTitleFontWeight%%;
	/** property removed **/
	font-family: "%%ImageGalleryTooltipTitleFontFamily%%";
	/** property removed **/
}

/* ------- AUDIO PLAYER ------- */

/* Tintables */

body #FlashModule_AudioPlayer #tintableBackground     { color: #FFFFFF; }
body #FlashModule_AudioPlayer #tintableInset          { color: #0033CC; }	
body #FlashModule_AudioPlayer #tintableInsetProgress  { color: #999999; }
body #FlashModule_AudioPlayer #tintableButton         { color: #0033CC; }
body #FlashModule_AudioPlayer #tintableButtonOn       { color: #0266E3; }
body #FlashModule_AudioPlayer #tintableButtonOff      { color: #0033CC; }
body #FlashModule_AudioPlayer #playlistItemHighlight  { color: #0266E3; }
body #FlashModule_AudioPlayer #playlistItemSelection  { color: #0033CC; }
body #FlashModule_AudioPlayer #findOutMoreButtonOn    { color: #DDDDDD; }
body #FlashModule_AudioPlayer #findOutMoreButtonOff   { color: #FFFFFF; }
body #FlashModule_AudioPlayer #ownTheCDButtonOn       { color: #0033CC; }
body #FlashModule_AudioPlayer #ownTheCDButtonOff      { color: #000000; }
body #FlashModule_AudioPlayer #downloadTheCDButtonOn  { color: #0033CC; }
body #FlashModule_AudioPlayer #downloadTheCDButtonOff { color: #000000; }

/* Time */

body #FlashModule_AudioPlayer #timeElapsed
{
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #timeTotal
{
	color: #000000;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	font-family: "Arial";
	text-align: left;
}

/* Player */

body #FlashModule_AudioPlayer #playerSongName
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playerAlbumName
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playerArtistName
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playerAlbumDescription
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playerAlbumReleaseDate
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	font-family: "Arial";
	text-align: left;
}

/* Playlist Item */

body #FlashModule_AudioPlayer #playlistItemSongName
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playlistItemArtistAlbumName
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playlistItemTrackNumber
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	font-family: "Arial";
	text-align: left;
}

body #FlashModule_AudioPlayer #playlistItemTimeTotal
{
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	font-family: "Arial";
	text-align: left;
}

/* ------- VIDEO PLAYER ------- */

/* Tintables */

body #FlashModule_VideoPlayer #playlistItemSelection { color: %%VideoPlayerPlaylistItemSelectionColor%%; }
body #FlashModule_VideoPlayer #playlistItemDivider   { /** property removed **/ }
body #FlashModule_VideoPlayer #tintableInset         { color: %%VideoPlayerTintableInsetColor%%; }
body #FlashModule_VideoPlayer #tintableButtonOn      { /** property removed **/ }
body #FlashModule_VideoPlayer #tintableButtonOff     { color: %%VideoPlayerTintableButtonOffColor%%; }
body #FlashModule_VideoPlayer #tintableBackground    { /** property removed **/ }

/* Time */

body #FlashModule_VideoPlayer #timeElapsed
{
	color: %%VideoPlayerTimeElapsedTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerTimeElapsedFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerTimeElapsedTextAlign%%;
}

body #FlashModule_VideoPlayer #timeTotal
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerTimeTotalFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerTimeTotalFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #timeElapsedFS
{
	color: %%VideoPlayerTimeElapsedFSTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerTimeElapsedFSFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerTimeElapsedFSTextAlign%%;
}

body #FlashModule_VideoPlayer #timeTotalFS
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerTimeTotalFSFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerTimeTotalFSFontFamily%%";
	/** property removed **/
}

/* Info */

body #FlashModule_VideoPlayer #infoOverlayTitle
{
	color: %%VideoPlayerInfoOverlayTitleTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerInfoOverlayTitleFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerInfoOverlayTitleTextAlign%%;
}

body #FlashModule_VideoPlayer #infoOverlayDescription
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerInfoOverlayDescriptionFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerInfoOverlayDescriptionFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #infoDescription
{
	color: %%VideoPlayerInfoDescriptionTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerInfoDescriptionFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerInfoDescriptionTextAlign%%;
}

/* Ad Info */

body #FlashModule_VideoPlayer #adInfoTitle
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerAdInfoTitleFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerAdInfoTitleFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #adInfoMessage
{
	color: %%VideoPlayerAdInfoMessageTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerAdInfoMessageFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerAdInfoMessageTextAlign%%;
}

body #FlashModule_VideoPlayer #adInfoTimeMessage
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerAdInfoTimeMessageFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerAdInfoTimeMessageFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #adInfoTimeLeft
{
	color: %%VideoPlayerAdInfoTimeLeftTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerAdInfoTimeLeftFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerAdInfoTimeLeftTextAlign%%;
}

/* Playlist Item */

body #FlashModule_VideoPlayer #playlistItemTitleNormal
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerPlaylistItemTitleNormalFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerPlaylistItemTitleNormalFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #playlistItemDescriptionNormal
{
	color: %%VideoPlayerPlaylistItemDescriptionNormalTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerPlaylistItemDescriptionNormalFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerPlaylistItemDescriptionNormalTextAlign%%;
}

body #FlashModule_VideoPlayer #playlistItemTitleSelection
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerPlaylistItemTitleSelectionFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerPlaylistItemTitleSelectionFontFamily%%";
	/** property removed **/
}

body #FlashModule_VideoPlayer #playlistItemDescriptionSelection
{
	color: %%VideoPlayerPlaylistItemDescriptionSelectionTextColor%%;
	font-style: normal;
	/** property removed **/
	font-size: %%VideoPlayerPlaylistItemDescriptionSelectionFontSize%%;
	/** property removed **/
	text-align: %%VideoPlayerPlaylistItemDescriptionSelectionTextAlign%%;
}

/* Other */

body #FlashModule_VideoPlayer #moreVideosButtonLabel
{
	/** property removed **/
	font-style: normal;
	font-weight: %%VideoPlayerButtonLabelFontWeight%%;
	/** property removed **/
	font-family: "%%VideoPlayerButtonLabelFontFamily%%";
	/** property removed **/
}

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