/* $Id: lightbox.css,v 1.6 2009/05/20 11:07:42 petr Exp $ */

#lightbox {
	display: none;
	position: absolute;
	z-index: 100;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	font-family: Arial, Helvetica, sans-serif;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	height: 30px;
}	
#lightboxCaption {
	display: none;
	float: left;
	color: #888;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
}
#lightboxCaption b {
	color: #000;
}
#closeLink, #playLink {
	display: block;
	position: absolute;
	z-index: 200;
	width: 25px;
	height: 25px;
	bottom: 10px;
	right: 10px;
	outline: none;
	background: url('stop.gif') no-repeat;
}
#playLink {
	right: 40px;
}
#playLink.play {
	background: url('play.gif') no-repeat;
}
#playLink.stop {
	background: url('stop.gif') no-repeat;
}
#closeLink {
	background: url('close.gif') no-repeat;
}
#closeLink:hover, #playLink:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
#prevLink, #nextLink, #closeLightbox {
	width: 49%;
	height: 90%;
	background-image: url(data:image/gif;base64,AAAA);
	display: block;
	position: absolute;
	top: 10px;
	outline: none;
}
#closeLightbox {
	left: 10px;
	width: 100%;
	z-index: 201;
}
#closeLightbox:hover {
	background: url('closebox.gif') center 15% no-repeat;
}
#prevLink {
	left: 10px;
	z-index: 202;
}
#nextLink {
	right: 10px;
	z-index: 203;
}
#prevLink:hover {
	background: url('prev.gif') left 15% no-repeat;
}
#nextLink:hover {
	background: url('next.gif') right 15% no-repeat;
}
#loadingImage {
	position: absolute;
	z-index: 150;
}
#lightbox img {
	border: none;
	clear: both;
} 
#overlay img {
	border: none;
}
#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-image: url('overlay.png');
}
* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url('blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}