/* TRACK NORMAL STYLES */
#track_listing {
	float: left;
}
.tracks {
	float: left;
	width: 645px;
}
.track_wrapper {
	width: 202px;
	height: 300px;
	padding: 2px;
	margin: 0 5px 5px 0; 
	float: left;
	background-color: #ffffff;
	border: solid 2px #E4E4E4;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	position: relative;
}
.track_wrapper.short {
	height: 150px;
	float: right;
}
.track_inner {
	width: 182px;
	height: 280px;
	padding: 10px;
}
.track_inner.short {
	height: 130px;
}
.track_wrapper:hover {
	border: solid 2px #66b3ff;
}
.track_wrapper.active {
	border: solid 3px #0080ff;
	padding: 1px;
}
.track_wrapper:hover .track_inner {
	background-color: #f2f9ff;
}
.track_wrapper.active .track_inner {
	background-color: #e5f3ff;
}
.track_shadow_top {
	display: none;
	background-image: url(../images/track_shadow.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position: absolute;
	top: -13px;
	left: -13px;
	height: 9px;
	width: 230px;
	z-index: 10;
}
.track_shadow_right {
	display: none;
	background-image: url(../images/track_shadow.png);
	background-position: -221px -9px;
	background-repeat: no-repeat;
	position: absolute;
	top: -4px;
	right: -13px;
	height: 310px;
	width: 9px;
	z-index: 10;
}
.track_shadow_right.short {
	height: 160px;
}
.track_shadow_bottom {
	display: none;
	background-image: url(../images/track_shadow.png);
	background-position: 0px -319px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -13px;
	left: -13px;
	height: 9px;
	width: 230px;
	z-index: 10;
}
.track_shadow_bottom.short {
	margin: 145px 0 0 -24px;
}
.track_shadow_left {
	display: none;
	background-image: url(../images/track_shadow.png);
	background-position: 0px -10px;
	background-repeat: no-repeat;
	position: absolute;
	top: -4px;
	left: -13px;
	height: 310px;
	width: 9px;
	z-index: 10;
}
.track_shadow_left.short {
	height: 160px;
}
.track_wrapper.active .track_shadow_top, .track_wrapper.active .track_shadow_right, .track_wrapper.active .track_shadow_bottom, .track_wrapper.active .track_shadow_left {
	display: block;
}
.track_wrapper.active .track_actions_wrapper, .track_wrapper:hover .track_actions_wrapper {
	background-color: #cce5ff;
}
.track_art_wrapper {
	height: 150px;
	width: 150px;
	float: left;
	margin: -10px 0 6px -10px;
}
.track_art {
	position: absolute;
	height: 150px;
	width: 150px;
	cursor: pointer;
}
.track_actions_wrapper {
	height: 148px;
	width: 46px;
	padding: 2px 2px 0 2px;
	margin: -10px -10px 6px 0;
	float: right;
	background-color: #E5E5E5;
}
.track_actions .action {
	height: 35px;
	width: 46px;
	margin-bottom: 2px;
	background-image: url(../images/track_icons.gif);
	cursor: pointer;
}
.track_actions .state {
	background-position: 0px 0px;
}
.track_actions .like {
	background-position: 0px -50px;
}
.track_actions .share {
	background-position: 0px -100px;
}
.track_actions .mix {
	background-position: 0px -150px;
}
.track_actions .state:hover {
	background-position: -50px 0px;
}
.track_actions .like:hover {
	background-position: -50px -50px;
}
.track_actions .like.hearted {
	background-position: -100px -50px;
	cursor: default;
}
.track_actions .share:hover {
	background-position: -50px -100px;
}
.track_actions .shared, .track_actions .shared:hover {
	background-position: -100px -100px;
	cursor: default;
}
.track_actions .share.off, .track_actions .share.off:hover {
	background-position: 0px -100px;
	opacity: .3;
	-moz-opacity:.30;
	filter:alpha(opacity=30);
	cursor: default;
}
.track_actions .mix:hover {
	background-position: -50px -150px;
}
.track_wrapper.active .track_actions .state {
	background-position: -100px 0px;
}
.track_wrapper.active .track_actions .state:hover {
	background-position: -150px 0px;
}
.track_wrapper.paused .track_actions .state {
	background-position: 0px 0px;
}
.track_wrapper.paused .track_actions .state:hover {
	background-position: -50px 0px;
}
.track_actions .email {
	background-position: 0px -200px;
}
.track_actions .email:hover {
	background-position: -50px -200px;
}
.track_actions .email.off, .track_actions .email.off:hover {
	background-position: 0px -200px;
	opacity: .3;
	-moz-opacity:.30;
	filter:alpha(opacity=30);
	cursor: default;
}
.track_actions .emailed {
	background-position: -100px -200px;
	cursor: default;
}
.track_actions .points {
	background-position: 0px -250px;
}
.track_actions .points:hover {
	background-position: -50px -250px;
}
.track_actions .points.off, .track_actions .points.off:hover {
	background-position: 0px -250px;
	opacity: .3;
	-moz-opacity:.30;
	filter:alpha(opacity=30);
	cursor: default;
}

/* TRACK INFO */
.track_date {
	font-size: 9px;
	color: #CC9966;
	display: block;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: solid 1px #F8F8F8;
}
.track_wrapper:hover .track_date, .track_wrapper.active .track_date {
	color: #99632e;
	border-bottom: solid 1px #d9edff;
}
.track_artist {
	font-size: 14px;
	font-weight: bold;
	color: #666666!important;
	display: block;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: -.02em;
	line-height: 15px;
}
.track_title {
	font-size: 16px;
	font-weight: bold;
	color: #000000!important;
	display: block;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: -.02em;
	line-height: 17px;
}
.track_artist:hover, .track_title:hover {
	color: #0066cc!important;
}
.blog_link {
	display: block;
	border-top: solid 1px #F8F8F8;
	border-bottom: solid 1px #F8F8F8;
	margin: 5px 0;
	padding: 5px 0 3px 0;
	font-size: 10px;
	color: #999999;
}
a.blog_link {
	color: #999999!important;
	text-decoration: none;
}
.track_wrapper:hover .blog_link, .track_wrapper.active .blog_link {
	border-top: solid 1px #d9edff;
	border-bottom: solid 1px #d9edff;
}
a.blog_link:hover {
	color: #666666!important;
	text-decoration: underline;
}
	

/* TRACK RETAIL LINKS */
.track_retail {
	width: 182px;
}
.track_retail .no_downloads {
	font-size: 9px;
	color: #cccccc;
}
.track_retail a {
	background-image: url(../images/track_retail_icons.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	text-decoration: none;
	color: #0080ff;
	font-size: 10px;
	letter-spacing: -.01em;
	height: 15px;
	padding: 3px 0 0 12px;
	margin: 0 7px 0 0;
	float: left;
}
.track_retail a:hover {
	color: #0066cc;
	text-decoration: underline;
	background-position: 0px -20px;
}

/* Leaders styles */
.track_leader_stats {
	position: absolute;
	bottom: 2px;
	width: 202px;
	margin: 0 -10px;
}
.leader_stats_heading {
	background-image: url(../images/leader_stats_bgs.gif);
	font-size: 9px;
	font-weight: bold;
	color: #FFF;
	padding: 3px 3px 0 5px;
	height: 18px;
}
.track_leader_stats .stats {
	background-image: url(../images/leader_stats_bgs.gif);
	background-position: 0px -18px;
	padding: 0 0 0 5px;
}
.track_wrapper:hover .stats, .track_wrapper.active .stats {
	background-color: #d9ebff;
}
.track_leader_stats .leader_place {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	padding: 3px 0 0 0;
	display: block;
	letter-spacing: -.02em;
}
.track_leader_stats .leader_votes {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	padding: 3px 0 0 0;
	display: block;
	letter-spacing: -.02em;
}
.promote_link {
	height: 20px;
	width: 20px;
	float: left;
	margin: 0 1px 0 0;
	background-image: url(../images/leaders_vote_icons.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}
.promote_link.share {
	background-position: 0px 0px;
}
.promote_link.share:hover {
	background-position: 0px -60px;
}
.promote_link.shared {
	background-position: 0px -120px;
	cursor: default;
}
.promote_link.shared:hover {
	background-position: 0px -120px;
}
.promote_link.email {
	background-position: 0px -20px;
}
.promote_link.email:hover {
	background-position: 0px -80px;
}
.promote_link.emailed {
	background-position: 0px -140px;
	cursor: default;
}
.promote_link.emailed:hover {
	background-position: 0px -140px;
}
.promote_link.points {
	background-position: 0px -40px;
}
.promote_link.points:hover {
	background-position: 0px -100px;
}

.hearted_info, .shared_info {
	float: right;
	width: 210px;
	margin-left: 10px;
}
.hearted_art, .shared_art {
	float: left;
	width: 75px;
}
.hearted_art img, .shared_art img {
	float: left;
	width: 75px;
}
.hearted_message, .shared_message {
	font-size: 11px;
	color: #CC9966;
	display: block;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: solid 1px #F8F8F8;
}
.hearted_artist, .shared_artist {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: -.02em;
	line-height: 15px;
}
.hearted_title, .shared_title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: -.02em;
	line-height: 17px;
}


.fav_artist {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	display: block;
	margin: 0 5px 2px 5px;
	letter-spacing: -.02em;
	line-height: 13px;
}
.fav_artist.unknown {
	color: #CCCCCC;
}
a.fav_artist:hover {
	color: #0080FF;
	text-decoration: underline;
}
.fav_title {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	display: block;
	text-decoration: none;
	margin: 2px 5px 0 5px;
	letter-spacing: -.02em;
	line-height: 14px;
}
.fav_title.untitled {
	color: #CCCCCC;
}
a.fav_title:hover {
	color: #0080FF;
	text-decoration: underline;
}


#tab_container_favourites .fav_artist {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	display: inline;
	margin: 0 5px 2px 10px;
	letter-spacing: -.02em;
	line-height: 36px;
}
#tab_container_favourites .fav_artist.unknown {
	color: #CCCCCC;
}
#tab_container_favourites a.fav_artist:hover {
	color: #0080FF;
	text-decoration: underline;
}
#tab_container_favourites .fav_title {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	display: inline;
	text-decoration: none;
	margin: 2px 5px 0 5px;
	letter-spacing: -.02em;
	line-height: 36px;
}
#tab_container_favourites .fav_title.untitled {
	color: #CCCCCC;
}
#tab_container_favourites a.fav_title:hover {
	color: #0080FF;
	text-decoration: underline;
}

