/* --------------------------------------------- */
/* Author: http://codecanyon.net/user/CodingJack */
/* --------------------------------------------- */

/* LEGEND
   
    1 - GLOBAL STYLES - (line #26)
   
       1.1 - The Big Button - (line #39)
	   1.2 - The Music Player - (line #75)
	   
	2 - WHITE SKIN - (line #225)
	2 - BLACK SKIN - (line #340)
	2 - GRAY SKIN - (line #439)
   
*/

/* CSS3 resources to help with editing:

	GRADIENTS: http://www.colorzilla.com/gradient-editor/
	SHADOWS: http://css3gen.com/box-shadow/
	ROUNDED CORNERS: http://border-radius.com/
	MORE (including inset shadows): http://css3generator.com/ and http://www.css3.me/


/* ...........................................................................   1   */

/* The main plugin wrapper */
.cj-music-player {
	
	font-family: helvetica, sans-serif;
font-size: 11px;
	text-align: left;
	line-height: 12px;
	position: relative;
	
	
}

/* -----------------------------------------------------------   1.1   */

/* The big button */
.cj-music-button {

	width: 134px;
	height: 28px;
	position: absolute;
	margin-top:2px;
	top: 0;
	cursor: pointer;	
	background-color: #fff;
	
}


.cj-music-button:hover {


	cursor: pointer;	
	background-color: #f6f6f6;
	border: 1px solid #ADADAD;
box-shadow: 0 1px 0 #CCCCCC;
color: #595959;
}





.cj-music-button span{
position: absolute;
margin-left:14px;
margin-top:10px;
text-shadow: 1px 1px 0 #EBEBEB;  
color: #666666;
font-family: helvetica, sans-serif;
text-align:center;
font-size: 11px;
text-decoration: none;
}





/* The big button icon */
.cj-music-button img {

margin-top:6px;
margin-left:20px;

	
}

/* We hide the song list markup */
.cj-song-list {

	display: none;
	
}

/* -----------------------------------------------------------   1.2   */

/* The main player wrapper */
.cj-music-container {
	
	position: absolute;
	top: 2px;
	left: 22px;
	width: 698px;
	height: 28px;
	display: none;
	overflow: hidden;
	white-space: nowrap;
	background-color: #fff;

}

/* An adjustment automatically applied when the big button isn't used */
.cj-music-no-button {

	width: 400px;
	
}

/* The text and controls */ 
.cj-music-content {

	padding: 0 49px 0 11px;
		
}

/* The current song anumber and title */
.cj-music-meta {

	display: inline-block;
	
}

/* The meta tag containers */
.cj-music-meta p {
	color: #666666;
font-family: helvetica, sans-serif;
font-size: 11px;
	position: absolute;
	top: 11px;
	margin-top: -2px;
	margin-left:100px;
	
}

/* The 1px vertical dividers */
.cj-music-meta .cj-divider {
	
	position: absolute;
	top: 0;
	display: block;
	height: 33px;
	
}

/* The first divider */
.cj-divider-one {
	
	left: 140px;
	
}

/* The second divider */
.cj-divider-two {
	left: 100px;
	
}

/* The current song text */
.cj-current-song {

	width: 240px;
	color: #666;
	height: 28px;
	overflow: hidden;
	left: 52px;
	
}

/* The play, pause, left and right buttons */
.cj-music-controls {
	
	display: inline-block;
	margin-left: -6px;
	padding-top: 4px;

}

/* Each button exists inside a span tag */
.cj-music-controls span {
	
	width: 18px;
	height: 18px;
	margin-left:6px;
	
	cursor: pointer;
	display: inline-block;
	


}

/* button mouse over style */
.cj-music-controls span:hover {

	zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;
	
}

/* The previous song button icon */
.cj-music-left img {
	
	margin-top:2px;
	margin-left:2px;

}

/* The next song button icon */
.cj-music-right img {
	
	margin-top:2px;
	margin-left:2px;

}

/* The play button icon */
.cj-music-play img {
	
	margin-top:2px;
	margin-left:2px;

}

/* The pause button icon */
.cj-music-pause img {
	
	margin-top:2px;
	margin-left:2px;

}

/* ...........................................................................   2   */

/* Text color and text shadow */
.cj-white-skin {
color: #666;
font-family: helvetica, sans-serif;
font-size: 11px;
text-shadow: 1px 1px 0 #EBEBEB;  
	
}

/* Hyperlinks */
.cj-white-skin a {
color: #666;
font-family: helvetica, sans-serif;
font-size: 11px;
text-shadow: 1px 1px 0 #EBEBEB;  
outline: none;
	
}

/* Hyperlink visited */
.cj-white-skin a:visited {

	color: #666;
	
}

/* Hyperlink mouse over */
.cj-white-skin a:hover {

	color: #999;
	
}

/* The big button */
.cj-white-skin .cj-music-button {
	
	border: 1px solid #c3c3c3;
	border-radius: 3px 3px 3px 3px;
}

/* The big button active/open state */
.cj-music-btn-active-white {
	
	background-color: #fff;
	
}

/* The main player */
.cj-white-skin .cj-music-container {

	border: 1px solid #c3c3c3;
	border-radius: 3px 3px 3px 3px;	
}

/* The 1px vertical dividers */
.cj-white-skin .cj-music-meta .cj-divider {
	
	
	border-right: 1px solid #c3c3c3;
	
}

/* The player control buttons */
.cj-white-skin .cj-music-controls span {

		
	background-color: #fff;
	
}