/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(/images/white.png);

    /*
        width after the growing animation finishes
        height is automatically calculated
    */
    width:400px;

    /* 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/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:30px;
    width:30px;
}

div.apple_overlayBlack { 
    background-image:url(/images/black.png);         
    color:#fff; 
}

.apple_overlayBlack div.close {
    background-image:url(/images/black_close.png);
}

.overlayContentBox {width: 400px; height: 280px; overflow: auto; font-weight: normal; line-height: 16px;}

.overlayContentBox p {
    margin: 10px 0 10px 0 !important;
}
.apple_overlay h5 {font-size: 12px;}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    text-align:left; 
    border:2px solid #333; 
 
    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 h2 { 
    background:url(/img/global/info.png) 0 50% no-repeat; 
    margin:0px; 
    padding:10px 0 10px 45px; 
    border-bottom:1px solid #333; 
    font-size:20px; 
}