/*Slideshow.css - CSS for Slideshow.
License:
	MIT-style license.
Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
These styles are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.*/

.slideshow{display: block;position: relative;}

.slideshow-images{display: block;overflow: hidden;position: relative;}
		
.slideshow-images img{display: block;position: absolute;z-index: 1;}
		
.slideshow-thumbnails{overflow: hidden;}

/*The images div is where the slides are shown.
Customize these classes to effect the slideshow transitions: fading, wiping, etc.*/
.slideshow-images-visible{ left:0; opacity:1; top: 0;} 	
.slideshow-images-next{ left:0; opacity:0; top:360px;}
.slideshow-images-prev{ left: 0; opacity:0; top:-360px;}

/*These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.*/

.slideshow {margin: 0 auto;height:320px;width:240px;} 

.slideshow a img {border: 0;}

.slideshow-captions {background: #000;bottom: 0;color: #FFF;font: normal 12px/20px Arial, sans-serif;left: 0;overflow: hidden;position: absolute;text-indent: 10px;width: 100%;z-index: 800;}

.slideshow-captions-hidden {height: 0;opacity: 0;}

.slideshow-captions-visible {height: 20px; opacity: .7;}

.slideshow-images img {margin:0 auto;}	

.slideshow-loader {height: 28px;right: 0;position: absolute;top: 0;width: 28px;z-index:801;}

.slideshow-loader-hidden {opacity: 0;}

.slideshow-loader-visible {opacity: 1;}

.slideshow-thumbnails {height:70px;left: 0;position: absolute;width: 100%;}

.slideshow-thumbnails * {margin: 0;padding: 0;}

.slideshow-thumbnails ul {height: 70px;left: 0;position: absolute;top: 0;width: 10000px;}

.slideshow-thumbnails li {float: left;list-style: none;margin: 5px 5px 5px 0;position: relative;}

.slideshow-thumbnails a {display: block;padding: 5px;position: relative;}

/*Use the !important keyword to override any on-going javascript FX without affecting performance.*/
.slideshow-thumbnails a:hover {background-color: #CD9A7C !important;opacity: 1 !important;}

.slideshow-thumbnails img {display: block;width:50px;height:60px;}

.slideshow-thumbnails-active{background-color: #F5BEC2;opacity: 1;}

.slideshow-thumbnails-inactive {background-color: #FFF;opacity: .5;}