/**
 * SoundManager 2: "Bar UI" player - CSS
 * Copyright (c) 2014, Scott Schiller. All rights reserved.
 * http://www.schillmania.com/projects/soundmanager2/
 * Code provided under BSD license.
 * http://schillmania.com/projects/soundmanager2/license.txt
 */
 #playerbkg {
position: absolute;
resize: both;
cursor:url("../images/apointer.png"),auto;
background-image:url(../images/playerbkg.png);
background-repeat:no-repeat;
width:537px;
height:274px;
}
#close {
background-repeat:no-repeat;
width:22px;
height:16px;
right: 55px;
top: 30px;
position: absolute;
}
#close:hover {
background-image:url(../images/playerclose2.png);
}
#linky {
background-image: url(../images/linky.png);
top: 239px;
position: relative;
width: 90px;
left: 210px;
height: 17px;
}
#linky:hover {
width: 160px;
height: 70px;
}
#ald, #steve {
position: relative;
width: 90px;
left: 1px;
height: 15px;
}
.demo-wrapper{
position: absolute;
right:42px;
top: 48px;
}
.sm2-bar-ui {
position: relative;
display: inline-block;
width: 100%;
font-family: helvetica, arial, verdana, sans-serif;
font-weight: normal;
min-width: 20em;
max-width: 30em;
border-radius: 2px;
font-size: 15px;
}
.sm2-bar-ui .sm2-playlist li {
text-align: center;
margin-top: -2px;
font-size: 95%;
line-height: 1em;
}
.sm2-bar-ui ul {
line-height: 1em;
}
.sm2-bar-ui .bd {
display: table;
border-bottom: 1px solid;
}
.sm2-bar-ui .sm2-playlist-wrapper {
background-color: #000;
}
.sm2-bar-ui,
.sm2-bar-ui .bd a {
color:#e8b02b;
}
.sm2-bar-ui .bd .sm2-button-element:hover {
background-color: rgba(0,0,0,0.1);
}
.sm2-bar-ui .bd .sm2-button-element:active {
background-color: rgba(0,0,0,0.25);
}
.sm2-bar-ui .sm2-inline-element,
.sm2-bar-ui .sm2-button-element .sm2-button-bd {
min-width: 2.8em;
min-height: 2.8em;
}
.sm2-bar-ui .sm2-inline-button {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.sm2-bar-ui .sm2-inline-status {
 line-height: 100%;
 display: inline-block;
 min-width: 200px;
 max-width: 20em;
 padding-left: 0.75em;
 padding-right: 0.75em;
}
.sm2-inline-time,
.sm2-inline-duration {
 display: table-cell;
 width: 1%;
 font-size: 75%;
 line-height: 0.9em;
 min-width: 2em;
 vertical-align: middle;
}
.sm2-bar-ui .sm2-playlist {
 position: relative;
 height: 1.45em;
}
.sm2-bar-ui .sm2-playlist ul {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 list-style-type: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.sm2-bar-ui p,
.sm2-bar-ui .sm2-playlist ul,
.sm2-bar-ui .sm2-playlist ul li {
 margin: 0px;
 padding: 0px;
}
.sm2-bar-ui .sm2-playlist ul li,
.sm2-bar-ui .sm2-playlist ul li a {
 position: relative;
 display: block;
 height: 1.5em;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: center;
 color: #ee686f;
}
.sm2-row {
 position: relative;
 display: table-row;
}
.sm2-progress-bd {
 padding: 0px 0.8em;
}
.sm2-progress .sm2-progress-track,
.sm2-progress .sm2-progress-ball,
.sm2-progress .sm2-progress-bar {
 position: relative;
 width: 100%;
 height: 0.65em;
 border-radius: 0.65em;
}
.sm2-progress .sm2-progress-bar {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 0px;
 background-color:#04729c;
}
.volume-shade,
.playing .sm2-progress .sm2-progress-track,
.paused .sm2-progress .sm2-progress-track {
 cursor: pointer;
}
.playing .sm2-progress .sm2-progress-ball {
 cursor: grab;
}
.sm2-progress .sm2-progress-ball {
 position: absolute;
 top: 0px;
 width: 0.9333em;
 height: 0.9333em;
 margin: -0.175em 0px 0px -0.466em;
 background-color:#ffcc00;
 padding: 0px;
 transition: transform 0.15s ease-in-out;
}
.sm2-progress .sm2-progress-track {
 background-color:#063f55;
}
.playing.grabbing .sm2-progress .sm2-progress-track,
.playing.grabbing .sm2-progress .sm2-progress-ball {
 cursor: grabbing;
}
.sm2-bar-ui.grabbing .sm2-progress .sm2-progress-ball {
 transform: scale(1.15);
}
.sm2-inline-button {
 background-repeat: no-repeat;
 line-height: 10em;
}
.sm2-icon-play-pause {
 background-image:url(../images/play.png);
 background-size: 67.5%;
 background-position: 40% 53%;
}
.playing .sm2-icon-play-pause {
 background-image: url(../images/pause.png);
 background-size: 57.6%;
 background-position: 50% 53%;
}
.playing .sm2-icon-play-pause:hover {
 opacity: 0.5;
}
.sm2-volume-control {
 background-image: url(../images/volume.png);
}
.sm2-volume-control,
.sm2-volume-shade {
 background-position: 42% 50%;
 background-size: 56%;
}
.volume-shade {
 filter: alpha(opacity=33);
 opacity: 0.33;
 background-image: url(../images/volume.png);
}
.sm2-icon-previous {
 background-image: url(../images/first.png);
}
.sm2-icon-previous:hover {
 opacity:0.5;
}
.sm2-icon-next {
 background-image: url(../images/last.png);
}
.sm2-icon-next:hover {
 opacity:0.5;
}
.sm2-icon-previous,
.sm2-icon-next {
 background-size: 49.5%;
 background-position: 50% 50%;
}
.sm2-playlist-wrapper ul li .sm2-icon {
 display: inline-block;
 overflow: hidden;
 width: 2em;
 color: transparent !important;
 white-space: nowrap;
 padding-left: 0px;
 padding-right: 0px;
 text-indent: 2em;
}
.sm2-progress-ball .icon-overlay {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0px;
 left: 0px;
 background: none;
 background-size: 72%;
 background-position: 50%;
 background-repeat: no-repeat;
 display: none;
}
.sm2-element ul {
 font-size: 95%;
 list-style-type: none;
}
.sm2-element ul,
.sm2-element ul li {
 margin: 0px;
 padding: 0px;
}
.bd.sm2-playlist-drawer {
 z-index: 3;
 border-radius: 35px;
 width: 100%;
 border: none;
 overflow: hidden;
 transition: height 0.2s ease-in-out;
}
.sm2-playlist-wrapper {
 position: relative;
 padding: 0.5em 0.5em 0.5em 0.25em;
}
.sm2-playlist-wrapper ul {
 max-height: 9.25em;
 overflow: auto;
}
.sm2-playlist-wrapper ul li:nth-child(odd) {
 background-color:#271a1a;
}
.sm2-playlist-wrapper ul li a {
 display: block;
 padding: 0.5em 0.25em 0.5em 0.75em;
 margin-right: 0px;
 font-size: 90%;
 vertical-align: middle;
}
.sm2-playlist-wrapper ul li a.sm2-exclude .label {
 font-size: 95%;
 line-height: 1em;
 margin-left: 0px;
 padding: 2px 4px;
}
.sm2-playlist-wrapper ul li:hover a {
 background-color:#7f2025;
}
.sm2-playlist-wrapper ul li.selected a {
 background-color:#920e15;
}
.sm2-bar-ui .bd .sm2-button-element.disabled:hover {
 background-color: transparent;
}
.sm2-bar-ui .active,
.sm2-bar-ui.playlist-open .sm2-menu:hover {
 box-shadow: inset 0px 0px 2px rgba(0,0,0,0.1);
}
.sm2-playlist-wrapper ul::-webkit-scrollbar {
 width: 10px;
}
.sm2-playlist-wrapper ul::-webkit-scrollbar-track {
 background:#2f0a0a;
 border-radius: 10px;
}
.sm2-playlist-wrapper ul::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background:#3b0505;
}
.sm2-bar-ui .label{
 position: relative;
 display: inline-block;
 margin-left: 0.25em;
 vertical-align: top;
 background-color: rgba(0,0,0,0.25);
 border-radius: 3px;
}
.sm2-bar-ui .sm2-playlist-drawer .label {
 font-size: 0.8em;
 padding: 0px 3px;
}
.sm2-bar-ui .sm2-inline-element {
display: table-cell;
width: 1%;
border-right: 0.075em;
position: relative;
vertical-align: middle;
padding: 0px;
overflow: hidden;
}
.sm2-bar-ui .sm2-inline-status {
 width: 100%;
 min-width: 100%;
 max-width: 100%;
}