#lightbox{
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#lightbox img{
width:auto;
height:auto;
}
#lightbox a img{
border:none;
}
#outerImageContainer{
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto;
}
#imageContainer{
padding:0px 5px 5px 5px;
}
#loading{
position:absolute;
top:45%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer > #hoverNav{
left:0;
}
#hoverNav a{
outline:none;
}
#prevLink{
float:left;
left:0;
width:49%;
height:100%;
background:url('../images/1x1.gif');
display:block;
}
#nextLink{
float:right;
right:0;
width:50%;
height:100%;
background:url('../images/1x1.gif');
display:block;
}
a#prevLink{
background:url("../images/lb-prev.gif") left 40% no-repeat;
outline:none;
filter:alpha(opacity=10);
opacity:0.20;
}
a#nextLink{
background:url("../images/lb-next.gif") right 40% no-repeat;
outline:none;
filter:alpha(opacity=10);
opacity:0.20;
}
#nextLink:hover{
filter:alpha(opacity=80);
opacity:0.80;
}
#prevLink:hover{
filter:alpha(opacity=80);
opacity:0.80;
}
#imageDataContainer{
background-color:#fff;
margin:0 auto;
overflow:auto;
width:100%;
height:39px;
}
#imageData{
padding:5px 9px 0 7px;
}
#imageData #imageDetails{
width:80%;
float:left;
text-align:left;
}
#imageData #caption{
display:block;
padding:0;
font:12pt Georgia, serif;
color:#111;
}
#imageData #numberDisplay{
display:block;
padding:0;
clear:left;
margin-top:1px;
font:8pt Verdana, sans-serif;
color:#888;
}
#imageData #bottomNav{
float:right;
}
#imageData a#bottomNavClose{
outline:none;
font:12pt Georgia, serif;
font-weight:bold;
color:#808080;
}
#imageData a:hover#bottomNavClose{
color:#b0a661;
}
#overlay{
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#222;
}
/* -------------------------------- */
.thumbnail a{
float:left;
background-color:#000000;
padding:0;
border:1px solid #c0c0c0;
margin:0 10px 20px 0;
}
.thumbnail a:hover{
border:1px solid #b0a661;
}
img{
horizontal-align:middle;
vertical-align:middle;
}
#imageFooterContainer{
background-color:#ffffff;
margin:0 auto;
overflow:auto;
}
#imageFooterContainer #imageFooterText{
float:left;
padding:1px 0 4px 7px;
bottom:0;
text-align:left;
}
#imageFooterContainer #information{
font:8pt Verdana, sans-serif;
color:#808080;
}
#imageFooterContainer #imageFooterLogo{
float:right;
padding:0 5px 5px 0;
}