@oiz/stzh-components 0.0.0-pretest

package/dist/collection/assets/vendors/readspeaker/ReadSpeaker.Styles-Basic.css

@@ -0,0 +1,881 @@
+.rsbtn {
+    position: relative;
+    height: 26px;
+    margin-bottom: 10px;
+    z-index: 100;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+}
+
+.rshidden {
+    display: none;
+}
+
+.rsvisible {
+    display: block;
+}
+
+.rsbtn span, .rsbtn a {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0;
+    text-decoration: none;
+    float: left;
+}
+
+.rsbtn span, .rsbtn a:focus {
+    border: none;
+}
+
+.rsbtn .rsbtn_play {
+    text-decoration: none;
+    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
+    font-size: 12px;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 16px;
+    color: #333;
+    position: static;
+    display: inline;
+    margin: auto;
+    padding: inherit;
+    float: left;
+}
+
+.rsbtn .rsimg, #rslightbox_logo, .rsbtn a.rsimg {
+    background: transparent url(img/rs_button.gif) no-repeat scroll 0 0;
+}
+
+.rsbtn .rspart {
+    position: relative;
+    float: left;
+    height: 26px;
+}
+
+.rsbtn .rsbtn_left .rsbtn_text {
+    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
+    font-size: 12px;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 16px;
+    margin: 5px 10px;
+    padding-left: 20px;
+    background: transparent url(img/icon_16px.gif) no-repeat scroll 0 0;
+}
+
+.rsdeferred .rsbtn_left .rsbtn_text span {
+    padding-right: 20px;
+    background: transparent url(img/rs_loader_anim.gif) no-repeat scroll top right;
+}
+
+.rsbtn span.rsbtn_left {
+    width: auto;
+}
+
+.rsbtn a .rsbtn_right, .rsbtn .rsbtn_pause {
+    width: 42px;
+    background-position: 0 -26px;
+}
+
+.rsbtn a:hover .rsbtn_right, .rsfocus .rsbtn_right {
+    background-position: -42px -26px;
+}
+
+.rsbtn .rsanim {
+    background: transparent url(img/play-anim.gif) no-repeat scroll 0 0;
+}
+
+.rsexpanded .rsbtn_right {
+    display: none;
+}
+
+.rsbtn .rsbtn_pause .rsbtn_btnlabel, .rsbtn .rsbtn_stop .rsbtn_btnlabel, .rsbtn .rsbtn_volume .rsbtn_btnlabel, .rsbtn .rsbtn_settings .rsbtn_btnlabel, .rsbtn .rsbtn_dl .rsbtn_btnlabel, .rsbtn .rsbtn_closer .rsbtn_btnlabel, .rsbtn .rsbtn_pin .rsbtn_btnlabel, .rsbtn .rsbtn_powered .rsbtn_btnlabel {
+    display: none;
+}
+
+.rsbtn span.rsplaying .rsbtn_pause {
+    display: none;
+    background-position: 0 -78px;
+}
+
+.rsbtn .rsbtn_pin {
+    margin-top: 3px;
+    width: 20px;
+    height: 20px;
+    background-image: url(img/rs_button.gif);
+    background-repeat: no-repeat;
+    background-position: -42px -218px;
+}
+
+.rsbtn .rsbtn_pin:hover, .rsbtn .rsbtn_pin.rsfocus {
+    background-position: -62px -218px;
+}
+
+.rsbtn .pinned {
+    background-position: -42px -238px;
+}
+
+.rsbtn .pinned:hover, .rsbtn .pinned.rsfocus {
+    background-position: -62px -238px;
+}
+
+.rsbtn a.turnedOff {
+    display: none !important;
+}
+
+.rsbtn_pinnedHome {
+    background-color: #eee;
+    border: dashed 1px #aaa;
+}
+
+.rsfloating div.rsbtn_exp .rsbtn_pause, .rsplaying div.rsbtn_exp .rsbtn_pause {
+    background-position: 0 -412px;
+}
+
+.rsexpanded div.rsbtn_exp .rsbtn_pause, .rsplaying .rsbtn_pause {
+    display: block;
+}
+
+.rsfloating div.rsbtn_exp .rsbtn_pause:hover, .rsplaying div.rsbtn_exp .rsbtn_pause:hover, .rs-no-touch div.rsbtn_pause:hover, .rs-no-touch div.rspaused .rsfocus {
+    background-position: -42px -412px;
+}
+
+.rsfloating .rsbtn_pause:hover, .rsfloating .rsbtn_pause.rsfocus {
+    background-position: -42px -412px;
+}
+
+.rsexpanded .rsstopped .rsbtn_pause, .rsexpanded .rspaused .rsbtn_pause {
+    background-position: 0 -280px;
+}
+
+.rsexpanded .rsstopped .rsbtn_pause:hover, .rsexpanded .rspaused .rsbtn_pause:hover, .rsexpanded .rsstopped .rsfocus, .rsexpanded .rspaused .rsfocus {
+    background-position: -42px -280px;
+}
+
+.rsfloating span.rsstopped .rsbtn_pause, .rsfloating span.rspaused .rsbtn_pause {
+    background-position: 0 -386px;
+}
+
+.rsfloating .rsstopped .rsbtn_pause:hover, .rsfloating .rspaused .rsbtn_pause:hover, .rsfloating .rspaused .rsfocus {
+    background-position: -42px -386px;
+}
+
+.rsbtn .rsbtn_exp {
+    display: none;
+    background: none;
+}
+
+.rsexpanded .rsbtn_exp {
+    display: block;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_stop {
+    left: -5px;
+    margin-right: -5px;
+    width: 42px;
+    background-position: 0 -104px;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_stop:hover, .rsexpanded .rsbtn_stop:hover, .rsexpanded .rsbtn_stop.rsfocus {
+    background-position: -42px -104px;
+}
+
+div.rsexpanded .rsstopped .rsbtn_stop, div.rsexpanded .rsstopped .rsbtn_stop:hover {
+    background-position: -263px -161px;
+}
+
+.rsbtn .rsbtn_player {
+    position: relative;
+    z-index: 120;
+    background-position: 0 -130px;
+    background-repeat: repeat-x;
+}
+
+.rsbtn .rsbtn_player .rsplaypart {
+    float: left;
+}
+
+.rsbtn .rsbtn_progress_container {
+    position: relative;
+    width: 50px;
+    height: 10px;
+    border: 1px solid #555;
+    background-repeat: repeat-x;
+    background-position: 0 -376px;
+    margin: 8px 5px 0 3px;
+}
+
+.rsbtn .rsbtn_progress_container .rsbtn_progress_loaded {
+    position: relative;
+    width: 1%;
+    height: 100%;
+    background-color: #ccc;
+}
+
+.rsbtn .rsbtn_progress_container .rsbtn_progress_played {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 1%;
+    background-position: 0 -208px;
+    overflow: hidden;
+}
+
+.rsbtn .rsbtn_progress_container .rsbtn_progress_handle {
+    position: absolute;
+    left: -11px;
+    top: -7px;
+    width: 20px;
+    height: 24px;
+    background-position: 0 -183px;
+}
+
+.rs-no-touch .rsbtn_progress_container .rsbtn_progress_handle:hover, .rs-no-touch .rsbtn_progress_container .rsbtn_progress_handle.rsfocus {
+    background-position: -20px -183px;
+}
+
+.rsbtn .rsstopped .rsbtn_progress_container .rsbtn_progress_handle, .rsbtn .rsstopped .rsbtn_progress_container .rsbtn_progress_handle:hover {
+    opacity: .6;
+    background-position: 0 -183px;
+    cursor: default;
+}
+
+.rsbtn .rsloading {
+    background: transparent url(img/timeline-anim.gif) repeat-x scroll 0 0;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_volume {
+    position: relative;
+    width: 20px;
+    height: 20px;
+    background-position: 0 -218px;
+    margin-top: 3px;
+    margin-right: 2px;
+}
+
+.rs-no-touch .rsbtn_volume:hover, .rs-no-touch .rsbtn_volume.rsfocus {
+    background-position: -20px -218px;
+}
+
+.rsbtn .rsbtn_volume_container {
+    position: absolute;
+    height: 70px;
+    width: 26px;
+    bottom: -65px;
+    left: 0;
+    border: none;
+    background-position: 0 -514px;
+    display: none;
+    z-index: 120;
+}
+
+.rsbtn .rsbtn_volume_container .rsbtn_volume_slider {
+    border: none;
+    position: absolute;
+    top: 15px;
+    left: 3px;
+    width: 22px;
+    height: 40px;
+}
+
+.rsbtn .rsbtn_volume_slider .rsbtn_volume_handle {
+    position: absolute;
+    top: -7px;
+    left: 0;
+    width: 20px;
+    height: 14px;
+    background-position: -41px -184px;
+}
+
+.rs-no-touch .rsbtn_volume_slider .rsbtn_volume_handle:hover, .rs-no-touch .rsbtn_volume_slider .rsbtn_volume_handle.rsfocus {
+    background-position: -62px -184px;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_settings, .rsbtn div.rsbtn_exp .rsbtn_dl {
+    width: 20px;
+    height: 20px;
+    background-position: 0 -238px;
+    margin-top: 3px;
+}
+
+.rs-no-touch .rsbtn_settings:hover, .rs-no-touch .rsbtn_settings.rsfocus {
+    background-position: -20px -238px;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_dl {
+    background-position: 0 -258px;
+}
+
+.rs-no-touch .rsbtn_dl:hover, .rs-no-touch .rsbtn_dl.rsfocus {
+    background-position: -20px -258px;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_closer {
+    width: 27px;
+    background-position: 0 -156px;
+}
+
+.rs-no-touch .rsbtn_closer:hover, .rs-no-touch .rsfocus {
+    background-position: -27px -156px;
+}
+
+.rsfloating div.rsbtn_exp .rsbtn_closer {
+    width: 27px;
+    background-position: -104px -156px;
+}
+
+.rsfloating .rsbtn_closer:hover, .rsfloating .rsbtn_closer.rsfocus {
+    background-position: -131px -156px;
+}
+
+.rsbtn div.rsbtn_exp .rsbtn_powered {
+    position: absolute;
+    right: 7px;
+    top: 27px;
+    height: 10px;
+    z-index: 110;
+    color: #999;
+    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 10px;
+    font-size: 10px;
+    background: none;
+    cursor: pointer;
+}
+
+.rsbtn .rsbtn_powered a, .rsbtn .rsbtn_powered span {
+    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
+    font-weight: normal;
+    font-style: normal;
+    line-height: 10px;
+    font-size: 10px;
+    display: inline;
+}
+
+.rsbtn .rsbtn_powered .rsbtn_btnlabel {
+    display: inline;
+}
+
+.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read {
+    color: #e60;
+}
+
+.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
+    color: #33a;
+}
+
+.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon {
+    position: relative;
+    top: 1px;
+    width: 11px;
+    height: 9px;
+    margin-left: 2px;
+    padding-right: 11px;
+    background-position: -137px -490px;
+}
+
+.rs_whitelogo .rsbtn_powered, .rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read, .rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
+    color: #fff;
+}
+
+.rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon {
+    background-position: -285px -490px;
+}
+
+.rs_blacklogo .rsbtn_powered, .rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read, .rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
+    color: #000;
+}
+
+.rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon.rsimg {
+    background-position: -433px -490px;
+}
+
+.rsbtn_exp span.rsbtn_status_overlay {
+    position: absolute;
+    z-index: 140;
+    top: 1px;
+    left: 0;
+    width: 92%;
+    height: 93%;
+    background: #eee;
+    opacity: .9;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
+    filter: alpha(opacity=90);
+}
+
+.rsbtn_exp .rsbtn_status_overlay span.rsbtn_status {
+    position: relative;
+    color: #000;
+    text-align: center;
+    font-size: 11px;
+    font-family: Verdana;
+    margin-top: 4px;
+}
+
+.rsbtn a.rsbtn_loaderror {
+    display: inline;
+    font-size: 10px;
+}
+
+.rsbtn_exp .rsbtn_status_overlay a.rsbtn_nosound, a.rsbtn_loaderror {
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.rsbtn_exp .rsbtn_status_overlay a.rsbtn_nosound:hover, .rsbtn_exp .rsbtn_status_overlay a.rsfocus {
+    text-decoration: underline;
+}
+
+#rslightbox_contentcontainer {
+    text-align: left;
+}
+
+#rslightbox_closer {
+    display: block;
+    position: absolute;
+    top: -21px;
+    right: -21px;
+    width: 42px;
+    height: 42px;
+    background: transparent url(img/rs_button.gif) no-repeat scroll 0 -599px;
+    z-index: 10002;
+}
+
+#rslightbox_closer:hover, #rslightbox_closer.rsfocus {
+    background-position: -42px -599px;
+}
+
+#rslightbox_closer .rsbtn_btnlabel {
+    display: none;
+}
+
+#rslightbox_content {
+    position: relative;
+    margin: 0 10px 10px;
+    border: 1px solid #ccc;
+    top: 30px;
+}
+
+#rslightbox_content iframe {
+    width: 100%;
+    height: 99%;
+    border: 0;
+}
+
+#rslightbox_content fieldset {
+    border: none;
+    border-top: 1px solid #999;
+    margin-top: 10px;
+}
+
+#rslightbox_logo.rsimg {
+    position: absolute;
+    top: 3px;
+    left: 10px;
+    width: 134px;
+    height: 22px;
+    background-position: 0 -499px;
+}
+
+#rslightbox_closer {
+    font-family: 'Lucida Sans', 'Lucida Grande', Lucida, Sans-Serif;
+    font-size: 12px;
+    line-height: 1.3em;
+}
+
+#rslightbox_content, #rslightbox_buttons {
+    font-family: 'Lucida Grande', 'Lucida Sans', Lucida, Sans-Serif;
+    font-size: 12px;
+    line-height: 1.3em;
+    color: #000;
+    background: #fff;
+}
+
+#rslightbox_contentcontainer #rslightbox_content form {
+    width: auto;
+    text-align: left;
+}
+
+#rslightbox_content .rsform-row {
+    padding: 10px;
+    margin-top: 10px;
+    background: #eee;
+    border: 1px dotted #fff;
+}
+
+#rslightbox_content .rsfocus {
+    border: 1px dotted #000;
+}
+
+#rslightbox_content .rsform-row:first-child, #rslightbox_content .rsform-row-nospace {
+    margin-top: 0;
+}
+
+#rslightbox_content .rsform-row fieldset {
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
+
+#rslightbox_content .rsform-row fieldset legend {
+    padding: 0;
+}
+
+#rslightbox_content .rsform-row fieldset legend button {
+    border: 0;
+}
+
+#rslightbox_content label {
+    margin-right: 20px;
+    display: inline;
+}
+
+#rslightbox_content input[type=radio] {
+    margin: 0 5px 0 0;
+    width: auto;
+    display: inline;
+    -webkit-appearance: radio;
+}
+
+#rslightbox_content .rsform-row select {
+    width: auto;
+}
+
+#rslightbox_content ul.rsform-colorlist {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+#rslightbox_content ul.rsform-colorlist li {
+    float: left;
+    margin-left: 5px;
+    padding: 1px;
+}
+
+#rslightbox_content ul.rsform-colorlist li:first-child {
+    margin-left: 0;
+}
+
+#rslightbox_content ul.rsform-colorlist li a {
+    position: relative;
+    display: block;
+    text-decoration: none;
+    color: #000;
+    padding: 5px;
+}
+
+#rslightbox_content ul.rsform-colorlist li:hover {
+    border: 1px solid #ccc;
+    padding: 0;
+}
+
+#rslightbox_content .dimmed ul.rsform-colorlist li:hover {
+    border-color: #fff;
+}
+
+#rslightbox_content .dimmed ul.rsform-colorlist li a {
+    cursor: default;
+}
+
+#rslightbox_content ul.rsform-colorlist li.rsform-colorlist-active, #rslightbox_content .dimmed ul.rsform-colorlist li.rsform-colorlist-active {
+    border: 1px solid #33a;
+    padding: 0;
+}
+
+#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-box {
+    display: block;
+    position: relative;
+    width: 16px;
+    height: 16px;
+    border: 1px solid #000;
+}
+
+#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-underline span.rsform-colorlist-box, #rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-none span.rsform-colorlist-box {
+    display: none;
+}
+
+#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-label {
+    margin-left: 4px;
+}
+
+#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-underline span.rsform-colorlist-label, #rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-none span.rsform-colorlist-label {
+    margin-left: 0;
+    font-size: 12px;
+    line-height: 1.3em;
+}
+
+#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-style-color {
+    position: absolute;
+    display: none;
+}
+
+#rslightbox_content .rsform-colorlist-label legend, #rslightbox_content .rsform-radio-label legend {
+    margin-bottom: 5px;
+}
+
+#rslightbox_content #rsform_wrapper {
+    margin: 10px;
+}
+
+#rslightbox_content .rsform-info-toggle {
+    background: transparent;
+    padding: 0;
+    margin: 0 10px;
+    cursor: pointer;
+    text-decoration: none;
+    border: none;
+}
+
+#rslightbox_content .rsform-row.dimmed .rsform-info-toggle {
+    cursor: default;
+}
+
+#rslightbox_content .rsform-info-container {
+    display: none;
+    padding: 5px;
+    margin-top: 5px;
+    background: #ffd;
+    color: #333;
+    border: 1px dotted #777;
+}
+
+#rslightbox_content .rsform-slider {
+    position: relative;
+    width: 80%;
+    height: 5px;
+    border: 1px solid #555;
+    background-repeat: repeat-x;
+    background-position: 0 -521px;
+    margin: 10px 20px 20px;
+}
+
+#rslightbox_content .rsform-slider-handle {
+    position: absolute;
+    left: -11px;
+    top: -10px;
+    width: 22px;
+    height: 26px;
+    background-position: -54px -156px;
+    border: none;
+}
+
+#rslightbox_content .rsform-slider-handle a {
+    text-decoration: none;
+}
+
+#rslightbox_content .slider-label-start, #rslightbox_content .slider-label-end {
+    position: absolute;
+    top: 12px;
+    left: -5%;
+}
+
+#rslightbox_content .slider-label-end {
+    left: auto;
+    right: -5%;
+}
+
+#rslightbox_buttons {
+    margin: 0 10px;
+    padding-top: 5px;
+}
+
+#rsdl_container {
+    background: #fff;
+}
+
+#rsdl_container .rsdl_textwrapper {
+    padding: 20px;
+}
+
+.rspopup {
+    z-index: 1000;
+    overflow: visible;
+}
+
+#rslightbox_buttons {
+    background: #eee;
+    position: absolute;
+    bottom: 20px;
+}
+
+#rslightbox_buttons a.rsdialog-button {
+    position: relative;
+    padding: 5px;
+    border: 1px solid #777;
+    border-radius: 3px;
+    color: #000;
+    text-decoration: none;
+    background: #ccc;
+    background: -moz-linear-gradient(top, #eee 0, #ccc 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
+    background: -webkit-linear-gradient(top, #eee 0, #ccc 100%);
+    background: -o-linear-gradient(top, #eee 0, #ccc 100%);
+    background: -ms-linear-gradient(top, #eee 0, #ccc 100%);
+    background: linear-gradient(to bottom, #eee 0, #ccc 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
+}
+
+#rslightbox_buttons a.rsdialog-button:hover, #rslightbox_buttons a.rsdialog-button:focus {
+    background: #eee;
+    background: -moz-linear-gradient(top, #fff 0, #ddd 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
+    background: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
+    background: -o-linear-gradient(top, #fff 0, #ddd 100%);
+    background: -ms-linear-gradient(top, #fff 0, #ddd 100%);
+    background: linear-gradient(to bottom, #fff 0, #ddd 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
+}
+
+.rspopup {
+    position: absolute;
+    background: transparent;
+    height: 36px;
+    display: none;
+}
+
+.rspopup .rspart {
+    height: 36px;
+}
+
+.rspopup .rsbtn_left {
+    background-position: 0 -527px;
+}
+
+.rscompact span.rsbtn_left {
+    width: 34px;
+}
+
+.rscompact .rsbtn_left span.rsbtn_text {
+    width: 16px;
+    overflow: hidden;
+    margin-right: 0;
+    padding-left: 0;
+    width: 16px;
+    margin-left: 16px;
+    _margin-left: 8px;
+    height: 16px;
+}
+
+.rscompact .rsbtn_left .rsbtn_text span {
+    display: none;
+}
+
+.rscompact .rsbtn_left .rsbtn_text span {
+    overflow: hidden;
+    text-overflow: clip;
+    height: 26px;
+}
+
+.rspopup .rsbtn_left .rsbtn_text {
+    margin-top: 10px;
+    margin-left: 15px;
+    padding-left: 20px;
+}
+
+.rspopup .rsbtn_play .rsbtn_right {
+    width: 47px;
+    background-position: -99px -26px;
+}
+
+.rspopup a:hover .rsbtn_right {
+    background-position: -171px -26px;
+}
+
+.rscompact .rsbtn_play .rsbtn_right, .rscompact a:hover .rsbtn_right {
+    width: 14px;
+    background-position: -132px -26px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_pause {
+    background-position: -99px -73px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_pause:hover {
+    background-position: -171px -73px;
+}
+
+.rspopup span.rsstopped .rsbtn_pause, .rspopup span.rspaused .rsbtn_pause {
+    background-position: -397px -26px;
+}
+
+.rspopup span.rsstopped .rsbtn_pause:hover, .rspopup span.rspaused .rsbtn_pause:hover {
+    background-position: -397px -73px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_stop {
+    background-position: -243px -73px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_stop:hover {
+    background-position: -318px -73px;
+}
+
+.rspopup span.rsstopped a.rsbtn_stop, .rspopup span.rsstopped a.rsbtn_stop:hover, .rspopup span.rsstopped button.rsbtn_stop, .rspopup span.rsstopped button.rsbtn_stop:hover {
+    background-position: -319px -156px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_player {
+    background-position: 0 -563px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_progress_container {
+    margin-top: 13px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_volume, .rspopup div.rsbtn_exp .rsbtn_settings, .rspopup div.rsbtn_exp .rsbtn_dl {
+    margin-top: 8px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_volume_container {
+    bottom: -55px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_closer {
+    background-position: -173px -156px;
+    width: 32px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_closer {
+    background-position: -173px -156px;
+    width: 32px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_closer:hover {
+    background-position: -220px -156px;
+}
+
+.rspopup div.rsbtn_exp .rsbtn_powered {
+    display: none;
+}
+
+.rsbtn a.rsbtn_abouthelp {
+    background: url(img/rs_button.gif) no-repeat scroll -84px -386px transparent;
+    height: 26px;
+    width: 30px;
+    float: left;
+    margin-right: -5px;
+    z-index: 101;
+}
+
+.rsbtn a.rsbtn_abouthelp:hover {
+    background-position: -115px -386px;
+}
+
+.rsbtn a.rsbtn_abouthelp span {
+    display: none;
+}
+
+.rsbtn a.rsimg, .rsbtn a.rsimg:hover {
+    -webkit-transition: all 0 ease 0 !important;
+    transition: all 0s ease !important;
+    border: none !important;
+}