
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(/layout/images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
/*	width:650px;
	height:650px;	*/	
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
/*	padding: 100px 200px 200px 100px;*/
	text-align:center;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(/layout/images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(/layout/images/overlay/transparent.png); 
    color:#efefef; 
	text-align:center;
	width:650px;
	height:650px;
	padding:60px 100px 70px 150px;
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:600px;
	width:600px;
	text-align:center;
    overflow-y:auto; 
}
