/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

.slideshow{
	display:block;
	position:relative;
	z-index:0;
	}
	
.slideshow-images{
	display:block;
	overflow:hidden;
	position:relative;
	}
	
.slideshow-images img{
	display:block;
	position:absolute;
	z-index:1;
	}
	
.slideshow-images{
	height:91px;
	width:241px;
	}
	
.slideshow-images-visible{
	opacity:1;
	}
	
.slideshow-images-prev{
	opacity:0;
	}
	
.slideshow-images-next{
	opacity:0;
	}
	
.slideshow-images img{
	float:left;
	left:0;
	top:0;
	}
	
.slideshow{
	height:91px;
	margin:0 auto;
	width:241px;
	}
	
.slideshow a img{
	border:0;
	}
	
.slideshow-captions{
	background:#000;
	bottom:0;
	color:#FFF;
	font:normal 12px/22px Arial,sans-serif;
	left:0;
	overflow:hidden;
	position:absolute;
	text-indent:10px;
	width:100%;
	z-index:10000;
	}
	
.slideshow-captions-hidden{
	height:0;
	opacity:0;
	}
	
.slideshow-captions-visible{
	height:22px;
	opacity:.7;
	}
	
.slideshow-controller{
	background:url(controller.png) no-repeat;
	height:42px;
	left:50%;
	margin:-21px 0 0 -119px;
	overflow:hidden;
	position:absolute;
	top:50%;
	width:238px;
	z-index:10000;
	}
	
.slideshow-controller *{
	margin:0;
	padding:0;
	}
	
.slideshow-controller-hidden{
	opacity:0;
	}
	
.slideshow-controller-visible{
	opacity:1;
	}
	
.slideshow-controller a{
	cursor:pointer;
	display:block;
	height:18px;
	overflow:hidden;
	position:absolute;
	top:12px;
	}
	
.slideshow-controller a.active{
	background-position:0 18px;
	}
	
.slideshow-controller li{
	list-style:none;
	}
	
.slideshow-controller li.first a{
	background-image:url(controller-first.gif);
	left:33px;
	width:19px;
	}
	
.slideshow-controller li.last a{
	background-image:url(controller-last.gif);
	left:186px;
	width:19px;
	}
	
.slideshow-controller li.next a{
	background-image:url(controller-next.gif);
	left:145px;
	width:28px;
	}
	
.slideshow-controller li.pause a{
	background-image:url(controller-pause.gif);
	left:109px;
	width:20px;
	}
	
.slideshow-controller li.play a{
	background-position:20px 0;
	}
	
.slideshow-controller li.play a.active{
	background-position:20px 18px;
	}
	
.slideshow-controller li.prev a{
	background-image:url(controller-prev.gif);
	left:65px;
	width:28px;
	}
	
.slideshow-loader{
	height:28px;
	right:0;
	position:absolute;
	top:0;
	width:28px;
	z-index:10001;
	}
	
.slideshow-loader-hidden{
	opacity:0;
	}
	
.slideshow-loader-visible{
	opacity:1;
	}