/* ----------------------------------------------
   Stylesheet
   Extension: perfectlightbox2
   
   Datum:   14.7.2009
   Autor:   Rainer Langenhagen
   Mail:    langenhagen@uni-leipzig.de
   ---------------------------------------------- */


#overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
/*cursor:pointer;*/
z-index:90;
}

#prevLink, #nextLink {
display:block;
position:absolute;
top:0;
width:33%;
height:100%;
background:transparent url(../grafix/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {
left:0;
float:left;
}

#nextLink {
right:0;
float:right;
}

#prevLink:hover {
background:transparent url(../grafix/perfectlightbox2_prev.gif) no-repeat 0% 15%;
}

#nextLink:hover {
background:transparent url(../grafix/perfectlightbox2_next.gif) no-repeat 100% 15%;
}

#playLink,#pauseLink,#saveLink,#closeLink {
display:block;
float:right;
/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
width:26px;
height:26px;
margin-left:1.0em;
}

#playLink {
background:transparent url(../grafix/perfectlightbox2_play.gif) no-repeat center;
}

#pauseLink {
background:transparent url(../grafix/perfectlightbox2_pause.gif) no-repeat center;
}

#saveLink {
background:transparent url(../grafix/perfectlightbox2_save.gif) no-repeat center;
}

#closeLink {
background:transparent url(../grafix/perfectlightbox2_close.gif) no-repeat center;
}

#lbLightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}

#lbLightbox #closeLink {
margin-bottom:10px;
}

#lbLightbox a {
text-decoration:none;
border:none;
outline:none;
}

#lbLightbox img {
border:none;
}

#lbOuterImageContainer {
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}

#lbImageContainer {
padding:10px;
}

#lbLoading {
position:absolute;
z-index:110;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
background:#fff url(../grafix/perfectlightbox2_loading.gif) no-repeat center;
}

#lbHoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}

#lbImageContainer>#lbHoverNav {
left:0;
}

#lbImageDataContainer {
font-size:smaller;
background-color:#fff;
margin:0 auto;
line-height:1.4em;
overflow:auto;
width:100%;
}

#lbImageData {
padding:0 10px;
color:#666;
}

#lbImageDetails {
width:66%;
float:left;
text-align:left;
padding-bottom:10px;
}

#lbCaption {
display:block;
font-weight:bold;
margin-bottom:0.1em;
}

#lbNumber {
display:block;
margin-bottom:0.1em;
}

#lbPresent {
display:block;
margin-bottom:0.1em;
}

#lbPresent a {
color:#666;
margin-right:1.0em;
}

#lbPresent a.act {
font-weight:bold;
color:#fff;
background:#777;
border-right:0.2em solid #777;
border-bottom:0.1em solid #777;
border-left:0.4em solid #777;
}