/*******************************************************
  Coppermine 1.5.x Plugin - LightBox (NotesFor.net)
  ******************************************************
  Copyright (c) 2009-2011 Joe Carver and Helori Lamberty
  ******************************************************
  Version 3.2 - 07 November 2011
  *****************************************************/
  /*******************************************************
 Do NOT edit this file unless you REALLY know what you're doing!
*********************************************************/
#jquery-dark {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 100;
   width: 100%;
   height: 500px;
}

#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-top {
   width: 100%;
}

/***Play and pause button***/
#lightbox-container-image-box-top-left {
   width: 35px;
   height: 35px;
   position: relative;
    margin-left:5px;
    margin-right:15px;
   float: right;
   z-index: 10;
   display: inline;
   text-align: right;
   cursor: pointer;
}

#lightbox-container-image-box-top-middle {
   width: 80%;
   padding-top: 5px;
   height: 5px;
   position: relative;
   margin: 0 auto 0 0px;
   float: left;
   z-index: 5;
   display: inline;
}

#lightbox-container-image-box-top-middle div.progress {
   width: 80%;
   padding-top: 5px;
   height: 5px;
   position: relative;
   margin: 0 auto 0 0px;
   float: left;
   background-color: #e4e4e4;
   z-index: 5;
   display: inline;
}

/*** Stop button***/
#lightbox-container-image-box-top-right {
   width: 35px;;
   height: 35px;
   position: relative;
    margin-left:5px;
    margin-right:5px;
   float: right;
   text-align: right;
   z-index: 10;
   display: inline;
   cursor: pointer;
}

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

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

#lightbox-nav {
   position: absolute;
   top: 32px;
   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%;
   /*zoom: 1;*/
   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;
   float: center;
   display: inline;*/
   text-align: center;  
}

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

#lightbox-image-details-caption {
   font-weight: bold;
   color: #000;
   display: block;
   vertical-align: middle;
   text-align: center;  
   padding: 0 10px 0 10px;
}

#lightbox-image-details-description {
   font-weight: normal;
   color: #000;
   display: block;
   vertical-align: middle;
   text-align: center;  
   padding: 0 20px 0 20px;
}

#lightbox-image-details-currentNumber {
   font-weight: normal;
   color: #000;
   display: inline;
   vertical-align: bottom;
   text-align: left;
   float: left;
   padding: 0 0 0 10px;
}
#lightbox-image-details-currentNumber a {
   font-weight: bold;
   color: #0101DF;
}





#lightbox-image-details-previous-image, #lightbox-image-details-previous-text, #lightbox-image-details-next-image, #lightbox-image-details-next-text {
   display: inline;
   text-align: right;
   vertical-align: middle;
   /*cursor: pointer;
   cursor: hand;*/
}

#lightbox-container-image-nav-box
{ 
   text-align: right;   
   display: inline;  
   float: right;  
   padding: 0 10px 0 0px;
}