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

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

#imageContainer {
  padding: 10px; }

#loading {
  position: absolute;
  top: 40%;
  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, #nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(../images/blank.gif) no-repeat;
  display: block; }

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

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

#prevLink:hover, #prevLink:visited:hover {
  background: url(../images/prev.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover {
  background: url(../images/next.gif) right 50% no-repeat; }

#nextLinkText, #prevLinkText {
  color: #ff9834;
  font-weight: bold;
  text-decoration: none; }

#nextLinkText {
  padding-left: 20px; }

#prevLinkText {
  padding-right: 20px; }

.ontop #imageData {
  padding-top: 5px; }

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: white;
  margin: 0 auto;
  line-height: 1.4em; }

#imageData {
  padding: 0 10px; }
  #imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left; }
  #imageData #caption {
    font-weight: bold; }
  #imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1em; }
  #imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em; }
  #imageData #helpDisplay {
    clear: left;
    float: left;
    display: block; }

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: black;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
  display: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html > body .clearfix {
  display: inline-block;
  width: 100%; }
* html .clearfix {
  height: 1%; }

#lightboxIframe {
  display: none; }