.jp-title {
    font-size: 12px;
    text-align: center;
    color: #f6f2e9;
}

.jp-title ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.jp-gui {
	position: relative;
	background: #7a6858;
	background: -moz-linear-gradient(top,  #7a6858 0%, #645446 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a6858), color-stop(100%,#645446));
	background: -webkit-linear-gradient(top,  #7a6858 0%,#645446 100%);
	background: -o-linear-gradient(top,  #7a6858 0%,#645446 100%);
	background: -ms-linear-gradient(top,  #7a6858 0%,#645446 100%);
	background: linear-gradient(to bottom,  #7a6858 0%,#645446 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a6858, endColorstr='#645446,GradientType=0 );
	/*-webkit-box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow:  0px 1px 1px 0px rgba(0, 0, 0, .1);*/
    /*border-radius: 3px;*/
	overflow: hidden;
	margin-top: 10px;
}

.jp-jplayer, .jp-audio {
    width: 100%;
    margin: 40px auto 0 auto;
}

.jp-controls {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: "FontAwesome";
    /*text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/
}

.jp-controls li {
    display: inline;
}

.jp-controls a {
    color: #f6f2e9;
}

.jp-controls a:hover {
    color: #7c2011;
}

.jp-play,.jp-pause {
	float: left;
    width: 60px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 43px;
    /*border-right: 1px solid #777;*/
}

.jp-controls .jp-play:hover,.jp-controls .jp-pause:hover {
    background-color: transparent;
}

.jp-mute,.jp-unmute {
    position: absolute;
    right: 60px;
    top: -1px;
    width: 20px;
    height: 40px;
    display: inline-block;
    line-height: 46px;
}

.jp-mute {
    text-align: left;
}

.jp-volume-bar {
    position: absolute;
    right: 15px;
    top: 16px;
    width: 45px;
    height: 8px;
  /*   border-radius: 20px 20px 20px 20px;
   -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1) inset;*/
    background-color: #f6f2e9;
    overflow: hidden;
}

.jp-volume-bar-value {
    background-color: #7c2011;
    height: 8px;
   /*  border-radius: 20px 20px 20px 20px;*/
}

.jp-progress {
	float: left;
    background-color: #f6f2e9;
   /*  border-radius: 20px 20px 20px 20px;*/
    overflow: hidden;
	width: 38%;
	margin: 14px 0 0 10px;
    /*-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2) inset;*/
}

.jp-play-bar {
    height: 12px;
    background-color: #7c2011;
   /*  border-radius: 20px 20px 20px 20px;*/
}

.jp-time-holder {
	float: left;
	margin: 14px 0 0 8px;
    color: #f6f2e9;
    font-size: 12px;
    line-height: 14px;
    /*text-shadow: 1px 1px 0 rgba(0,0,0,0.3);*/
}
