/*

@author: 	Dominik Mertz, Insignio GmbH
@file:		lightbox.css
@created:	2011-01-20	

*/

div#lightbox_background {
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background: #000;
	z-index: 25000;
}

body.ie6 div#lightbox_background {
	position: absolute;
}

div#lightbox_container {
	position: fixed;
	left: 50%; top: 50%;
	width: 100px; height: 100px;
	margin: -50px 0 0 -50px; padding: 0;
	background: transparent;
	z-index: 30000;
}

div#lightbox_container.backend {
	background: #fff;
	margin-left: -460px;
	margin-top: -100px;
	padding-bottom: 2.5em;
}

	div#lightbox_container div.controls {
		position: absolute;
		top: 50%; left: 0;
		width: auto; height: 20px;
		margin-top: -10px;
	}
	
		div#lightbox_container div.controls a {
			cursor: pointer;
			float: left;
			width: 22px; height: 20px;
		}
	
		body.ie6 div#lightbox_container div.controls a {
			display: inline;
		}
		
		div#lightbox_container div.controls a.left {
			background: transparent url(../images/btns/btn-gallery-prev.png) no-repeat 0 0;
		}
		
		div#lightbox_container div.controls a.right {
			float: right;
			background: transparent url(../images/btns/btn-gallery-next.png) no-repeat 0 0;
		}

		div#lightbox_container div.controls a.right:hover,
		div#lightbox_container div.controls a.left:hover {
			background-position: 0 -20px;
		}
		
	a#lightbox_close_button {
		display: none;
		position: absolute;
		top: -12px; right: -12px;
		width: 24px; height: 24px;
		background: transparent url(../images/close.button.png) no-repeat 0 0;
		cursor: pointer;
	}

	a#lightbox_close_button:hover {
		background-position: 0 -24px;
	}

	div#lightbox_container div.loader {
		z-index: 35000;
		position: absolute;
		width: 48px; height: 48px;
		top: 50%; left: 50%;
		margin: -24px 0 0 -24px;
		background: #fff url(../images/loader.gif) no-repeat center center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	div#lightbox_container div.image {
		float: left;
		width: auto; height: auto;
		overflow: hidden;
	}
	
	div#lightbox_container div.footer {
		float: left;
		width: 100%;
		margin-top: 15px;
	}
	
		div#lightbox_container div.footer span.client {
			float: left;
			z-index: 35000;
			font-family: UniversCondensedBold, Arial, Verdana, sans-serif;
			color: #fff;
		}
		
		div#lightbox_container div.footer div.caption {
			float: right;
			color: #fff;
			font-family: UniversCondensedBold, Arial, Verdana, sans-serif;
		}

body.ie6 div#lightbox_container {
	position: absolute;
}