/* --- container and display --- */

.ss-container {
	margin-top: 1em;
}
.ss-container img {
	margin:0;
}
.ss-container div {
	margin:0 auto;
}
.ss-container div.ss-display {
	border: 2px solid #73a0c5;
	border-top: 0;
	background-color: #e5e6e7;
	background-image: url("img/loading.png");
	background-repeat: no-repeat;
	background-position: center center;
	width:373px;
	height:250px;
	position:static;
	padding: 4px;
}
.ss-container div.ss-imgwrap {
	position:relative;
}
.ss-container div.ss-display img {
	border:0;
}
.ss-container div.ss-display img.loading {
	display:none;
}

/* --- menu --- */

.ss-menu {
	width:88px;
	background-color: #73a0c5;
	margin: 0;
	padding: 2px 148px 2px 149px;
}
.ss-menu ul {
	height:16px;
	margin: 0;
	padding: 0;
}
.ss-menu li {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding: 0;
	display:inline;
	cursor:pointer;
}
.ss-menu li div {
	padding:0 0 0 16px;
	width:0;
	height:16px;
	overflow:hidden;
	float:left;
	background-repeat: no-repeat;
}

/* --- menu buttons --- */

.ss-playing .ss-play, .ss-paused .ss-pause { display:none; }
li.ss-play div, li.ss-pause div { margin: 0 4px; }
li.ss-play div { background-image:url("img/play.png"); }
li.ss-pause div { background-image:url("img/pause.png"); }
.ss-first div { background-image:url("img/first.png"); }
.ss-last div  { background-image:url("img/last.png"); }
.ss-prev div  { background-image:url("img/prev.png"); }
.ss-next div  { background-image:url("img/next.png"); }
.ss-play:hover div  { background-image:url("img/playHover.png"); }
.ss-pause:hover div { background-image:url("img/pauseHover.png"); }
.ss-first:hover div { background-image:url("img/firstHover.png"); }
.ss-last:hover div  { background-image:url("img/lastHover.png"); }
.ss-prev:hover div  { background-image:url("img/prevHover.png"); }
.ss-next:hover div  { background-image:url("img/nextHover.png"); }


/* --- thumbnails --- */

.ss-thumbs {
	width:381px;
	border: 2px solid #73a0c5;
	border-top: 0;
}
.ss-thumbs ul {
	margin: 0;
	padding: 0;
}
.ss-thumbs li {
	margin:0;
	padding: 0;
	display:none;
}
.ss-thumbs li.show {
	display:inline;
}
.ss-thumbs li.hide {
	display:none;
}
.ss-thumbs ul li {
	list-style-type: none;
	list-style-image: none;
}
.ss-thumbs li img {
	border:1px solid #73a0c5;
	width:75px;
	height:75px;
	cursor:pointer;
}
.ss-thumbs li img.loading {
	opacity:0.5; /* Mozilla and Safari */
	filter: alpha(opacity=50); /* I.E. */
}
.ss-thumbs li img.selected {
	border: 1px solid white;
}
.ss-thumbs li img.before-selected {
	border-right:0;
}
.ss-thumbs li img.after-selected {
	border-left:0;
}