@charset "UTF-8";

#footer.playerloaded {
	margin-bottom: 115px;
}

.transparent_class {

}

.community-tracks .content {
	padding: 0;
}

/* ///////////////////////////////
 * TRACK DETAIL PAGE
 ///////////////////////////////*/

div.coverinfo {
	margin: 16px 24px 32px 0;
	float: left;
	clear: left;
	width: 132px;
}
div.coverinfo img {
	margin: 0 0 8px 0;
}

.tracktags {
	color: #fff;
}

div.trackdetails {
	float: left;
	clear: right;
	margin: 16px 0 32px;
}
div.trackdetails div.trackitem {
	padding: 0;
}
div.trackdetails div.trackinfo {
	width: 425px;
	margin-left: 8px;
}

div.trackdetails div.trackdescription {
	margin: 16px 0 0;
	width: 470px;
}
div.trackdetails div.trackdescription span.tracktitle {
	font-size: 14px;
	clear: right;
	display: block;
}

div.trackdetails div.votingcontainer {
	margin: 0 8px 0 0;
}

div.trackfans {
	margin-bottom: 8px;
}
div.trackfans div.content {
	padding-bottom: 0px;
}
span.totalrating {
	padding: 0 4px 0 8px;
	margin-top: 3px;
	float: left;
}
div.trackawards {
	clear: both;
	margin: 32px 0 0;
	float: left;
	width: 480px;
}
div.trackawards div.content {
	padding-top: 8px;
}
div.trackawards div.award {
	padding: 4px 0;
	border-bottom: #121212 1px solid;
}

/* ///////////////////////////////
 * TRACK OVERVIEW LARGE CSS
 ///////////////////////////////*/

div.trackitem {
	border-bottom: #131313 solid 1px;
	height: 48px;
	padding-top: 8px;
}
body.contest div.trackitem {
	position: relative;
}

.over {
	background-color: #131313;
}

div.trackitem .coverimage {
	margin-left: 8px;
}
div.trackitem .trackinfo {
	margin: 4px 0 0 14px;
	width: 520px;
}
div.trackitem .trackinfo .tracktitle {
	font-size: 13px;
	margin-bottom: 4px;
}
div.trackitem .trackinfo .tracktitle a{
	color: #fff;
}
div.trackitem .trackinfo .tracktitle a:hover{
	color: #fff;
	background: none;
	text-decoration: underline;
}

div.trackitem .trackinfo .commingsoon {
	background:red;
	color:white;
	padding:2px 5px;
	margin-top: 10px;
}
div.trackitem .trackinfo .date {
	margin-top: 10px;
}

div.trackitem .played .tracktitle a, div.trackitem .played .tracktitle a:hover {
	color: #535353;
}
div.trackitem .trackinfo .trackstats {
	clear: left;
	float: left;
}
div.trackitem .trackinfo .trackstats span.stats {
	margin-right: 12px;
}
div.trackitem .trackinfo .trackstats span.statsicon {
	margin: 3px 4px 0 0;
}

div.trackitem .playlistbuttons {
	margin-top: 8px;
	display: none;
}
div.trackitem .playlistbuttons a {
	display: block;
	height: 22px;
	float: left;
	text-indent: -9999999px;
	padding: 0;
}
div.trackitem:hover .playlistbuttons {
	display: block;
}

div.trackinfo div.trackicons {
	padding-top: 2px;
}

a.awardicon {
	display: block;
	float: left;
	height: 14px;
	width: 14px;
	text-indent: 0;
	padding: 0 4px 0 0;
}
a.awardicon:hover {
	background: none;
}
a.contesticon {
	display: block;
	height: 14px;
	width: 84px;
	text-indent: 0;
	padding: 2px 4px 0 0;
	float: left;
}
a.contesticon:hover {
	background: none;
}
a.awardicon span, a.contesticon span {
	background: url(/assets/img/feddelegrand/awardicons-small.png) no-repeat left top;
	text-indent: -99999px;
	display: block;
}
a.awardicon span.feddepickicon {
	background-position: -63px 0;
}
a.awardicon span.overalltopicon {
	background-position: 0 0;
}
a.awardicon span.bestratedicon {
	background-position: -31px 0;
}
a.awardicon span.mostplayedicon {
	background-position: -16px 0;
}
a.awardicon span.hotnewicon {
	background-position: -47px 0;
}
a.contesticon span.contest {
	background-position: -80px 0;
}

