/* slideViewer 1.0 default styles */
.svw {
	xwidth:50px;
	xheight:20px;
	background:#fff;
}
.svw ul{
	xposition:relative;
	left:-999em;
}
.stripViewer{ /* this is the DIV container for your UL of images */
	position: relative;
	overflow: hidden; 
	background: #fff;
	border: 3px solid #ccc; /* this is the border. should have the same value for the links */
	margin-left: 8px;
}
.stripViewer ul{ /* this is your UL of images */
	margin: 0;
	padding: 0;
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
}
.stripViewer ul li{ /* each image is arranged horizontally */
	margin: 0;
	float: left;
	text-align: center;
	height: 190px;
}
.stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
	overflow: auto;
	width: 1%;
}
.stripTransmitter ul{ /* the auto-generated set of links */
	position: relative;
	list-style-type: none;
	margin-left: 8px;
}
.stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
	width: 1.5em;
	float: left;
	margin: 0 1px 1px 0;
}
.stripTransmitter a{ /* the links. */
	font: bold 10px Verdana, Arial;
	text-align: center;
	line-height: 22px;
	background: #eee;
	color: #333;
	text-decoration: none;
	display: block;
	xborder: 1px solid #666;
}
.stripTransmitter a:hover { /* hover */
	background: #bc5757;
	color: #fff;
	xborder: 1px solid #ff8800;
}
.stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
	background: #ccc;
	color: #000;
	xborder: 1px solid #666;
}
/* end slideViewer default styles */
#tooltip {
	background: #fff;
	color: #000;
	opacity: 0.85;
	border: 5px solid #dedede;
}
#tooltip h3 {
	font: normal 10px Verdana; 
	margin: 0; 
	padding: 6px 2px; 
	border: 0;
}