/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 */

div.jp-audio,
div.jp-video {
	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */
	color: #eee;
	font-size: 14px; /* No parent CSS that can effect the size in these demos */
	line-height: 1.6;	
	-ms-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	position:relative;
}

.jp-title li {
	color: #111;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.5px;
    position: relative;
    text-indent: 40px;
    top: 17px;
}

div.jp-audio {
}

div.jp-video-270p {
}

div.jp-video-360p {
}

div.jp-interface {
	background: #f7f7f7;
	border: none;
	position: relative;
	width: 100%;
	border-radius: 5px;
}
div.jp-interface a {
	border:none;
}

div.jp-video div.jp-video-play {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	cursor:pointer;
	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}
div.jp-video-270p div.jp-video-play {
	height:270px;
}
div.jp-video-360p div.jp-video-play {
	height:auto;
}
div.jp-video-full div.jp-video-play {
	height:100%;
	z-index:1000;
}
a.jp-video-play-icon {
	position:relative;
	display:block;
	width: 112px;
	height: 100px;

	margin-left:-56px;
	margin-top:-50px;
	left:50%;
	top:50%;

	background: url("jplayer.pink.flag.video_play.png") 0 0 no-repeat;
	text-indent:-9999px;
}
div.jp-video-play:hover a.jp-video-play-icon {
	background: url("jplayer.pink.flag.video_play.png") 0 -100px no-repeat;
}

div.jp-audio div.jp-type-single div.jp-interface {
	border-bottom: none;
	height: 65px;
}

div.jp-audio div.jp-type-playlist div.jp-interface {
	height: 80px;
}

div.jp-video div.jp-type-single div.jp-interface {
	border-bottom: none;
	height: 65px;
	margin-top: -7px;
}

div.jp-video div.jp-type-playlist div.jp-interface {
	height:60px;
}

div.jp-interface ul.jp-controls {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

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

div.jp-interface ul.jp-controls a {
	overflow: hidden;
	position: absolute;
	text-indent:-9999px;
	border: none;
}

a.jp-play,
a.jp-pause {
	height: 28px;
	width: 28px;
	z-index: 1;
}

div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	left: 20px;
	top: 12px;
}

div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	left: 48px;
	top: 20px;
}

div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	top: 13px;
}

div.jp-video-270p div.jp-type-single a.jp-play,
div.jp-vi