span.tracktag {
	padding: 2px 6px;
	margin:-2px 8px 0 0;
	background-color: #3a3a3a;
	font-size: 10px;
}

/* ///////////////////////////////
 * RELEASE DETAIL PAGE
 ///////////////////////////////*/

body.releases div.trackinfo{
	width: 330px;
}
body.releases div.info div.trackinfo{
	width: 320px;
}
body.releases div.info a.playerbutton{
	margin-right: 0px;
}
.release-highlight .content div.info{
	padding-bottom: 24px;
}

/* ///////////////////////////////
 * SIDEBAR CHART BLOCK
 ///////////////////////////////*/

#sidebar div.chartblock{
	width: 260px;
	margin-top: 16px;
}
#sidebar div.overallchart div.content{
	padding: 0 8px;
}
#sidebar div.overallchart div.trackitem{
	border-bottom: #333 1px solid;
}
#sidebar div.overallchart div.track5{
	border-bottom: none;
}
#sidebar div.overallchart div.trackinfo{
	width: 160px;
}
#sidebar div.overallchart div.trackartist{
	width: 130px;
}
/* ///////////////////////////////
 * TRACK EDIT PAGE
 ///////////////////////////////*/

div.edit-tracks div.item, div.edit-track div.item {
	width: 635px;
	border-bottom: #333 1px solid;
	padding: 0 0 16px;
}
div.edit-tracks div.item div.imageinfo, div.edit-track div.item div.imageinfo {
	width: 90px;
}
div.edit-tracks div.item div.imageinfo div.photo, div.edit-track div.item div.imageinfo div.photo {
	width: 90px;
	height: 90px;
}
div.edit-tracks div.item span.title, div.edit-track div.item span.title {
	font-size: 12px;
	margin: 8px 0 4px;
}
div.edit-tracks div.item input.std, div.edit-track div.item input.std {
	width: 480px;
}
div.edit-tracks div.item textarea.std, div.edit-track div.item textarea.std {
	width: 480px;
	height: 100px;
}
div.edit-tracks div.item div.selectcontainer, div.edit-track div.item div.selectcontainer {
	position: relative;
	float: left;
	width: 240px;
	margin: 16px 16px 0 0;
}
div.edit-tracks div.item select, div.edit-track div.item select {
	clear: both;
	width: 220px;
	margin: 8px 0;
	float: left;
}
div.edit-tracks div.item span.select, div.edit-track div.item span.select {
	width: 200px;
	margin: 0 16px 0 0;
	display: block;
	float: left;
	clear: both;
}

/* ///////////////////////////////
 * CHART OVERVIEW PAGE
 ///////////////////////////////*/
 
 div.feddepicks {
	height: 100px;
	margin: 16px 0 36px;
	padding: 12px 0 12px 16px;
	background: url(/assets/img/feddelegrand/feddepicksbg.png) repeat-x left top;
 }
 div.feddepicks div.feddepick {
 	position: absolute;
 	margin: 8px 0 0 100px;
 	float: left;
 	visibility: hidden;
 	width: 600px;
 }
 div.feddepicks div.feddepick img.coverimage {
 	display: block;
 }
 div.feddepicks div.feddepick div.trackitem {
 	width: 425px;
 	border: none;
 	padding: 0;
 	margin: 0 0 0 8px;
 	clear: none;
 	float: left;
 }
 div.feddepicks div.feddepick div.trackitem div.trackinfo {
 	width: 350px;
 }
 div.feddepicks div.feddepick div.controlbuttons {
 	margin: 12px 0 0 12px;
 	width: 300px;
 	clear: none;
 	float: left;
 }
 div.feddepicks div.pages {
 	margin: 88px 16px 0 0;
 }

div.chartblock {
	width: 304px;
	float: left;
	margin: 0 24px 36px 0;
}
div.chartblock span.charticon {
	display: block;
	float: left;
	text-indent: -99999px;
	width: 19px;
	height: 23px;
	margin: 0 8px 0 2px;
	background: url(/assets/img/feddelegrand/awardicons-medium.png) no-repeat left top;
}
div.overallchart span.charticon {
	background-position: 0 0;
}
div.bestratedchart span.charticon {
	background-position: -21px 0;
}
div.mostplayedchart span.charticon {
	background-position: -42px 0;
}
div.hotnewchart span.charticon {
	background-position: -63px 0;
}

