<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
  CSS for the slideshow wrapper
*/
#weaverpix-page9-slideshow-wrapper {
	width: 690px;
	height: 216px;
}

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

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	&lt;div class="slideshow"&gt;
		&lt;div class="slideshow-images" /&gt;
		&lt;div class="slideshow-captions" /&gt;
		&lt;div class="slideshow-controller" /&gt;
		&lt;div class="slideshow-loader" /&gt;
		&lt;div class="slideshow-thumbnails" /&gt;
	&lt;/div&gt;
	
Notes:
	These next five rules are required for Slideshow to work correctly.
	Override at your own risk.
*/

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

/**
HTML:
	&lt;div class="slideshow-images"&gt;
		&lt;img /&gt;
		&lt;img /&gt;
	&lt;/div&gt;
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-page9-images {
	height: 216px; width: 690px;
}		
.slideshow-page9-images-visible { 
	opacity: 1;
}	
.slideshow-page9-images-prev { 
	opacity: 0;
}
.slideshow-page9-images-next { 
	opacity: 0;
}
.slideshow-page9-images img {
	float: left; left: 0; top: 0;
}

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

.slideshow-page9 {
	height: auto; margin: 0 auto; width: 690px;
}
.slideshow-page9 a img {
	border: 0;
}

/**
HTML:
	&lt;div class="slideshow-loader" /&gt;
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-page9-loader {
	background: url(loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;
}
.slideshow-page9-loader-hidden {
	opacity: 0;
}
.slideshow-page9-loader-visible {
	opacity: 1;
}

</pre></body></html>