.foo {
}


/* the overlayed element */ 
.modal_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#fff; 
     
    width: 350px;
    padding: 15px;
    min-height:200px; 
    border: 2px solid #333;
     
    /* CSS3 styling for latest browsers */ 
    opacity: 0.8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
} 

.modal_overlay h2
{
    background: url(images/overlay/info.png) 0 50% no-repeat;
    margin: 0px;
    padding: 10px 0 10px 45px;
    border-bottom: 1px solid #333;
    font-size: 20px;
}

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