/* 2019-11-26 */
DIV.page-content-wrapper {
	width: 100%;
	min-width: 1040px;
}
/* TABLE.page-content-wrapper { min-width: 1040px; } 2019-11-16, not really needed. */

DIV.page-title {
	min-width: 1020px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	border: 0px; 
}
DIV.page-title.hidden		{ height: 10px;		transition: all 0.5s ease; }
DIV.page-title.hidden TD	{ background: none; transition: all 0.5s ease; }

TABLE.page-title {
	min-width: 1040px;
	width: 100%;
	margin-top: 6px;
	border: 0px;
}
TABLE.page-title TR { width: 100%; }
TABLE.page-title TD {
	width: 100%;
	text-align: center;
		/* Natural dimensions of the background banner image are 631x102, scales nicely at 445x72. */
		/* Other dimensions I've used are: 750x72, 750x63 */
	min-width: 465px; 
	height: 72px; 
	background-image: url(/assets/banners/ww-mlmbanner.gif);
	background-size: 465px 72px;
	background-repeat: no-repeat;

	background-position: center;
	/* opacity: 0.85; */
}
DIV.page-desc-subtitle {
	font-size: 12pt;
	min-width: 1040px;		/* Must match TR.menu-row and TABLE.page-title TD */
}
DIV.page-desc-subtitle A {
	font-size: 12pt;
}


/* webbcontent transplants commence */

/* Positioning a pause icon DIV (blue glass pause button).  Place the DIV *before* what you want it appearing over. */
DIV.pauseicon {
	display: none;
	position: relative;
	left: 0px; /* -4px; prior to 2017-02-13 */
	top: -10px; /* -20px; prior to 2017-02-13 */
	width: 0px;
	height: 0px;
	z-index: 300;
	pointer-events: none;				/* This keeps mouseleave from firing on the slideshow, when you hover 
											over the pause icon; only works on CSS3+ browsers unfortunately.  */

}

IMG.pauseicon {
	border-radius: 24px;
	box-shadow: 0px 0px 7px 7px rgba(0,117,178,1.0);	/* 0,117,178 is 0075B2 in decimals */
}

/* Experimental, didn't work so great:
img.home-logo-hilight { background-color: rgba(106,217,145,1); 
						box-shadow: 0 0 55px -10px #66FF66; 
						z-index: 4004;}
*/

/* First URL removed on 2019-01-10, was never found in /content/video, well duh. Creates 404s in the logs. */
/* .noclicky, IMG.noclicky, DIV.stamp IMG.noclicky { 	cursor: url(blue-glass-x-icon.png),url(/assets/site/ui/buttons/blue-glass-x-icon.png),default; } */
.noclicky, IMG.noclicky, DIV.stamp IMG.noclicky { cursor: url(/assets/site/ui/buttons/blue-glass-x-icon.png),default; }
/* webbcontent transplant end */



/* JQuery and JQuery-UI (versions 1.12) - special cases. */
/* Compensate for JQuery-UI 1.12's foolish handling of title bar classes. */
/* To enforce these classes, do something like: */
.noTitleStuff .ui-dialog-titlebar { display: none; }					/* Note the space in between. */
.noTitleStuff.ui-dialog { border: 0px; background: transparent}			/* Note the LACK of a space in between. */

/* Video Page - note this is NOT the slider version. */
iframe.embed-vid { 
		margin: 7px;
		border: 2px solid #0075B2;
		border-radius: 8px; 
		box-shadow: 7px 7px 6px 0px rgba(0, 0, 0, 0.8);
		width: 500px;
		height: 375px;
}




/* ALBUM ACTING and SWAG, DIALOGS AND SELECTORS, ETC. */

IMG.vid-preview {
	width: 200px; 
	margin-top:18px;
}

DIV#music_dialog,	DIV#acting_dialog, 
DIV#swag_dialog,	DIV#topmenu_prefs_dialog {
	margin-top: 32px; /* 52px; */ /* 61px */
	opacity:1.00;
	z-index: 2002;
	overflow: hidden;
	/* IE8 sucks... requires opacity styles below, still doesn't work right. */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99) !important;

}

DIV#topmenu_prefs_dialog {
	/* A slightly different Y value for the visible part of this dialog... */
	font-size: 12pt;
	margin-top: 104px;
}

DIV#music_dialog.ui-widget-content,	DIV#acting_dialog.ui-widget-content, 
DIV#swag_dialog.ui-widget-content,	DIV#topmenu_prefs_dialog.ui-widget-content {
	border: 0px !important;
	background: transparent !important;
	
}
DIV#music_dialog TABLE,	DIV#acting_dialog TABLE, 
DIV#swag_dialog TABLE,	DIV#topmenu_prefs_dialog TABLE {
	box-shadow: 4px 4px 6px 6px rgba(0,0,0,0.75);	/* 0075B2 = 00/75/178 */
	margin: 0px;
	margin-top: 25px;
	margin-bottom: 20px; 
	margin-right: 15px; 
	margin-left: 15px;						/* Added post-launch, was apparently missing. 2017-03-26 */
	background-attachment: local;			/* Needed if implementing draggability in [page]_init() method, 
												or else its background image may slide around. */

}

