/*** Pop Overlays ***/
#overlay {
	display:			none;
	background:			#000;
	filter: 			alpha(opacity=80);
	opacity: 			0.8;
	position:			fixed;
	z-index:			50;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;	
}

.overlayBox { 
	display:			none;
	position:			fixed;
	z-index:			99;
	padding:			0px;
	background: 		#fff;
	color:				#333;
	min-width:			300px;
	text-align:			left;
}

.boxTitle {
	font-family: 		sans-serif;
	font-size:			20px;
	color:				#000;
	margin-bottom:		10px;
	padding:			15px;	
	font-weight:		normal;
	height:				50px;
	line-height:		1.7em;	
}

.boxTitle.lessSpace { margin-bottom: 5px; }

.overlayBox a.close { 
	font-family: 		sans-serif;
	font-size:			13px;
	color:				#333;
	text-shadow: 		1px 1px #646464;
	height:				18px;
	width:				18px;
	line-height:		1.4em;
	display:			inline-block;
	text-decoration:	none;
	background:			#eee;
	position:			absolute;
	right: 				16px;
	top:				16px;
	text-align:			center;
	cursor:				pointer;
	padding:			0px;
	float:				none;
}

.overlayBox a.close:hover { background: #ccc; color: #fff; text-decoration: none; }

.boxTitle span { color: #249ff0; }

.overlayBoxContent { padding: 0px 20px 20px; text-align: center; }

.overlayBoxContent p { }

.overlayBoxContent a { display: inline-block; padding: 10px 20px;}

.overlayBoxContent a:nth-child(2) { background-color: #7368af; color: #ffffff !important; font-weight: bold;  }

.overlayBox p { margin: 20px 0 20px 0; }

#age_warning_pop { max-width: 800px; }


@media (max-width:500px) {
	
	.overlayBox {
		max-width:		320px;
	}
	
	.overlayBoxContent { padding: 0px 10px 10px 10px; }
	
	#age_warning_pop .overlayBoxContent p { font-size: 11px; }
}