﻿.jp-interface {
    position: relative;
    width:100%;
    height: 35px;
	-webkit-border-radius:  3px;
	   -moz-border-radius:	3px;	
			border-radius: 	3px;
	background: #F5F5F5;
	-webkit-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1); 
	   -moz-box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);
			box-shadow: inset 0 -1px 0px rgba(0, 0, 0, 0.1);
	border-left: 2px solid #ff6969;
}

div.jp-controls-holder {
    clear: both;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
}

a.jp-play,
a.jp-pause {
    width:40px;
    height:35px;
    float:left;
    outline:none;
	padding: 9px;
	margin-left: 10px;
}

a.jp-pause {
    display: none;
}

.jp-current-time,
.jp-duration {
    font-size:11px;
    font-family:Arial;
    color:#444444;
    margin-top: 9px;
    float:left;
}
.jp-current-time {
    float: left;
    display:inline;
}
.jp-duration {
    float: left;
    display:inline;
    text-align: right;
}
.jp-video .jp-current-time {
    margin-left:10px;
}
.jp-video .jp-duration {
    margin-right:10px;
}
.time-sep {
    float:left;
    margin: 9px 3px 0 3px;
    font-size:11px;
    color:#444444;
}

.jp-video a.jp-mute,
.jp-video a.jp-unmute {
    float:left;
    height: 35px;
    outline:none;
}

.jp-mute {
    float:left;
    padding: 9px;
	margin-left: 21px;
}

a.jp-unmute {
    padding: 9px;
    display: none;
	float: left;
	margin-left: 21px;
}

.jp-volume-bar {
    float:right;
    margin-top: 13px;
    margin-right: 10px;
    overflow:hidden;
    width: 10%;;
    height:10px;
    cursor: pointer;
    background: #706d6d;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.jp-volume-bar-value {
    background: transparent;
    width:0px;
    height:10px;
    position: relative;
}

.jp-volume-bar-value span {
    position:absolute;
    top: 0px;
    right: 0px;
    background: #ff6969;
	border-radius: 5px;
    width: 10px;
    height: 10px;
}

.jp-progress {
    background: #706d6d;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    width: 58%;
    height:10px;
    float:left;
    margin-top: 13px;
	margin-right: 15px
}

.jp-seek-bar {
    width:0px;
    height:100%;
    cursor: pointer;
}

.jp-seeking-bg {
    background:#575555;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.jp-play-bar {
    background: #ff6969;
    width:0px;
    height:10px;
    position:relative;
    z-index: 9999;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.jp-play-bar span {
    position:absolute;
    top: -3px;
    right: -12px;
    background: #ff6969;
    -webkit-border-radius:	10px;
    -moz-border-radius:		10px;
    border-radius:			10px;
    width: 17px;
    height: 17px;
}