/* the overlayed element */
div.overlay {
  
  /* growing background image */
  background-image:url(/images/plugin/overlay/white.png);
  
  /* dimensions after the growing animation finishes  */
  width:615px;
  height:700px;   
  
  /* initially overlay is hidden */
  display:none;
  
  /* some padding to layout nested elements nicely  */
  padding:55px;
    
  z-index: 99;
}

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


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

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

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


/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(/images/plugin/overlay/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* 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 div.close { 
    background-image:url(/images/plugin/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

div.apple_overlay.black { 
    background-image:url(/images/plugin/overlay/transparent.png);         
    color:#fff; 
}

/* container for external content. uses vertical scrollbar, if needed */ 
#overlay { 
  background-image:url(/images/plugin/overlay/white.png) no-repeat;
  width:550px;
  height:420px;
  display:none;
  padding:55px;    
  z-index: 99; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    width: 550px; 
    overflow-y:auto; 
}