.track_video_wrapper {
	position: relative;
	overflow: hidden;
}
.track_video_wrapper.stopped {
	height: 1px;
	width: 1px;
}
.track_video_wrapper.playing, .track_video_wrapper.paused {
	height: 150px;
	width: 202px;
}
.track_video_wrapper.stopped .close_video, .track_video_wrapper.stopped .video_btn_state {
	display: none;
}
.track_video_wrapper.paused .close_video, .track_video_wrapper.playing .close_video {
	display: block;
}
.track_video_wrapper .video_btn_state {
	display: none;
}
.track_video_wrapper.paused:hover .video_btn_state, .track_video_wrapper.playing:hover .video_btn_state {
	display: block;
}
.track_video_wrapper .close_video {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 18px;
	height: 18px;
	background-image: url(/images/video_close_x.png);
	z-index: 30;
	cursor: pointer;
}
.track_video_wrapper .close_video:hover {
	background-position: 0px -18px;
}
.track_video_wrapper .video_btn_state {
	position: absolute;
	background-image: url(/images/video_btn_state_bgs.png);
	z-index: 20;
}
.track_video_wrapper .track_video {
	position: absolute;
	z-index: 10;
}
.track_video_wrapper.playing .video_btn_state {
	background-position: 0px 0px;
	cursor: pointer;
}
.track_video_wrapper.paused .video_btn_state {
	background-position: 0px -150px;
	cursor: pointer;
}


