/* the overlayed element */
.apple_overlay, #videoOverlay
{
	/* 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 	*/ /* some padding to layout nested elements nicely  */
	padding: 35px; /* a little styling */
	font-size: 11px;

}

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

#oocdetails,
#residentdetails, #studentdetails{
	width: 400px;
}

.apple_overlay.large
{
	background-image: url(/images/white_large.png);
}

.apple_overlay.large .close
{
	right: -10px;
	top: -10px;
}

button.close
{
	position: relative;
}