/* 
    Document   : jQueryOverlay
    Created on : Aug 17, 2010, 3:34:25 PM
    Author     : abhi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*.......................................................................

...................................................................... */

.overlay {
	background:url(../images/overlay_background_white.png) no-repeat;
	padding:40px;
	width:576px;
	display:none;
}

.close {
	background:url(../images/overlay_close.png) no-repeat;
	position:absolute;
	top:2px;
	display:block;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}

a.player {
	display:block;
	height:450px;
}

/* the overlayed element */
.apple_overlay {

	/* initially overlay is hidden */
	display:none;

	/* width after the growing animation finishes, height is automatically calculated */
	width:800px;

	/* some padding to layout nested elements nicely  */
	padding:70px;

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

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

.details
{
	padding-top:15px!important;
}