/* the overlayed element */
div.overlay {
    /* growing background image */
    background-image:url(./images/overlay.png);
    /* dimensions after the growing animation finishes  */
    width:550px;
    height:360px;       
    z-index:1000; 
    /* initially overlay is hidden */
    display:none;
    /* some padding to layout nested elements nicely  */
    padding-top:15px;
    padding-left:15px;
    /*color:#fff;*/
}

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