@font-face {
    font-family: 'lucida-grande';
    src: url('24003_LucidaGrande.ttf') format('truetype');
}
body{
  font-family:'lucida-grande', Verdana;
  margin-left:15px;
}
p{
  margin:0px;
}
a{
  color:blue;
}
a:onclick{
  color:#3d3d94;
}
.playlist li{
  list-style-type:none;
  margin-bottom:15px;
}
.playlist li img{
  vertical-align: sub;
  margin-right:7px;
}
.playlist img{
  cursor:pointer;
}
.playlist hr{
  margin-top: -11px;
  height: 1px;
  background: #cbd3de;
  width: 434px;
  border:none;
}
.playlist .duration{
  float:right;
  margin-right: 4px;
}
.playlist{
  font-family: 'Verdana';
  font-size: 10px;
  margin-left: -8px;
  margin-top:-12px;
  margin-bottom:-24px;
  width: 436px;
  padding: 10px;
}
/*.playlist-header{
  margin-bottom: 10px;
  font-size: 12px;
  background: #dae4ed;
  color: black;
  padding: 3px;
}*/
.postedOn{
  font-size: 11px;
  color: #9ea1a7;
  margin-left:130px;
}
.regular{
  font-size:12px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 0px solid #00001E;
  height: 12px;
  width: 20px;
  border-radius: 0px;
  background: #5a74a9;
  /*background: linear-gradient(#bfcadd, rgba(90, 114, 174, 0.65))*/
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 0px;
}
input[type=range]:active::-webkit-slider-thumb {
  background:#bfcadd;
  /*background: linear-gradient(rgba(90, 114, 174, 0.65), #bfcadd);*/
}
input[type=range]:active::-moz-range-thumb {
  background:#bfcadd;
}
input[type=range]:active::ms-thumb {
  background:#bfcadd;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #FFFFFF;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height:0px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #FFFFFF;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 0px solid #00001E;
  height: 12px;
  width: 20px;
  border-radius: 0px;
  background: #5a74a9;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #FFFFFF;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #FFFFFF;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000031;
  border: 0px solid #00001E;
  height: 12px;
  width: 20px;
  border-radius: 0px;
  background: #5a74a9;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #FFFFFF;
}
input[type=range]:focus::-ms-fill-upper {
  background: #FFFFFF;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 0px 0;
  width: 401px;
  /*opacity:0.8;*/
}

@-moz-document url-prefix() {
  input[type=range] {
    height: 10px;
    margin-left:-1px;
  }      
}

.audio-player-cont{
	width: 429px;
	height: 27px;
	margin-left: 7px;
	color: #003ba9;
	font-family: verdana;
	font-size: 12px;
  border: solid 1px #5a72ae;
  border-radius:1px;
	position: absolute;
}

.logo{
	float:left;
}

.player{
  margin-top: -28px;
  margin-left: 28px;
  font-size: 10px;
}

.song-title{
	width: 398px;
  padding: 0px 0px 0px 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background: #d7dfeb;
  height: 14px;
  border-bottom:solid 1px #5a72ae;
}

.song-slider{
	width: 402px;
}

.current-time{
	float: right;
  font-size: 10px;
  margin-top: -26px;
  margin-right: 2px;
}

@-moz-document url-prefix() {
  .current-time{
    margin-top: -28px;
  }
}

.duration{
	float:right;
	font-size: 10px;
}

.controllers{
	clear: both;
	display: table;
  margin-left: -7px;
  margin-top: -1px;
  cursor:pointer;
}

.controllers *{
	vertical-align: middle;
	margin-right: 2px;
}

.volume-slider{
	width: 90px;
	margin-left:5px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  input[type=range]{
    margin-top:-18px;
  }
  .current-time{
    margin-top:-59px;
  }
}
.buffer{
  height: 12px;
  /*background: #969696;*/
  margin-top: -14px;
  z-index: -1; 
  width:0px;
}