.rsbtn_classic .rsimg {
	background: transparent url(img/ReadSpeakerClassic.png) no-repeat scroll 0 0;
}

.rsbtn_classic .rsbtn_pause .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_stop .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_volume .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_closer .rsbtn_btnlabel {
	display: none;
}

.rsbtn_classic.rsfloating {
	display: block;
}

.rsbtn_classic .rsbtn_play {
	display: inline;
}

.rsbtn_classic .rsbtn_left .rsbtn_text {
	background: transparent url(/etc/designs/stzh/statics/media/icon_link_readspeaker.gif) no-repeat scroll 0 0;
	padding-left: 20px;
	padding-top: 0px;
}
a.icon.read {
    background-image: none;
}

.rsbtn_classic .rsbtn_left.rsimg,
.rsbtn_classic .rsbtn_right.rsimg {
	background: none;
}

.rsbtn_classic .rsbtn_play {
	font-family: sans-serif;
	text-decoration: none;
	color: #33a;
}

.rsbtn_classic {
	position: relative;
}

.rsbtn_classic .rsbtn_exp span,
.rsbtn_classic .rsbtn_exp a {
	display: block;
	text-decoration: none;
}


/* EXPANDING CONTAINER */
.rsbtn_classic .rsbtn_exp {
	position: relative;
	display: none;
}

.rsbtn_classic.rsexpanded .rsbtn_exp.rsimg {
	display: block;
	background: #fff;
    /* oizaer: readspeaker layout adjustments */
    padding-bottom: 10px;
    line-height: 1.5em;
}

/* PLAYER AREA */
.rsbtn_classic .rsbtn_playerarea {
	position: relative;
	float: left;
	border: 1px solid #aeaeae;
	padding: 3px 3px 0px 3px;
}


/******************************************************** TOP BAR */

/* BUTTONS */
.rsbtn_classic .rsbtn_pause.rsimg,
.rsbtn_classic .rsbtn_stop.rsimg,
.rsbtn_classic .rsbtn_volume.rsimg,
.rsbtn_classic .rsbtn_closer.rsimg {
	position: relative;
	width: 13px;
	height: 13px;
}

/* PAUSE BUTTON */
.rsbtn_classic .rsbtn_topbar .rsbtn_pause.rsimg.rspart {
	margin-left: 0;
}

.rsbtn_classic.rsplaying .rsbtn_pause.rsimg {
	background-position: 0 -13px;
}

/* STOP BUTTON */
.rsbtn_classic.rsplaying .rsbtn_stop.rsimg,
.rsbtn_classic.rspaused .rsbtn_stop.rsimg {
	background-position: 0 -26px;
}

.rsbtn_classic.rsstopped .rsbtn_stop.rsimg {
	background-position: -13px -26px;
}

/* PROGRESSBAR */
.rsbtn_classic .rsbtn_progress_container.rsimg {
	position: relative;
	border: 1px solid #3380cc;
	width: 170px;
	height: 11px;
	background-position: 0 -78px;
	background-repeat: repeat-x;
	border-radius: 2px;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_played.rsimg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1%;
	background-position: 0 -91px;
	background-repeat: repeat-x;
}

.rsbtn_classic .rsbtn_progress_container.rsimg .rsbtn_progress_handle.rsimg {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 2px;
	height: 100%;
	background: #3380cc;
}

/**
 * Time labels
 */
.rsbtn_classic .rsbtn_progress_container .rsbtn_current_time,
.rsbtn_classic .rsbtn_progress_container .rsbtn_time_separator,
.rsbtn_classic .rsbtn_progress_container .rsbtn_total_time {
	display: none;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	z-index: 10;
}


/* VOLUME */
.rsbtn_classic .rsbtn_volume.rsimg {
	background-position: 0 -65px;
}

.rsbtn_classic .rsbtn_topbar .rsbtn_volume_container {
	position: absolute;
	height: 70px;
	width: 20px;
	top: 20px;
	margin-left: -5px;
	border: 1px solid #3380cc;
	background: #fff;
	box-shadow: 0 0 5px #333;
	display: none;
	z-index: 100;
}

.rsbtn_classic .rsbtn_volume_container .rsbtn_volume_slider {
	border: none;
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 60px;
	background: #a4cbff;
}

.rsbtn_classic .rsbtn_volume_slider .rsbtn_volume_handle.rsimg {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 14px;
	height: 5px;
	background: #3380cc;
}