DIV#music_dialog TABLE TR, DIV#acting_dialog TABLE TR, 
DIV#swag_dialog TABLE TR, DIV#topmenu_prefs_dialog TABLE TR {
	vertical-align: top;
}

/* FYI... Safari ignores ignoring table:min-width, so in Safari, these tables will not zoom well.  There's no easy fix. */
DIV#MusicButtons, DIV#ActingButtons, 
TABLE.bio-table, TABLE.credo-table, TABLE.presskit-table, 
TABLE.booking-table, TABLE.links-table, TABLE.photos-welcome { margin-top: 6px; }
DIV#MusicButtons			{ min-width: 750px; max-width: 940px; margin-left: 135px; margin-right: 135px;}
DIV#ActingButtons			{ min-width: 750px; max-width: 800px; margin-left: 135px; margin-right: 135px;} 
TABLE.bio-table				{ min-width: 900px; max-width: 1240px; margin-left: 70px; margin-right: 70px;}
TABLE.credo-table			{ min-width: 720px; max-width: 1240px; margin-left: 160px; margin-right: 160px;}
TABLE.presskit-table		{ min-width: 750px; max-width: 1240px; margin-left: 145px; margin-right: 145px;}
TABLE.booking-table			{ min-width: 800px; max-width: 1240px; margin-left: 110px; margin-right: 110px;}
TABLE.links-table			{ width: 560px; margin: 0 auto; margin-top: 6px; /* prev left/rt fixed at 235, caused centering issues */ }
TABLE.bio-table TD, TABLE.credo-table TD, TABLE.presskit-table TD, TABLE.booking-table TD, TABLE.links-table TD { padding:12px; }
TABLE.album-summary TR, TABLE.acting-summary TR, TABLE.topmenu-prefs TR {  vertical-align: top; }
TABLE.album-summary TR:first-child td { padding-top: 8px; }
TABLE.contact-readthis-note	{ width: 720px; margin-left: 160px; margin-right: 160px; margin-top: 0px; }
TABLE.contact-mailform		{ width: 720px; margin-left: 160px; margin-right: 160px; margin-top: -14px; }
/* TABLE.fanlist-forms			{ width: 720px; margin-left: 160px; margin-right: 160px; } */
TABLE#FanlistForms			{ width: 720px; margin-left: 160px; margin-right: 160px; }

/* General image backgrounds and borders */
 IMG.bio-portrait, IMG.credo-poster {
	border: 1px solid gray;
	margin: 6px 16px 6px 16px;
	border-radius: 8px;
	box-shadow: 7px 7px 6px 0px rgba(0, 0, 0, 0.8);
}

/* DIALOG CLOSE BUTTONS */
IMG.album-dialog-close, IMG.acting-dialog-close, 
IMG.swag-dialog-close,	IMG.topmenu-prefs-dialog-close {
	border-radius: 30px;
	position: relative;
	top: -32px;
	left: 24px;
	float: right;
	width: 40px;
	height: 40px; 
}

IMG.topmenu-prefs-dialog-close { top: 10px; left: 0px; }	/* Slightly diff. top/left for this one.   Same hover styles (below), though. */

IMG.album-dialog-close:hover,	IMG.acting-dialog-close:hover,
IMG.swag-dialog-close:hover,	IMG.topmenu-prefs-dialog-close:hover {
	background-color: rgba(255,0,0,1);
	box-shadow: 0px 0px 10px 10px rgba(0,0,255,0.85);
	animation: closethrob 1.0s infinite linear;
}
@keyframes closethrob { 
	0%		{ box-shadow: 0px 0px 6px 6px rgba(0,0,255,0.25); }
	50%		{ box-shadow: 0px 0px 10px 10px rgba(0,0,255,0.90); }
	100%	{ box-shadow: 0px 0px 6px 6px rgba(0,0,255,0.25); }
}

span.tracksample {
	font-weight: 600;
	color: #44FFFF;
	font-style: italic;
}

audio.tracksample {
	width: 220px;
	margin-top: 8px;
	margin-bottom: 4px;
}
IMG.product-thumb {
	cursor: pointer;
	border: 1px solid #0075B2;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	border-radius: 5px;
	padding: 3px;
	background-color: black;
	box-shadow: 0px 0px 8px 5px rgba(0,0,0,0.85);
}
IMG.product-zoom {
	margin: 12px;
	margin-right: -28px;	/* Compensate for (most of) the close button's width, 40px minus the right-margin of 12. */
	/* more IE8 BS follows... */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=100) !important;
}

/* Without this the jquery dialog overlay may be pushed down the page. */
.ui-widget-overlay {
	background: #000;
	z-index: 500 !important;  /*Override if necessary, causes issues in IE8 if no higher Z-index is set for dialogs. */
	background-color: black !important;
	opacity: 0.55 !important; 
	/* And again here's something because IE8 sucks... */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=55) !important;
}

/* END OF ALBUM ACTING and SWAG, DIALOGS AND SELECTORS, ETC. */

/* FRONT PAGE SLIDE SHOW CONTAINER */
DIV#slideshow_outermost {
	width: 550px; 
	clear:both; 
	padding: 6px;
	padding-left: 16px;
	padding-right: 16px;
	border: 2px solid #0075b2;
	border-radius: 6px;
	background-image: url(/assets/backgrounds/bluefog_darker.gif);
	background-attachment: fixed;
	background-repeat: repeat;
}