/* CSS Document */

#player {
	margin-bottom: 4px;
	padding: 0;
	display: block;	
}

#player .slideshow{
	float: left;
	width: 470px;
	overflow: hidden;
	height: 245px;
	background-color: #333333;
}

#player .slideshow img{
    border: 0;
}


#player .preloader{
	background-image: url(../slideshow/images/preloader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}


#player .controller{
	float: left;
	clear: both;
	width: 470px;
	height: 25px;
	background-color: #838383;
	background-image: url(../slideshow/images/bar.gif);
	text-align: right;
	background-repeat: no-repeat;
}

#player .buttons{
    padding: 0;
	margin: 0;
	width: 450px;
	float: right;
	margin-right: 10px;
	height: 25px;
}

#prev {
	width: 31px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(../slideshow/images/rewind_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*this is for ie*/
	font-size: 0;
	display: inline;
	line-height: 0;
} 
#prev:hover {
    background-image: url(../slideshow/images/rewind_btn_on.gif);
}

#next {
	width: 31px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(../slideshow/images/forward_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*this is for ie*/
	font-size: 0;
    display: inline;
	line-height: 0;
} 
#next:hover {
    background-image: url(../slideshow/images/forward_btn_on.gif);
}

#next .off {
    cursor: default;
	background-image: url(../slideshow/images/forward_btn_off.gif);
}

#resumeButton {
	width: 32px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(../slideshow/images/play_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*this is for ie*/
	font-size: 0;
	display: inline;
	line-height: 0;
}
#resumeButton:hover {
    background-image: url(../slideshow/images/play_btn_on.gif);
}

#pauseButton {
	width: 32px;
	height: 25px;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: -1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(../slideshow/images/pause_btn.gif);
	background-repeat: no-repeat;
	background-position: center top;
	/*this is for ie*/
	font-size: 0;
	display: inline;
	line-height: 0;
}
#pauseButton:hover {
    background-image: url(../slideshow/images/pause_btn_on.gif);
}

.clear {
    clear: both;
}