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

#lightbox img {
width:auto;
height:auto;
}

#lightbox a img {
border:none;
}

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

#imageContainer {
padding:10px;
}

#loading {
width:42px;
height:42px;
margin:150px auto 0px auto;
}

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

#imageContainer>#hoverNav {
left:0px;
}

#hoverNav a {
outline:none;
}

#prevLink, #nextLink {
display:block;
width:50%;
height:100%;
}

#prevLink {
width:50%;
left:0px;
float:left;
}

#nextLink {
width:50%;
right:0px;
float:right;
}

#prevLink:hover, #prevLink:visited:hover {
color:#666;
background:transparent url(../imgs/prev.png) no-repeat left 80px;
}

#nextLink:hover, #nextLink:visited:hover {
color:#666;
background:transparent url(../imgs/next.png) no-repeat right 80px;
}

#imageDataContainer {
width:100%;
color:#666;
background:#fff;
font:normal 11px Arial,sans-serif;
line-height:1.4em;
margin:0px auto;
overflow:auto;
}

#imageData {
height:40px;
color:#666;
background:transparent;
padding:0px 10px 0px 12px;
}

#imageData #imageDetails {
width:auto;
text-align:left;
float:left;
clear:both;
}

#imageData #caption {
font-weight:bold;
}

#imageData #numberDisplay {
display:block;
}

#imageData #bottomNavClose {
width:auto;
margin:1px 0px 0px 0px;
float:right;
}

#overlay {
position:absolute;
top:0px;
left:0px;
width:100%;
height:500px;
color:#666;
background:#000;
z-index:90;
}