/* 
MONDAY BY NOON
Suckerfish HoverLightbox Example - Vanilla Horizontal stylesheet
Version: 1.0
Last Modified 03/27/06
J. Christopher - www.MondayByNoon.com

CREDITS
-------
Suckerfish: Patrick Griffiths, Dan Webb
    http://www.alistapart.com/articles/dropdowns/
  Modification: http://www.htmldog.com/articles/suckerfish/dropdowns/

Hoverbox: Nathan Smith.
  Example: http://host.sonspring.com/hoverbox/
  Tutorial: http://sonspring.com/journal/hoverbox-image-gallery/
  Modification by: Craig Erskine
    http://solardreamstudios.com/
    http://solardreamstudios.com/_img/learn/css/pg/

Lightbox: Lokesh Dhakar
  http://www.huddletogether.com/projects/lightbox/
*/
/* GALLERY */
div#gallery { margin: 0px 0px 0px 0px; padding:0px; height:10px; list-style:none; position:relative;}
div#gallery span {background-color: white; border:1px solid #999; width:100px; display:block; float:left; margin-top:8px; margin-right:8px;}
div#gallery span:hover div, div#gallery span.sfhover div { top:auto; left:0; }
div#gallery span a.galleryImageLink {margin:0px; border:0px solid #fff; padding:0px; position:relative; float:left; display:block; width:100px; height:75px; }
div#gallery span a:hover { z-index:2; }
div#gallery span a img {position:absolute; width:100px; height:75px; }
div#gallery span a:hover img, div#gallery span div#gallery span a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; padding: 2px; background-color: #fff; border:1px solid #999;  }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px;}
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#keyboardMsg { float:right; }
#keyboardMsg a {font-family: Tahoma, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 2px solid #888; border-bottom: 2px solid #888; } 
#overlay img { border:none;}
#overlay { background-repeat: no-repeat; background-position: center; border:none; background-color: Black; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
/* GENERAL MODULE */
.modCntrl
{
	text-align: center;
}
.gallery_controls
{
	text-align: center;
	padding: 5px;
	margin-top: 10px;
}
.gallery_controls .CommandButton
{
	margin: 2px;
}