/* ----------- LEADERBOARD TRACKS ----------- */

.leader_tracks {
	float: left;
	width: 650px;
	margin-right: -10px;
}
.leader_track_wrapper {
	width: 311px;
	height: 204px;
	margin: 0 10px 10px 0;
	border: solid 2px #E4E4E4;
	float: left;
	cursor: pointer;
}
.leader_track_wrapper:hover {
	border: solid 2px #66B3FF;
}
.leader_track_art {
	width: 200px;
	height: 150px;
	background-color: #FFF;
	/* background-image: url(/images/leader_box_bg.jpg); */
	position: absolute;
	overflow: hidden;
	text-align: center;
	float: left;
}
.leader_heading {
	background-color: #E4E4E4;
	font-size: 11px;
	font-weight: bold;
	color: #333;
}
.leader_tracks .leader_track_wrapper:hover .leader_heading {
	background-color: #e0f0ff;
}
.leader_tracks .position {
	font-size: 42px;
	font-weight: bold;
	color: #000;
	background-color: #F5F5F5;
}
.leader_tracks .leader_track_wrapper:hover .position {
	background-color: #F2F9FF;
}
.leader_tracks .points {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	background-color: #F5F5F5;
}
.leader_tracks .leader_track_wrapper:hover .points {
	background-color: #F2F9FF;
}
.leader_tracks .leader_artist {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	display: block;
	padding: 5px 5px 2px 10px;
	text-decoration: none;
}
.leader_tracks .leader_track_wrapper:hover .leader_artist {
	color: #000;
}
.leader_tracks .leader_title {
	font-size: 11px;
	color: #666666;
	display: block;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.leader_tracks .leader_track_wrapper:hover .leader_title {
	color: #333;
}
.leader_tracks .leader_info {
	height: 48px;
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fafafa, #d1d1d1); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #d1d1d1)); /* Saf4+, Chrome */
}
.leader_tracks .leader_track_wrapper:hover .leader_info {
	background-position: 0px -48px;
}

/* ------- LEADERBOARD TRACKS SIDEBAR ------ */

.leader_sidebar_tracks {
	float: left;
	width: 290px;
	margin-right: -10px;
}
.leader_sidebar_track_wrapper {
	width: 131px;
	margin: 0 10px 10px 0;
	border: solid 2px #E4E4E4;
	float: left;
}
.leader_sidebar_track_art {
	width: 127px;
	height: 95px;
	background-color: #FFF;
	/* background-image: url(/images/leader_box_bg.jpg); */
	position: absolute;
	overflow: hidden;
	text-align: center;
	float: left;
}
.leader_sidebar_heading {
	background-color: #E4E4E4;
	font-size: 10px;
	font-weight: bold;
	color: #333;
}
.leader_sidebar_tracks .position {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #F5F5F5;
}
.leader_sidebar_tracks .points {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background-color: #F5F5F5;
}
.leader_sidebar_tracks .leader_sidebar_artist {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	padding: 4px 7px 2px;
	text-decoration: none;
}
.leader_sidebar_tracks .leader_sidebar_title {
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	display: block;
	padding: 0 7px;
	text-decoration: none;
}
.leader_sidebar_tracks .leader_sidebar_track_wrapper:hover .leader_sidebar_title {
	color: #333;
}
.leader_sidebar_tracks .leader_sidebar_info {
	height: 48px;
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fafafa, #d1d1d1); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafafa),color-stop(1, #d1d1d1)); /* Saf4+, Chrome */
	overflow: hidden;
}