/**
 * jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
 * Copyright (C) 2008 Benjamin Arthur Lupton
 * http://jquery.com/plugins/project/jquerylightbox_bal
 *
 * This file is part of jQuery Lightbox (balupton edition).
 * 
 * You should have received a copy of the GNU Affero General Public License
 * along with jQuery Lightbox (balupton edition).  If not, see <http://www.gnu.org/licenses/>.
 */
 html,
 body {
     margin: 0;
     padding: 0;
     height: 100%
 }
 
 #lightbox,
 #lightbox-overlay {
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: auto;
     right: auto;
     z-index: 100;
     width: 100%;
     height: auto;
     text-align: center;
     color: #333;
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
     line-height: 0;
     text-decoration: none;
     background: none;
     word-spacing: normal;
     letter-spacing: normal;
     float: none;
     clear: none;
     display: block
 }
 
 #lightbox a,
 #lightbox a:link,
 #lightbox a:visited,
 #lightbox a:hover {
     text-decoration: underline;
     color: #999
 }
 
 #lightbox-overlay {
     z-index: 99;
     background-color: #000;
     height: 100%;
     position: fixed
 }
 
 #lightbox-overlay-text {
     text-align: right;
     margin-right: 20px;
     margin-top: 20px;
     color: white;
     font-size: 12px;
     cursor: default;
     line-height: normal
 }
 
 #lightbox-overlay-text a,
 #lightbox-overlay-text a:hover,
 #lightbox-overlay-text a:visited,
 #lightbox-overlay-text a:link {
     color: white
 }
 
 #lightbox-overlay-text span {
     padding-left: 5px;
     padding-right: 5px
 }
 
 #lightbox img,
 #lightbox a img,
 #lightbox a {
     border: none;
     outline: none
 }
 
 #lightbox-imageBox {
     position: relative;
     border: 1px solid black;
     ;
     background-color: white;
     width: 400px;
     height: 400px;
     margin: 0 auto
 }
 
 #lightbox-imageContainer {
     padding: 1px
 }
 
 #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-nav-btnPrev,
 #lightbox-nav-btnNext {
     display: block;
     width: 49%;
     height: 100%;
     padding: 0px;
     margin: 0px
 }
 
 #lightbox-nav-btnPrev {
     left: 0;
     right: auto;
     float: left;
     background: url(../images/prev.png) left center no-repeat !important;
 }
 
 #lightbox-nav-btnNext {
     left: auto;
     right: 0;
     float: right;
     background: url(../images/next.png) right center no-repeat !important;
 }
 
 #lightbox-infoBox {
     font: 10px Verdana, Helvetica, sans-serif;
     background-color: #FFF;
     margin: 0 auto;
     padding: 0px
 }
 
 #lightbox-infoContainer {
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     color: #666;
     line-height: normal
 }
 
 #lightbox-infoHeader {
     width: 100%;
     text-align: center
 }
 
 #lightbox-caption {
     text-align: justify
 }
 
 #lightbox-caption-title {
     font-weight: bold
 }
 
 #lightbox-caption-description {
     font-weight: normal
 }
 
 #lightbox-infoFooter {
     margin-top: 3px;
     color: #999
 }
 
 #lightbox-currentNumber {
     display: block;
     width: 49%;
     float: left;
     text-align: left
 }
 
 #lightbox-close {
     display: block;
     width: 45%;
     float: right;
     text-align: right
 }
 
 #lightbox-close-button {
     padding-left: 30%
 }
 
 #lightbox-close-button:hover {
     color: #666
 }
 
 #lightbox-infoContainer-clear {
     clear: both;
     visibility: hidden
 }