/* prev, next, prevPage and nextPage buttons */
a#prev,
a#next{
	position: absolute;
	display: block;
	width: 15px;
	height: 280px;
	cursor: pointer;
}

a#prev
{
	top: 34px;
	left: 0;
	background:url(../media/images/button-prev.gif) no-repeat left top;
}

a#next
{
	top: 34px;
	right: 0;
	background:url(../media/images/button-next.gif) no-repeat left top;
}

/* mouseover state */
a#prev:hover,
a#next:hover {
	background-position: center top;		
}

/* disabled navigational button */
a#prev.disabled,
a#next.disabled {
	visibility: visible;
	background-position: right top;	
	cursor: default;	
}

/* prev, next, prevPage and nextPage buttons */
a#prev-showcase,
a#next-showcase{
	position: absolute;
	display: block;
	width: 15px;
	height: 280px;
	cursor: pointer;
}

a#prev-showcase
{
	top: 34px;
	left: 0;
	background:url(../media/images/button-prev.gif) no-repeat left top;
}

a#next-showcase
{
	top: 34px;
	right: 0;
	background:url(../media/images/button-next.gif) no-repeat left top;
}

/* mouseover state */
a#prev-showcase:hover,
a#next-showcase:hover {
	background-position: center top;		
}

/* disabled navigational button */
a#prev-showcase.disabled,
a#next-showcase.disabled {
	visibility: visible;
	background-position: right top;	
	cursor: default;	
}

div.navi
{
	position: absolute;
	left: 50px;
	top: 35px;
	width: 860px;
	height: 14px;
}

	div.navi a
	{
		display: block;
		width: 16px;
		height: 16px;
		background: url(../media/images/button-navi.png) left top no-repeat;
		margin: 0 20px 0 0;
		cursor: pointer;
		float: left;
	}
	
	div.navi a.active, div.navi a:hover
	{
		background-position: left bottom;
	}

div#actionButtons
{
	 position: absolute;
	 padding: 5px 5px 5px 10px;
	 right: 40px;
	 bottom: 25px;
	 background: url(../media/images/actionbuttons-bg.png) left top no-repeat;
}
	
div#actionButtons a.play
{
	display: block;
	padding: 2px 0 0 20px;
	width: 30px;
	height: 14px;
	background: url(../media/images/button-play.png) left top no-repeat;
	cursor: pointer;
	float: left;
}

div#actionButtons a.stop
{
	display: block;
	padding: 2px 0 0 20px;
	width: 30px;
	height: 14px;
	background: url(../media/images/button-stop.png) left top no-repeat;
	cursor: pointer;
	float: left;
}
	
	div#actionButtons a:active, div#actionButtons a.active, div#actionButtons a:hover
	{
		background-position: left bottom;
	}
	
	div#actionButtons a
	{
		font-size: 1em;
		text-decoration: none;
		color: #444;
	}