@charset "UTF-8";
/* CSS Document */

.Gallery {
	overflow: hidden;
	position:relative;

	white-space: nowrap;
}

.Gallery span {
	position:relative;
	vertical-align: top;
	width: 100px;
	height: 100px;
	
	/* FF2 hack*/
	display: -moz-inline-stack;
	display: inline-block;
}

.Gallery img {
	border: none;
}



.GalleryPopupButtons {
	position: absolute;
	left: 10px;
	top: 10px;
}

.GalleryButtons {
	position: absolute;
	left: 3px;
	top: 100%;
	margin-top:-22px;
}
.GalleryInactiveOverlay {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	
	background-color: #fff;
	opacity: 0.7;
	-khtml-opacity: .70; /* Safari 1.x */
	cursor: pointer;
}
.GalleryInactiveWrapper {
	position:absolute;
	left: 0px;
	top: 0px;
	padding:5px;
	
	font-size: 10px;
	white-space:normal;
	text-align: center;
	text-decoration:none;
	cursor: pointer;
}

.GalleryDescription {}
.GalleryDescription h2 {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight:bold;
	color: #000;
}


.GalleryNavigation { position: absolute; top: 0; left: 0; height: 100%; width: 100%;}

.GalleryNavigation a {
	outline: none;
	width: 30%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
	display: block;
}
.GalleryPrevLink { left: 0; float: left;}
.GalleryNextLink { right: 0; float: right;}

.GalleryPrevLink:hover { background: url(../gfx/gallery_left.gif) left 15% no-repeat;}
.GalleryNextLink:hover { background: url(../gfx/gallery_right.gif) right 15% no-repeat;}