#lightbox	{
		position: absolute;
		left: 0; width: 100%;
		z-index: 100;
		text-align:
		center;
		line-height: 0;
		}

#lightbox img	{
		width: auto;
		height: auto;
		}

#lightbox a img	{
		border: none;
		}



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

#imageContainer		{ padding: 15px 10px 15px 10px; }



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

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

#imageContainer>#hoverNav	{ left: 0;}

#hoverNav a			{ outline: none;}



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

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

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

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

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



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



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

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

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

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

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



#overlay	{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background:url(/common/lightbox/lightbox.gif) #000;
		}