/*	lightbox.css - main styles used for LightBox
 *	Developed by Lokesh Dhakar
 *  Edited on 30th July 2008 by e4education */
#lightbox                           {position: absolute; top: 40px; left: 0; z-index: 100; width: 100%; text-align: center; line-height: 0;}
#lightbox a img                     {border: none;}
#outerImageContainer                {position: relative; margin: 0 auto; width: 250px; height: 250px; background-color: #fff;}
#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: 10px; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav           {left: 0;}
#hoverNav a                         {outline: none;}
#prevLink, #nextLink                {display: block;width: 49%; height: 100%; background: transparent url(../images/gallery/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */}
#prevLink                           {float: left; left: 0; background: url(../images/gallery/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink                           {float: right; right: 0; background: url(../images/gallery/lightbox/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover {background: url(../images/gallery/lightbox/prevlabel_hover.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../images/gallery/lightbox/nextlabel_hover.gif) right 15% no-repeat;}
#imageDataContainer                 {margin: 0 auto; background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em;}
#imageData                          {padding:0 10px;}
#imageData #imageDetails            {float: left; width: 70%; text-align: left; }
#imageData #caption                 {font-weight: bold; }
#imageData #description             {font-weight: normal; }
#imageData #numberDisplay           {display: block; clear: left; padding-bottom: 1.0em; font-style: italic; color: #606060;}
#imageData #bottomNavClose          {float: right; padding-bottom: 0.7em; width: 66px;}
#overlay                            {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
.clearfix:after                     {content: "."; display: block; clear: both; visibility: hidden; height: 0;}
* html>body .clearfix               {display: inline-block; width: 100%;}
* html .clearfix                    {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}