/*
These styles are just for the informational text on
the page, and do not effect the appearance of the
jscPopupBox.
*/

body {
	font-family:sans-serif;
	font-size:x-small;
	color:#555;
}

.codeDiv {
	font-family:monospace;
	border:0px solid #AAA;
	padding:5px;
	background-color:#FFFFFA;
}
.warningDiv {
	border:1px solid #F99;
	background-color:#FFE;
	margin:0;
	spacing:0;
	padding:5px;
	height:300px;
}

/* The styles for the jscImageRotator background div */
.jscir {
	margin:0 0 0 3px;
	width:640px;
	height:300px;
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
}

.jscir_webnav {
	z-index:3;
	top:0;
	left:0;
	position:absolute;
	height:25px;
	width:200px;
	display:block;
	background:url('/images/trail-bar.png') no-repeat bottom right;
	text-align:left;
}

.jscir_mask {
	z-index:2;
	top:0;
	left:0;
	position:absolute;
	width:640px;
	height:300px;
	display:block;
	background:url('/images/slideshow-mask.png')  no-repeat top left;
}

/* The styles for the jscImageRotator image elements */
.jscir_img {
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	opacity:1;
	filter:alpha(opacity=100);
}

/* The style for the jscImageRotator
overlay title/description text bar */
.jscir_textbg {
	left:0;
	top:0;
	position:absolute;
	overflow:hidden;
	text-align:left;
	vertical-align:top;
	z-index:2;
}

/* The styles for the jscImageRotator navbar that contains
each of the buttons/links for navigating through the images */
.jscir_nav {
	top:0;
	left:0;
	margin-top:-240px;
	width:610px;
	position:absolute;
	z-index:2;
}

/* The styles for the jscImageRotator navbar links */
.jscir_nav a,.jscir_nav a:link,.jscir_nav a:visited {
	margin:0;
	padding:4px 8px 6px 5px;
	background-color:#AAA;
	color:#c9e539;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:8pt;
	text-decoration:none;
	font-weight:bold;
	float:right;
	z-index:3;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.jscir_nav a:hover,.jscir_nav a:active {
	background-color:#FFF;
	color:#639917;
}
/* ...the currently displayed image */
.jscir_nav .current_link, .jscir_nav .current_link:link, .jscir_nav .current_link:visited {
	background-color:#FFF;
	color:#639917;
	opacity:1;
	filter:alpha(opacity=100);
}
/* ...the play/pause button */
.jscir_nav .jscir_play, .jscir_nav .jscir_play:link, .jscir_nav .jscir_play:visited {

}