CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	modified by [Alla M] www.mysticat.com/.
*/

.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;}
.slideshow-images{height:400px;width:300px;margin:25px auto 10px;}
.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:468px;margin:0 auto;width:664px;}
.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(../navbar/controller.png);*/
height:39px;left:50%;
margin:-11px 0 0 -119px;
overflow:hidden;
position:absolute;
bottom:0px;
width:232px;z-index:10000;}
.slideshow-controller *{margin:0;padding:0;}
/*.slideshow-controller-hidden{opacity:1;}*/
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{
cursor:pointer;
display:block;
height:39px;
overflow:hidden;
position:absolute;bottom:0px;
}
.slideshow-controller a.active{opacity:1;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(../navbar/controller_first.png );left:30px;width:35px;}
.slideshow-controller li.first a.active{background-image:url(../navbar/controller_firsta.png);left:30px;width:35px;}

.slideshow-controller li.last a{background-image:url(../navbar/controller-last.png);left:196px;width:38px;}
.slideshow-controller li.last a.active{background-image:url(../navbar/controller-lasta.png);left:196px;width:38px;;}

.slideshow-controller li.next a{background-image:url(../navbar/controller-next.png);left:154px;width:42px;}
.slideshow-controller li.next a.active{background-image:url(../navbar/controller-nexta.png);left:154px;width:42px;}

.slideshow-controller li.pause a{background-image:url(../navbar/controller-pause.png);left:109px;width:45px;}
.slideshow-controller li.play a{background-image:url(../navbar/controller-pausea.png);left:109px;width:45px;}
.slideshow-controller li.play a.active{background-image:url(../navbar/controller-pausea.png);}
.slideshow-controller li.prev a{background-image:url(../navbar/controller-prev.png);left:65px;width:44px;}
.slideshow-controller li.prev a.active{background-image:url(../navbar/controller-preva.png);left:65px;width:44px;}
.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;}
.slideshow-thumbnails{bottom:50px;height:50px;
left:25px;
position:absolute;
width:100%;}
.slideshow-thumbnails *{margin:0;padding:0;}
.slideshow-thumbnails ul{
height:50px;
left:0;
position:absolute;
top:0;
width:100%;}
.slideshow-thumbnails li{float:left;
list-style:none;
margin:2px 1px 1px 0;
position:relative;}
.slideshow-thumbnails a{display:block;padding:2px;position:relative;}
.slideshow-thumbnails a:hover{
background-color:#999!important;
opacity:1!important;}
.slideshow-thumbnails img{display:block;}
.slideshow-thumbnails-active{background-color:#D88A2D;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#758778;opacity:.5;}