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

#lightbox a img
{
  border: none;
}

#outerImageContainer
{
  position          :  relative;
  background-color  :  #fff;
  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  :  0px;
}

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

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

#hoverNav a
{
  outline  :  none;
}

#prevLink, #nextLink
{
  width       :  49%;
  height      :  100%;
  background  :  transparent url('../images/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
  display     :  block;
}

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

#nextLink
{
  right         :  0px;
  float         :  right;
  margin-right  :  0px;
}

#prevLink:hover, #prevLink:visited:hover
{
  background  :  url('../images/lightbox/prevlabel.gif') left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover
{
  background  :  url('../images/lightbox/nextlabel.gif') right 15% no-repeat;
}

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

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

#imageData #imageDetails
{
  width       :  70%;
  float       :  left;
  text-align  :  left; 
}

#imageData #caption
{
  font-weight  :  normal;
  color        :  #777777;
  font-size    :  18px;
  font-family  :  hevetica, arial, verdana, sans-serif; 
}

#imageData #numberDisplay
{
  display         :  block;
  clear           :  left; 
  padding-bottom  :  1.0em;	
}

#imageData #bottomNavClose
{
  width           :  66px;
  float           :  right;
  padding-bottom  :  0.7em;
}

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