/*
 * @title lightBoxGallery.css
 * @description Exemple to customize styles from /_javascript/_assets/css/lightBox.css
 * @author Markus Prokscha <markus.prokscha@go-community.de> BLACKBIT interactive GmbH
 * @date 2007-11-09
 */

/* lightBoxShowCase */

div.lightBoxShowCase a.lightBox-closeBtn
{
	background:#FFFFFF url(/_images/lightBoxClose.gif) no-repeat scroll center;
	display:block;
	height:22px;
	position:absolute;
	right:10px;
	top:10px;
	width:22px;
}

div.lightBoxShowCase a.lightBox-nextBtn
{
	background:transparent url(/_images/lightBoxNext.gif) no-repeat scroll 0%;
	display:block;
	height:24px;
	position:absolute;
	right:10px;
	width:24px;
}

div.lightBoxShowCase a.lightBox-prevBtn
{
	background:transparent url(/_images/lightBoxPrev.gif) no-repeat scroll 0%;
	display:block;
	height:24px;
	width:24px;
}

/* GALERIE */

div.lightBoxContainer
{
	height: 242px;
	overflow: hidden;
}

.lightBoxContainer a
{
	background:#CCCCCC none repeat scroll 0%;
	display:block;
	float:left;
	width: 94px;
	height: 74px;
	margin:0 10px 10px 0;
	background:#cccccc;
	text-align: center;
}

.lightBoxContainer a:hover{
	background:#999999;
}
.lightBoxContainer a img{
	margin:4px 2px;
	border:0
	vertical-align: center;
}
.lightBoxContainer a img:hover{
	border:solid 1px #555555;
	margin:4px;
}