
/***************************************************************
 *  File: /css/reset.css
 ***************************************************************/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.hidden {
	display: none;
}
/***************************************************************
 *  File: css/dropshadows.css
 ***************************************************************/
.maincontainerright {
	background: url("http://cdn2.dolimg.com/explore/media/defaultportfolio/SHADOWS/upperrightfade.png") right top no-repeat;
	margin-bottom: -6px;
	float: left;
	display: inline;
}

.maincontainerleft {
	background: url("http://cdn1.dolimg.com/explore/media/defaultportfolio/SHADOWS/lowerleftfade.png") left bottom no-repeat;
	padding-top: 6px;
	padding-left: 6px;
}

.shadowholder {
	background: url("http://cdn.dolimg.com/explore/media/defaultportfolio/SHADOWS/shadow.png") bottom right;
}

.innercontainer {
	position: relative;
	left: -6px;
	top: -6px;
}

.shadowholder img {
	vertical-align: bottom;
}

.shadowCompensation {
	margin-bottom: -6px;
}

/* correct bottom margin for left navigation */
.navList .maincontainerright { 
	margin-bottom: 0; 
}

/***************************************************************
 *  File: css/portfolioLayoutStructure.css
 ***************************************************************/
/* 20110223r1 */
/* Navigation */

.section_menu {
	margin-bottom: 24px;
}

.navList {
	list-style: none;
	padding-left: 0px;
	margin-left: 12px;
}

.navList li {
	height: 24px;
	margin-bottom: 6px;	
}

.selectedNav , .navItem {
	cursor: pointer;
	display: block;
}

.selectedNav .navText, .navItem .navText {
        display: block;
        padding-top: 3px;
        padding-right: 12px;
}

.selectedNav, .navItem:hover {
        padding-left: 0px;
        padding-right: 0px;
}

.selectedNav .navText, .navItem:hover .navText {
        padding-left: 12px;
}

.selectedNavli, .navList li:hover {
		margin-left: 12px;
}

.navBoxVerticalSpacer { 
        padding-top: 6px;
}
.navBoxHorizontalSpacer {
        padding-left: 12px;
}

.navText a {
	text-decoration: none;
	text-transform: uppercase;
}
/* Tier C */

body {
}

.hidden {
	display: none;
}

.nomargin {
	margin: 0px;
}

div#layout {
	width: 996px;
	margin-left: auto;
	margin-right: auto;
}

div.leaderboardRegion .adtile
{
    margin: 0 auto;
    width: 738px;
    height: 90px;
    padding: 0;
    border: 1px solid black;
}

.leaderboardRegion * {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.leaderboardRegion table {
	margin-left: auto;
	margin-right:auto;
}

.leaderboardRegion #leaderboardinnerad {
	padding-top: 3px;
	padding-bottom: 12px;
}

.chrome {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	height: 52px;
	margin-bottom: -6px;
}

.columns {
	margin-left: auto;
	margin-right: auto;
	width: 996px;
	clear: both;
}

.leftCol, .leftColA {
	width: 192px;
	min-height: 450px;
	margin-top: 0px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: left;
}

.leftCol .adtile {
	height: 162px;
}

.leftCol .tilePackStylePromo .adtile
{
	padding: 0;
	border: none;
}

.leftColA {
	min-height: 200px;
}

.leftColA .section_menu {
	margin-bottom: 0px;
}

.portLogo {
	width: 192px;
	max-width: 192px;
	max-height: 192px;
	margin-bottom: 12px;
	margin-top: 12px;
	overflow: hidden;
}

.topMidForVideo {
	width: 732px;
	height: 321px;
	margin-top: 10px; 
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 13px;
	float: left;
}

.topMidForBio {
	width: 420px;
	margin-top: 24px;
	margin-left: 24px;
	margin-right: 18px;
	margin-bottom: 12px;
	float: left;
}

.topMidForHome {
	width: 576px;
	margin-top: 60px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left;
	min-height: 140px;
}

.topMidForHome .videoPlayer {
	height: 300px;
}

.topMidHomeImage {
	height: 264px;
	width: 352px;
	overflow: hidden;
	float: left;
}

.articleBody ol,
.articleBody ul
{
	list-style: disc inside none;
}

.topMidHomeArticle {
	height: 240px;
	width: 200px;
	overflow: hidden;
	float: left;
	text-align: left;
        padding: 12px 12px 12px 12px;
}

.topMidForGallery {
	width: 564px;
	margin-top: 49px;
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 12px;
	float: left;
}

.topMidBioDesc .article {
	margin-bottom: 0;
	min-height: 0px;
	text-align: left;
	padding: 24px;
}

.topMidBioDesc #region_bio_main_article {
	margin-bottom: 24px;
	min-height: 200px;	
}

.topMidForProducts {
	width: 324px;
	height: 348px;
	margin-top: 72px;
	margin-left: 24px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left;
}

