/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
     background:url(../images/white.png) no-repeat; 
      
    /* dimensions after the growing animation finishes  */ 
    width:300px; 
    height:350px;              
    /* initially overlay is hidden */ 
    display:none;      
    /* some padding to layout nested elements nicely  */ 
    padding:30px 55px 55px 55px;
} 
 div.overlay table{}
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    
    background:url('../images/cancel.png') no-repeat !important; 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}
div.overlay h2{ font-size:18px; margin:0 0 0 0;}


.modal table{width:350px;}
.modal
{
	background-color: #d9e0ff;
	display: none;
	width: 350px;
	padding: 15px;
	text-align: left;
	border: 2px solid #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
} 
 .modal h2 {
	/*background:url('') 0 50% no-repeat;*/
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}
.modal span{ font-size:12px; font-weight:bold; }

.wideModal
{
	top:-45px;
	position:absolute;
	background-color: #d9e0ff;
	display: none;
	width: 550px;
	padding: 15px;
	text-align: left;
	border: 2px solid #333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
	}