/*  Lightbox CSS hack for valid W3C CSS
 *  (c) 2006 dynamic web soultion's <info@dws.hu>
 *
 *  THIS FILE IS AUTOMATICALLY GENERATED. When sending patches, please diff
 *  against the source tree, available from the Prototype darcs repository.
 *
 /*--------------------------------------------------------------------------*/ 
	
		document.write('<style type="text/css">');
		document.write('<!--');
		document.write('#lightbox 								 	{ position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0px; }');
		document.write('#lightbox a img 						 	{ border: none; }');
		document.write('#outerImageContainer 					 	{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }');
		document.write('#imageContainer							 	{ padding: 10px; }');
		document.write('#loading								 	{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; }');
		document.write('#hoverNav								 	{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }');
		document.write('#imageContainer>#hoverNav				 	{ left: 0; }');
		document.write('#hoverNav a 							 	{ outline: none; }');
		document.write('#prevLink, #nextLink					 	{ width: 49%; height: 100%; background: transparent url(\'./img/lightbox/blank.gif\') no-repeat; /* Trick IE into showing hover */ display: block; }');
		document.write('#prevLink 								 	{ left: 0; float: left; }');
		document.write('#nextLink 								 	{ right: 0; float: right; }');
		document.write('#prevLink:hover, #prevLink:visited:hover 	{ background: url(\'./img/lightbox/prev.gif\') left; background-position: middle left; background-repeat: no-repeat; }');
		document.write('#nextLink:hover, #nextLink:visited:hover 	{ background: url(\'./img/lightbox/next.gif\') right; background-position: middle right; background-repeat: no-repeat; }');
		document.write('#imageDataContainer 					 	{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }');
		document.write('#imageData 									{ padding: 0 10px; }');
		document.write('#imageData #imageDetails					{ width: 70%; float: left; text-align: left; }');
		document.write('#imageData #caption 						{ font-weight: bold; }');
		document.write('#imageData #numberDisplay					{ display: block; clear: left; padding-bottom: 1.0em; }');
		document.write('#imageData #bottomNavClose 					{ width: 66px; float: right; padding-bottom: 0.7em; }');
		document.write('#overlay 									{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #181818; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }');
		document.write('.clearfix:after 							{ content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; }');
		document.write('* html>body .clearfix 						{ display: inline-block; width: 100%; }');
		document.write('* html .clearfix 							{ /* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }');
		document.write('//-->');
		document.write('</style>');
