/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/support/images/overlay/white-popup-window.png);
	
	/* dimensions after the growing animation finishes  */
	width: 586px;
	height: 493px;	

	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding: 45px;
	text-align: left;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/support/images/overlay/popup-close-button.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

div.overlay h2 {
	color: #4E1C89;
	font-style: normal;
	font-size: 125%;
	line-height: 135%;
	border-bottom: 1px solid #cebfe0;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}


div.overlay .answer {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 85%;
	line-height: 145%;
	width: 90%;
}

div.overlay .closeTip {
	position: absolute;
	top: 520px;
	margin: 0;
	padding: 0;
	font-size: 75%;
	color: #4E1C89;
}

div.overlay ul {
	margin: 8px 0 8px 18px;
	padding: 0;
	width: 90%;
}

div.overlay li {
	margin-bottom: 4px;
	padding: 0;
	font-size: 85%;
	line-height: 145%;
	width: 90%;
}