div.secondblock {
	margin: 0 0 36px 0;
}

div.smallitem {
	height: 32px;
}

div.chartpos {
	float: left;
	margin: 2px 4px 0 0;
}

div.smallitem div.trackinfo {
	width: 220px;
	margin: 0 0 0 8px;
}
div.smallitem .coverimage {
	margin: 0 0 0 4px;
}
div.smallitem .trackinfo .tracktitle {
	font-size: 10px;
	margin: 0;
}
div.smallitem .trackinfo .tracktitle a {
	padding: 0;
}

div.smallitem div.tracktitle {
	width: 200px;
}
div.smallitem div.trackartist {
	width: 200px;
	font-size: 9px;
}

/* ///////////////////////////////
 * REMOTE PLAYER CSS
 ///////////////////////////////*/

#musicplayerremote {
	width: 100%;
	height: 115px;
	background: url(/assets/img/feddelegrand/tracks/playerbarbg.png) repeat-x left top;
	padding-top: 14px;
	position: fixed;
	bottom: 0;
	z-index: 99;
}

#musicplayerremote.notloaded {
	display: none;
}

#musicplayerremote .coverimage, #musicplayermaster .coverimage {
	margin: 0 8px 0 12px
}

#musicplayerremote #playerbarcontainer {
	width: 903px;
	height: 92px;
	background: url(/assets/img/feddelegrand/tracks/playerbarrack.png) no-repeat left top;
	margin: 0 auto;
	padding: 12px 20px; 
}

#musicplayerremote.loading #playerbarcontainer {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.playerbutton {
	display: block;
	text-indent: -999999px;
}

.playercontrols {
	border-collapse: collapse;
}

.grey {
	color: #666;
}

#musicplayerremote div.trackinfo {
	margin-left: 8px;
	width: 640px;
}

div.trackinfo .uploadedinfo {
	margin: 4px 0 0 5px;
}

#musicplayermaster div.trackinfo .uploadedinfo {
	clear: left;
}

div.trackinfo .tracktitle {
	font-size: 16px;
}

.controlbuttons {
	clear: left;
	margin-top: 16px;
	height: 22px;
}

#musicplayerremote div.trackinfo .trackstats {
	clear: right;
	margin-top: 16px;
}

.controlbuttons a {
	display: block;
	height: 22px;
	float: left;
	text-indent: -9999999px;
	padding: 0;
}

/* ///////////////////////////////
 * MASTER POP-UP CSS
 ///////////////////////////////*/

#musicplayermaster {
	width: 676px;
	height: 533px;
	padding: 12px;
}

body.playermaster {
	background: #131313 url(/assets/img/feddelegrand/tracks/masterbg.gif) repeat-x left top;
}

#musicplayermaster #playerbarcontainer {
	width: 675px;
	height: 92px;
	margin: 0 auto;
}

#musicplayermaster.loading #playerbarcontainer {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#tabbars {
	margin-top: 35px;
	height: 30px;
	width: 600px;
	z-index: 2px;
	position: relative;
}
#tabbars ul {
	padding: 0;
	margin: 0;
}
#tabbars ul li {
	list-style: none;
	padding: 6px 0 0 0;
	margin: 0;
	float: left;
	width: 140px;
	height: 24px;
	border-right: #666 solid 1px;
	text-align: center;
}
#tabbars ul li.active a {
	color: #fff;
}
#tabbars ul li.active a:hover {
	color: #fff;
	background: transparent;
}
#tabbars ul li.last {
	border-right: none;
}
#tabbars ul li.active {
	background-color: #000;
	border: #666 solid 1px;
	border-bottom: none;
	height: 23px;
	width: 138px;
}

#playlists {
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	border: #666 solid 1px;
	background-color: #000;
	height: 302px;
	width: 670px;
	float: left;
	margin-top: -1px;
}
#playlists ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#playlists ul li {
	padding: 8px 8px 6px 8px;
	margin: 0;
	height: 23px;
	border-bottom: 1px solid #666;
	color: #666;
}
#playlists ul#userplaylist li {
	cursor: move;
}
#playlists ul li .tracktitle {
	margin: 4px 0 0 8px;
	display: block;
	float: left;
	cursor: pointer;
}
#playlists ul li .tracktime {
	float: right;
	display: block;
	margin-top: 4px;
	color: #fff;
}

