@charset "UTF-8";
/* CSS Document */

.SShowControlContainers {
	position:absolute;
	width:0px;
	height:0px;
	left:-2px;
	z-index:500;
	overflow:visible;
	text-align:center;
}
.SShowControlContainers div {
	z-index:3500;
	background-repeat: no-repeat;
	background-position:center;
	height:40px;
	width:40px;
	
	top: 50px;
}
#ThisControlContainer div{
		visibility:hidden;
 }

#ThisControlContainer > div{
	visibility:inherit;
-khtml-opacity:0; -moz-opacity:.0; -ms-filter:”alpha(opacity=0)”;
opacity:.0; filter:alpha(opacity=0);
 }

#ThisControlContainer_hover div{
	visibility:visible;/* horrible IE hack */
}
#ThisControlContainer_hover > div{
	visibility:inherit;
	/* pseudo-pheudo class. Not even a class, but an ID. Javascript swaps ids to set up a "hover" over the object of my choice*/
	-khtml-opacity:.50; -moz-opacity:.50; -ms-filter:”alpha(opacity=50)”;
	opacity:.50; filter:alpha(opacity=50);
}

#stepBkwd_control {
	position:absolute;
	cursor:pointer;
	z-index:501;
	left:5px;
	width:30px;
	height:40px;
	top:190px;
	background-image:url(/css/button-backgrounds/stepBack-1-std.gif);
}
#stepFwd_control {
	position:absolute;
	cursor:pointer;
	z-index:501;
	width:30px;
	height:40px;

	left:275px;
	top:190px;
	background-image:url(/css/button-backgrounds/stepFwd-1-std.gif);
}
#play_control {
	/*this should be set to match the pause_control, which is the default for the id*/
	position:absolute;
	cursor:pointer;
	z-index:501;
	width:30px;
	height:40px;
	left:140px;
	top:188px;
	background-image:url(/css/button-backgrounds/play-1-std.gif);
	
}
#pause_control {
	position:absolute;
	cursor:pointer;
	z-index:501;
	width:30px;
	height:40px;
	left:140px;
	top:188px;
	background-image:url(/css/button-backgrounds/pause-1-std.gif);
}
#stepBkwd_control:hover {background-image:url(/css/button-backgrounds/stepBack-1-hover.gif); }
#stepFwd_control:hover { background-image:url(/css/button-backgrounds/stepFwd-1-hover.gif); }
#play_control:hover { background-image:url(/css/button-backgrounds/play-1-hover.gif); }
#pause_control:hover { background-image:url(/css/button-backgrounds/pause-1-hover.gif); }
#preloadDefaultImages {
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(/css/button-backgrounds/stepBack-1-hover.gif);
	background-image:url(/css/button-backgrounds/stepFwd-1-hover.gif);
	background-image:url(/css/button-backgrounds/play-1-hover.gif);
	background-image:url(/css/button-backgrounds/pause-1-hover.gif);
	background-image:url(/css/button-backgrounds/play-1-std.gif);
}
#pictureBox,
#ThisControlContainer,
#ThisControlContainer_hover {
		/*So IE and Opera will take the hover on this enclosing container, added this completely transparent gif*/
	background-image:url(/page_art/1by1.gif);
	background-position:-10px -10px;
	background-repeat:no-repeat;
}

#pictureBox {
	/*	So IE and Opera will take the hover on this enclosing container, added this completely transparent gif*/
	background-image:url(/page_art/1by1.gif);
	background-position:-10px -10px;
	background-repeat:no-repeat;
}