
/**************************************************************

	SlideShow
	v 1.3

**************************************************************/
#slideshow_wrapper {
	border: 2px solid black;
	width: 500px;
	background-color: black;
}

.slideshowContainer {
	width: 500px;
	height: 375px;
	margin-bottom: 2px;
}

.slideshowContainer img {
	width: 500px;
	height: 375px;
}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid black;
	padding: 1px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 1px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
	margin: 3px 0px 0px 3px;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

#controls {
	float: right;
	margin: 3px 5px 0px 0px;
}

#controls a {
	color: white;
}

.btn_play, .btn_stop, .btn_next, .btn_previous {
	padding-left: 15px;
	font-size: 10px;
	text-decoration: none;
	letter-spacing: -1px;
}

.btn_play {
	background: url(images/play.png) no-repeat left;
	
}

.btn_stop {
	background: url(images/pause.png) no-repeat left;
}

.btn_next {
	background: url(images/next.png) no-repeat left;
}

.btn_previous {
	background: url(images/previous.png) no-repeat left;
}

/*************************************************************/

