/**Stylesheet: Slideshow.css CSS for Slideshow.License: MIT-style license.Copyright: Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/). HTML: <div class="slideshow"> <div class="slideshow-images" /> <div class="slideshow-captions" /> <div class="slideshow-controller" /> <div class="slideshow-loader" /> <div class="slideshow-thumbnails" /> </div> Notes: These next five rules are required for Slideshow to work correctly. Override at your own risk.*/.slideshow {display: inline; position: relative; z-index: 0; border:0px;}.slideshow-images {display: block; overflow: hidden; position: relative; border:0px;} .slideshow-images img {display: block; position: absolute; z-index: 1; border:0px;} .slideshow-thumbnails {overflow: hidden;}.slideshow-thumbnails ul {left: 0; position: absolute; top: 0; width: 100000px;}.slideshow-images {height: 525px; width: 6500px; border:0px;} .slideshow-images-visible {opacity: 1;} .slideshow-images-prev {opacity: 0;}.slideshow-images-next {opacity: 0;}.slideshow-images img {float: left; left: 0px; top: 0px; border:0px;} .slideshow {height: 600px; margin: 0 auto; margin-top:0px !important; margin-top:0px; top: 70px; width: 650px; border:0px;}.slideshow a img {border: 0;}.slideshow-captions {background: none; bottom: -120px; color: #234; font: normal 15px/28px Arial, sans-serif; left: 0; overflow: auto; position: absolute; text-indent:0px; width: 650px; z-index: 10000; border: 0px;}.slideshow-captions-hidden {height: 0; opacity: 0;}.slideshow-captions-visible {height: 160px; opacity: .7;}.slideshow-controller {background: url(controller.png) no-repeat; height: 48px; left: 50%; margin: -50px 0 0 -122px; overflow: hidden; position: absolute; top: 50%; width: 244px; z-index: 10000; display:none;}.slideshow-controller * {margin: 0; outline: none; padding: 0;}.slideshow-controller-hidden {opacity: 0;}.slideshow-controller-visible {opacity: 1;}.slideshow-controller a {background: url(controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; overflow: hidden; position: absolute; top: 15px; width: 20px;}.slideshow-controller a.active {background-position: -47px -18px;}.slideshow-controller li {list-style: none;} .slideshow-controller li.first a {background-position: 0 0; left: 36px; width: 19px;}.slideshow-controller li.first a.active {background-position: 0 -18px;}.slideshow-controller li.prev a {background-position: -19px 0; left: 68px; width: 28px;}.slideshow-controller li.prev a.active {background-position: -19px -18px;}.slideshow-controller li.play a {background-position: -67px 0;}.slideshow-controller li.play a.active {background-position: -67px -18px;}.slideshow-controller li.next a {background-position: -87px 0; left: 148px; width: 28px;}.slideshow-controller li.next a.active {background-position: -87px -18px;}.slideshow-controller li.last a {background-position: -115px 0; left: 189px; width: 19px;}.slideshow-controller li.last a.active {background-position: -115px -18px;}.slideshow-loader {height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;}.slideshow-loader-hidden {opacity: 0;}.slideshow-loader-visible {opacity: 1;}.slideshow-thumbnails {top: -60px; height: 55px; left: 0; position: absolute; width: 100%;}.slideshow-thumbnails * {margin: 0; padding: 0;}.slideshow-thumbnails li {float: left; list-style: none;}.slideshow-thumbnails a {display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px;}.slideshow-thumbnails a:hover {background-color: #FF9 !important; opacity: 1 !important;}.slideshow-thumbnails img {display: block;}.slideshow-thumbnails-hidden {background-color: #FFF; opacity: 0;}.slideshow-thumbnails-inactive {background-color: #FFF; opacity: .5;}.slideshow-thumbnails-active {background-color: #9FF; opacity: 1;}