#musicplayermaster div.trackinfo {
	margin-left: 8px;
	width: 410px;
}

#musicplayermaster .controlbuttons {
	margin-top: 9px;
}


/* ///////////////////////////////
 * TRACKER CSS
 ///////////////////////////////*/

#tracker {
	background: url(/assets/img/feddelegrand/tracks/trackerbg.gif) repeat-x 0px 0px;
	width: 100%;
	height: 15px;
	float: left;
	margin-top: 16px;
	position: relative;
}

#musicplayermaster #tracker {
	margin-top: 9px;
}

#trackerloader {
	background: url(/assets/img/feddelegrand/tracks/trackerloaderbg.gif) repeat-x 0px 0px;
	width: 100px;
	height: 13px;
}
#trackerprocess {
	background: url(/assets/img/feddelegrand/tracks/trackerprocess.gif) repeat-x 0px 0px;
	width: 70px;
	height: 13px;
	z-index: 2;
}
#trackerball {
	text-indent: -9999px;
	background: url(/assets/img/feddelegrand/tracks/tracker.png) no-repeat 0px 0px;
	width: 20px;
	height: 26px;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 3;
	top: -7px;
	left: -5px
}
#trackerball:hover {
	background-position: -26px 0px;
}

/* ///////////////////////////////
 * TRACKSTATS CSS
 ///////////////////////////////*/
#playerbarcontainer div.trackstats {
	display: none;
}
div.trackstats span {
	float: left;
}
div.trackstats span.statsicon {
	display: block;
	text-indent: -999999px;
	background: url(/assets/img/feddelegrand/tracks/favicons.png) no-repeat left top;
	margin: 3px 8px 0 16px;
	height: 10px;
}
div.trackstats span.plays {
	width: 5px;
}
div.trackstats span.fans {
	width: 8px;
	background-position: -6px top;
}
div.trackstats span.comments {
	width: 12px;
	background-position: -15px top;
}
div.trackitem div.trackstats {
	display: block;
}


/* ///////////////////////////////
 * PLAYER BUTTONS CSS
 ///////////////////////////////*/
                            
.largebutton .playicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -16px 0;
	height: 16px;
	width: 12px;
	display: block;
}
.largebutton .pauseicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat 0 0;
	height: 15px;
	width: 11px;
	display: block;
}

.mediumbutton .playicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -78px -3px;
	height: 11px;
	width: 8px;
	display: block;
	margin-left: 3px;
}

.mediumbutton .pauseicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -65px -3px;
	height: 11px;
	width: 8px;
	display: block;
	margin-left: 3px;
}

.mediumbutton .previcon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -32px -3px;
	height: 12px;
	width: 12px;
	display: block;
}
.mediumbutton .nexticon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -48px -3px;
	height: 12px;
	width: 12px;
	display: block;
}
.mediumbutton {
	background: url(/assets/img/feddelegrand/tracks/mediumbuttons.png) no-repeat 0px 0px;
	height: 26px;
	width: 28px;
	padding: 14px 0 0 14px;
}
.mediumbutton:hover {
	background: url(/assets/img/feddelegrand/tracks/mediumbuttons.png) no-repeat -43px 0px;
}

.largebutton {
	background: url(/assets/img/feddelegrand/tracks/largebuttons.png) no-repeat 0px 0px;
	height: 35px;
	width: 33px;
	padding: 22px 0 0 25px;
}
.largebutton:hover {
	background: url(/assets/img/feddelegrand/tracks/largebuttons.png) no-repeat -61px 0px;
}

.smallbutton {
	background: url(/assets/img/feddelegrand/tracks/smallbuttons.png) no-repeat 0px 0px;
	height: 16px;
	width: 16px;
	padding: 6px 0 0 10px;
	
}
.smallbutton:hover {
	background: url(/assets/img/feddelegrand/tracks/smallbuttons.png) no-repeat -25px 0px;
}
.smallbutton .playicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -98px -5px;
	height: 7px;
	width: 5px;
	display: block;
}
.smallbutton .playicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -98px -5px;
	height: 7px;
	width: 5px;
	display: block;
}
.smallbutton .pauseicon {
	background: url(/assets/img/feddelegrand/tracks/playicons.png) no-repeat -89px -5px;
	height: 7px;
	width: 6px;
	display: block;
	margin-left: -1px;
}

