/* Works fine in Mozilla */
	ul.slideshow {display:none;}
	
	/* Necessary for IE, since it doesn't recognize the CSS rule above */
	ul.slideshow li {display:none;}
	
	/* Give the slideshow viewer some color and a border */
	div.ss_slideshowFrame {
		width:418px;
		height: 342px;
		background:#888888;
		color: white;
		padding: 5px;
	}
		
	/* The float rules are important...  The rest is fairly arbitrary */
	div.ss_slideshowTitle {
		float:left;
		display:block;
		width:200px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	div.ss_slideProgress {
		float:left;
		display:block;
		width:90px;
		text-align:right;
		padding-right:10px;
	}
	
	div.ss_slideControls {
		float:right;
		display:block;
		width:50px;
	}
	
	/* Turns the slideshow controls into graphic-based buttons */
	input.ss_leftButton {
		background:url(../images/arrow_phototab_lt.gif);
		width:21px;
		height:17px;
		border:none;
	}

	input.ss_rightButton {
		background:url(../images/arrow_phototab_rt.gif);
		width:21px;
		height:17px;
		border:none;
	}

	/* not used yet... */
	div.ss_slideLoadingIndicator {
		display:none;
	}
	
	div.ss_slideHolder {
		display:inline;
	}

	/* These other rules are actually up to you, depending on how you fill in the LI tags... */
	div.ss_slideHolder img {
		border: 1px solid black;
	}
	
	div.ss_slideHolder span.credit {
		display:block;
		font-style:italic;
		text-align:right;
		margin-right:50px;
	}

	div.ss_slideHolder span.label {
		display:block;
		text-align:center;
	}

	.ss_rightbar {
		float: right;
		margin-right: 5px;
		width: 120px;
		position: absolute;
		top: 5px;
		right: 5px;
	}