/*
	TheLockUp.com - slideshow.css
	Generic settings for slideshow implementation, for use with mootools-slideshow.js
	10/05/09
*/

/*These next four rules are set by the Slideshow script*/
.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-thumbnails{overflow:hidden}
/*The images div is where the slides are shown*/
.slideshow-images{height:300px;width:400px}		
.slideshow-images-visible{opacity:1}	
.slideshow-images-prev{opacity:0}
.slideshow-images-next{opacity:0}
.slideshow-images img{float:left;left:0;top:0}	
/*These are examples of user-defined styles*/
.slideshow{margin:1px 0 0 2px;height:296px;width:445px;border:1px solid #30405c;background:#fff;padding:1px !important}
.noshow{overflow:hidden}
.slideshow a img{border:0}
/*captions animation*/
.slideshow-captions{background:#000;bottom:0;color:#FFF;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:0.7}
/*controller animation*/
.slideshow-controller{background:transparent url(../images/ss-navbg.png) repeat 0 0;height:41px;left:1px;margin:0;padding:0;overflow:hidden;position:absolute;bottom:1px;width:445px;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(../images/controller-first.gif);left:33px;width:19px;display:none}
.slideshow-controller li.last a{background-image:url(../images/controller-last.gif);left:186px;width:19px;display:none}
.slideshow-controller li.next a{background-image:url(../images/controller-next.gif);left:249px;width:28px}
.slideshow-controller li.pause a{background-image:url(../images/controller-pause.gif);left:214px;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(../images/controller-prev.gif);left:169px;width:28px}
/*loader animation*/
.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}
/*thumbnails animation*/
.slideshow-thumbnails{bottom:-69px;height:69px;left:0;position:absolute;width:100%;width:449px;margin-left:-1px}
.slideshow-thumbnails *{margin:0;padding:0}
.slideshow-thumbnails ul{height:69px;left:0;position:absolute;top:0;width:10000px;border-top:1px solid #30405c;padding-top:0;margin:6px 0 0 0}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative}
.slideshow-thumbnails a{display:block;float:left;border:1px solid #30405c;background-color:#fff;padding:1px;position:relative}
.slideshow-thumbnails a:hover{background-color:#FF9 !important;opacity:1 !important}
.slideshow-thumbnails img{display:block}
.slideshow-thumbnails-active{background-color:#FF9;opacity:1}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:0.5}