/* 
    Document   : Slimbox
    Created on : 25-Mar-2009, 12:48:32
    Author     : Christophe Beyls <http://www.digitalia.be>
    Description:
        Required to apply the 'lightbox' styles to the gallery popup images
*/

#lbOverlay
{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; }

#lbCenter, #lbBottomContainer
{ position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; }

.lbLoading
{ background: #fff url(../Images/loading.gif) no-repeat center; }

#lbImage
{ position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; }

#lbPrevLink, #lbNextLink
{ display: block; position: absolute; top: 0; width: 50%; outline: none; }

#lbPrevLink
{ left: 0; }

#lbPrevLink:hover
{ background: transparent url(../Images/prevlabel.gif) no-repeat 0 15%; }

#lbNextLink
{ right: 0; }

#lbNextLink:hover
{ background: transparent url(../Images/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom
{ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }

#lbCloseLink
{ display: block; float: right; width: 66px; height: 22px; background: transparent url(../Images/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; }

#lbCaption, #lbNumber
{ margin-right: 71px; }

#lbCaption
{ font-weight: bold; }