.topMidForProducts .productTile .tileDescription,
.topMidForProducts .productTile .tileDescription a
{
	line-height: 10px !important;
}

.topMidForAlbums, .topMidForExtras {
	width: 420px;
	margin-top: 24px;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 24px;
	float: left;
	text-align: left;

}

.topMidForExtras {
	margin-left: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	min-height: 380px;
}

.topMidProductTP {
	margin: 12px;
}

.topMidProductTP .tileTextPosition {
	margin-top: 12px;
}

.midCol, .midColA, .midColAlbums {
	width: 420px;
	min-height: 1px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}

.midColAlbums {
	margin-left: 0px;

}

.midColA {
	margin-left: 24px;
	width: 642px;
	margin-right: 0px;
}

.midColA .tile {
	margin-left: 12px;
}

.rightCol, .rightColA {
	margin-top: 0px; 
	margin-bottom: 0px;
	margin-right: 0px;
	float: left;
}

.topRight
{
	width: 192px;
	margin: 24px 12px 0 0;
	float: left;
}

.topRightBio,
.topRightProducts,
.topRightExtras
{
	width: 186px;
	margin: 20px 18px 0 0;
	float: left;
}

.topRightBio {
	margin-top: 24px;
}

.rightColA .adtile, .topRightBio .adtile {
}

.topRightBioImage {
	margin-left: 6px;
	margin-bottom: 24px;
}

.topRightProducts {
	width: 420px;
	height: 372px;
	margin-top: 48px;
	margin-left: 18px;
	margin-right: 0px;
	margin-bottom: 24px;
}

.topRightExtras {
	width: 336px;
	margin: 0 0 0 12px;
	float: left;
}

.topRightExtras .tilePackStylePlay
{
	margin-top: 24px;
}

.topRightExtras .tilePackStylePlay .tile
{
	margin-left: 12px;
}

.topRightAlbumAd {
	margin-left: 4px;
	margin-top: 18px;
}

.topRightAlbumAd .adtile, .rightCol .adtile {
	margin-left: 6px;
	margin-right: 6px;
}

.featureTPMasterContainer {
	border-style:dashed;
	border-width:1px;
	border-color: transparent;
}

.w300h228 {
	width: 300px;
	height: 228px;
	overflow: hidden;
}

.w72 {
	width: 72px;
	height: 60px;
	overflow: hidden;
}

.w96 {
	width: 96px;
	height: 96px;
	overflow: hidden;
}

.w108 {
	width: 108px;
	height: 90px;
	overflow: hidden;
}

.w144 {
	width: 144px;
	height: 120px;
	overflow: hidden;
}

.w180 {
	width: 180px;
	height: 150px;
	overflow: hidden;
}

.w300 {
	width: 300px;
}

.adtile {
	padding: 5px;
}

.w180 .adtile {
	height: 160px;
	width: 180px;
		
}

/* Tile Pack */

.tilePack .tileTextPosition
{
	font-size: 12px;
	line-height: 14px;
	text-align: left;
}

.tile, .tile12 {
	margin-left: 18px;
	margin-bottom: 24px;
	float: left;
}

.leftCol .tile {
	margin-left: 0px;
}

.leftCol .tilePackHeader {
	margin-top: 6px;
}

.topRightExtras .tile {
	margin-left: 12px;
}

.tile img, .tile12 img {
	border: none;
}

.tile .thedropshadow {
}

.tile .w180 {
	padding: 5px;
	margin-bottom: -12px;
}


.tile12 {
	margin-left: 6px;
	margin-bottom: 12px;
}

.stroke6, .stroke6m, .stroke6tile {
	border: solid 6px;
}

.stroke6m {
	margin-left: 6px;
	margin-right: 6px;
}

.stroke6tile {
	margin-left: 12px;
	margin-left: 12px;
	margin-bottom: 12px;
	float: left;
}

.tilePackHeader, .extrasTilePackHeader, .playTilePackHeader {
	height: 20px;
	padding-top: 4px;
	/*margin-bottom: -6px;*/
}

.tilePackHeader, .playTilePackHeader {
	float: left;
	margin-bottom: 6px;
}

.tilePackHeaderText {
	padding: 0px 12px 0px 12px;
}

.tilePackHeader img {
	height: 24px;
}

.topMidMidCol {
	/* extras specific */
	padding-left: 12px;
	padding-right: 12px; 
}

.extrasTilePackHeader {
	margin-bottom: 12px;
}

.extrasTilePackHeaderTitle, .extrasTilePackHeaderDesc {
}

.extrasTilePackHeaderTitle {
}

.topMidFeaturedTilePack {
	margin-top: 12px;
	margin-left: 12px;
	padding: 12px;
	width: 397px;
	float: left;
}

.featuredTile {
	float: left;
}

