@import url(constants.less);
@import url(classes.less);

#albumSwitcherWraper {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: rgba(0,0,0,0.1);
	margin: 40px 0;
}

#musicWidgetHeightWraper {
	overflow: hidden;
	position: relative;


}

#musicWidgetWraper {
	position: relative;
	width:auto;

	overflow: hidden;
	margin: 0 10px;
	
	
}


/*-------------------------------------
---------------------------------------
tab links on top
---------------------------------------
-------------------------------------*/
#titlesWraper {
	overflow: auto;


}

#titlesWraper ul {

}

#titlesWraper ul li {
	display: block;
	float: left;
	margin: 10px;
	
}

#titlesWraper ul li a {
	
	padding-left: 10px;
	padding-right: 10px;

}

#titlesWraper ul li a:active  {
	padding-left: 9px;
	padding-right: 10px;
}

#titlesWraper ul li a.active  {
	padding-left: 9px;
	padding-right: 10px;
	
	border: 1px solid @blueDark3;
	border-top: 2px solid @blueDark3;
	border-left: 2px solid @blueDark3;
	border-bottom: 1px solid @blueDark4;
	padding-top: 6px;


}


/*-------------------------------------
---------------------------------------
album wraper
---------------------------------------
-------------------------------------*/
#albumsWraper{
	overflow: hidden;
	clear: both;
	width: 100%;
	position: absolute;
	top:0;
	left: 0;
	background-color: #e5e5e5;
}

#albumsWraper .albumWraper{
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0px 0 0px 0;
	padding: 20px;
}



/*-------------------------------------
---------------------------------------
album infos
---------------------------------------
-------------------------------------*/
#albumsWraper .albumWraper .albumInfo{
	width: 100%;
	
	padding: 0 0 0px 0;
	height: 100px;
	

}

#albumsWraper .albumWraper .albumInfo h1 {
	margin: 0 0 15px 0;
}

#albumsWraper .albumWraper .albumInfo .buy{
	margin: 5px 0 0px 0;

}



#albumsWraper .albumWraper .albumInfo .totalLength{
	display: block;
	padding: 10px 0 0 0;
	
}

#albumsWraper .albumWraper .albumInfo .totalLengthNumber{
	font-weight: 400;
}

#albumsWraper .albumWraper .albumInfo .year{
	clear: both;
	display: block;
}


#albumsWraper .albumWraper .albumInfo .yearNumber {
	font-weight: 400;
}




/*-------------------------------------
---------------------------------------
album content
---------------------------------------
-------------------------------------*/

#albumsWraper .albumWraper .albumContent {
	width: 100%;
	overflow: auto;
	margin: 35px 0 0 0;
}

/*-------------------------------------
album img
-------------------------------------*/
#albumsWraper .albumWraper .albumContent .albumImage{
	float: left;
	height: 200px;
	width: 120px;
}

#albumsWraper .albumWraper .albumContent .albumImage img{
	.border-radius(4px);
	.box-shadow(0px,10px,7px,-5px, rgba(0,0,0,0.3));
	


	-webkit-box-reflect:  below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.5)));


}


/*-------------------------------------
album titles
-------------------------------------*/
#albumsWraper .albumWraper .albumContent .albumTitles{

	float: left;
	margin: 0 0 0 20px;
	
}

#albumsWraper .albumWraper .albumContent .albumTitles .albumTitle{

}

#albumsWraper .albumWrape .albumContentr .albumTitles .albumTitle .preview{

}

#albumsWraper .albumWraper .albumContent .albumTitles .albumTitle .nr{
	font-size: 12px;
	color: rgba(0,0,0,0.5);
}

#albumsWraper .albumWraper .albumContent .albumTitles .albumTitle .name{

}

#albumsWraper .albumWraper .albumContent .albumTitles .albumTitle .length{
	font-size: 12px;
	color: rgba(0,0,0,0.5);
}