/*THIS IS FOR MINGUIDE OF QTLTV FOR HEADER-QTLTV-OEX/SINGLE.PHP AND header-qtltv.php/quiettimelive.tv*/
/* the overlayed element */
/* structure-navigation:::qtm jquery-overlay ministry guide
----------------------------------------------- */

div.overlay-mg {
	
	/* growing background image THIS PRODUCES 640x360 MINGUIDE IMAGE c DS BORDER */
	background-image:url(ministryguide_jqoe.png);/*690x410*/
	/* dimensions after the growing animation finishes::: 640x360 + dropshadow border 25px  */  
	width:630px;/* to produce ~ 690px?*/
	height:350px;/* to produce ` 410px?*/	
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely,  but not using text fields on div */
	padding:50px;
}
#videocase div.overlay-mg h2, #videocopy div.overlay-mg h2 {
	font:19px Arial, Helvetica, sans-serif;
	color:#bfbfbf;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-weight:normal;
}
div.overlay-mg .subtitle { 
	color:#fff;
}
div.overlay-mg p, div.overlay-mg ul li {
	font:11px Arial, Helvetica, sans-serif;
	color:#bfbfbf;
}
div.overlay-mg ul li {
	margin-bottom:5px;
}
div.overlay-mg ul li a:link, div.overlay-mg ul li a:visited {
	/*margin-bottom:20px;*/
	margin-left:42px;
	color:#fff;
	text-decoration:none;
}
div.overlay-mg ul li a:hover, div.overlay-mg ul li a:active {
	color:#bfbfbf;
}
/* default close button positioned on upper right corner http://www.quiettimelive.tv/flowplayer/*/
div.overlay-mg div.close {
	background-image:url(close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.button-ol, .button-ol:focus {
	float:left;
	margin-top:-5px;
	background: url(ministryguide-px30.png) no-repeat;
	width:30px;
	height:30px;
	border:none;
	cursor:pointer;
	outline:none;
}