@charset "UTF-8";
/* CSS Document */
.genreBOX{
	width:185px;
	height:300px;
	
	position:absolute;
	margin-top:0px;
	margin-left:5px;
	
	padding:17px 0px 18px 0px;
	/*border:1px #fff solid;*/
}

.tracksBG{background:url(../assets/BG/customTracksBG-01.png) center no-repeat;}

.genreBUTTON{
	width:165px;
	height:30px;
	
	text-align:right;
	text-indent:0px;
	font-size:18px;
	line-height:30px;
	color:#000;
	padding-right:20px;
	/*border:1px dotted blue;*/
}
.genreBUTTONhover{
	cursor:pointer;
	color:#B7BFE2;
	font-size:16px;
}
.genreBUTTONactive{
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.gB{
}
#genreContentBOX{
	height:220px;
	width:485px;
	
	position:absolute;
	margin-left:225px;
	margin-top:35px;
	/*border:1px solid #fff;*/
}

.trackBOX{
	height:220px;
	width:225px;
	float:left;
	padding-left:15px;
	/*border:1px solid #fff;*/
}

.musicTrack{
	height:20px;
	width:225px;
	text-indent:0px;
	font-size:13px;
	line-height:20px;
	color:#333;
	padding:1px 0px 1px 0px;
	
	/*border:1px solid #fff;*/

}

.spkerIcon1{
	height:20px;
	width:20px;
	float:left;
	margin-left:5px;
	margin-right:15px;
	
	background:url(../assets/buttons/playBUTTON-01.png);
}
.spkerIcon1HOVER{
	background:url(../assets/buttons/playBUTTONhover-01.png);
}

#playerContainer{
	height:50px;
	width:460px;
	position:absolute;
	margin-left:240px;
	margin-top:265px;
	/*border:1px solid #F00;*/
}

#musicPlayerDiv{
	height:50px;
	width:460px;
	
	/*border:1px #fff solid;*/
}