/* --------------------------------------------------
/* COMMON TO ALL (based on "dark-standard")
/* -------------------------------------------------- */

    a img { border: 0; }

	.jp-no-solution {
		padding:5px;
		font-size:.5em;
		text-align:center;
		background-color:#EEEEEE;
		-moz-border-radius: 6px;
		border-radius: 6px;
		color:#000;
		display:none;
	}

	.jp-no-solution a {
		color:#0000FF;
	}

	.jp-no-solution span {
		font-size:1em;
		display:block;
		text-align:center;
		font-weight:bold;
		position: absolute;
	}

	div.jp-audio {
		max-width:1380px;
		min-width:100px;
		width:100%;
		height:38px;
		font-size:1.25em;
		font-family:Verdana, Arial, sans-serif;
		line-height:1.6;
	}

	/* @group background */

    div.jp-background-wrapper{
        position:absolute;
        width:100%;
        height:38px;
        display:block;
        top: 0;
        left: 0;
    }


	div.jp-background {
		background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -206px 0 no-repeat;
		display:block;
		margin-right:40px;
		height:100%;
		overflow:hidden;
	}

	/* @group scrubber */

/*  div.jp-scrubber-wrapper {
        margin-left:38px;
        position:absolute;
        width:100%;
    }
*/
    div.jp-scrubber-background {
        position: relative;
        margin-left: 36px;
        margin-right: 32px;
        top: -36px;
        z-index: 12;
        cursor:pointer;
    }

    div.jp-scrubber {
        background:url("/assets/modules/player/audio-player-mini-sprite-sheet.png") 0px 0 no-repeat;
        width:30px;
        height:38px;
        z-index: 12;
    }

	div.jp-background-right {
		position:absolute;
		background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -1560px 0 no-repeat;
		right:0px;
		width:40px;
		height:38px;
		display:block;
		overflow:hidden;
        top: 0;
	}

	/* @group time text */
	.jp-current-time {
		position: absolute;
		color: white;
		font-size: 6px;
		left: 45px;
		bottom: 2px;
	}
	.jp-duration {
		position: absolute;
		color: white;
		font-size: 6px;
		right: 15px;
		bottom: 2px;
	}
    .jp-current-time { display: none; }
    .jp-duration     { display: none; }

	/* @group player controls */

	div.jp-interface {
		position: relative;
		width:100%;
		height:38px;
		overflow: initial;
	}

	div.jp-interface ul.jp-controls {
		list-style-type:none;
		overflow:hidden;
		padding-left:5px;
		width: 100%;
		height: 38px;
		/*z-index:2;*/
	}

    div.jp-audio ul.jp-controls,
    div.jp-audio-stream ul.jp-controls {
        position:absolute;
        margin:0;
        top: 0;
    }

	div.jp-audio-stream ul.jp-controls {
		width: 100px;
	}

	div.jp-interface ul.jp-controls li {
		display:inline;
	}

	div.jp-interface ul.jp-controls a {
		display:block;
		overflow:hidden;
		text-indent:-9999px;
		height: 38px;
		margin: 0 0 0 0;
		padding: 0;
		outline: 0;
	}

	div.jp-type-single  .jp-controls li a{
		width: 33px;
	}

	div.jp-type-single  .jp-loader-background {
		width: 33px;
		overflow:hidden;
		height: 38px;
		display:block;
		margin:  0 0 0 0;
		padding: 0 0 0 0;
		outline: 0;
		background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -31px 0px no-repeat;
	}

	div.jp-loader {
		width:21px;
		height:21px;
		margin-left:5px;
		margin-top:8px;
		display:block;
		background: url("/assets/modules/player/loading-circle-mini-sprite-sheet.png") 0px 0px no-repeat;
	}

	.jp-play         { background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -169px 0px no-repeat; }
	.jp-play:active  { background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -135px 0px no-repeat; }
	.jp-pause        { background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png") -100px 0px no-repeat; }
	.jp-pause:active { background: url("/assets/modules/player/audio-player-mini-sprite-sheet.png")  -66px 0px no-repeat; }

    .jp-progress {
        background-color: #666;
        height: 38px;
        margin-left:50px;
        margin-right:15px;
        border-radius: 19px;
    }
    .jp-played-bar {
        height: 10px;
        background-color: #ccc;
        position: relative;
        top: -10px;
    }
    .jp-loaded-bar {
        height: 10px;
        background-color: #999;
    }
    .jp-seek-bar {
        height: 14px;
        background-color: transparent;
        position: relative;
        top: 12px;
        z-index: 10;
    }
    .jp-no-solution {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 12;
        width: 100%;
    }
    .jp-no-solution span {
        position: relative;
    }


/* --------------------------------------------------
/* voices-feature version
/* -------------------------------------------------- */

.voices-feature,
.voices-feature div.jp-audio,
.voices-feature div.jp-interface,
.voices-feature div.jp-background-wrapper,
.voices-feature div.jp-background
{ height:280px; }

.voices-feature,
.voices-feature div.jp-background
{ width:174px; }

/* SWITCH THE SPRITE SHEET AND OFFSETS */
.voices-feature div.jp-background                         { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png")    0px  -25px no-repeat; }
.voices-feature div.jp-avatar-top-shadow                  { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png")    0px    0px no-repeat; }
.voices-feature div.jp-avatar-bottom-shadow               { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png")    0px  -14px no-repeat; }
.voices-feature div.jp-type-single  .jp-play              { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -175px  -24px no-repeat; }
.voices-feature div.jp-type-single  .jp-play:active       { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -175px  -66px no-repeat; }
.voices-feature div.jp-type-single  .jp-pause             { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -175px -114px no-repeat; }
.voices-feature div.jp-type-single  .jp-pause:active      { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -175px -156px no-repeat; }
.voices-feature div.jp-type-single  .jp-loader-background { background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -175px -240px no-repeat; }

.voices-feature .jp-progress {
    position: absolute;
    bottom: 30px;
    margin-left: 64px; width: 92px; margin-right: 18px;
    height: 46px;
}
.voices-feature .jp-progress .jp-seek-bar {
    position: relative;
    top: 0;
    height: 48px;
}

.voices-feature .jp-progress .jp-loaded-bar {
    position: relative;
    top: -32px;
    height: 16px;
}

.voices-feature .jp-progress .jp-played-bar {
    position: relative;
    top: -48px;
    height: 16px;
}

.voices-feature .jp-scrubber-background {
    position: absolute;
    margin-left: 48px;
    margin-right: 32px;
    top: auto;
    bottom: 30px;
    z-index: 12;
    cursor: pointer;
    height: 48px;
    width: 94px;
}

.voices-feature div.jp-scrubber {
    background: url("/assets/modules/player/audio-player-feature-sprite-sheet.png") -184px -206px no-repeat;
    width: 30px;
    height: 30px;
    z-index: 12;
    margin-top: 10px;
}
.voices-feature a.jp-title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: lighter;
    text-shadow: 0px -1px #444444;
    color: #fff;
    text-decoration: none;
    font-size: 0.6em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 8px 6px 4px 6px;
}
.voices-feature a.jp-title:hover  { text-decoration: underline; }
.voices-feature a.jp-title:active { color:#dddddd; text-decoration: none; }

.voices-feature div.jp-avatar-stage {
    position: absolute;
    top: 32px;
    left: 1px;
    width: 172px;
    height: 172px;
    overflow: hidden;
}
.voices-feature a.jp-avatar {
    display:block;
}
.voices-feature img.jp-avatar-image {
    width: 172px;
    display:block;
}
.voices-feature div.jp-avatar-top-shadow {
    height: 10px;
    position: absolute;
    top: 0;
}
.voices-feature div.jp-avatar-bottom-shadow {
    height: 8px;
    position: absolute;
    bottom: 0px;
}

/* @group time text */
.voices-feature .jp-current-time {
    left: 62px;
    bottom: 32px;
    display: none;
}
.voices-feature .jp-duration {
    right: 15px;
    bottom: 32px;
    display: none;
}

/* @group player controls */
.voices-feature div.jp-interface ul.jp-controls {
    top: 205px;
    height: 45px;
}
.voices-feature div.jp-type-single ul.jp-controls a {
    height: 45px;
    width:  45px;
}

.voices-feature .jp-no-solution {
    position: absolute;
    width: 165px;
    top: 161px;
    z-index: 12;
}
.voices-feature .jp-no-solution span {
    position: relative;
}

.voices-preview-icon {
	padding: 8px;
	color: #135aa6;
	cursor: pointer;
	font-size: 20px;
	position: relative;
	vertical-align: top;
}