@font-face {
    font-family: 'shoomverticalnormal';
    src: url('../fonts/shoovn__.eot');
    src: url('../fonts/shoovn__.eot?#iefix') format('embedded-opentype'),
         url('../fonts/shoovn__.woff2') format('woff2'),
         url('../fonts/shoovn__.woff') format('woff'),
         url('../fonts/shoovn__.ttf') format('truetype'),
         url('../fonts/shoovn__.svg#shoomverticalnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.player{ 
	width: 317px;
	position: relative;
    float: left;
	height: 47px;
	background: #FFC;
	margin: 44px 0 0 119px;
	padding: 2px;
	border-radius: 10px;
	background: #767676;
	background: -moz-linear-gradient(left,  #767676 0%, #d0d8d8 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#767676), color-stop(100%,#d0d8d8));
	background: -webkit-linear-gradient(left,  #767676 0%,#d0d8d8 100%);
	background: -o-linear-gradient(left,  #767676 0%,#d0d8d8 100%);
	background: -ms-linear-gradient(left,  #767676 0%,#d0d8d8 100%);
	background: linear-gradient(to right,  #767676 0%,#d0d8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#767676', endColorstr='#d0d8d8',GradientType=1 );
}

.playerBackground{ 
	width: 100%;
	height:100%;
	border-radius: 8px;
	background: #9a9d9c;
	background: -moz-linear-gradient(top, rgba(154,157,156,1) 0%, rgba(135,139,135,1) 17%, rgba(101,101,101,1) 55%, rgba(62,65,64,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(154,157,156,1)), color-stop(17%, rgba(135,139,135,1)), color-stop(55%, rgba(101,101,101,1)), color-stop(100%, rgba(62,65,64,1)));
	background: -webkit-linear-gradient(top, rgba(154,157,156,1) 0%, rgba(135,139,135,1) 17%, rgba(101,101,101,1) 55%, rgba(62,65,64,1) 100%);
	background: -o-linear-gradient(top, rgba(154,157,156,1) 0%, rgba(135,139,135,1) 17%, rgba(101,101,101,1) 55%, rgba(62,65,64,1) 100%);
	background: -ms-linear-gradient(top, rgba(154,157,156,1) 0%, rgba(135,139,135,1) 17%, rgba(101,101,101,1) 55%, rgba(62,65,64,1) 100%);
	background: linear-gradient(to bottom, rgba(154,157,156,1) 0%, rgba(135,139,135,1) 17%, rgba(101,101,101,1) 55%, rgba(62,65,64,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9d9c', endColorstr='#3e4140', GradientType=0 );
}

  
.playButton {
    width: 47px;
	height: 25px;
	margin:10px 0 0 12px;
	cursor: pointer; 
	position: relative;
	float: left;
	border: 1px solid #323232;
    border-radius: 2px;
	background: #949494;
	background: -moz-linear-gradient(top,  #949494 0%, #777777 3%, #555555 45%, #414141 46%, #333333 87%, #323232 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#949494), color-stop(3%,#777777), color-stop(45%,#555555), color-stop(46%,#414141), color-stop(87%,#333333), color-stop(100%,#323232));
	background: -webkit-linear-gradient(top,  #949494 0%,#777777 3%,#555555 45%,#414141 46%,#333333 87%,#323232 100%);
	background: -o-linear-gradient(top,  #949494 0%,#777777 3%,#555555 45%,#414141 46%,#333333 87%,#323232 100%);
	background: -ms-linear-gradient(top,  #949494 0%,#777777 3%,#555555 45%,#414141 46%,#333333 87%,#323232 100%);
	background: linear-gradient(to bottom,  #949494 0%,#777777 3%,#555555 45%,#414141 46%,#333333 87%,#323232 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949494', endColorstr='#323232',GradientType=0 );
}

.playButton div {
    width: 47px;
	height: 25px;
	background-image: url(../images/player/playButton.png);
    background-repeat: no-repeat;
	background-position:top;
}

.playButton div:hover {
	background-position:bottom;
}

.timeleftLoading {
	color:#c9c9c9;
	font-family: shoomverticalnormal;
	position: absolute;
	top:17px;
	right:7px;
	font-size:11px;
}

.timeleft {
	top:15px;
	right:11px;
	font-size:16px;
}
 
/* Slider */

input[type="range"] {
    position: absolute; 
	width: 1px; 
	height: 1px; 
	overflow: hidden; 
	opacity: 0;
}

/* IE 9 */
.audioSliserInner input[type="text"] { 
	display:none;
}

.audioSliser{
	height: 15px;
	width: 205px;
	position: relative;
	float: left;
	border-radius: 8px;
	padding: 1px;
	margin:14px 0 0 10px;
	background: #181818;
	background: -moz-linear-gradient(top,  #181818 0%, #848484 61%, #a3a3a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181818), color-stop(61%,#848484), color-stop(100%,#a3a3a3));
	background: -webkit-linear-gradient(top,  #181818 0%,#848484 61%,#a3a3a3 100%);
	background: -o-linear-gradient(top,  #181818 0%,#848484 61%,#a3a3a3 100%);
	background: -ms-linear-gradient(top,  #181818 0%,#848484 61%,#a3a3a3 100%);
	background: linear-gradient(to bottom,  #181818 0%,#848484 61%,#a3a3a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181818', endColorstr='#a3a3a3',GradientType=0 );
}

.audioSliserInner{
	height: 100%;
	width: 100%;
	border-radius: 7px;
	background: #5f5e5e;
	background: -moz-linear-gradient(top,  #5f5e5e 0%, #4f4e4e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5e5e), color-stop(100%,#4f4e4e));
	background: -webkit-linear-gradient(top,  #5f5e5e 0%,#4f4e4e 100%);
	background: -o-linear-gradient(top,  #5f5e5e 0%,#4f4e4e 100%);
	background: -ms-linear-gradient(top,  #5f5e5e 0%,#4f4e4e 100%);
	background: linear-gradient(to bottom,  #5f5e5e 0%,#4f4e4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5e5e', endColorstr='#4f4e4e',GradientType=0 );
}

.audioSliser_fill {
	border-radius: 7px;
	position: absolute;
	top: 1px;
	left: 1px;
	height: 14px;
	width:16px;
	background: #3b4045;
	background: -moz-linear-gradient(top,  #3b4045 0%, #262a2e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b4045), color-stop(100%,#262a2e));
	background: -webkit-linear-gradient(top,  #3b4045 0%,#262a2e 100%);
	background: -o-linear-gradient(top,  #3b4045 0%,#262a2e 100%);
	background: -ms-linear-gradient(top,  #3b4045 0%,#262a2e 100%);
	background: linear-gradient(to bottom,  #3b4045 0%,#262a2e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4045', endColorstr='#262a2e',GradientType=0 );
}

.audioSliser_handle {
	z-index:3;
	cursor: pointer;
	width: 42px;
	height: 48px;
	position: absolute;
	top: -16px;
	left:-1px;
	background: url(../images/player/handelButton.png) top center no-repeat;
}

.audioSliser_handle:hover {
	background-position:bottom;
}

.tsxPlayer{ 
	width: 245px;
	margin: 18px 0 10px 29px;
}

.tsxPlayer .audioSliser{ 
	width: 133px;
}