html,body { 
	margin:0;
	padding:0;
	overflow-x: hidden;
}

#fft {
position: absolute;
  margin: 0 auto;
  left: 252px;
  top: 140px;
  z-index: 1;
  background-color: #100c91;
  border: 2px groove #081a44;
  border-radius: 4px;
  height: 41px;
}
.audioplaylist {
	display:none;
}
.no-bullets {
    list-style-type: none;
}
/* jquery ui styles */
.ui-slider-handle {
	position: absolute;
	z-index: 2;
	display: block;
	margin-left:-0.3em;
	cursor: default;
	outline: none;
	cursor: url('/images/cursor.cur'), pointer;
}

.ui-slider-range {
	display:block;
	width:100%;	
	height:100%;
	left:0;
	bottom: 0;
	border:0 none;
	position:absolute;
	z-index:1;
}

.ui-progressbar { 

}
.ui-progressbar-value {
	height:100%;
}


/* petro skin */
.audioplayer.petro {
	float: left;
	position: relative;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0;
	padding:0;
	background: rgb(15, 36, 198) none repeat scroll 0% 0%;
	background-image:linear-gradient(to bottom, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1b3a5e),color-stop(0%, #0b17bd),color-stop(0%, #231dab),color-stop(12.574850299401197%, #002edd),color-stop(28.442616766467065%, #0353ff),color-stop(55.98802395209581%, #031f88),color-stop(56.287425149700596%, #0038e8),color-stop(58.982035928143716%, #2458ff),color-stop(65.86826347305389%, #041878),color-stop(66.1676646706587%, #081dd2),color-stop(80.5389880239521%, #1c53fe),color-stop(97.006%, #0d246a),color-stop(100%, #1227de),color-stop(100%, #0a0530));
	background-image:-webkit-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-moz-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-ms-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	background-image:-o-linear-gradient(top, #1b3a5e 0%,#0b17bd 0%,#231dab 0%,#002edd 12.574850299401197%,#0353ff 28.442616766467065%,#031f88 55.98802395209581%,#0038e8 56.287425149700596%,#2458ff 58.982035928143716%,#041878 65.86826347305389%,#081dd2 66.1676646706587%,#1c53fe 80.5389880239521%,#0d246a 97.006%,#1227de 100%,#0a0530 100%);
	box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	-webkit-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	   -moz-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	    -ms-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
	     -o-box-shadow:inset 0.08px -0.12px 3.8664px #0f2236,inset -0.08px 0.12px 7.2382px #000;
}

.audioplayer.petro .AudioControls {
	width: 100%;
	margin:0;
	padding:0;	
}

.audioplayer.petro .image {
	position:absolute;
	top: 8px !important;
	width: 90px;
	height: 90px;
	border: 2px groove #081a44;
    border-radius: 3px;
    box-shadow: 0.32px 0.12px 2.7514px rgb(255, 255, 255) inset, -0.32px -0.12px 0.78px rgb(0, 0, 0) inset, 0px 0px 13.099px rgba(0, 0, 0, 0.4) inset, 0px 0px 14.028px rgba(0, 0, 0, 0.4);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
	margin:0;
	padding:0;
	overflow:hidden;
}

.audioplayer.petro .AudioShuffle {
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	z-index:1;
	width: 40px;
	height: 40px;
	background: url(../img/shuffle_b.png) no-repeat;	
}
.audioplayer.petro .AudioShuffle:hover {	
    background: url(../img/shuffle_h.png) no-repeat;	
}
.audioplayer.petro .AudioShuffleON {	
    background: url(../img/shuffle_h.png) no-repeat;	
}
.audioplayer.petro .AudioShuffleON:hover {	
    background: url(../img/shuffle_b.png) no-repeat;	
}
/* play pause */
.audioplayer.petro .AudioPlay {
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 50px;
	height: 50px;
	background: url(../img/play_b.png) no-repeat;
    top: 138px;	
	z-index:1;
}
.audioplayer.petro .AudioPlay:hover {	
    background: url(../img/play_h.png) no-repeat;	
}

.audioplayer.petro .AudioPause {
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width: 50px;
	height: 50px;
	background: url(../img/pause_b.png) no-repeat;
	top: 138px;
	z-index:1;
}
.audioplayer.petro .AudioPause:hover {
	background: url(../img/pause_h.png) no-repeat;
}
/* prev next */
.audioplayer.petro .AudioPrev {
	top: 144px;
    position: absolute;
    cursor: pointer;
    display: block;
    margin-left: -30px;
    padding: 0;
    width: 50px;
    height: 35px;
    background: url(../img/prev_b.png) no-repeat;
    z-index: 1;
}
.audioplayer.petro .AudioPrev:hover {	
    background: url(../img/prev_h.png) no-repeat;	
}

.audioplayer.petro .AudioNext {
    top: 144px;
    position: absolute;
    cursor: pointer;
    display: block;
    padding: 0;
    width: 50px;
    height: 35px;
    background: url(../img/next_b.png) no-repeat;
    z-index: 1;
}
.audioplayer.petro .AudioNext:hover {	
    background: url(../img/next_h.png) no-repeat;	
}
/* controllers div */
.audioplayer.petro .bordersDiv {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	height: 55px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-style: solid;
    border-width: 1px;
    border-color: #131313;
    margin-left: -1px;
    margin-top: 4px;
    box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -webkit-box-shadow: inset 1px 1px 0px #5689e4,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -moz-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -ms-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -o-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
}

/* show/hide playlist */
.audioplayer.petro .AudioShowHidePlaylist {
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	z-index:1;
	width: 40px;
	height: 40px;
	background: url(../img/playlists_b.png) no-repeat;	
}
.audioplayer.petro .AudioShowHidePlaylist:hover {	
    background: url(../img/playlists_h.png) no-repeat;	
}

/* volume button Mute & UnMute*/
.audioplayer.petro .VolumeButton {
    float: left;
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 28px;
    top: 40px;
	left: 116px;
    z-index: 1;
	background: url(../img/volume-off.png) no-repeat;
}
.audioplayer.petro .VolumeButton:hover {
	background: url(../img/volume-on.png) no-repeat;
}

.audioplayer.petro .VolumeButtonMuted {
	background: url(../img/volumeMute-off.png) no-repeat;
}
.audioplayer.petro .VolumeButtonMuted:hover {
	background: url(../img/volumeMute-on.png) no-repeat;
}

/* volume slider */
.audioplayer.petro .VolumeSlider {
	z-index: 1;
	position:absolute;
	cursor: pointer;
	display: block;
	margin:0;
	padding:0;
	width:125px;
	height:9px;
	top: 49px;
	left: 165px;
 	border: 1px solid #060d24;
	background-image: -ms-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -moz-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -o-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3363FF), color-stop(50, #A5B5E2), color-stop(100, #2E2EFF));
	background-image: -webkit-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: linear-gradient(to bottom, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	border-radius: 5px;
}

.audioplayer.petro .VolumeSlider .ui-slider-handle {
	display:block; height: 25px; width: 34px; top: -.6em; margin-left: -1.2em;
	background: url('../img/capv_b.png') no-repeat;
}

.audioplayer.petro .VolumeSlider .ui-slider-handle.ui-state-hover {
	background-image: url(../img/capv_b.png);
}

.audioplayer.petro .VolumeSlider .ui-slider-handle.ui-state-active {
	background-image: url(../img/capv_h.png);
}
.ui-widget :active { outline: none; }

.audioplayer.petro .VolumeSlider .ui-slider-range {
	position:relative;
	height:9px;
	border-radius: 5px;
	background-image: -ms-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -moz-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -o-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AD4018), color-stop(50, #FFFF00), color-stop(100, #9C3414));
	background-image: -webkit-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: linear-gradient(to bottom, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
}

/* timer */
.audioplayer.petro .AudioTimer_a {
	position:absolute;
	display: block;
	margin:0;
	padding:0;
	line-height:1;
	font-weight: bold;
}

.audioplayer.petro .AudioTimer_b {
	position:absolute;
	display: block;
	margin:0;
	height:auto;
	padding:0;
	line-height:1;
	display: block;
	font-weight: bold;
}

/* buffer */
.audioplayer.petro .AudioBuffer {
	position:absolute;
	cursor: pointer;
	display: block;
	height: 9px;
	margin:0;
	padding:0;	
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
 	border: 1px solid #060d24;
	background-image: -ms-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -moz-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -o-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3363FF), color-stop(50, #A5B5E2), color-stop(100, #2E2EFF));
	background-image: -webkit-linear-gradient(top, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: linear-gradient(to bottom, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
}

/* seek */
.audioplayer.petro .AudioSeek {
	cursor: pointer;
	position:absolute;
	height: 9px;
	margin:0;
	padding:2px;
}

.audioplayer.petro .AudioSeek .ui-slider-handle {
    width: 18px;
    height: 18px;
    top: -.3em;
	margin-left: -.8em;
	background-image: -ms-radial-gradient(center, ellipse farthest-side, rgba(171,95,19,1) 0%, rgba(255,255,0,1) 50%, rgba(240,147,41,1) 75%, rgba(255,255,255,0) 100%);
	background-image: -moz-radial-gradient(center, ellipse farthest-side, rgba(171,95,19,1) 0%, rgba(255,255,0,1) 50%, rgba(240,147,41,1) 75%, rgba(255,255,255,0) 100%);
	background-image: -o-radial-gradient(center, ellipse farthest-side, rgba(171,95,19,1) 0%, rgba(255,255,0,1) 50%, rgba(240,147,41,1) 75%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(radial, center center, 0, center center, 258, color-stop(0, rgba(171,95,19,1)), color-stop(50, rgba(255,255,0,1)), color-stop(75, rgba(240,147,41,1)), color-stop(100, rgba(255,255,255,0)));
	background-image: -webkit-radial-gradient(center, ellipse farthest-side, rgba(171,95,19,1) 0%, rgba(255,255,0,1) 50%, rgba(240,147,41,1) 75%, rgba(255,255,255,0) 100%);
	background-image: radial-gradient(ellipse farthest-side at center, rgba(171,95,19,1) 0%, rgba(255,255,0,1) 50%, rgba(240,147,41,1) 75%, rgba(255,255,255,0) 100%);
}

.audioplayer.petro .AudioSeek .ui-slider-range {
	height:9px;
	top: 1px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	background-image: -ms-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -moz-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -o-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #AD4018), color-stop(50, #FFFF00), color-stop(100, #9C3414));
	background-image: -webkit-linear-gradient(top, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: linear-gradient(to bottom, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
}

/*song Author & Title*/
.audioplayer.petro .songTitle {
    position: absolute;
    float: left;
    display: block;
    overflow: hidden;
    height: 20px;
    margin-left: -7px;
    padding: 0;
    line-height: 1.6;
    font-weight: bold;
    font-size: 16px;
    font-family: times;
    text-shadow: 1px 0px 0px #D8860C;
    border: 2px groove #081a44;
    border-radius: 5px;
    top: 74px; !important
}

.audioplayer.petro .songInfo {
    position: absolute;
    float: left;
    display: block;
    max-width: 325px;
	width: 325px;
	top: 11px;
	left: 115px;
    height: 46px;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    border: 3px ridge #0a2275; 
    border-radius: 4px;
}

.audioplayer.petro .songTitleInside {
  position: absolute;
  white-space: nowrap;
}
.audioplayer.petro .logo {
    position: absolute;
    top: 9px;
    right: 8px;
}
.audioplayer.petro .songAuthor {
	position:absolute;
	float:left;
	display: block;
	overflow:hidden;
	height:16px;
	margin:0;
	padding:0;
	line-height:1;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px 0px #FCFCFC;
	text-transform: uppercase;
}

/* playlist */
.audioplayer.petro .selectedCategDiv {
	cursor: pointer;
	margin:0;
	padding:0px 0px;
	text-align:center;
	background-image:url(../img/categories_arrow_bg.png);
	background-repeat:no-repeat;
	border-radius: 9px;
    border: 1px solid #131313;
    box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -webkit-box-shadow: inset 1px 1px 0px #5689e4,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -moz-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -ms-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -o-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
}
.audioplayer.petro .innerSelectedCategDiv {
	cursor: pointer;
	overflow:hidden;
	height:28px;
	width:80%;
	margin:0;
	padding:0px 10%;
	text-align:center;
	font-size:13px;
	line-height:2.2;
	font-weight:bold;
	background-image:url(../img/categories_arrow_bg.png);
	background-repeat:no-repeat;
	text-shadow: 1px 1px 0px #3C0FEF;
}

.audioplayer.petro .searchDiv {
	margin:0;
	padding:0;
	height: 28px;
	background-image:url(../img/search_icon.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	border-radius: 9px;
    border: 1px solid #131313;
    box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -webkit-box-shadow: inset 1px 1px 0px #5689e4,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -moz-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -ms-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
    -o-box-shadow: inset 1px 1px 0px #fff,inset -1px -1px 0px #000,inset 0px 0px 65.98646125116713px rgba(11,100,179,0.4);
}

.audioplayer.petro .search_term {
	 background-color:#FFF;
     border: 1px solid #333333;
     color: #000000;
     font:11px Arial, Helvetica, sans-serif;
	 margin:3.5px 30px;
     padding: 2px;
}

.audioplayer.petro .thumbsHolderWrapper {
	position:absolute;
	height:100%;
	margin-top:0px;
	overflow:hidden;
	-webkit-border-radius: 0 0 8px 8px;
    	-moz-border-radius: 0 0 8px 8px;
    	border-radius: 0 0 8px 8px;
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );
	-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.15 ), 0 0 3px rgba( 0, 0, 0, 0.5 );
	background-image:linear-gradient(to bottom, #113ad5 0%,#02276a 5.6886%,#0b3075 13.473000000000003%,#054eee 92.814%,#142a4a 98.503%,#213ead 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #113ad5),color-stop(5.6886%, #02276a),color-stop(13.473000000000003%, #0b3075),color-stop(92.814%, #054eee),color-stop(98.503%, #142a4a),color-stop(100%, #213ead));
	background-image:-webkit-linear-gradient(top, #113ad5 0%,#02276a 5.6886%,#0b3075 13.473000000000003%,#054eee 92.814%,#142a4a 98.503%,#213ead 100%);
	background-image:-moz-linear-gradient(top, #113ad5 0%,#02276a 5.6886%,#0b3075 13.473000000000003%,#054eee 92.814%,#142a4a 98.503%,#213ead 100%);
	background-image:-ms-linear-gradient(top, #113ad5 0%,#02276a 5.6886%,#0b3075 13.473000000000003%,#054eee 92.814%,#142a4a 98.503%,#213ead 100%);
	background-image:-o-linear-gradient(top, #113ad5 0%,#02276a 5.6886%,#0b3075 13.473000000000003%,#054eee 92.814%,#142a4a 98.503%,#213ead 100%);
}
.audioplayer.petro .thumbsHolderVisibleWrapper {
	position:relative;
	height:100%;
	overflow:hidden;
	clear:both;
}
.audioplayer.petro .thumbsHolder {
	position:absolute;
	text-align:left;
}
/* thumbsOFF */
.audioplayer.petro .thumbsHolder_ThumbOFF {
	display:block;
	height:30px;
	cursor: pointer;
	background:#000;
	overflow:hidden;
	border-bottom:1px solid #ff0000;
	line-height:2.5em;
	border-radius: 5px;
}
.audioplayer.petro .thumbsHolder_ThumbOFF  .padding {
	padding:2px 10px 10px 10px;
}

/*  scroller start */
.audioplayer.petro .slider-vertical {
	display:none;
	position:absolute;
	width:9px;
}

.audioplayer.petro .slider-vertical.ui-slider { position: relative;}
.audioplayer.petro .slider-vertical.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 27px; cursor: pointer; background:url(../img/scroll-vh1.png) 0 0 no-repeat; }
.audioplayer.petro .slider-vertical.ui-slider .ui-slider-handle:hover {  background:url(../img/scroll-v2.png) 0 0 no-repeat; }
.audioplayer.petro .slider-vertical.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; }
.audioplayer.petro .slider-vertical.ui-slider-vertical { width: 11px; margin: 7px; }
.audioplayer.petro .slider-vertical.ui-slider-vertical .ui-slider-handle { margin-bottom: -16px;; border: 0; }
.audioplayer.petro .slider-vertical.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.audioplayer.petro .slider-vertical.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.audioplayer.petro .slider-vertical.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* Component containers
----------------------------------*/
.audioplayer.petro .slider-vertical.ui-widget-content { 
	border: 1px solid #060d24;
	border-radius: 5px;
	background-image: -ms-linear-gradient(left, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -moz-linear-gradient(left, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -o-linear-gradient(left, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #AD4018), color-stop(50, #FFFF00), color-stop(100, #9C3414));
	background-image: -webkit-linear-gradient(left, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
	background-image: linear-gradient(to right, #AD4018 0%, #FFFF00 50%, #9C3414 100%);
}
.audioplayer.petro .slider-vertical .ui-widget-header { 
	border: 1px solid #060d24;
	border-radius: 5px;
	background: #717DC6;
	background-image: -ms-linear-gradient(left, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -moz-linear-gradient(left, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -o-linear-gradient(left, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3363FF), color-stop(50, #A5B5E2), color-stop(100, #2E2EFF));
	background-image: -webkit-linear-gradient(left, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%);
	background-image: linear-gradient(to right, #3363FF 0%, #A5B5E2 50%, #2E2EFF 100%); 
}

.hideElement {
	display:none;
}

.clearBoth {
	clear: both;
}
/* media containers*/
#containingDiv {
	width:500px;margin:0 auto; padding:20px 0 0 0; 	
}
@media screen and (min-width:1200px){
#containingDiv {
	width:500px;margin:0 auto; padding:20px 0 0 0;	
}
}
@media screen and (max-width:767px){
#containingDiv {
	width:500px;margin:0 auto;padding:20px 0 0 0;
}	
}
@media screen and (max-width:500px){
#containingDiv {
	width:100%;margin:0 auto;padding:10px 0 0 0;	
}
#fft {display: none}	
}