/**
 * 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: #000;width: 250px;height: 250px;margin: 0 auto}
#lightbox-container-image { padding: 5px}
#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%;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: #000;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 5px 0}
#lightbox-container-image-data {padding: 0 10px;color: #fff}
#lightbox-container-image-data #lightbox-image-details {float: left;text-align: left;font-size: 9px}
#lightbox-image-details-caption {font-weight: bold}
#lightbox-image-details-currentNumber {display: block;clear: left;padding-bottom: 1.0em}
#lightbox-secNav {height:30px;position:absolute;right:-12px;top:-12px;width:30px;z-index:100}

ul.gallery {list-style:none}
ul.gallery li {display:inline}
ul.gallery img {border:#ccc solid 1px;padding:5px;margin:5px}
ul.gallery a:hover img {border:#fff solid 1px;background-color:#000}
ul.gallery a:hover {color:#fff}

/* REMOVE BACKGROUND COLOURS - IMAGES OF RESEARCH */
#lightbox-secNav a:hover, #lightbox-nav a:hover  {
  background-color: transparent !important;
}
.gallery a:hover img {opacity:0.4; filter:alpha(opacity=40);}