.JQAudioPlayer {
	position:relative;
	margin:0 auto;
	width:80%;
	height:100%;
}
.JQAudioPlayer .jp_player {
	display:none;
	position:absolute;
	top:0;
	width:0;
	height:0;
}

/* INTERFACE */

.JQAudioPlayer .jp_interface {
	position:relative;
	padding:8px 10px 8px 10px;
	height:104px;
	background:#34373A;
	background:-moz-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#34373A),color-stop(100%,#51565C));
	background:-webkit-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-o-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-ms-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:linear-gradient(to bottom,#34373A 0%,#51565C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#34373A",endColorstr="#51565C",GradientType=0);
	border:0px solid #707070;
	border-radius:3px;
	box-shadow:0px 1px 3px #000000;
	overflow:hidden;
	z-index:2;
}

/* POSTER */

.JQAudioPlayer.no_poster .jp_poster {
	display:none;
}
.JQAudioPlayer .jp_poster, .JQAudioPlayer .jp_poster > .jp_poster_img, .JQAudioPlayer .jp_poster > .jp_poster_highlight {
	position:absolute;
	width:84px;
	height:84px;
}
.JQAudioPlayer .jp_poster {
	display:block;
	position:absolute;
	background-color:#373B3F;
	background-image:url(../audio/tumbs/planetoe.jpg);
	background-position:center;
	background-size:cover;
	border:0px solid #51555A;
	border-radius:3px;
	overflow:hidden;
}
.JQAudioPlayer .jp_poster > .jp_poster_highlight {
	background-image:url(images/poster_highlight.png);
	background-position:center;
	background-size:cover;
}
.JQAudioPlayer .jp_poster > .jp_poster_img > img {
	position:absolute;
	width:100%;
	height:100%;
}

/* TRACK INFO */

.JQAudioPlayer .jp_track_info {
	position:absolute;
	left:104px;
	right:10px;
	height:52px;
	line-height:52px;
}
.JQAudioPlayer.no_poster .jp_track_info {
	left:10px;
}
.JQAudioPlayer .jp_track_info .jp_track_title {
	display:block;
	position:absolute;
	left:0px;
	font-family:Tahoma;
	font-size:11px;
	color:#EFEFEF;
	white-space:nowrap;
	overflow:hidden;
}
.JQAudioPlayer .jp_track_info .jp_time {
	position:absolute;
	right:0px;
	font-family:Tahoma;
	font-size:11px;
}
.JQAudioPlayer .jp_track_info .jp_time_current {
	color:#EFEFEF;
	padding-right:5px;
	border-right:1px solid #808080;
}
.JQAudioPlayer .jp_track_info .jp_time_total {
	color:#DF3E19;
	padding-left:5px;
}

/* CONTROLS */

.JQAudioPlayer .jp_controls {
	position:absolute;
	left:104px;
	right:10px;
	top:60px;
	height:52px;
	padding-top:0px;
}
.JQAudioPlayer.no_poster .jp_controls {
	left:10px;
}
.JQAudioPlayer .jp_controls > table {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:52px;
}

/* BUTTONS */

.JQAudioPlayer .jp_controls > table td {
	padding:0 2px;
	width:1px;
	cursor:pointer;
	white-space:nowrap;
	transition:0.3s ease-out;
	border-left:1px solid rgba(255,255,255,0.1);
	border-right:1px solid rgba(0,0,0,0.1);
}
.JQAudioPlayer .jp_controls > table td:first-child {
	border-left:none;
}
.JQAudioPlayer .jp_controls > table td:last-child {
	border-right:none;
}
.JQAudioPlayer .jp_controls > table td.btn_hover {
	background:none;
}
.JQAudioPlayer .jp_controls > table td > div.jp_button_icon {
	background-image:url(images/buttons.png);
	background-repeat:no-repeat;
}
.JQAudioPlayer .jp_controls td.jp_button_prev {
	display:table-cell;
}
.JQAudioPlayer .jp_controls td.jp_button_prev > div.jp_button_icon {
	width:19px;
	height:20px;
	background-position:0px top;
}
.JQAudioPlayer .jp_controls td.jp_button_prev.btn_hover > div.jp_button_icon {
	background-position:0px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_play {
	display:table-cell;
}
.JQAudioPlayer .jp_controls td.jp_button_play > div.jp_button_icon {
	width:19px;
	height:20px;
	background-position:-19px top;
}
.JQAudioPlayer .jp_controls td.jp_button_play.btn_hover > div.jp_button_icon {
	background-position:-19px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_play.btn_active > div.jp_button_icon {
	background-position:-38px top;
}
.JQAudioPlayer .jp_controls td.jp_button_play.btn_active.btn_hover > div.jp_button_icon {
	background-position:-38px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_stop {
	display:table-cell;
}
.JQAudioPlayer .jp_controls td.jp_button_stop > div.jp_button_icon {
	width:19px;
	height:20px;
	background-position:-57px top;
}
.JQAudioPlayer .jp_controls td.jp_button_stop.btn_hover > div.jp_button_icon {
	background-position:-57px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_next {
	display:table-cell;
}
.JQAudioPlayer .jp_controls td.jp_button_next > div.jp_button_icon {
	width:19px;
	height:20px;
	background-position:-76px top;
}
.JQAudioPlayer .jp_controls td.jp_button_next.btn_hover > div.jp_button_icon {
	background-position:-76px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_volume {
	display:table-cell;
}
.JQAudioPlayer .jp_controls td.jp_button_volume > div.jp_button_icon {
	display:inline-block;
	width:19px;
	height:20px;
	background:url(images/buttons.png);
	background-position:-95px top;
	background-image:url(images/buttons.png);
}
.JQAudioPlayer .jp_controls td.jp_button_volume.btn_hover > div.jp_button_icon {
	background-position:-95px bottom;
}
.JQAudioPlayer .jp_controls td.jp_button_volume.btn_active > div.jp_button_icon {
	background-position:-114px top;
}
.JQAudioPlayer .jp_controls td.jp_button_volume.btn_active.btn_hover > div.jp_button_icon {
	background-position:-114px bottom;
}

/* VOLUME */

.JQAudioPlayer .jp_controls td.jp_button_volume > div.jp_volume {
	display:none;
	position:relative;
	margin-left:0px;
	margin-bottom:7px;
	width:0px;
	height:6px;
	overflow:hidden;
	cursor:pointer;
	transition:0.3s ease-out;
}
.JQAudioPlayer .jp_controls td.jp_button_volume.btn_hover > div.jp_volume {
	margin-left:5px;
	width:35px;
}
.JQAudioPlayer .jp_controls td.jp_button_volume > div.jp_volume > div.jp_volume_bar {
	position:absolute;
	background-image:url(images/volume.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:35px;
	height:6px;
}
.JQAudioPlayer .jp_controls td.jp_button_volume.btn_hover > div.jp_volume > div.jp_volume_bar {
	position:relative;
}
.JQAudioPlayer .jp_controls td.jp_button_volume > div.jp_volume > div.jp_volume_bar > div.jp_volume_bar_value {
	position:absolute;
	background-image:url(images/volume.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:1px;
	height:6px;
}

/* SEEK BAR */

.JQAudioPlayer .jp_controls td.jp_seek_bar_container {
	display:table-cell;
	padding:0 10px;
	width:auto;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar {
	position:relative;
	background-color:#373B41;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 4px black inset;
	width:100%;
	height:6px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div {
	position:absolute;
	top:1px;
	right:1px;
	bottom:1px;
	left:1px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_progress {
	position:absolute;
	width:0;
	height:4px;
	background:#DF3E19;
	background:-moz-linear-gradient(top,#DF3E19 0%,#DF5A19 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#DF3E19),color-stop(100%,#DF5A19));
	background:-webkit-linear-gradient(top,#DF3E19 0%,#DF5A19 100%);
	background:-o-linear-gradient(top,#DF3E19 0%,#DF5A19 100%);
	background:-ms-linear-gradient(top,#DF3E19 0%,#DF5A19 100%);
	background:linear-gradient(to bottom,#DF3E19 0%,#DF5A19 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#DF3E19",endColorstr="#DF5A19",GradientType=0);
	cursor:pointer;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_loaded {
	position:absolute;
	width:0;
	height:4px;
	background:#494B51;
	cursor:pointer;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_handle {
	position:absolute;
	margin-left:-9px;
	margin-top:-5px;
	width:17px;
	height:17px;
	background-image:url(images/handle.png);
	background-repeat:no-repeat;
	cursor:pointer;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar_tip {
	display:none;
	position:absolute;
	margin-bottom:4px;
	padding:2px 5px;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#505050;
	border-radius:3px;
	background-color:rgba(255,255,255,0.9);
	box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}
.JQAudioPlayer .jp_controls div.jp_seek_bar_tip_triangle {
	position:absolute;
	left:50%;
	bottom:-5px;
	margin-left:-6px;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:5px solid #FFFFFF;
	opacity:0.9;
}

/* PLAYLIST */

.JQAudioPlayer .jp_playlist {
	display:block;
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	z-index:1;
}
.JQAudioPlayer .jp_playlist_panel {
	position:relative;
	top:0;
	height:529px;
	background:#34373A;
	background:-moz-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#34373A),color-stop(100%,#51565C));
	background:-webkit-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-o-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:-ms-linear-gradient(top,#34373A 0%,#51565C 100%);
	background:linear-gradient(to bottom,#34373A 0%,#51565C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#34373A",endColorstr="#51565C",GradientType=0);
	border:0px solid #707070;
	border-top:0;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.JQAudioPlayer .jp_playlist a.jp_link {
	text-decoration:none;
	color:#F0F0F0;
}
.JQAudioPlayer .jp_playlist a.jp_link:hover {
	text-decoration:underline;
	color:#b8cecb;
}
.JQAudioPlayer .jp_playlist div.jp_list {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:20px;
	overflow:hidden;
}
.JQAudioPlayer .jp_playlist.scrolling div.jp_list {
	right:20px;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul {
	display:table;
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	border-collapse:collapse;
	list-style-type:none;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li {
	display:table-row;
	border-bottom:1px dotted #505050;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li:last-child {
	border-bottom:0;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div {
	display:table-cell;
	padding:2px 2px 2px 0;
	overflow:hidden;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div:last-child {
	padding-right:0;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div > span {
	display:block;
	padding-left:10px;
	padding-right:10px;
	height:20px;
	line-height:20px;
	font-family:Tahoma;
	font-size:12px;
	color:#E2E1DE;
	white-space:nowrap;
	background-color:transparent;
	border-radius:2px;
	transition:0.3s ease-out;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li.jp_hover > div > span {
	background-color:transparent;
	color:#F0F0F0;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li.jp_active > div > span {
	background-color:#51565C;
	color:#F0F0F0;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div:first-child {
	text-align:right;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div:last-child {
	text-align:center;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div.jp_playlist_item_title {
	text-align:left;
	cursor:pointer;
}

/* PLAYLIST BUTTON */

.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button {
	position:absolute;
	bottom:3px;
	left:50%;
	font-family:Tahoma;
	font-size:10px;
	color:#D4D4D4;
	cursor:pointer;
	transition:color 0.3s ease-out;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button:before, .JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button:after {
	content:"";
	display:block;
	position:absolute;
	background-image:url(images/arrows.png);
	background-position:left top;
	width:5px;
	height:3px;
	top:50%;
	margin-top:-1px;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button.jp_collapsed:before, .JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button.jp_collapsed:after {
	background-position:left bottom;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button:before {
	left:-10px;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button:after {
	right:-10px;
}
.JQAudioPlayer .jp_playlist.no_button_playlist > div.jp_playlist_panel > div.jp_playlist_button {
	display:none;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_button.btn_hover {
	color:#A0D5E9;
}

/* SCROLL BAR */

.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_scroll_bar {
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	bottom:20px;
}
.JQAudioPlayer .jp_playlist.scrolling > div.jp_playlist_panel > div.jp_playlist_scroll_bar {
	display:block;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_scroll_bar > div.jp_playlist_scroll_channel {
	position:relative;
	background-color:#6D7379;
	width:3px;
	height:100%;
	cursor:pointer;
}
.JQAudioPlayer .jp_playlist > div.jp_playlist_panel > div.jp_playlist_scroll_bar > div.jp_playlist_scroll_handle {
	position:absolute;
	background-color:#DF5A19;
	top:0;
	width:3px;
	height:30px;
	cursor:pointer;
}

/* THUMBNAILS */

.JQAudioPlayer div.jp_thumbnails {
	display:block;
	position:relative;
	top:10px;
	bottom:20px;
	height:60px;
}
.JQAudioPlayer div.jp_thumbnails div.jp_thumbnails_wrapper {
	position:relative;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
}
.JQAudioPlayer div.jp_thumbnails.jp_scrolling div.jp_thumbnails_wrapper {
	margin-left:35px;
	margin-right:35px;
}
.JQAudioPlayer div.jp_thumbnails ul {
	position:relative;
	display:table;
	margin:0;
	padding:0;
	list-style:none outside none;
	-webkit-backface-visibility:hidden;
}
.JQAudioPlayer div.jp_thumbnails ul li {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
	width:60px;
	min-width:60px;
	height:60px;
}
.JQAudioPlayer div.jp_thumbnails ul li:last-child {
	padding-right:0;
}
.JQAudioPlayer div.jp_thumbnails ul li > div {
	display:block;
	width:100%;
	height:100%;
	background-color:#373B3F;
	border:0px solid #505050;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	overflow:hidden;
	cursor:pointer;
}
.JQAudioPlayer div.jp_thumbnails ul li > div > div {
	width:100%;
	height:100%;
	background-image:url(../audio/tumbs/planetoe.jpg);
	background-position:center;
	background-size:cover;
	opacity:1;
	-webkit-filter:grayscale(0);
	filter:none;
	transition:0.3s ease-out;
}
.JQAudioPlayer div.jp_thumbnails ul li > div > div > img {
	display:block;
	width:100%;
	height:100%;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_active > div {
	cursor:default;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_hover > div > div {
	opacity:0.7;
	-webkit-filter:grayscale(0);
	filter:none;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_active > div > div {
	opacity:0.2;
	-webkit-filter:grayscale(0);
	filter:none;
}
.JQAudioPlayer div.jp_thumbnails ul li > span.jp_caption {
	display:block;
	position:absolute;
	padding-top:5px;
	font-family:Tahoma;
	font-size:10px;
	color:#5E646C;
	text-align:center;
	transition:0.3s ease-out;
	cursor:default;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_hover > span.jp_caption {
	color:#909090;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_active > span.jp_caption {
	color:#A0A0A0;
}

/* SCROLL BUTTONS */

.JQAudioPlayer span.jp_btn_prev, .JQAudioPlayer span.jp_btn_next {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	width:20px;
	background-color:#45494E;
	border-radius:3px;
	cursor:pointer;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	transition:0.3s ease-out;
}
.JQAudioPlayer div.jp_thumbnails.jp_scrolling span.jp_btn_prev, .JQAudioPlayer div.jp_thumbnails.jp_scrolling span.jp_btn_next {
	display:block;
}
.JQAudioPlayer span.jp_btn_prev {
	left:10px;
}
.JQAudioPlayer span.jp_btn_next {
	right:10px;
}
.JQAudioPlayer span.jp_btn_prev.jp_btn_hover, .JQAudioPlayer span.jp_btn_next.jp_btn_hover {
	background-color:#51565C;
	transition:0.3s ease-out;
}
.JQAudioPlayer span.jp_btn_prev.jp_btn_disabled, .JQAudioPlayer span.jp_btn_next.jp_btn_disabled {
	background-color:#3B3F44;
	transition:0.3s ease-out;
	cursor:default;
}
.JQAudioPlayer span.jp_btn_prev > span, .JQAudioPlayer span.jp_btn_next > span {
	display:block;
	margin:0 auto;
	width:10px;
	height:100%;
	background-image:url(images/scroll_buttons.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.JQAudioPlayer span.jp_btn_prev > span {
	background-position:0 center;
}
.JQAudioPlayer span.jp_btn_prev.jp_btn_hover > span {
	background-position:-10px center;
}
.JQAudioPlayer span.jp_btn_prev.jp_btn_disabled > span {
	background-position:-20px center;
}
.JQAudioPlayer span.jp_btn_next > span {
	background-position:-30px center;
}
.JQAudioPlayer span.jp_btn_next.jp_btn_hover > span {
	background-position:-40px center;
}
.JQAudioPlayer span.jp_btn_next.jp_btn_disabled > span {
	background-position:-50px center;
}

/* TIPS */

.JQAudioPlayer .jp_tip {
	display:none;
	position:absolute;
	padding:5px 10px 5px 10px;
	background-color:rgba(255,255,255,0.9);
	border-radius:3px;
	box-shadow:3px 3px 5px rgba(0,0,0,0.5);
	z-index:9999;
}
.JQAudioPlayer .jp_tip_triangle {
	position:absolute;
	left:15px;
	width:0;
	height:0;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:5px solid #FFFFFF;
	opacity:0.9;
}
.JQAudioPlayer .jp_tip_caption {
	position:relative;
	font-family:Trebuchet MS;
	font-size:11px;
	color:#505050;
	white-space:nowrap;
}