/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image: url(../images/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:350px;		
	
	/* some padding to layout nested elements nicely  */
	padding:55px 25px 0px 0px;

	/* a little styling */	
	font-size:11px;
}

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


form#friend_frm {
	float: left;
	display: inline;
	margin: 10px 0px 0px 30px;
	}
	
form#friend_frm h1 {
	color: #525252;
	font-size: 20px;
	font-weight: lighter;
	margin-bottom: 10px;
	}	
	
form#friend_frm label {
	color: #525252;
	margin-bottom: 5px;
	}
	
form#friend_frm input {
	border-color: #525252;
	background: #FFF;
	border-width: 1px;
	padding: 5px;
	color: #525252;
	margin-bottom: 10px;
	width: 300px;
	} 
	
form#friend_frm input.button {
	background: #525252;
	color: #FFF;
	width: 80px;
	border: none;
	}
	
.red {
	color: #FF0000;
	}