/*
 * Hides unordered list of images
 */
div.slideshow ul {
	display: none;
}


div.slideshow {
	width: 940px;
	height: 460px;
	position: relative;
	margin: -472px auto 0;
	overflow: hidden;
	border: 6px solid #98887c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	z-index: 2;
}



/*
 * loading-layer
 */
div.slideshow .loading-layer {
	background: black url(../images/controls/ajax-loader.gif) no-repeat center center;
	width: 940px;
	height: 460px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}



/*
 * image-viewer
 */
div.slideshow .image-viewer {
	width: 940px;
	height: 460px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

div.slideshow .image-viewer div {
	width: 940px;
	height: 460px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.slideshow .image-viewer img {
	/*border: 1px solid #98887c;*/
}

/*
 * Ensure that "image-viewer-next-image" has a higher
 * z-index than "image-viewer-current-image"
 */
div.slideshow .image-viewer-current-image {
	z-index: 1;
}

div.slideshow .image-viewer-next-image {
	z-index: 2;
}



/*
 * control-panel
 */
div.slideshow .control-panel {
	width: 200px;
	height: 50px;
	background: black;
	border: 1px solid white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: absolute;
	bottom: 0px;
	left: 370px;
	z-index: 10;
}

div.slideshow .control-panel div {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	cursor: pointer;
}

div.slideshow .control-panel .previous {
	background: url(../images/controls/previous.png) no-repeat;
	left: 35px;
}

div.slideshow .control-panel .play {
	background: url(../images/controls/pause.png) no-repeat;
	left: 85px;
}

div.slideshow .control-panel .paused {
	background: url(../images/controls/play.png) no-repeat;
}

div.slideshow .control-panel .next {
	background: url(../images/controls/next.png) no-repeat;
	left: 135px;
}

div.slideshow .control-panel .view-thumbnails {
	width: 108px;
	height: 10px;
	background: url(../images/controls/view-thumbnails.png) no-repeat;
	top: 20px;
	left: 225px;
	display: none;
}

div.slideshow .control-panel .hide-thumbnails {
	background: url(../images/controls/hide-thumbnails.png) no-repeat;
	display: none;
}



/*
 * thumbnail-viewer 
 */
div.slideshow .thumbnail-viewer {
	position: absolute;
	width: 530px;
	height: 265px;
	background: black;
	border: 1px solid white;
	top: 80px;
	left: 95px;
	z-index: 99;
	overflow-y: scroll;
}

div.slideshow .thumbnail-viewer ul {
	display: block;
}