/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* slides styling */

.video {width:200px; text-align:left; padding:0; margin:0; height:175px;  z-index:10;}
/* Box containing photos */
.video ul 
{display:block; list-style:none; padding:0; margin:0; height:100%; width:100%; padding: 0; border:0px;}

/* Thumbnail*/
.video ul li 
{display:inline; width:120px; height:100px; float:left; border:0px solid #fff; margin:0px;}

/* Clickable area with border for photo */
.video ul li a 
{display:block; width:104px; height:79px; cursor:default; text-decoration:none; background:#444; border:1px solid #888;}

/* Small photo */
.video ul li a img 
{display:block; width:100px; height:75px; border:2px solid #eee;}

.photo {display:block; width:620px; text-align:left; padding:0; margin:0;  z-index:10;}

/* Box containing photos */
.photo ul 
{ list-style:none; padding:0; margin:0; border:0px;}

/* Thumbnail space*/
.photo ul li 
{display:inline; width:142px; height:102px; float:left; border:0px; margin:4px;}

/* Clickable area with border for photo */
.photo ul li a 
{display:block; width:142px; height:102px; cursor:default; text-decoration:none; background:#444; border:1px solid #888;}

/* Thumbnail image */
.photo ul li a img 
{ display:block; width:140px; height:100px; border:1px solid #eee;}

/* Zoomed photo, active when hovering over thumbnail */
.photo ul li a:hover img 
{ position:relative; left:-10px; top:-10px; width:160px; height:120px; border-color:#fff;}


/* Large photo, invisible when not hovering over small photo */
/*
.photo ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
*/


/* Keep large photo invisible when hovering over thumbnail */
/*
.photo ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}
*/

/* Actions performed when the thumbnail is clicked */

.photo ul li a:focus, 
.photo ul li a:active
{position:static; outline:0;}

/*.photo ul li a:focus img, 
.photo ul li a:active img
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul li a:focus img.large, 
.photo ul li a:active img.large
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; border:4px solid #fff; z-index:10;}

*/