/* Readspeaker */
#readspeaker_button {
	float: right;
	font: .9em Calibri, Arial, Helvetica, sans-serif
}
#readspeaker_button a,
.rsbtn_play {
	color: #FFF;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
/* Default buttons */
.rsgrad,
.rsbtn_left {
	background-color: #675E4F;
	border-right: 1px solid #FFF;
	display: block;
	float: left;
	padding: 3px 2px;
}
.rsbtn_text {
	display: block;
	height: 16px;
	padding: 0 5px;	
}
.rsbtn_play:hover .rsgrad,
.rsbtn_play:hover .rsbtn_left {
	background-color: #342F28;
}
.rsbtn_play:hover .rsbtn_text {
	color: #F0FF00;
}
.rsbtn_play:hover .rsplay {
	background: url(sprites.png) -16px 0  no-repeat;	
}
.rsexpanded .rsbtn_play .rsgrad {
	display: none;
}
/* General classes */
.rsbtn_colorskin {
	position: relative;
	float: left;
}
.rsbtn_colorskin a,
.rsbtn_colorskin span {
	position: relative;
}
/* Float player elements */
.rsbtn_colorskin .rspart {
	float: left;
}
.rsbtn_colorskin .rsdefloat {
	clear: both;
}
/* Player box */
.rsbtn_colorskin .rsbtn_box {
	background-color: #E9E4DA;
}
/* Play button */
.rsbtn_play,
.rsplay {
	background: url(sprites.png) 0 0  no-repeat;	
	height: 16px;
	width: 16px;	
}
/* Expanding area */
.rsbtn_colorskin .rsbtn_exp {
	background: none;
	float: left;
	display: none;
}
.rsbtn_exp .rsgrad:hover {
	background-color: #342F28;	
}
.rsbtn_colorskin.rsexpanded .rsbtn_exp,
.rsexpanded span {
	display: block;
}
/* Play & Pause button */
.rsbtn_pause {
	background: url(sprites.png) 0 -16px no-repeat;
	height: 16px;
	margin: 0 2px;
	width: 16px;
}
.rsbtn_pause:hover {
	background: url(sprites.png) -16px -16px  no-repeat;	
}
.rspaused .rsbtn_pause,
.rsstopped .rsbtn_pause {
	background: url(sprites.png) 0 0  no-repeat;	
	height: 16px;
	margin: 0 2px;
	width: 16px;
}
.rspaused .rsbtn_pause:hover,
.rsstopped .rsbtn_pause:hover {
	background: #342F28 url(sprites.png) -16px 0  no-repeat;		
}
/* Stop button */
.rsbtn_stop {
	background: url(sprites.png) 0 -32px  no-repeat;
	height: 16px;
	margin: 0 2px;
	width: 16px;
}
.rsbtn_stop:hover {
	background: #342F28 url(sprites.png) -16px -32px  no-repeat;
}
/* Progress container */
.rsbtn_progress_container {
	background-color: #CCC;	
	border: 1px solid #999;
	border-radius: 3px;
	height: 10px;
	margin: 6px 4px 0 5px;
	width: 50px;
}
.rsbtn_progress_container.rsloading {
	background: url(timeline-anim.gif) 0 0 no-repeat;
}
/* Progress drag handle */
.rsbtn_progress_handle {
	position: absolute;
	background-color: #675E4F;
	top: -3px;
	left: -3px;
	width: 6px;
	height: 16px;
}
.rsbtn_progress_handle:hover {
	background-color: #342F28;
}
/* Progress Bar */
.rsbtn_colorskin .rsbtn_progress_played {
	position: absolute;
	height: 100%;
	background-color: #999;
	background-image: none;
}
/* Volume button */
.rsbtn_volume {
	background: url(sprites.png) 0 -48px  no-repeat;
	height: 16px;
	margin: 4px 2px 0 2px;
	width: 16px;
}
.rsbtn_volume:hover {
	background: url(sprites.png) -16px -48px  no-repeat;
}
/* Volume slider container */
.rsbtn_colorskin .rsbtn_volume_container {
	background-color: #E9E4DA;
	display: none;
	height: 40px;	
	position: absolute;
	top: 100%;
	width: 14px;
}
/* Volume slider area */
.rsbtn_volume_slider {
	background: url(volbkg.png) left top no-repeat;
	height: 30px;
	margin: 5px;
	width: 4px;
}
/* Volume slider handle */
.rsbtn_volume_handle {
	background-color: #675E4F;
	border-radius: 1px;
	height: 6px;
	left: -3px;		
	position: absolute;
	top: -3px;	
	width: 10px;
}
.rsbtn_volume_handle:hover {
	background-color: #342F28;
}
/* Download button */
.rsbtn_dl {
	background: url(sprites.png) 0 -64px  no-repeat;
	height: 16px;
	margin: 4px 2px 0 2px;
	width: 16px;
}
.rsbtn_dl:hover {
	background: url(sprites.png) -16px -64px  no-repeat;
}
/* Settings button */
.rsbtn_settings {
	background: url(sprites.png) 0 -80px  no-repeat;
	height: 16px;
	margin: 4px 2px 0 2px;
	width: 16px;
}
.rsbtn_settings:hover {
	background: url(sprites.png) -16px -80px  no-repeat;
}
/* Close button */
.rsbtn_closer {
	background: url(sprites.png) 0 -96px  no-repeat;
	height: 16px;
	width: 16px;
}
.rsbtn_closer:hover {
	background: url(sprites.png) -16px -96px  no-repeat;
}
/* Popup Button - when selecting text on the page */
.rsbtn_colorskin.rspopup {
	position: absolute;
	display: none;
	font: .9em Calibri, Arial, Helvetica, sans-serif
}
.rsbtn_colorskin.rspopup a {
	color: #FFF;	
}