
/* ------------ SLIDE SHOW ------------- */

.jsslideshow /* optional class to stack elements */
{
	position: absolute;
	top: 0px;
	left: 0px;
	-moz-opacity:0.99; opacity:0.99; filter:alpha(opacity=99);
}

.hidden /* hidden elements should have this class */
{
	display: none !important;
}

.on_top /* fading in element should have this class */
{
	z-index: 2;
}

/* ----- OPACITY CLASSES (for use during fade transition) ----- */

.opacity0   {-moz-opacity:0.0; opacity:0.0; filter:alpha(opacity=00)}
.opacity10  {-moz-opacity:0.1; opacity:0.1; filter:alpha(opacity=10)}
.opacity20  {-moz-opacity:0.2; opacity:0.2; filter:alpha(opacity=20)}
.opacity30  {-moz-opacity:0.3; opacity:0.3; filter:alpha(opacity=30)}
.opacity40  {-moz-opacity:0.4; opacity:0.4; filter:alpha(opacity=40)}
.opacity50	{-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50)}
.opacity60  {-moz-opacity:0.6; opacity:0.6; filter:alpha(opacity=60)}
.opacity70  {-moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70)}
.opacity80  {-moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80)}
.opacity90  {-moz-opacity:0.9; opacity:0.9; filter:alpha(opacity=90)}
.opacity100 {-moz-opacity:0.99; opacity:0.99; filter:alpha(opacity=99)}

/* ----- STYLES FOR STANDARD NAVIGATION BAR ----- */

.slide_navigation
{
	position: absolute;
	bottom: 0px; right: 0px; left: 0px;
	_width: 100%;
	height: 25px;
	z-index: 3;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
}

.slide_navigation .marginbox
{
	margin: 5px;
	text-align: right;
}

.slide_navigation .marginbox a 
{
	text-decoration: none;
	vertical-align: middle;
	padding: 0px 5px;
}

.slide_navigation .marginbox img
{
	vertical-align: top;
}