/* READSPEAKER ICON */
.rsbtn_classic .rsbtn_icon {
	background: transparent url(img/icon_16px.gif) no-repeat scroll 0 0;
	width: 16px;
	height: 16px;
	margin-top: -1px;
	margin-right: 20px; /* Just to make sure that the close button does not cover the ReadSpeaker icon. */
}

/* CLOSEBUTTON */
.rsbtn_classic .rsbtn_closer.rsimg {
	position: absolute;
	right: 3px;
	top: 3px;
	background-position: 0 -39px;
}

/******************************************************** BOTTOM LINKS */
.rsbtn_classic .rsbtn_topbar .rspart,
.rsbtn_classic .rsbtn_bottomlinks .rspart {
	float: left;
	margin-left: 4px;
}

.rsbtn_classic .rsbtn_bottomlinks {
	font-size: 12px;
}

.rsbtn_classic .rsbtn_bottomlinks span{
	display: inline;
}

.rsbtn_classic .rsbtn_bottomlinks {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* BOTTOM LINKS BUTTONS */
.rsbtn_classic .rsbtn_settings,
.rsbtn_classic .rsbtn_dl,
.rsbtn_classic .rsbtn_powered {
	position: relative;
	padding: 2px;
}

.rsbtn_classic .rsbtn_settings:hover,
.rsbtn_classic .rsbtn_dl:hover,
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel a:hover {
	background-color: #a4cbff;
}

/* BOTTOM LINKS LABELS */
.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg,
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel,
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;	
	height: 13px;	
}

/* SETTINGS */
.rsbtn_classic .rsbtn_bottomlinks .rsbtn_settings.rspart {
	margin-left: 0;
}

.rsbtn_classic .rsbtn_settings .rsbtn_btnlabel.rsimg {
	background-position: 0 -52px;
	padding: 0 0 0 16px;
}

/* NO SOUND */
.rsbtn_classic .rsbtn_dl .rsbtn_btnlabel {

}

/* POWERED BY READSPEAKER */
.rsbtn_classic .rsbtn_powered .rsbtn_btnlabel a {
	display: inline;
	color: #000;
	padding: 2px 0;
	z-index: -1;
}

/******************************************************** POPUP BUTTON */
.rsbtn_classic.rspopup {
	position: absolute;
	background: #fff;
	border: 1px solid #3380cc;
	padding: 3px 3px 3px 3px;
	display: none;
	box-shadow: 0 0 5px #333;
}

/* COMPACT BUTTON */
.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text {
	display: block;
	position: relative;
	margin: 2px 2px 2px;
	width: 16px;
	height: 16px;
	padding: 0;
}

.rsbtn_classic.rspopup.rscompact .rsbtn_play .rsbtn_left .rsbtn_text span {
	display: none;
}

.rsbtn_classic.rspopup.rsexpanded .rsbtn_play {
	display: none;
}

/******************************************************** POPUP PLAYER */

.rsbtn_classic.rspopup .rsbtn_exp .rspart {
	float: left;
	margin-left: 4px;
}

/* PLAY/PAUSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_exp .rsbtn_pause.rspart {
	margin-left: 0;
}

/* READSPEAKER ICON */
.rsbtn_classic.rspopup .rsbtn_icon {
	margin-right: 0;
}

/* SETTINGS BUTTON */
.rsbtn_classic.rspopup .rsbtn_settings {
	width: 13px;
	height: 13px;
	padding: 0;
	background-position: 0 -52px;
	margin-right: 17px;
}

.rsbtn_classic.rspopup .rsbtn_settings:hover {
	background-color: transparent;
}

/* CLOSE BUTTON */
.rsbtn_classic.rspopup .rsbtn_closer.rsimg {
	right: 0px;
	top: 0px;
}

/******************************************************** MISC */
.rsbtn_classic .defloater {
	clear: both;
}

/* oizaer: readspeaker layout adjustments */
#readspeaker_button1 {
    width: 100%;
    display: inline-block;
    line-height: 1px;
}

#readspeaker_button1 p.back.top {
  margin-bottom: 26px !important;
}

a.rspart:focus, a.rspart:focus span, a.rspart:focus strong,
a.rspart:focus img, a.rspart.rsbtn_stop:active, a.rspart:active span,
a.rspart:active strong, a.rspart:active img {
/* howto disable background-color ? */
}