/*
<div id="overlay"></div>
<div id="lightbox">
    <div id="outerImageContainer">
        <div id="imageContainer">
            <img id="lightboxImage" src="foto2big.png" width=500 height=375 alt="">
            <div id="hoverNav">
                <a href="#" id="prevLink"></a>
                <a href="#" id="nextLink"></a>
            </div>
            <div id="loading">
                <a href="#" id="loadingLink">
                    <img src="images/loading.gif" alt="">
                </a>
            </div>
        </div>
    </div>
    <div id="imageDataContainer">
        <div id="imageData">
            <div id="imageDetails">
                <span id="caption">Didascalia immagine</span>
                <span id="numberDisplay">Image 2 of 3</span>
            </div>
            <div id="bottomNav">
                <a href="#" id="bottomNavClose">
                    <img src="images/closelabel.gif" alt="">
                </a>
            </div>
        </div>
    </div>
</div> 
*/
div#overlay{height:100%;background:#660000;opacity:0.9;filter:alpha(opacity=80)}
/*
div#lightbox{position:absolute;top:-10px;left:0;background:#000099;}
div#outerImageContainer{position:relative;width:520px;height: 395px;top:0}
div#hoverNav{height: 385px}
div#imageDataContainer{width:520px}

div#loading{display:none} */

/*
#outerImageContainer,div#imageDataContainer{background: #000}
#imageData{color:#EEE}


#imageData #bottomNavClose img{visibility:hidden}
#imageData #bottomNavClose{background: url(/images/close.gif) no-repeat}
*/

/*
#prevLink,#nextLink{filter:alpha(opacity=30);opacity:0.3}
#prevLink,#prevLink:hover,#prevLink:visited:hover{
    background: url(/images/prev.gif) 1% 50% no-repeat}
#nextLink,#nextLink:hover,#nextLink:visited:hover{
    background: url(/images/next.gif) 99% 50% no-repeat}
#prevLink:hover,#prevLink:visited:hover,
  #nextLink:hover,#nextLink:visited:hover{
    filter:alpha(opacity=95);opacity:0.95}
*/