/*
   jplayer.frist.css
   fristcenter.org
   
   Created by Jesse Bunch on 2011-05-27.
   Copyright 2011 Paramore, the digital agency (www.paramore.is). All rights reserved.
*/

div.jp-jplayer {
	width:0px;
	height:0px;
	background-color: #000000;
}

div.jp-audio {
	width:100%;
	font-size:1.25em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}

#feature-slideshow-wrap .jplayer-wrap {
	width: 250px;
	background-color: #FFF;
	margin: 185px auto;
	position: relative;
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); /* Opera 10.5, IE 9.0 */
}

#feature-slideshow-wrap .multimedia-detail { 
	width: 500px;
	margin: 0 auto; 
}

	div.jp-interface {
		margin: 15px 0 -20px 6px;
		position: relative;
		background-color: transparent;
		width:100%;
	}
	
	div.jp-audio div.jp-type-single div.jp-interface {
		height:40px;
		border-bottom:none;
	}

	.multimedia-detail div.jp-audio div.jp-type-single div.jp-interface {
		height: 80px;
	}
		
		#feature-slideshow-wrap div.jp-audio div.jp-type-single div.jp-interface {
			margin: 0;
		}

		div.jp-interface ul.jp-controls {
			list-style-type:none;
			padding:0;
			margin: 0;
		}
		
			div.jp-interface ul.jp-controls li {
				display:inline;
			}
			
				div.jp-interface ul.jp-controls li a {
					position: absolute;
					overflow:hidden;
					text-indent:-9999px;
				}
					a.jp-play,
					a.jp-pause {
						width:18px;
						height:20px;
						z-index:1;
					}
					
					div.jp-audio div.jp-type-single a.jp-play,
					div.jp-audio div.jp-type-single a.jp-pause {
						top:0;
						left:0;
					}
					
						#feature-slideshow-wrap div.jp-audio div.jp-type-single a.jp-play,
						#feature-slideshow-wrap div.jp-audio div.jp-type-single a.jp-pause {
							top: 12px;
							left: 15px;
						}


						#feature-slideshow-wrap .multimedia-detail div.jp-audio div.jp-type-single a.jp-play,
						#feature-slideshow-wrap .multimedia-detail div.jp-audio div.jp-type-single a.jp-pause {
							top: 12px;
							left: 12px;
						}
					
					a.jp-play { background: url("/css/img/ico-audio-controls.png") 0 0 no-repeat; }
						a.jp-play:hover { background: url("/css/img/ico-audio-controls.png") 0 0 no-repeat; }
						
					a.jp-pause { background: url("/css/img/ico-audio-controls.png") -18px 0 no-repeat; display: none; }
						a.jp-pause:hover { background: url("/css/img/ico-audio-controls.png") -18px 0 no-repeat; }

			div.jp-progress {
				position: absolute;
				overflow:hidden;
				background-color: #ddd;
			}
			
				div.jp-audio div.jp-type-single div.jp-progress {
					top:7px;
					left:25px;
					width:130px;
					height:5px;
				}

				.multimedia-detail div.jp-audio div.jp-type-single div.jp-progress {
					top:79px;
					left:32px;
					width:400px;
				}
					#feature-slideshow-wrap div.jp-audio div.jp-type-single div.jp-progress {
						left: 42px;
						top: 19px;
						width: 190px;
					}

					#feature-slideshow-wrap .multimedia-detail div.jp-audio div.jp-type-single div.jp-progress {
						left: 79px;
						top: 38px;
						width: 400px;
					}

				div.jp-seek-bar {
					background-color: #cdd1d4;
					width:0px;
					height:100%;
					cursor: pointer;
				}

					div.jp-play-bar {
						background-color: #313A3F;
						width:0px;
						height:100%;
					}

			div.timer {
				display: none;
				position: absolute;
				left: 25px;
				top: 13px;
				font-size:.40em;
				font-style:oblique;
				color: #B5B5B5;
			}

			.multimedia-detail div.timer {
				left: 69px;
				top: 48px;
			}