@import url(http://fonts.googleapis.com/css?family=Open+Sans|Noto+Sans);

#amazingaudioplayer-1 {
	display: block;
	position: relative;
		background-image: url("../images/speaker5.jpg");

	background-color: #f1f1f1;
	top: 0px;
	border: 0px solid #fff; ///////*BORDER FOR THE WHOLE PLAYER*///////
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	margin: 0px;
	padding: 0px;
	-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

#amazingaudioplayer-1 div {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;   
}

#amazingaudioplayer-1 .amazingaudioplayer-image {
	display: block;
	position: relative;
	margin: 0;
	padding 0;
	overflow: hidden;
	
	
	
	
	
	/*
	
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
	
	
	*/
	
	
	
	
	
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

#amazingaudioplayer-1 .amazingaudioplayer-image-clear {
  
}

/*SONG NAME, ARTIST NAME MID SECTION*/
#amazingaudioplayer-1 .amazingaudioplayer-text {
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	top: 380px;
	margin-left: auto;
    margin-right: auto;
	HEIGHT: 120px;
	text-align: center;
	z-index: 1;
}

#amazingaudioplayer-1 .amazingaudioplayer-text-clear {
}
/**********SONG NAME AND ARTIST AND ALBUM*********/
#amazingaudioplayer-1 .amazingaudioplayer-title {
	display: block;
	color: #333;

	font-family: "Noto Sans",Arial,sans-serif;
	overflow:none;
	FONT-SIZE: 18px;
	font-weight: bold;
   
}

#amazingaudioplayer-1 .amazingaudioplayer-title-clear {
}

#amazingaudioplayer-1 .amazingaudioplayer-info {
	display: block;
	color: #555;

	font-family: Arial, sans-serif;
	font-size: 13px;
	font-style: italic;
}

#amazingaudioplayer-1 .amazingaudioplayer-info-clear {
}


/************MID SECTION BAR*************/
#amazingaudioplayer-1 .amazingaudioplayer-bar {
	display: block;
	position: relative;
	width: 100%;
	HEIGHT: 200px;
	TOP: -13px;
	background-color: #fbfaf6;
	background-image: -moz-linear-gradient(top,  #fbfaf6 0%, #d7d5cd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfaf6), color-stop(100%,#d7d5cd)); 
	background-image: -webkit-linear-gradient(top,  #fbfaf6 0%,#d7d5cd 100%); 
	background-image: -o-linear-gradient(top,  #fbfaf6 0%,#d7d5cd 100%);
	background-image: -ms-linear-gradient(top,  #fbfaf6 0%,#d7d5cd 100%);
	background-image: linear-gradient(to bottom,  #fbfaf6 0%,#d7d5cd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfaf6', endColorstr='#d7d5cd',GradientType=0 );
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0px 0px 10px #888; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border:#CC6600 0px solid;
}

#amazingaudioplayer-1 .amazingaudioplayer-bar-buttons-clear {
}

#amazingaudioplayer-1 .amazingaudioplayer-bar-clear {
	clear: both;
}

/**********************SCROLL LETTERS BAR*********/
#amazingaudioplayer-1 .amazingaudioplayer-bar-title {

    position: absolute;
    background-color: #c8c8c8;
    color: #000000;  
	top: -316px;
	margin-left: auto;
    margin-right: auto;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
box-shadow: 0px 0px 10px #888; 
-moz-border-radius: 2px; 
border-radius: 3px; 
border:#CC6600 0px solid;
	
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: italic;
	text-align: center;


}
/*************PAUSE / PLAY / STOP BUTTON********/
#amazingaudioplayer-1 .amazingaudioplayer-playpause {
	position: absolute;
	top: 0px;
	height:30px;
	width: 100%;
	box-shadow: 0px 0px 10px #888; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	border:#CC6600 0px solid;
}



#amazingaudioplayer-1 .amazingaudioplayer-play {
	position: relative;
	top: 43px;
	margin-left: auto;
    margin-right: auto;
}

#amazingaudioplayer-1 .amazingaudioplayer-pause {
	position: relative;
	top: 43px;
	margin-left: auto;
    margin-right: auto;
}

#amazingaudioplayer-1 .amazingaudioplayer-stop {
	position: relative;
	Left: 25px;
	top: 3px;
}
/*************BUTTON PREVIEWS********/
#amazingaudioplayer-1 .amazingaudioplayer-prev {
	position: relative;
	float: left;
	left: 30px;
	top: 17px;
}
/*************BUTTON NEXT********/
#amazingaudioplayer-1 .amazingaudioplayer-next {
	position: relative;
	float:  right;
	right: 30px;
	top: 17px;
	padding left: 10px;
}