.featuredTilePackHeader {
	position: absolute;
	height: 48px;
	width: 265px;
	margin-left: 180px;
}



.featuredTilePackHeaderTitle, .featuredTilePackHeaderSubTitle, .playTilePackHeader {
	margin-left: 12px;
}

.featuredTilePackHeaderSubTitle {
	margin-top: 4px;
}

.featuredTilePackHeaderTitle, .playTilePackHeader {
	margin-top: 6px;
}

.featuredTileMainDesc {
	margin-top: 60px;
	width: 191px;
	min-height: 60px;
	margin-left: 24px;
}

.featuredTilePackSubTile {
	margin-top: 24px;
	width: 160px;
	height: 60px;
	float: left;
	margin-right: 24px;
	overflow: hidden;
}

.featuredTilePackSubTileTitle, .featuredTilePackSubTileDesc {
	padding-left: 6px;
	width: 80px;
}

.featuredTilePackSubTileTitle {
}

.footercenter {
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.flashcontent {
        display: none;
}

.videoAd .adtile {
   	margin-left: 19px; 
   	margin-top: 24px; 
}

.rightCol .adtile {
   	margin-left: 19px; 
   	margin-top: 24px; 
}

.rightColProducts .adtile {
   	margin-left: 12px;
   	margin-top: 24px; 
   	float: right;
}


.topRightAlbumAd .adtile {
   	margin-left: 27px;
   	margin-top: 24px; 
}

.midCol .tile {
	margin-left: 36px;
}

.midColAlbums .tile {
	margin-left: 36px;
}

.midCol .playTilePack {
	margin-top: 0px; 
}

.midCol .playTilePack .playTilePackHeader {
	margin-top: 0px;
	margin-bottom: 12px;
}

.midColAlbums .playTilePack,
.midColAlbums .tilePackStylePlay
{
	margin-top: 24px;
}

.midColAlbums .playTilePack .playTilePackHeader {
	margin-top: 0px;
	margin-bottom: 12px;
}

.topRight .playTilePackHeader {
	margin-top: 4px;
	margin-bottom: 12px;
}

.topRight .tile {
	margin-left: 36px;
}

.topRight .audioPlayer {
	margin-left: 20px;
}

.clearBoth { 
	clear: both;
	display: block;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

/* Popup Rollover */

div.tilePackTooltip{
	position: absolute;
	padding:0px;
	border:0px;
	width: 182px;
	height:67px;
	z-index: 100;
}

td.toolTipContentCell{
	padding-top:6px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}

div.toolTipContent{
	margin:0px;
	padding:0px;
}

td.toolTipArrow {
	vertical-align: middle;
}

#videos_content {
	width: 758px;
	height: 321px;
}

div#global_footer {
	margin-top: 16px;
}

#gallery_content {
    height: 257px;
    width: 564px;
}

#audio_content {
	height: 315px;
	width: 430px;
}

/* TilePack default styles */

.tilePackHeader
{
	font-size: 16px;
}

/* Featured TilePack default styles */

.featuredTilePackHeader,
.tilePackStyleFeature .featuredTile .tilePackHeader
{
	background-color:#000000;
	color:#FFFFFF;
	text-align:left;
}

.featuredTilePackHeaderTitle,
.tilePackStyleFeature .featuredTile .tilePackHeader .tilePackHeaderBold
{
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial Black;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.featuredTilePackHeaderSubTitle,
.tilePackStyleFeature .featuredTile .tilePackHeaderText
{
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial;
	font-size:14px;
	text-transform:uppercase;
}

.playTilePackHeader,
.tilePackHeader
{
	background-color:#000000;
	color:#FFFFFF;
	text-transform:uppercase;
}

.featuredTileMainDesc,
.tilePackStyleFeature .featuredTile .tileTextPosition .tileDescription
{
	font-family:Arial;
	font-size:12px;
}

.featuredTilePackSubTileTitle,
.tilePackStyleFeature .tileTextPosition .tileTitle
{
	color:#000000;
	font-family:Arial Black;
	font-size:12px;
}

.featuredTilePackSubTileDesc,
.tilePackStyleFeature .tileTextPosition .tileSubtitle, .tilePackStyleFeature .tileTextPosition .tileDescription
{
	color:#000000;
	font-family:Arial;
	font-size:12px;
}

.featuredTilePackSubTileTitle,
.tilePackStyleFeature .tileTextPosition .tileTitle
{
	font-weight:bold;
	text-transform:uppercase;
}

.topMidForAlbums .topMidFeaturedTilePack
{
	width: 421px;
	padding: 0;
	margin: 0;
	margin-top: 12px;
}

.topMidForAlbums .topMidFeaturedTilePack .tilePackStyleFeature .tilePack
{
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.topRight #region_home_right_1x2tilepack .tilePack
{
	margin-left: 24px;
	margin-bottom: 0;
}
