/* Slideshow styles: */

.slideshow-pause-button
{
	background: url(/images/slideshow-pause-off.png) center top no-repeat;
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-top: -7px;
}

.slideshow-pause-button > a
{
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-pause-button > a:hover
{
	background: url(/images/slideshow-pause-on.png) center top no-repeat;
}

.slideshow-play-button
{
	background: url(/images/slideshow-play-off.png) center top no-repeat;
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	margin-top: -7px;
}

.slideshow-play-button > a
{
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-play-button > a:hover
{
	background: url(/images/slideshow-play-on.png) center top no-repeat;
}

.slideshow-prev-button, .slideshow-multi-prev-button
{
	background: url(/images/slideshow-prev-off.png) center top no-repeat;
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-prev-button
{
	float: left;
	margin-top: -7px;
}

.slideshow-prev-button > a
{
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-prev-button > a:hover
{
	background: url(/images/slideshow-prev-on.png) center top no-repeat;
}

.slideshow-next-button, .slideshow-multi-next-button
{
	background: url(/images/slideshow-next-off.png) center top no-repeat;
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-next-button
{
	float: left;
	margin-top: -7px;
}

.slideshow-next-button > a
{
	display: block;
	width: 38px;
	height: 38px;
}

.slideshow-next-button > a:hover
{
	background: url(/images/slideshow-next-on.png) center top no-repeat;
}

/* This is not quite right, but this slideshow mode is not yet used */
.slideshow-multi-container
{
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 36px;
}

.slideshow-form
{
	font-size: 8pt;
	display: block;
	float: left;
}