/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

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

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

#jquery-lightbox a img {
  border : none;
}

#lightbox-container-image-box {
  position : relative;
  background-color : #fff;
  width : 250px;
  height : 250px;
  margin : 0 auto;
}

#lightbox-container-image {
  padding : 10px;
}

#lightbox-loading {
  position : absolute;
  top : 40%;
  left : 0%;
  height : 25%;
  width : 100%;
  text-align : center;
  line-height : 0;
}

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

#lightbox-container-image-box > #lightbox-nav {
  left : 0;
}

#lightbox-nav a {
  outline : none;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width : 49%;
  height : 100%;
  display : block;
}

#lightbox-nav-btnPrev {
  left : 0;
  float : left;
}

#lightbox-nav-btnNext {
  right : 0;
  float : right;
}

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

#lightbox-container-image-data {
  padding : 0 10px;
  color : #666;
}

#lightbox-container-image-data #lightbox-image-details {
  width : 70%;
  float : left;
  text-align : left;
}

#lightbox-image-details-caption {
  font-weight : bold;
}

#lightbox-image-details-currentNumber {
  display : block;
  clear : left;
  padding-bottom : 1em;
}

#lightbox-secNav-btnClose {
  width : 66px;
  float : right;
  padding-bottom : 0.7em;
}