/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background:url(../images/overlay/white.png) no-repeat;
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:550px; 		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
	
	z-index: 99999;
}

#overlay {     
	background:url(../images/overlay/transparent.png)  no-repeat;
	color:#efefef;
	width:600px;
	height:550px; 
}  

div.contentWrap {
	/*width:600px;
	height:550px;*/
	overflow:hidden; 
}

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


/* black */
div.overlay.black {
	background:url(../images/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../images/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


/* the overlayed element */ 
div.simple_overlay { 
     
    /* must be initially hidden */
	background-image:url(../images/overlay/transparent.png);
	padding: 35px;
	text-align: center; 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    width:500px;     

    
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 


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

/* the overlayed element */ 
div.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    /*background-image:url(../images/overlay/white.png);*/ 
	color:#fff;
    /*background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_IE6.gif); 
    color:#fff;*/ 
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:400px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:15px; 
 
    /* a little styling */     
    font-size:11px; 
	
	 /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
} 
 
/* default close button positioned on upper right corner */ 
div.apple_overlay div.close { 
    background-image:url(../images/overlay/close.png);
	/*background-image:url(http://static.flowplayer.org/tools/img/overlay/overlay_close_IE6.gif);*/ 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(../images/overlay/transparent.png);		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

 #custom{width:800px;background:url(../images/overlay/transparent_1.png)  no-repeat;}

.panes{background-color: #fff}