/*************LOOP SECTION********/
#amazingaudioplayer-1 .amazingaudioplayer-loop {
	position: absolute;
	top: 3px;
	left: 80px;
	
}
/***********PROGRESS BAR*********/
#amazingaudioplayer-1 .amazingaudioplayer-progress {
	position: absolute;
	left: 0px;	
	top: -8px;
	background-color: #ff0000;
	width: 100%;
	
box-shadow: 0px 0px 10px #888; -moz-border-radius: 3px; border-radius: 3px; border:#CC6600 0px solid;

}

#amazingaudioplayer-1 .amazingaudioplayer-progress-loaded {
	background-color: #ffdf00;
}

#amazingaudioplayer-1 .amazingaudioplayer-progress-played {
	background-color: #fcc500;
	background-image: -ms-linear-gradient(top, #fede00 0%, #fcc500 100%);
	background-image: -moz-linear-gradient(top, #fede00 0%, #fcc500 100%);
	background-image: -o-linear-gradient(top, #fede00 0%, #fcc500 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fede00), color-stop(1, #fcc500));
	BACKGROUND-image: -webkit-linear-gradient(top, #228b22 0%, #228b22 100%); 
	BACKGROUND-image: linear-gradient(to bottom, #228b22 0%, #228b22 100%);
}
/************TIME SECTION*************/
#amazingaudioplayer-1 .amazingaudioplayer-time {
	position: absolute;
	top: 0px;
	left: 125px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 34px;

	margin: 0 4px;
	font-weight: bold;
		
	
}
/********VOLUME ICON*********/
#amazingaudioplayer-1 .amazingaudioplayer-volume {
	position: absolute;
   top: 3px;
	left: 320px;
	z-index: 2;
	
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar {
	background-color: #d5cea6;
	background-image: -moz-linear-gradient(-45deg,  #d5cea6 0%, #c9c190 100%);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d5cea6), color-stop(100%,#c9c190));
	background-image: -webkit-linear-gradient(-45deg,  #d5cea6 0%,#c9c190 100%);
	background-image: -o-linear-gradient(-45deg,  #d5cea6 0%,#c9c190 100%);
	background-image: -ms-linear-gradient(-45deg,  #d5cea6 0%,#c9c190 100%);
	background-image: linear-gradient(135deg,  #d5cea6 0%,#c9c190 100%);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust {
	background-color: #bab49a;
}

#amazingaudioplayer-1 .amazingaudioplayer-volume-bar-adjust-active {
	background-color: #666;
}

/**************************/

#amazingaudioplayer-1 .amazingaudioplayer-tracklist {
	display: block;
	position: relative;
	MARGIN-TOP: 40px; /****SPLIT TRACKLIST WITH MIDDLE SECTION*******/
}
/****BOTTOM SECTION*******/
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-container {
	display: block;
	position: relative;
	-webkit-border-radius: 4px;
   	-moz-border-radius: 4px;
    border-radius: 4px;
    height: 40px;
	padding: 12px 42px 32px 12px;
	background-color: #fbfaf6;
	background-image: -ms-linear-gradient(top, #fbfaf6 0%, #d7d5cd 100%);
	background-image: -moz-linear-gradient(top, #fbfaf6 0%, #d7d5cd 100%);
	background-image: -o-linear-gradient(top, #fbfaf6 0%, #d7d5cd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfaf6), color-stop(1, #d7d5cd));
	background-image: -webkit-linear-gradient(top, #fbfaf6 0%, #d7d5cd 100%);
	background-image: linear-gradient(to bottom, #fbfaf6 0%, #d7d5cd 100%);
	
		box-shadow: 0px 0px 10px #888; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border:#CC6600 0px solid;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracks-wrapper {
	position: relative;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracks {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item {
	position: relative;
	cursor: pointer;
	color: #666;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 15px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-active {
	cursor: pointer;
	color: #222;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item a {
	color: #666;
    text-decoration: none;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-active a {
	color: #222;
    text-decoration: none;
}

#amazingaudioplayer-1 .amazingaudioplayer-track-item-duration {
	position: absolute;
	top: 0;
	right: 0;
	
}
/*NEXT SET OF SONGS ARROWS*/
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-prev {
	position: absolute;
	top: -35px;
	right: 200px;
	box-shadow: 0px 0px 10px #888; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border:#CC6600 0px solid;
}

#amazingaudioplayer-1 .amazingaudioplayer-tracklist-arrow-next {
	position: absolute;
	top: -35px;
	right: 120px;
	box-shadow: 0px 0px 10px #888; 
-moz-border-radius: 3px; 
border-radius: 3px; 
border:#CC6600 0px solid;
}
/************************************/
#amazingaudioplayer-1 .amazingaudioplayer-tracklist-clear {
	clear: both;
}