#lightbox{
width:100%;
text-align:center;
line-height:0;
position:absolute;
top:40px;
left:0;
z-index:100;
}
#lightbox a img{
border:none;
}
#outerImageContainer{
width:250px;
margin:0 auto;
background:#FFFFFF;
position:relative;
height:250px;
}
#imageContainer{
padding:10px;
}
#loading{
width:100%;
text-align:center;
line-height:0;
position:absolute;
top:40%;
left:0%;
height:25%;
}
#hoverNav{
width:100%;
position:absolute;
top:0;
left:0;
height:100%;
z-index:10;
}
#imageContainer>#hoverNav{
left:0;
}
#hoverNav a{
outline:none;
}
#prevLink,#nextLink{
width:49%;
display:block;
background:transparent url(../img/lightbox/blank.gif) no-repeat;/* Trick IE into showing hover */
height:100%;
}
#prevLink{
float:left;
left:0;
}
#nextLink{
float:right;
right:0;
}
#prevLink:hover,#prevLink:visited:hover{
background:url(../img/lightbox/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover,#nextLink:visited:hover{
background:url(../img/lightbox/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer{
margin:0 auto;
background:#FFFFFF;
font:10px Verdana,Helvetica,sans-serif;
line-height:1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{
width:70%;
float:left;
text-align:left;
}
#imageData #caption{
font-weight:bold;
}
#imageData #numberDisplay{
clear:left;
padding-bottom:1.0em;
display:block;
}
#imageData #bottomNavClose{
width:66px;
float:right;
padding-bottom:0.7em;
}
#overlay{
width:100%;
background:#000000;
position:absolute;
top:0;
left:0;
z-index:90;
height:500px;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}
.clearfix:after{
clear:both;
display:block;
content:".";
height:0;
visibility:hidden;
}
* html>body .clearfix{
width:100%;
display:inline-block;
}
* html .clearfix{
height:1%;/* End hide from IE-mac */
}