/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background:url('/images/white2.png') no-repeat;
	
	/* dimensions after the growing animation finishes  */
	width:300px;		
	
	/* initially overlay is hidden */
	display:none;
}

div#login,
div#newsletter
{
	/* some padding to layout nested elements nicely  */
	padding:10px 12px 12px 12px;
	height:400px;
}

div#register
{
	/* some padding to layout nested elements nicely  */
	padding:20px 20px 20px 20px;
}

h2.header_overlay
{
	background: #000000;
	padding:0 0 0 30px;
	color: #FFFFFF;
	font-size:25px;
	height:auto;
	display:block;
}

div.overlay_content
{
	padding:20px;
	font-size:11px;
}

div.overlay_content hr
{
	border:0;
	border-top:1px solid gray;
	margin:10px 0;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background:url('/images/close2.png') no-repeat;
	position:absolute;
	right:-30px;
	top:-30px;
	cursor:pointer;
	height:88px;
	width:88px;
}
#login input[type="text"], #register input[type="text"], #newsletter input[type="text"]{ width:350px; }


#login,
#newsletter
{
	width:400px;
}
#register
{
	width:650px;
}