/** protobox.css **/

#overlay {

    top: 0;

    height: 100%;

    background-color: #000;

    opacity: 0.6;

}



#lightbox {

    text-align: center;

    line-height: 0;

}



#overlay, #lightbox {

    left: 0;

    width: 100%;

    z-index: 100;

    position: absolute;

}



#lightbox .imageContainer {

    position: relative;

    background: #FFF;

    width: 250px;

    height: 250px;

    margin: 0 auto;

    padding: 10px;

    border: 1px solid #CCC;

    border-bottom: 0;

}



#lightbox .protector {

    position: absolute;

    top: 0;

    left: 0;

    height: 0;

    width: 100%;

    height: 100%;

    background: url(images/blank.gif) repeat;

}



#lightbox .loading {

    position: absolute;

    top: 40%;

    left: 0;

    height: 25%;

    width: 100%;

    text-align: center;

    line-height: 0;

}



#lightbox a {

    outline: none;

}



#lightbox .prevLink, #lightbox .nextLink {

    position: absolute;

    top: 10px;

    height: 100%;

    z-index: 10;

    width: 60%;

    background: transparent url(images/blank.gif) no-repeat;

}



#lightbox .prevLink {

    left: 0;

}



#lightbox .nextLink {

    right: 0;

}



#lightbox .prevLink:hover {

    background: url(images/prevlabel.png) left 15% no-repeat;

}



#lightbox .nextLink:hover {

    background: url(images/nextlabel.png) right 15% no-repeat;

}



#lightbox .imageDataContainer {

    font: 10px Verdana, Helvetica, Arial, sans-serif;

    background: #FFF;

    padding: 0 10px;

    margin: 0 auto;

    line-height: 1.4em;

    overflow: hidden !important;

    color: #777;

    border: 1px solid #CCC;

    border-top: 0;

}



#lightbox .imageDataContainer .imageDetails {

    width: 70%;

    float: left;

    text-align: left;

}



#lightbox .imageDataContainer .imageDetails .caption {

    font-weight: 700;

}



#lightbox .imageDataContainer .imageDetails .numberDisplay {

    clear: left;

    padding-bottom: 1em;

}



#lightbox .imageDataContainer .bottomNavClose {

    width: 66px;

    float: right;

    padding-bottom: 0.7em;

    cursor: pointer;

}