#overlay
{
	position:            fixed;
	display:             block;
	left:                0px;
	top:                 0px;
	width:               100%;
	height:              100%;
	background-color:    #000000;
	z-index:			 20;
}

#lightbox
{	
	position:            fixed;
	left:                0px;
	top:                 0px;
	width:               100%;
	height:              100%;
	z-index:             100; 
	text-align:          center; 
	line-height:         0px;
}
	
#lightbox img
{ 
	width:               auto; 
	height:              auto;
}

#lightbox a img
{ 
	border:              none; 
}

#outerImageContainer
{ 
	position:            relative; 
	background-color:    #FFFFFF; 
	width:               250px;
	height:              250px; 
	margin:              0 auto; 
}

#imageContainer
{ 
	padding:            10px; 
}

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

#hoverNav
{ 
	position:           absolute; 
	top:                0px; 
	left:               0px; 
	height:             100%; 
	width:              100%; 
	z-index:            30;
}

#imageContainer>#hoverNav
{ 
	left:               0px;
}

#hoverNav a
{ 
	outline:            none;
}

#prevLink, #nextLink
{
	width:              49%; 
	height:             100%; 
	background-image:   url(data:image/gif;base64,AAAA); 
	display:            block; 
}

#prevLink 
{ 
	left:               0px; 
	float:              left;
}

#nextLink 
{ 
	right:              0px;
	float:              right;
}

#prevLink:hover, #prevLink:visited:hover 
{ 
	background:         url(../../images/lightbox/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover 
{
	background:         url(../../images/lightbox/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer
{
	font:               10px Verdana, Helvetica, sans-serif; 
	background-color:   #FFFFFF; 
	margin:             0 auto; 
	line-height:        1.4em; 
	overflow:           auto; 
	width:              100%; 
}

#imageData
{	padding:            0 10px; 
	color:              #666; 
}

#imageData #imageDetails
{
	width:              70%; 
	float:              left; 
	text-align:         left; 
}	

#imageData #caption
{
	 font-weight:       bold;	
}

#imageData #numberDisplay
{
	display:            block; 
	clear:              left; 
	padding-bottom:     1.0em;	
}

#imageData #bottomNavClose
{
	width:             22px; 
	float:             right;  
	padding-bottom:    0.7em; 
	outline:           none;
}