a.votebutton {
	width: 24px;
	background: url(/assets/img/feddelegrand/tracks/votebuttons.png) no-repeat 0px 0px;
}
a.voteup {
	background-position: 0 -22px;
}
a.voteup:hover {
	background-position: -23px -22px;
}
a.inactiveup, a.inactiveup:hover {
	background-position: -46px -22px;
	cursor: default;
}
a.votedup, a.votedup:hover {
	background-position: -23px -22px;
	cursor: default;
}
a.votedown {
	background-position: 0 0;
	display: none;
}
a.votedown:hover {
	background-position: -23px 0;
}
a.inactivedown, a.inactivedown:hover {
	background-position: -46px -0;
	cursor: default;
}
a.voteddown, a.voteddown:hover {
	background-position: -23px 0;
	cursor: default;
}

a.playlistbutton {
	background: url(/assets/img/feddelegrand/tracks/playlistbuttons.png) no-repeat 0px 0px;
	margin-left: 8px;
}
a.addtoplaylist {
	background-position: 0 0;
	width: 103px;
}
a.addtoplaylist:hover {
	background-position: -103px 0;
}
div.trackitem .playlistbuttons a.removeplaylist, .playlistbuttons a.removeplaylist {
	background: none;
	text-indent: 0;
	color: #333;
	display: block;
	padding: 3px 0 0;
	margin: 0;
}
div.trackitem .playlistbuttons a.removeplaylist:hover, .playlistbuttons a.removeplaylist:hover {
	color: #fff;
}
a.handleloading {
	background: url(/assets/img/feddelegrand/barloader.gif) no-repeat center center;
	text-indent: -9999px;
	width: 120px;
	height: 10px;
	display: block;
}
a.handleloading:hover {
	background: url(/assets/img/feddelegrand/barloader.gif) no-repeat center center;
}
a.manageplaylist {
	background-position: 0 -22px;
	width: 101px;
}
a.manageplaylist:hover {
	background-position: -101px -22px;
}

a.sharebutton {
	background: url(/assets/img/feddelegrand/tracks/sharebutton.png) no-repeat 0px 0px;
	width: 69px;
	margin-left: 8px;
}
a.sharebutton:hover {
	background-position: -69px 0;
}

a.sharebutton span {
	display: none;
}
div.buybuttons {
	display: none;
}
div.buybuttons a.buybutton {
	background: url(/assets/img/feddelegrand/tracks/buybuttons.png) no-repeat 0px 0px;
	width: 69px;
	margin-right: 8px;
}
div.buybuttons a.itunes {
	background-position: 0 -22px;
}
div.buybuttons a.itunes:hover {
	background-position: -69px -22px;
}
div.buybuttons a.beatport:hover {
	background-position: -68px 0;
}
.hand {
	cursor: pointer;
}

.remixvoting {
	overflow: hidden;
	width: 100px;
	position:absolute;
	right: 0px;
	top: -10px;
	height: 40px;
}

/* ///////////////////////////////
 * IE 7 HACKS
 ///////////////////////////////*/
*+html #playerbarcontainer div.trackinfo {
}
*+html #playerbarcontainer div.controlbuttons {
	width: 390px;
}
*+html #playerbarcontainer div.votingcontainer {
	width: 100px;
}
*+html #playerbarcontainer div.buybuttons {
	width: auto;
}
*+html #playerbarcontainer div.votingcontainer span {
	clear: none;
	display: block;
	float: left;
	position: relative;
	top: -20px;
}
*+html #playerbarcontainer div.playlistbuttons {
	width: 220px;
}
*+html body #playerbarcontainer div.trackinfo div.trackstats {
	clear: none;
	float: right;
	width: 240px;
}
*+html body #playerbarcontainer div.trackinfo div.trackstats span.statsicon {
	margin: 3px 6px 0 8px;
}

*+html body div.trackinfo div.trackstats {
	width: 350px;
}
*+html body div.trackinfo div.trackicons {
}
*+html div.votingcontainer span {
	clear: none;
	display: block;
	float: left;
	position: relative;
	top: -20px;
}
*+html div.coverinfo span {
	width: 136px;
}