﻿/* the overlayed element */
.apple_overlay_400x200
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	background-image: url(../../_gfx/overlay/400x200.png); /*           	width after the growing animation finishes          	height is automatically calculated      	*/
	width: 400px; /* some padding to layout nested elements nicely  */
	padding: 75px; /* a little styling */
	font-size: 11px;
}


.apple_overlay_400x400
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	background-image: url(../../_gfx/overlay/400x400.png); /*           	width after the growing animation finishes          	height is automatically calculated      	*/
	width: 400px; /* some padding to layout nested elements nicely  */
	padding: 75px; /* a little styling */
	font-size: 11px;
}

.apple_overlay_600x200
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	background-image: url(../../_gfx/overlay/600x200.png); /*           	width after the growing animation finishes          	height is automatically calculated      	*/
	width: 600px; /* some padding to layout nested elements nicely  */
	padding: 75px; /* a little styling */
	font-size: 11px;
}

.apple_overlay_600x400
{
	/* initially overlay is hidden */
	display: none; /* growing background image */
	background-image: url(../../_gfx/overlay/600x400.png); /*           	width after the growing animation finishes          	height is automatically calculated      	*/
	width: 600px; /* some padding to layout nested elements nicely  */
	padding: 75px; /* a little styling */
	font-size: 11px;
}

/* default close button positioned on upper right corner */
.apple_overlay_400x200 div.close, .apple_overlay_400x400 div.close, .apple_overlay_600x400 div.close, .apple_overlay_600x200 div.close
{
	background-image: url(../../_gfx/overlay/close.png);
	position: absolute;
	right: 48px;
	top: 45px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

