﻿/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 3.0 (jPlayer 2.0.0)
 * Date: 20th December 2010
 */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td,img {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}

input, button, textarea,
select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
code, kbd, samp, tt {
	font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
sup, sub {
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to highlight anchors and inserts somehow! */
:link , ins {
	text-decoration: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* End reset */ 


.songPlayBox{

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */
	font-size:1em; /* No parent CSS that can effect the size in these demos */
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	width:346px; height:44px; overflow:hidden;
}
.jp-type-single {
	background-position:0 0; padding:5px 6px; width:334px; height:34px; overflow:hidden; display:inline-block;
}

ul.jp-controls{
	float:left; width:36px; height:34px; overflow:hidden;
}
ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
ul.jp-controls a {	
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,a.jp-pause {
	width:36px; height:34px; overflow:hidden; float:left;
	z-index:1;
}
a.jp-play {
	background-position: 0 -54px;; 
}
a.jp-play:hover {
	background-position: -46px -54px;
}
a.jp-pause{
	background-position: -92px -54px;
}
a.jp-pause:hover {
	background-position: -138px -54px;
}

.jp-interface{ padding:0 8px; width:243px; float:left;}
.playText{ width:243px; height:20px; overflow:hidden; line-height:20px; display:inline-block;}

.playText .text-n1{  font-size:12px; height:20px; line-height:20px; width:150px; overflow:hidden; float:left;}
.playText .time{ float:right; font-size:12px;}

.playVolume{ width:243px; height:9px; overflow:hidden; padding-top:2px;}


.jp-progress {
	width:192px; height:9px; overflow:hidden;
	background-position: 0px -98px;
	position:relative; z-index:0; float:left;
}
.jp-seek-bar {
	height:9px; overflow:hidden;
	position:absolute;
	background-position: 0 -117px;
	z-index:10;cursor: pointer;
}
.jp-play-bar {
	height:9px; overflow:hidden; padding-left:1px;
	position:absolute;
	background-position: 0 -136px;
	z-index:100; cursor: pointer;
}
.jp-play-bar b{ background-position: -183px -136px;width:9px; height:9px;overflow:hidden;float:right;position:absolute;right:0px;cursor:pointer}

.volumeBar{ width:45px; height:5px; padding:2px 0; overflow:hidden; float:right;}
.volumeM{ width:5px; height:5px; overflow:hidden; float:left; margin-right:4px;}
.volumeM a{ background-position: -284px -80px; height:5px; width:5px; overflow:hidden; display:block; cursor:pointer;}
.volumeJ a{ background-position: -251px -80px; height:5px; width:5px; overflow:hidden; display:block; cursor:pointer;}
.volumeJ{ width:5x; height:5px; overflow:hidden; float:left; margin-left:4px;}
.jp-volume-bar{ width:27px; height:5px; background-position: -251px -96px; float:left; overflow:hidden;}
.jp-volume-bar-value{ height:5px; background-position: -251px -106px; float:left; overflow:hidden; cursor:pointer;}

.jp-other{ float:right; width:36px; height:34px; overflow:hidden; display:block; text-indent:-999px; cursor:pointer;}

.skin,.volumeBar .skin a{ background-image:url(playBlue.png); background-repeat:no-repeat;}
.c1{ color:#90b4d6;}