.JQAudioPlayer {
	position:relative;
	margin:0 auto;
	width:99%;
	height:100%;
}
.JQAudioPlayer .jp_player {
	display:none;
	position:absolute;
	top:0;
	width:0;
	height:0;
}
.JQAudioPlayer table {
	border-collapse:separate;
}
.JQAudioPlayer table td {
	vertical-align:middle;
}

/* INTERFACE */

.JQAudioPlayer .jp_interface {
	position:relative;
	padding:6px 8px 6px 8px;
	height:44px;
	background:#2F353E;
	background:-moz-linear-gradient(top,#2F353E 0%,#333333 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#2F353E),color-stop(100%,#333333));
	background:-webkit-linear-gradient(top,#2F353E 0%,#333333 100%);
	background:-o-linear-gradient(top,#2F353E 0%,#333333 100%);
	background:-ms-linear-gradient(top,#2F353E 0%,#333333 100%);
	background:linear-gradient(to bottom,#2F353E 0%,#333333 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#2F353E",endColorstr="#333333",GradientType=0);
	border:0px solid #000000;
	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:50px;
	height:50px;
}
.JQAudioPlayer .jp_poster {
	display:block;
	position:absolute;
	background-color:#CCCCCC;
	background-image:url(images/poster.png);
	background-position:center;
	background-size:cover;
	border:1px solid #F0F0F0;
	border-radius:2px;
	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: 62px;
	right: 8px;
	height: 22px;
	line-height: 22px;
	top: 22px;
}
.JQAudioPlayer.no_poster .jp_track_info {
	left:8px;
}
.JQAudioPlayer .jp_track_info .jp_track_title {
	display: block;
	position: absolute;
	left: 0px;
	font-family: Calibri;
	font-size: 16px;
	color: #F0F0F0;
	white-space: nowrap;
	overflow: hidden;
	top: -18px;
}
.JQAudioPlayer .jp_track_info .jp_time {
	position: absolute;
	right: 1px;
	font-family: Calibri;
	font-size: 11px;
	top: -19px;
	height: 43px;
	width: 66px;
}
.JQAudioPlayer .jp_track_info .jp_time_current {
	color:#00CC66;
	padding-right:5px;
	border-right:1px solid #808080;
}
.JQAudioPlayer .jp_track_info .jp_time_total {
	color:#CCCCCC;
	padding-left:5px;
}

/* CONTROLS */

.JQAudioPlayer .jp_controls {
	position: absolute;
	left: 62px;
	right: 8px;
	top: 28px;
	height: 22px;
	padding-top: 0px;
}
.JQAudioPlayer.no_poster .jp_controls {
	left:8px;
}
.JQAudioPlayer .jp_controls > table {
	position:relative;
	margin:0;
	padding:0;
	width:100%;
	height:22px;
}

/* 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:#000000;
	box-shadow:0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 3px black inset;
	width:100%;
	height:6px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div {
	position: absolute;
	top: 2px;
	right: 1px;
	bottom: 1px;
	left: 5px;
	width: 100%;
	height: 2px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_progress {
	position: absolute;
	width: 2px;
	height: 6px;
	background: #006600;
	background: -moz-linear-gradient(top,#006600 0%,#33CC00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#006600),color-stop(100%,#33CC00));
	background: -webkit-linear-gradient(top,#006600 0%,#33CC00 100%);
	background: -o-linear-gradient(top,#006600 0%,#33CC00 100%);
	background: -ms-linear-gradient(top,#006600 0%,#33CC00 100%);
	background: linear-gradient(to bottom,#006600 0%,#33CC00 100%);





	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#006600",endColorstr="#33CC00",GradientType=0);
	cursor: pointer;
	left: -4px;
	top: -4px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_loaded {
	position: absolute;
	width: 0;
	height: 6px;
	background: #333333;
	background: -moz-linear-gradient(top,#333333 0%,#999999 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#999999));
	background: -webkit-linear-gradient(top,#333333 0%,#999999 100%);
	background: -o-linear-gradient(top,#333333 0%,#999999 100%);
	background: -ms-linear-gradient(top,#333333 0%,#999999 100%);
	background: linear-gradient(to bottom,#333333 0%,#999999 100%);



	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#999999",GradientType=0);
	cursor: pointer;
	top: -3px;
	left: -4px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar > div > div.jp_seek_bar_handle {
	position: absolute;
	margin-left: -10px;
	margin-top: -6px;
	width: 16px;
	height: 16px;
	background-image: url(images/handle.png);
	background-repeat: no-repeat;
	cursor: pointer;
	left: 3px;
	top: -3px;
}
.JQAudioPlayer .jp_controls div.jp_seek_bar_tip {
	display:none;
	position:absolute;
	margin-bottom:4px;
	padding:2px 5px;
	font-family:Calibri Light;
	font-size:12px;
	color:#660000;
	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;
	text-align:left;
}
.JQAudioPlayer .jp_playlist_panel {
	position:relative;
	background:#FFFFFF;
	border:2px solid #333333;
	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;
	height:460px;
	top:0;
	text-align:left;
}
.JQAudioPlayer .jp_playlist a.jp_link {
	text-decoration:none;
	color:#0033CC;
}
.JQAudioPlayer .jp_playlist a.jp_link:hover {
	text-decoration:underline;
	color:#0033CC;
}
.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:34px;
}
.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 #484848;
}
.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;
	width:70%;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div > span {
	display:block;
	padding-left:8px;
	padding-right:2px;
	height:20px;
	line-height:20px;
	font-family:Calibri;
	font-size:15px;
	color:#000000;
	white-space:nowrap;
	background-color:#FFFFFF;
	border-radius:2px;
	transition:0.3s ease-out;
	text-align:left;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li.jp_hover > div > span {
	background-color:#CCCC99;
	color:#000000;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li.jp_active > div > span {
	background-color:#339933;
	color:#FFFFFF;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div:first-child {
	display:none;
	text-align:left;
}
.JQAudioPlayer .jp_playlist div.jp_list > ul > li > div:last-child {
	text-align:left;
	width:70%;
}
.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:Calibri;
	font-size:10px;
	color:#333333;
	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:#333333;
}

/* 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:#FFFFFF;
	width:17px;
	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:#003300;
	top:0;
	width:18px;
	height:30px;
	cursor:pointer;
}

/* THUMBNAILS */

.JQAudioPlayer div.jp_thumbnails {
	display:block;
	position:relative;
	top:10px;
	bottom:20px;
	height:44px;
}
.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:30px;
	margin-right:30px;
}
.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:7px;
	width:44px;
	min-width:44px;
	height:44px;
}
.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:#FFFFFF;
	border:0px solid #FFFFFF;
	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(images/poster.png);
	background-position:center;
	background-size:cover;
	opacity:.8;
	-webkit-filter:grayscale(0);
	transition:0.3s ease-out;
	filter:none;
}
.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:.2;
	-webkit-filter:grayscale(0);
	filter:none;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_active > div > div {
	opacity:8;
	-webkit-filter:grayscale(0);
	filter:none;
}
.JQAudioPlayer div.jp_thumbnails ul li > span.jp_caption {
	display:none;
	position:absolute;
	padding-top:5px;
	font-family:Calibri;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	transition:0.3s ease-out;
	cursor:default;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_hover > span.jp_caption {
	color:#FFFFFF;
}
.JQAudioPlayer div.jp_thumbnails ul li.jp_active > span.jp_caption {
	color:#FFFFFF;
}

/* SCROLL BUTTONS */

.JQAudioPlayer span.jp_btn_prev, .JQAudioPlayer span.jp_btn_next {
	display:none;
	position:absolute;
	top:0;
	bottom:0;
	width:15px;
	background-color:#666666;
	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:#333333;
	transition:0.3s ease-out;
}
.JQAudioPlayer span.jp_btn_prev.jp_btn_disabled, .JQAudioPlayer span.jp_btn_next.jp_btn_disabled {
	background-color:#FFFFFF;
	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:15px;
	color:#660000;
	white-space:nowrap;
}