html, body { height: 100% }

body {
	background:#e5e5e5;
	font-family:'OpenSansRegular';
	font-size:12px;
	min-width:1000px;
	z-index:1;
}

h1 {
	font-size:18px;
	line-height:38px;
}

h2 {
	font-size:16px;
	line-height:40px;
}

b, strong {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

h1, h2, h3 {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

a {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	color:#377ab2;
	text-decoration:none;
}

a:hover, a.active {
	color:#004e81;
	text-decoration:none;
}

p {
	margin:10px 0px 10px 0px;
}

blockquote {
	margin-top:10px;
}

.headTitle {
	display:block;
	padding:10px 0px 10px 0px;
	color:#000;
	line-height:20px;
	font-family:'OpenSansSemiBold';
	font-size:18px;
	font-weight:normal;
}

.headTitle h1 {
	display:inline;
	line-height:20px;
}

h3.headTitle {
	font-size:14px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* For IE 6/7 only */
.clearfix {
    *zoom: 1;
}

#header {
	display:block;
	background:url(/static/images/redesign/header_bg.png) repeat-x;
	width:100%;
	height:127px;
}

.headerInner {
	width:1000px;
	height:137px;
	margin:auto;
	position:relative;

	z-index:1;
}

.logo {
	width:175px;
	height:119px;
	float:left;
	z-index:10;
	position:relative;
}
.logo a {
	display:block;
	width:175px;
	height:119px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -73px -102px no-repeat;
}

#footer {
	height:290px;
	background-color:#2e2e2e;
	clear:both;
	text-align:left;

	/* sticky footer */
	position:relative;
	margin-top:-290px;

	z-index: 1;
}

.footerInner {
	width:970px;
	margin:auto;
	padding:30px 15px 15px 15px;
	font-size:12px;
	line-height:30px;
	color:#666;
}

.footerInner a {
	color:#fff;
	font-weight:normal;
}

.footerInner a:hover {
	/*color:#eff100;*/
	color:#aaa;
}

.footerInner span {
	color:#eff100;
	font-size:14px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

.footerInner div {
	line-height:30px;
}

.footerAbout {
	width:230px;
	height:200px;
	float:left;
	text-align:left;
}

.footerCommunity {
	width:155px;
	height:200px;
	float:left;
	text-align:left;
}

.footerContact {
	width:220px;
	height:200px;
	float:left;
	text-align:center;
	line-height:24px !important;
}

.footerPartners {
	width:185px;
	height:200px;
	float:left;
	text-align:right;
}

.footerSitemaps {
	width:180px;
	height:200px;
	float:left;
	text-align:right;
}

.footerInner .social {
	margin:auto auto;
	width:158px;
	margin-top:10px;
}

.footerInner .social li a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) no-repeat;
	display:block;
	float:left;
	width:33px;
	height:33px;
	margin:0px 3px;
}

.footerInner .social li a.facebook {
	background-position:-309px -441px;
}
.footerInner .social li a.facebook:hover {
	background-position:-309px -474px;
}

.footerInner .social li a.twitter {
	background-position:-349px -441px;
}
.footerInner .social li a.twitter:hover {
	background-position:-349px -474px;
}

.footerInner .social li a.gplus {
	background-position:-427px -441px;
}
.footerInner .social li a.gplus:hover {
	background-position:-427px -474px;
}

.footerInner .social li a.youtube {
	background-position:-388px -441px;
}
.footerInner .social li a.youtube:hover {
	background-position:-388px -474px;
}

/* ad containers */

.leadAd {
	margin-bottom:10px;
}
.leadAd img, .leadAd iframe, .sideAd img, .sideAd iframe {
	display:block;
}

.sideAd {
	margin-bottom:15px;
}

/* fixes 1x1 pixel break */
body > a img {
	display:none;
}

body > div ins {
	display:block !important;
}

.mog1x1 img, .mog1x1 iframe {
	display:block;
}
iframe {
	display:block;
}

/* social media + login buttons */

.headerTop {
	width:804px;
	height:44px;
	float:left;
	padding:10px 10px 0px 10px;
}

.socialMedia {
	float:left;
	margin-top:8px;
}
.socialMedia .fbLike {
	float:left;
	width:90px;
	height:24px;
}
.socialMedia .twitter {
	float:left;
	width:70px;
}
.socialMedia .gplus {
	float:left;
}

.userLinks {
	float:right;
}

.loginButtons {
	color:#e5e5e5;
	padding:10px;
	float:left;
	font-family:'OpenSansSemiBold';
	display:block;
	text-transform:uppercase;
	background-color:#e5e5e5;
}

.loginButtons a {
	color:#444;
}

.messageNotify {
	display:block;
	float:right;
	background:url(/static/images/redesign/misc/pm_notify.png) no-repeat 0px 2px;
	margin-left:10px;
	position:relative;
	width:32px;
	height:32px;
}
.messageNotify .count {
	font-size:11px;
	background:#e00000;
	color:#fff;
	padding:0px 4px;
	border:1px solid #ffffff;
	position:absolute;
	top:0px;
	right:-2px;
	margin-left:1px;
}

.userDetails {
	display:block;
	float:right;
	background:#fff;
	border:solid 1px #ccc;
	padding:3px 3px 3px 0px;
	margin:2px 0px 0px 20px;
	color:#666;
	font-size:12px;
	font-family:'OpenSansSemiBold';
	-moz-border-radius:2px;
	border-radius:2px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.userDetails .username {
	display:block;
	padding:5px 10px 0px 10px;
	float:left;
}

.userDetails div {
	width:26px;
	height:26px;
	display:block;
	float:left;
}

/* wrapper, including ad */
#container {
	display:block;
	width:1000px;
	margin:auto;
	position:relative;
 
	/* sticky footer */
	min-height:100%;

	background-color: inherit;
	z-index: 1;
}

/* main content block */
#content {
	border-top:15px solid #fff;

	/* sticky footer */
	padding-bottom:290px;
	overflow:auto;
}

/* main menu + search bar */

.mainNav {
	display:block;
	width:820px;
	float:left;
	z-index:1;
}

.navLinks {
	display:block;
	float:left;
	font-weight:normal;
	vertical-align:middle;
	margin:0;
	padding:0;
	margin-right:20px;
}

.navLinks li {
	float:left;
	list-style-type:none;
	list-style:none;
	margin:0px 0px 0px 14px;
	padding:18px 20px 20px 2px;
}

.navLinks li a {
	color:#fff;
	padding:20px 5px 20px 5px;
	margin:20px 0px 20px 0px;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:14px;
	text-decoration:none;
	-o-transition:color .3s ease-out, background 3s ease-in;
	-ms-transition:color .3s ease-out, background 3s ease-in;
	-moz-transition:color .3s ease-out, background 3s ease-in;
	-webkit-transition:color .3s ease-out, background 3s ease-in;
	transition:color .2s ease-out, background 2s ease-in;
}

.navLinks li a:hover, .navLinks li a.active {
	color:#dde000;
	text-decoration:none;
}

.searchForm {
	display:block;
	float:left;
	position:relative;
	margin:12px 0px;
	padding:0;
}

.searchForm .searchInput {
	float:left;
	color:#444;
	width:302px;
	height:16px;
	margin:0px;
	padding:8px 10px 8px 10px;
	font-size:12px;
	border:1px solid #fff;
	background:#fff;
	-moz-border-radius:1px;
	-moz-border-top-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-radius:1px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
}

input.text.loading {
	background:#fff url(/static/images/redesign/loading.gif) no-repeat 96%;
}

a.loading {
	background:#fff url(/static/images/redesign/loading.gif) no-repeat;
	padding-left:24px;
}

.searchForm .searchInput:focus {
	background-color:#f9f9f9;
}

.searchForm .submit {
	border:0px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -402px -382px no-repeat;
	width:38px;
	height:36px;
	-moz-border-radius:3px;
	-moz-border-top-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-radius:3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.newUserSearchForm {
	float:none;
}
.newUserSearchForm .searchInput {
	float:none;
	border:1px solid #ccc;
	height:18px;
	margin-left:20px;
}

/* Search / autocomplete */

.dropdown {
	text-align:left;
	padding:0px;
	border:solid 1px #ccc;
	border-bottom:0px;
	background:#fff;
	position:absolute;
	z-index:100;
	-moz-box-shadow:0px 4px 10px -2px #333;
	-webkit-box-shadow:0px 4px 10px -2px #333;
	box-shadow:0px 4px 10px -2px #333;
}

.dropdown .searchType {
	display:block;
	font-family:'OpenSansSemiBold';
	border-bottom:solid 1px #ccc;
	font-size:10px;
	padding:4px 6px 4px 6px;
	background:#f4f4f4;
}

.dropdown .searchList {

}

.searchResult {
	border-bottom:solid 1px #ccc;
	padding:5px 5px 4px 5px;
	margin:0px;
	font-weight:normal;
	overflow:auto;
	cursor:pointer;
}

.searchResult:hover, .searchResult.selected {
	background:#e5e5e5;
}
.searchResult:hover span {
	color:#111;
}

.searchResult img {
	margin-right:6px;
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align:middle;
}

.searchResult p {
	display:inline-block;
	vertical-align:middle;
	margin:0;
}

.searchResult a {
	overflow:auto;
	text-decoration:none;
	font-weight:normal;
}

.searchResult span {
	word-wrap:break-word;
	display:block;
}
.searchResult img {
	display:inline-block;
}

.searchResult p {
	max-width:80%;
	display:inline-block;
}
.searchResult span.mainRow {
	font-family:'OpenSansSemiBold';
	margin-bottom:3px;
}
.searchResult span.countsRow {
	color:#666;
	font-family:'OpenSansRegular';
	font-weight:normal;
}


/* Artist Page */

.artistHeader {
	padding-bottom:12px;
}

.artistHeader .artistDetails {
	float:left;
	width:522px;
}

.artistHeader .artistName {
	display:block;
	font-size:18px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	line-height:20px;
	color:#333;
	padding:4px 0px 0px 0px;
	margin-bottom:14px;
}

.artistImage {
	float:left;
	margin:0px 15px 15px 0px;
	text-align:center;
	width:100px;
}

.uploadPhoto {
	font-size:10px;
}

.artistAliases {
	display:block;
	width:480px;
	margin-bottom:12px;
}

.artistAliases p {
	margin:0px; 
	margin-bottom:6px;
	line-height:18px;
}

.artistAliases span {
	margin-right:4px;
}

.artistNavigation {
	display:block;
	clear:both;
}

.optionMenuLabel {
	display:inline-block;
	margin:8px;
}

.optionMenu {
	display:inline-block;
	color:#555;
	min-height:34px;
	vertical-align:top;
}

.optionMenu ul {
	margin:0px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #dadada;
	background:#f4f4f4;
	z-index:1;
	-moz-border-radius:3px;
	border-radius:3px;
}

.optionMenu ul.expanded {
	-moz-box-shadow:0px 4px 10px -2px #333;
	-webkit-box-shadow:0px 4px 10px -2px #333;
	box-shadow:0px 4px 10px -2px #333;
}

.optionMenu ul li h1, .optionMenu ul li h2 {
	display:inline;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:12px;
	padding:0;
	margin:0;
	line-height:17px;
}

.optionMenu ul li a,
.optionMenu ul li span.item {
	display:block;
	padding:7px 30px 7px 8px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	font-family:'OpenSansRegular';
	font-weight:normal;
	color:#444;
}
.optionMenu ul li.activeOption span.item {
	cursor:pointer;
}
.optionMenu ul.expanded li.activeOption span.item {
	background:#e8e8e8;
}

.optionMenu ul li a:hover {
	background:#E8E8E8;
	color:#000;
}

.optionMenu ul li a span.artistPageCount {
	display:inline-block;
	margin-left:5px;
	padding:0;
}

.optionMenu ul li.activeOption a,
.optionMenu ul li.activeOption span.item {
	background:url(/static/images/redesign/base-2013-11-26-2.png) 100% -513px no-repeat;
}
.optionMenu ul li.activeOption a:hover,
.optionMenu ul li.activeOption span.item:hover,
.optionMenu ul li.selected a,
.optionMenu ul li.selected span.item {
	background-color:#e8e8e8;
}

.optionMenu ul li {
	display:none;
}
.optionMenu ul li.activeOption {
	display:block;
}

#artistTabs {
	display:inline-block;
	vertical-align:top;
	overflow:auto;
	margin-left:10px;
}

.artistTab {
	display:block;
	float:left;
	padding:7px 14px 7px 14px;
	border:1px solid #dadada;
	font-weight:normal;
	background:#f4f4f4;
	color:#377ab2;
}

.artistTab.active {
	background:#e0e0e0;
	color:#555;
	padding:7px 14px 8px 14px;
}

.artistTab.active:hover {
	color:#444;
}

.artistTabArtist {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	border-right:0px;
}

.artistTabProducer {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	border-left:0px;
}

.artistContent {
	padding:15px 0px 0px 0px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -55px -558px no-repeat;
}

.trackList {
	display:block;
	clear:both;
	border:solid 1px #e5e5e5;
	border-width:0px 0px 1px 0px;
	margin-bottom:20px;
	/*margin-top:12px;*/
}

/*
.sortMenu {
	clear:both;
	display:block;
	margin:15px 0px 15px 0px;
}
.sortMenu select {
	background:#f4f4f4;
	border:1px solid #dadada;
	padding:2px;
	color:#555;
	height:20px;
}*/

.artistProtectedMessage {
	margin:10px 0px;
}

#editArtistLinks {
	margin:0px 0px 12px 0px;
}

.trackItem {
	overflow:auto;
	border:solid 1px #e5e5e5;
	border-width:0px 1px 0px 1px;
}

.trackItemHead {
	overflow:auto;
	border-top:1px solid #e5e5e5;
	padding-top:8px;
}

.trackCover {
	width:84px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -446px -316px no-repeat;
	padding:6px 6px 3px 6px;
	margin:0px 8px 0px 6px;
	vertical-align:middle;
	display:inline-block;
}

.trackCover img {
	width:60px;
	height:60px;
}

.trackItemHead .trackName {
	width:500px;
	vertical-align:middle;
	display:inline-block;
}
.trackItemHead .trackName a {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

.trackName a, .trackYear {
	font-family:'OpenSansRegular';
	font-size:16px;
}

.trackYear {
	color:#333;
	font-weight:normal;
}

.trackArtistName {
	display:block;
	margin-top:4px;
}
.trackArtistName a {
	font-size:12px !important;
}

.trackConnections {
	margin:10px 2px;
}

.trackConnections .sampleAction {
	width:94px;
	float:left;
	font-family:'OpenSansSemiBold';
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:0px 14px 0px 0px;
	text-align:right;
}

.trackConnections ul {
	width:510px;
	float:left;
	display:block;
	margin-bottom:10px;
}

.trackConnections ul li {
	margin-bottom:8px;
	line-height:16px;
	padding-left:24px;
	list-style: none inside none;
}
.trackConnections ul li a {
	font-size:12px;
}

.moreLinkBordered {
	display:inline-block;
	border:1px solid #dfdfdf;
	padding:0px 8px 1px 0px;
	color:#377ab2;
	-moz-border-radius:2px;
	border-radius:2px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}
.moreLinkBordered:hover {
	color:#555;
}
.moreLinkBordered:before {
	content:'+';
	padding:0px 8px 0px 8px;
	font-size:14px;
	position:relative;
	top:1px;
}

.moreConnections {
	margin:0px 0px 4px 108px;
}

.connectionName {
	padding:2px 0px 2px 24px;
	margin-left:-22px;
}

.leftContent {
	float:left;
	width:639px;
	background-color:#fff;
	margin-bottom:15px;
	padding:15px;
	padding-top:0px;
}

.fullContent {
	float:left;
	width:970px;
	background-color:#fff;
	margin-bottom:15px;
	padding:15px;
	padding-top:0px;
}

.rightContent {
	float:right;
	width:300px;
	background-color:#fff;
	margin-bottom:15px;
	padding:15px;
	padding-top:0px;
}

.facebookBox {
	width:300px;
	height:250px;
	margin-bottom:15px;
}


/* Forms */

form {
	margin:14px 0px;
}

form div.field {
	margin:0px 0px 16px 0px;
}

form div.fields input.text {
	margin:0px 10px 16px 0px;
}

form label {
	font-size:13px;
	color:#666;
	min-width:150px;
	padding:4px 0px 0px 0px;
	margin:6px 4px 0px 0px;
	vertical-align:top;
	display:inline-block;
}
form label.flexibleWidth {
	min-width:0;
	padding-right:4px;
}

form div.field span {
	display:inline-block;
}

form div.field .fieldGroup {
	display:inline-block;
	width:290px;
}

form div.field .fieldGroup input.text {
	margin-bottom:4px;
}

input.text {
	font-family:'OpenSansRegular';
	border:1px solid #ccc;
	height:20px;
	padding:8px 10px 8px 10px;
	font-size:14px;
}

input.text.inactive {
	color:#999;
}

input.text.inactive:hover, input.text.inactive:focus {
	background:#fff;
}

input.checkbox {
	margin:14px 8px 0px 4px;
	vertical-align:middle;
}

.error {
	display:block;
	color:#fff;
	text-align:left;
	background:#d14836;
	padding:5px 10px 5px 10px;
}

textarea {
	border:1px solid #ccc;
	padding: 8px 10px 8px 10px;
	color:#666;
	resize:none;
	font-family:'OpenSansRegular';
}
textarea:focus, textarea:hover {
	border:1px solid #ddd;
}

select {
	height:24px;
	border:1px solid #e5e5e5;
	padding-top:4px;
	font-family:'OpenSansRegular';
	vertical-align:bottom;
	margin-top:6px;
	margin-right:24px;
}

input.text:focus, textarea:focus, input.text:hover, textarea:hover {
	background-color:#f9f9f9;
}

strong.note {
	margin:8px 0px 0px 0px;
	display:block;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}


/* Form components */

.imageUpload {
	margin:0px 0px 20px 0px;
}
.imageUpload .image {
	float:left;
	margin-right:20px;
}

.imageUpload .chooseFile {
	float:left;
	width:300px;
}
.imageUpload .chooseFile label {
	padding:0px;
	margin:1px 0px;
}


/* Front page */

.homeContent {
	padding:15px;
}

.homeLeft {
	float:left;
	width:500px;
	padding:0px 10px 6px 10px;
	border-right:1px solid #ccc;
}

.homeLeft .title, .homeLeft .title h1 {
	font-size:30px;
	width:470px;
	font-family:'OpenSansExtraBold';
	font-weight:normal;
	line-height:38px;
	letter-spacing:-1px;
}

.homeLeft .subtitle {
	width:450px;
	color:#555;
	line-height:24px;
	padding-top:8px;
	margin:8px 0px;
	font-size:15px;
	display:block;
	font-family:'OpenSansRegular';
	font-weight:normal;
	-webkit-text-size-adjust:100%;
}

.homeLeft .subtitle a {
	font-family:'OpenSansRegular';
	font-weight:normal;
}

.homeRight {
	float:left;
	width:440px;
	text-align:center;
	background:url(/static/images/redesign/misc/homebg.png) no-repeat;
	height:200px;
}

.homeRight .title {
	font-size:20px;
}

.homeRight a {
	color:#000;
}

.homeRight .subtitle {
	color:#666;
}

.userLists {
	clear:both;
	overflow:auto;
	margin-bottom:20px;
}

.videoThumb {
	background:url(/static/images/redesign/misc/video_thumb.png) no-repeat;
	margin:auto auto;
	margin-top:8px;
	display:block;
	width:226px;
	height:157px;
	padding:5px 0px 10px 0px;
}

.tabContainer {
	background-color:#fff;
	overflow:hidden;
	padding-bottom:14px;
	margin-bottom:20px;
	border:1px solid #e5e5e5;
}

.topContributors {
	width:312px;
	float:left;
	background-color:#fff;
	margin-right:15px;
}

.newMembers {
	width:312px;
	float:left;
	background-color:#fff;
}

.memberList li {
	padding:5px;
	border:1px solid #e5e5e5;
	border-top:0px;
}

.memberList li img {
	vertical-align:middle;
	display:inline-block;
}

.memberList li .memberInfo {
	padding:0;
	margin:0;
	width:160px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
}

.memberList li .memberInfoWide {
	width:220px;
}

.memberList li .location {
	display:block;
}

.memberList li .submissionCount {
	padding:0;
	margin:0;
	width:60px;
	text-align:right;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
}

.memberList li .submissionCount span {
	display:block;
	font-size:10px;
}

.blog {
	margin-top:15px;
	margin-bottom:15px;
	background:#fff;
	overflow:auto;
}

.blogLeft {
	width:160px;
	height:160px;
	float:left;
}

.blogRight {
	width:420px;
	float:left;
	margin-left:20px;
	line-height:20px;
}

.tabs {
	margin:0;
	padding:0;
	overflow:auto;
	width:637px;
}

.tabs button {
	float:left;
	display:block;
	cursor:pointer;

	border:1px solid #e5e5e5;
	border-top:0px;
	border-right:0px;
	padding:9px 0px;

	color:#377ab2;
	background:#f5f5f5;
	font-size:14px;
	font-weight:400;
}

.tabs button h3 {
	display:inline;
	line-height:15px;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:14px;
}

.tabs button:first-child {
	border-left:0px;
}

.tabs button:hover {
	color:#333;
	background:#fff;
	text-decoration:none;
}

.tabs .tab {
	font-family:'OpenSansRegular';
}

.tabs .hotSamples { width:150px }
.tabs .hotArtists { width:150px }
.tabs .topRated { width:157px }
.tabs .latestSubmissions { width:180px }

.tabs .tabCurrent {
	border-bottom:1px solid #fff;
	background:#fff;
	color:#555;
}

.tabsContent {
	padding:10px 8px 2px 8px;
	overflow:auto;
}
.tabsContent ul {
	margin-bottom:10px;
	margin:0px 0px 14px 9px;
}

.sample {
	width:114px;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:15px;
	margin-left:8px;
}
.sample:first-child {
	margin-left:0px;
}

.sample span {
	display:block;
}

.sample img {
	padding-bottom:6px;
	width:100px;
	padding:7px;
	display:block;
}

/* Comments */

.commentsWrap {
	background-color: #fff;
	overflow:auto;
	clear:both;
	padding:0px;
	margin-bottom:30px;
}
.commentsWrap p.message {
	margin:0;
	padding:0;
}

.commentCompose {
	margin-bottom:20px;
	padding-bottom:10px;
	clear:both;
	overflow:auto;
}

.commentList {
	margin:20px 0px;
}

.comment {
	margin-bottom:15px;
	overflow:auto;
}

.comment .commentContent {
	float:left;
	width:573px;
}

.commentUserImage {
	display:block;
	float:left;
	width:60px;
	height:60px;
}

.commentText {
	float:left;
	width:532px;
	padding:0px 10px 10px 10px;
	margin:0px;
	background:#fff;
	border:solid 1px #e4e4e4;
	border-top:0px;
	color:#666;
	line-height:18px;
	margin-left:21px;
	word-wrap:break-word;
	-webkit-text-size-adjust:100%;
}

.commentMeta {
	float:left;
	width:532px;
	background:#fff;
	border:solid 1px #e4e4e4;
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	padding:10px 10px 5px 32px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) 0px -13px no-repeat;
	-webkit-text-size-adjust:100%;
}

textarea#commentInput {
	width:617px;
	height:100px;
	max-width:617px;
	max-height:100px;
	border:1px solid #ccc;
	padding:10px;
	font-size:14px;
	resize:none;
	margin-bottom:6px;
}

/* Pagination */

.pagination {
	padding:10px 10px 10px 0px;
	margin:20px 0px 20px 0px;
	border:1px solid #ddd;
	border-width:0px 0px 0px 1px;
}
.pagination .page a, .pagination .curr, .prev a, .next a {
	border:1px solid #ddd;
	border-width:1px 1px 1px 0px;
	padding:10px 12px 10px 12px;
	color:#377ab2;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:14px;
}
.pagination .page a:hover {
	background:#f5f5f5;
	color:#004e81;
}

.curr {
	background:#f5f5f5;
	color:#555 !important;
}

.prev { }
.next { }
.prev a:hover, .next a:hover {
	background:#f5f5f5;
	color:#004e81;
}
.ellipsis {
	border:1px solid #ddd;
	border-width:1px 1px 1px 0px;
	padding:12px 16px 11px 16px;
	color:#999;
}



/* Sample page */

.sampleTitle {
	padding:4px 4px 4px 10px;
	background:#e5e5e5;
}
.sampleTitle h2 {
	float:left;
	font-size:14px;
	font-weight:normal;
	line-height:36px;
	color:#000;
}

.ratingWrap {
	margin:4px;
	float:right;
	height:20px;
	line-height:30px;
	color:#000;
	padding:5px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

span.ratingLoading {
	background:url(/static/images/redesign/loading.gif) no-repeat;
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin-right:10px;
	margin-top:2px;
}

.rating {
	display:block;
	width:20px;
	height:20px;
	float:left;
	margin:0px 1px 0px 1px;
	position:relative;
	background:none;
	border:0px;
}
.rating:hover {

}

.ratingRecords {
	background:url(/static/images/redesign/ratings.png) 0px -20px repeat-x;
	float:left;
	position:relative;
}
.ratingRecords button {
	width:20px;
	border:0;
	padding:0;
}

.ratingOverlay {
	background:url(/static/images/redesign/ratings.png) 0px 0px repeat-x;
	position:absolute;
	height:20px;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
}

.ratingCounts {
	float:left;
	line-height:20px;
	margin-right:6px;
}

.social {
	margin-bottom:15px;
	background:#fff;
}

.likeButtons {
	width: 415px;
	float:left;
}

.likeButtons .fb-like {
	float:left;
	margin:2px 12px 0px 0px;
	width:78px;
	height:20px;
}
.likeButtons .plusone {
	float:left;
	margin:2px 12px 0px 0px;
	width:60px;
	height:20px;
}
.likeButtons .twitter {
	float:left;
	margin:2px 12px 0px 0px;
	width:80px;
	height:20px;
}

.shareButtons {
	height:24px;
	float:right;
	line-height:24px;
	vertical-align:middle;
	font-size:12px;
	color:#999;
}

.shareIcons {
	float:left;
}
.shareIcons a {
	display:block;
	float:left;
	margin-left:5px;
}
.shareIcons a.shareTwitter {
	float:left;
	display:block;
	width:24px;
	height:24px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -596px -180px no-repeat;
}
.shareIcons a.shareTwitter:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -570px -180px no-repeat;
}
.shareIcons a.shareFacebook {
	float:left;
	display:block;
	width:24px;
	height:24px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -492px -180px no-repeat;
}
.shareIcons a.shareFacebook:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -466px -180px no-repeat;
}
.shareIcons a.shareGplus {
	float:left;
	display:block;
	width:24px;
	height:24px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -544px -180px no-repeat;
}
.shareIcons a.shareGplus:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -518px -180px no-repeat;
}
.shareIcons a.shareMail {
	float:left;
	display:block;
	width:24px;
	height:24px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -440px -180px no-repeat;
}
.shareIcons a.shareMail:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -414px -180px no-repeat;
}

.shareText {
	width: auto;
	height:24px;
	float:left;
	line-height:24px;
	vertical-align:middle;
	font-size:12px;
	color:#999;
	margin-right:4px;
}

.sampleTracksWrap {
	margin:15px 0px 10px 0px;
}

.sampleTrackWrap {
	display:block;
	width:283px;
}

.sampleTrackWrapLeft { float:left; }
.sampleTrackWrapRight { float:right; }

.sampleTrackImage {
	width:80px;
	height:80px;
}
.sampleTrackImage img {
	width:80px;
	height:80px;
}

.sampleTrackInfo {
	margin-left:6px;
}
.sampleTrackInfo h1 {
	color:#000;
	font-size:12px;
	font-weight:normal;
	line-height:14px;
}

.sampleReleaseDetails {
	font-size:10px;
	margin:0px;
	padding:0px;
	margin:0px 0px 1px 6px;
}

.sampleTrackArtists {
	display:block;
	width:192px;
	font-size:10px;
	margin-bottom:2px;
}
.sampleTrackArtists a {
	font-size:12px;
}
.sampleTrackArtists a:hover {
	color:#666;
}

.sampleTrackInfo .trackName {
	font-family:'OpenSansRegular';
}

.sampleTimings {
	padding:0px 0px 10px 0px;
}

.sampleTimingLeft {
	float:left;
	width:284px;
}
.sampleTimingRight {
	float:right;
	width:284px;
}

.sampleAdditionalInfo {
	margin-bottom:20px;
	line-height:16px;
	font-size:11px;
}

.sampleAdditionalInfo p {
	margin:6px 0px;
}

.sampleAdditionalInfoLeft {
	width:282px;
	float:left;
	position:relative;
	margin-right:72px;
}

.sampleAdditionalInfoRight {
	width:282px;
	float:left;
	position:relative;
}

.sampleContributed {
	float:right;
	width:284px;
	border:1px solid #ccc;
	-moz-border-radius:3px;
	border-radius:3px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.sampleContributed img {
	padding:6px;
	float:left;
	margin-right:10px;
}

.sampleContributed span {
	display:block;
}
.sampleContributed p {
	margin:0;
	margin-top:2px;
}

.sampleVideos {
	margin-bottom:6px;
}

.sampleVideoLeft {
	width:283px;
	float:left;
}

.sampleVideoRight {
	width:283px;
	float:left;
}

.sampleTypeArrow {
	float:left;
	width:65px;
	height:100px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) 0px -102px no-repeat;
	padding:97px 0px 0px 6px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	text-align:left;
	font-size:12px;
}

.previewMessage {
	background:#d8ea00;
	text-align:center;
	font-size:12px;
	padding:10px;
	margin-bottom:10px;
}
 
/* Connections list / Related songs */

.relatedSamples {
	margin:15px 0px 15px 0px;
}

.moreLink {
	display:inline-block;
	float:right;
	font-weight:normal;
	margin:20px 4px 0px 0px;
}

.moreLink:before {
	content:"+ ";
}

/* Sample / You Might Also Like */

#youMightLike {
	width:300px;
	padding:0px 0px 15px 0px;
	font-weight:bold;
}

#youMightLike .youMightLikeTitle {
	display:inline-block;
	margin-top:2px;
}

#youMightLikeList li {
	width:288px;
	border:solid 1px #e5e5e5;
	border-top:0px;
	padding:5px 5px 4px 5px;
	font-weight:normal;
}
#youMightLikeList li:hover {
	background:#f9f9f9;
}

#youMightLikeList li img {
	vertical-align:middle;
	width:60px;
	height:60px;
}

#youMightLikeList li p {
	width:210px;
	vertical-align:middle;
	display:inline-block;
	margin:0;
	margin-left:8px;
	line-height:16px;
}

.moreButton.refreshButton {
	background-image:none;
	padding-bottom:4px;
}
.moreButton.refreshButton.loading {
	padding-left:11px;
	background-color:#f4f4f4;
}
.moreButton.refreshButton:before {
	content:none;
}
.moreButton.refreshButton img {
	position:relative;
	top:2px;
}

@-webkit-keyframes webkit-rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes moz-rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to { 
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to { 
    transform: rotate(360deg);
  }
}
.moreButton.refreshButton.loading img {
	-webkit-animation-name:webkit-rotate;
	-webkit-animation-duration:0.9s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name:moz-rotate;
	-moz-animation-duration:0.9s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	animation-name:rotate;
	animation-duration:0.9s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

/* Track page */

.trackWrap {
	background:#fff;
	display:block;
	clear:both;
}

.trackImage {
	width:100px;
	margin-right:16px;
	vertical-align:middle;
	display:inline-block;
}

.trackArtists {
	display:inline-block;
	max-width:480px;
	margin-top:0px;
}

.trackArtists h2 {
	display:inline !important;
}

.trackInfo {
	width:521px;
	font-weight:normal;
	vertical-align:top;
	display:inline-block;
}

.trackInfo h1 {
	font-size:18px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	color:#333;
	padding:4px 0px 4px 0px;
	max-width:460px;
	line-height:22px;
}

.trackInfo h2 {
	margin:0;
	padding:0;
	line-height:14px;
	display:inline-block;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:12px;
}

.trackReleaseDetails {
	padding-top:5px;
	font-size:11px;
	line-height:15px;
}
.trackReleaseDetails p {
	margin:4px 0px;
}
.trackReleaseDetails h3 {
	font-family:'OpenSansRegular';
	font-style:italic;
}
.trackReleaseDetails h4 {
	font-weight:normal;
	display:inline;
}

.innerContent {
	margin:20px 0px 15px 0px;
	overflow:auto;
	background:#fff;
}

div.sectionHeader {
	clear:both;
	overflow:auto;
	border:solid 1px #e5e5e5;
	background:#e5e5e5;
	/*padding:12px;*/
	padding:8px;
	padding-top:6px;
	padding-left:6px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

div.sectionHeader h1, div.sectionHeader h2, div.sectionHeader h3 {
	float:left;
	font-size:13px;
	margin:0px;
	/*padding:4px 0px 0px 0px;*/
	line-height:26px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

.sectionHeader {
	display:block;
	clear:both;
	border:solid 1px #e5e5e5;
	background:#e5e5e5;
	padding:8px;
	padding-left:6px;
	font-size:13px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	line-height:26px;
}

.sectionHeaderSmall h3 {
	font-size:14px;
}

.sectionHeader a.count {
	color:#fff;
	background:#DDE033;
	padding:4px 11px 4px 11px;
	font-weight:normal;
	-moz-border-radius:12px;
	border-radius:12px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.sectionHeader a.count:hover {
	color:#fff;
	padding:4px 11px 4px 11px;
	background:#333;
	font-weight:normal;
	text-decoration:none;
	-moz-border-radius: 12px;
	border-radius: 12px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.sectionHeader span.submissionDate {
	float:right;
	margin-right:26px;
}

h2.pageTitle {
	/*margin:20px 20px;*/
	font-size:18px;
}

ul.topBorder {
	border-top:1px solid #e5e5e5;
}

.borderedList {
	border:1px solid #e5e5e5;
	border-top:0px;
	padding:10px;
	margin:0px;
	margin-bottom:20px;
}

ul.list {
	border-top:1px solid #e5e5e5;
	margin:0px;
	margin-bottom:20px;
}


/* Track list entry */

.listEntry {
	list-style:none;
	margin:0px;
	background:#fff;
	border:1px solid #e5e5e5;
	border-top:0px;
	clear:both;
	overflow:auto;
	padding:5px 0px 3px 5px;
	position:relative;
}
.listEntry:hover {
	background:#f9f9f9;
}

.listEntry .chartCount {
	position:absolute;
	bottom:10px;
	left:60px;
	font-size:14px;
	padding:2px 0px;
	min-width:22px;
	text-align:center;
	background:#000;
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-border-radius:2px;
	border-radius:2px;

	behavior:url(/static/css/PIE.htc);
	z-index:0;
}

/* Track list entry */

.trackEntry img {
	vertical-align:middle;
}

.trackEntry .trackArtist {
	display:block;
	margin-top:1px;
}

.trackEntry .trackName {
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
} 

.trackEntry .trackDetails {
	width:540px;
	padding:4px 0px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
}

.trackCompactEntry img {
	vertical-align:middle;
	margin-right:8px;
	width:80px;
	height:80px;
}

.trackCompactEntry .trackInfo {
	vertical-align:middle;
	display:inline-block;
	width:520px;
	line-height:18px;
}

.trackCompactEntry .trackName {
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
}

.trackCompactEntry .counts {
	display:block;
}

/* Sample list entry */

.sampleEntry {
	padding:6px;
}

.sampleEntry .sampleTrackImage {
	vertical-align:middle;
	margin-right:8px;
	width:80px;
	height:80px;
}

.sampleEntry .sampleLink {
	vertical-align:middle;
	display:inline-block;
	width:520px;
}

.sampleEntry .destTrackName {
	float:left;
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
}

.sampleEntry .sourceTrackName {
	float:left;
	clear:left;
	margin-top:4px;
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:12px;
}

.sampleType {
	font-family:'OpenSansRegular';
	font-weight:normal;
}

.sampleEntry .sampleRating {
	display:block;
	clear:both;
	font-size:12px;
	padding-top:8px;
}
.sampleEntry .sampleRating img {
	vertical-align:middle;
	margin-right:8px;
}
.sampleEntry .sampleRating span {
	vertical-align:middle;
	display:inline-block;
}

/*
.sampleEntry .trackDetails {
	width:540px;
	padding:4px 0px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
}*/

.sampleEntry .submissionInfo {
	display:block;
	clear:both;
	padding-top:6px;
	word-wrap:break-word;
}
.sampleEntry .submissionInfo a {
	color:#555;
}
.sampleEntry .submissionInfo a:hover {
	color:#777;
}

/* Tag list entry */

.tagEntry {
	padding:14px;
	color:#aaa;
}

.tagEntry a {
	padding-bottom:2px;
	font-size:14px;
}

.tagEntry .counts {
	display:block;
}

.tagHeadTitle {
	padding-bottom:20px;
}

/* Artist list entry */

.artistEntry img {
	vertical-align:middle;
}

.artistEntry .counts {
	display:block;
}

.artistEntry .artistName {
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
} 

.artistEntry .artistInfo {
	width:520px;
	padding:4px 0px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
}


/* Connection list entry (with image, separate line for each track) */

.sampleEntry img {
	vertical-align:middle;
}

.sampleEntry .trackArtist {
	display:block;
	margin-top:1px;
}

.sampleEntry .trackName {
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
	padding-left:22px;
} 

.sampleEntry .trackDetails {
	width:550px;
	padding:4px 0px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
}

/* Connection list entry (with image, both tracks on one line) */

.sampleCompactEntry img {
	vertical-align:middle;
}

.sampleCompactEntry .trackInfo {
	display:block;
}

.sampleCompactEntry .connectionTitle {
	width:540px;
	padding:4px 0px;
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
	line-height:18px;
}


/* Connection list entry, compact, alternate (no image, both tracks on one line) */

.sampleList li {
	margin-left:24px;
	padding:4px;
	line-height:18px;
}

.sampleList li a {
	background:url(/static/images/redesign/misc/play_arrow.png) 0px 52% no-repeat;
	padding:2px 4px 4px 24px;
	margin-left:-24px;
}

.sampleList li a:before {
	background:url(/static/images/redesign/misc/play_arrow_hover.png);
	display:none;
}

.sampleList li a:hover {
	background-image:url(/static/images/redesign/misc/play_arrow_hover.png);
}

/* User list entry */

.userEntry {
	padding:6px;
}

.userEntry .userImage {
	vertical-align:middle;
	margin-right:8px;
	width:80px;
	height:80px;
}

.userEntry .userLink {
	vertical-align:middle;
	display:inline-block;
}

.userEntry .userName {
	float:left;
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	font-size:14px;
}

.userEntry .location {
	display:block;
	clear:both;
	padding:4px 0px 2px 0px;
	width:160px;
	word-wrap:break-word;
}

.userEntry .submissions {
	display:block;
	clear:both;
	padding:2px 0px;
}

.userEntry .submissions span {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

/* Browse genre/artists */

.sliderWrap {
	border:solid 1px #e5e5e5;
	border-top: 0px;
	padding:0px;
	margin-bottom:20px;
	position:relative;
}

.slider {
	width:610px;
	height:137px;
	overflow:hidden;
	margin:auto auto;
	padding-top:10px;
}
.slider ul, .slider li {
	position:relative;
	list-style:none;
}
.slider li {
	text-align:center;
	float:left;
	padding-right:10px;
}
.slider li.last {
	padding-right:0px;
}
.slider img {
	width:100px;
	height:100px;
}

.slideTitle {
	display:block;
	text-align:center;
	padding:4px 0px 12px 0px;
	width:114px;
}

.prevBtn, .nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	display:block;
	width:30px;
	height:39px;
	position:absolute;
	left:-18px;
	top:51px;
	cursor:pointer;
}
.nextBtn {
	left:622px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -470px -428px no-repeat;
}
.nextBtn:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -470px -389px no-repeat;
}
.prevBtn {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -500px -428px no-repeat;
}
.prevBtn:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -500px -389px no-repeat;
}

.browseLetters, .browseYears {
	font-size:14px;
	padding:15px 0px;
	padding-bottom:4px;
	background:#fff;
	overflow:auto;
}
.browseLetters {
	text-align:center;
}
.browseYears {
	padding-left:10px;
}

.browseLetters a, .browseYears a {
	padding:4px;
	background:#fff;
	font-weight:normal;
	text-align:center;
}

.browseLetters a:hover, .browseLetters a.selected,
.browseYears a:hover, .browseYears a.selected {
	color:#fff;
	background:#999;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:4px;
	border-radius:4px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.browseYears a {
	margin:0px 9px;
}

.browseLetters a {
	margin:0px 1px;
}

.browseYearMenus {
	clear:both;
	overflow:auto;
	margin:18px 4px 18px 0px;
}

.browseAllTags {
	float:left !important;
}


/* Search Results */

.searchTypes {
	margin:15px 15px 15px 0px;
	font-size:13px;
}

.searchTypes a {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}


.searchAutoCorrection {
	margin:14px 10px 4px 10px;
}

.topHit {
	list-style:none;
	margin:0px;
	margin-bottom:15px;
	background:#fff;
	border:solid 1px #e5e5e5;
	border-top:0px;
	clear:both;
	overflow:auto;
	padding:5px 0px 3px 5px;
}

.topHit .image {
	margin-right:16px;
	vertical-align:middle;
	display:inline-block;
}

.topHit .title {
	font-weight:normal;
	line-height:21px;
	vertical-align:middle;
	display:inline-block;
}

.topHit .title span a {
	color:#006699;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
} 
.topHit .title a {
	font-family:'OpenSansSemiBold';
	font-weight:normal;
} 

.topHit .title p {
	margin:0px;
}

.topHit .title .artistName, .title .trackTitle {
	display:block;
	font-size:14px;
}

ul.connectionTypes {
	margin:14px 0px;
	overflow:auto;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
}

ul.connectionTypes li {
	float:left;
}
ul.connectionTypes li:before {
	content:"|";
	padding:0px 8px;
}
ul.connectionTypes li:first-child:before {
	content:none;
}

/* Leaderboards */

.usersColumnsWrap {
	overflow:auto;
}

.usersColumnLeft {
	float:left;
	width:312px;
	margin-right:12px;
}

.usersColumnRight {
	float:left;
	width:312px;
}

/* User dashboard */

.dashboardTitle {
	overflow:auto;
	padding:6px 4px 6px 4px;
	margin-bottom:15px;
	background:#2e2e2e;
	color:#fff;
}
.dashboardTitle h1 {
	float:left;
	padding:16px 0px 16px 16px;
	font-size:22px;
	line-height:30px;
	font-weight:normal;
}

.dashboardControls {
	float:right;
}

.dashboardControls li {
	float:left;
	border-left:1px solid #393939;
}

.dashboardControls li a {
	display:block;
	font-size:12px;
	font-weight:normal;
	text-transform:lowercase;
	color:#cacaca;
	padding:34px 12px 4px 12px;
	margin:0;
}

.dashboardControls li a:hover {
	color:#D1E300;
}

.editProfileButton a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -370px -265px no-repeat;
}
.editProfileButton a:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -370px -215px no-repeat;
}

.emailPasswordButton a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -431px -265px no-repeat;
}
.emailPasswordButton a:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -431px -215px no-repeat;
}

.settingsButton a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -537px -264px no-repeat;
}
.settingsButton a:hover {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -537px -214px no-repeat;
}

/* Login */

.loginLeft {
	float:left;
	padding:40px 20px 0px 20px;
	border:1px solid #dfdfdf;
	width:426px;
}

.loginLeft .loginForm {
	margin:auto auto;
	margin-bottom:40px;
	width:262px;
}
.loginLeft .loginForm .field label {
	padding-top:2px;
}

.loginLeft ol {
	padding:0px;
}

.loginLeft input.text {
	width:240px;
}
.loginLeft input.checkbox {
	margin-top:12px;
}

.loginLeft .or {
	display:block;
	width:260px;
	text-align:center;
	margin:10px 0px 20px 0px;
	color:#666;
}

.createAccount {
	text-align:center;
	margin-bottom:20px;
}

.createAccount .title {
	font-size:20px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	margin-bottom:10px;
}

.createAccount .subtitle {
	color:#666;
}

.loginRight {
	float:left;
	width:500px;
	padding:60px 0px 60px 0px;
	background:#f2f2f2;
	border:1px solid #dfdfdf;
	border-left:0px;
}

.loginRight ol {
	width:362px;
	margin:auto auto;
}

.loginRight ol li {
	float:left;
	width:120px;
}

.loginRight ol li .title {
	font-size:16px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	display:block;
	text-align:center;
	margin-bottom:4px;
}
.loginRight ol li .subtitle {
	width:90px;
	margin:auto auto;
	font-size:12px;
	display:block;
	text-align:center;
	color:#666;
}

.loginRight .contribute {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -63px -299px no-repeat;
	padding-top:74px;
}

.loginRight .discuss {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -164px -299px no-repeat;
	padding-top:74px;
}

.loginRight .create {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -282px -299px no-repeat;
	padding-top:74px;
}

.signupButton {
	display:block;
	text-align:center;
	padding:20px;
	margin-bottom:40px;
	font-size:18px;
	padding:14px 28px 14px 28px;
}

.areYouHuman {
	font-size:12px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	margin-bottom:2px;
}

.captchaImage {
	float:left;
}

.captchaVerify {
	float:left;
	width:124px;
	height:41px;
	margin:3px 0px 0px 8px;
	padding:0px 8px;
	font-size:22px;
}

.forgotPassword {
	display:inline-block;
	margin-left:8px;
}

.loginLeft iframe {
	margin: auto auto;
	display:block;
}

/* Audio not found placeholder */

.placeholder {
	width:239px;
	height:196px;
	padding:46px 22px 0px 22px;
	background:#e7e8ea;
	line-height:18px;
	font-size:11px;
}

.placeholder a {
	font-weight:normal;
}

.placeholder div {
	font-family:'OpenSansRegular';
	background:url(/static/images/redesign/base-2013-11-26-2.png) -60px -442px no-repeat;
	padding:32px 0px 14px 54px;
}

.placeholder div p {
	margin:0;
	padding:0;
}

.placeholder div p.notFound {
	font-size:18px;
	letter-spacing:-1px;
	line-height:22px;
}

/* User profile */

.userProfile {
	margin-bottom:20px;
	border:1px solid #ddd;
}

.userProfile .avatar {
	float:left;
	margin-right:15px;
	padding:10px;
	background:#f2f2f2;
	border-right:1px solid #ddd;
	display:block;
}

.userProfile .submissionCount {
	float:right;
	text-align:center;
	font-size:38px;
	font-family:'OpenSansSemiBold';
	font-weight:normal;
	border:1px solid #e1e1e1;
	background:#f2f2f2;
	padding:12px 20px;
	color:#666;
	margin-top:10px;
	margin-right:10px;
	height:73px;
}

.userProfile .submissionCount span {
	display:block;
	font-size:16px;
	font-weight:400;
	color:#aaa;
}

.userProfile .sendMessage {
	display:block;
	border:1px solid red;
	float:right;
	text-align:center;
	font-weight:normal;
	border:1px solid #e1e1e1;
	padding:12px 20px;
	margin-top:10px;
	margin-right:10px;
	background:#f2f2f2 url(/static/images/redesign/misc/send_pm.png) no-repeat 50% 12px;
	padding-top:68px;
}

.userInfo {
	float:left;
	padding:10px 0px 10px 0px;
}

.userInfo .username {
	margin:4px 0px;
	padding:0;
	line-height:26px;
}

.userInfo .location {
	margin:4px 0px 14px 0px;
	font-size:12px;
	font-weight:normal;
	font-family:'OpenSansRegular';
	line-height:15px;
}

.userInfo .moderatorBadge {
	margin:4px 0px;
	background:#225483;
	padding:4px 14px;
	color:#fff;
	-moz-border-radius:3px;
	border-radius:3px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.aboutMe {
	float:left;
	width:604px;
	height:200px;
	line-height:16px;
	border:1px solid #e5e5e5;
	border-top:0px;
	margin-right:12px;
	margin-bottom:20px;
}

.aboutMe .aboutMeText {
	margin:0;
	padding:4px 10px;
	height:128px;
	overflow:auto;
}

.userProfileLinks {
	float:left;
	width:350px;
	height:200px;
	line-height:16px;
	overflow:auto;
	border:1px solid #e5e5e5;
	border-top:0px;
	margin-bottom:20px;
}
.userProfileLinks ul {
	margin:12px;
}

.userFaves {
	border:1px solid #ccc;
	border-width:0px 1px 1px 1px;
	padding:8px 10px;
	margin-bottom:20px;
}

.userFaves li {
	float:left;
	width:180px;
	margin:0px 2px 0px 6px;
	padding-top:10px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -692px -216px no-repeat;
	line-height:18px;
}

.userFaves li img {
	width:100px;
	height:100px;
	margin-left:10px;
}

.userFaves li span.title {
	display:block;
	text-align:left;
	padding:8px 0px;
	width:170px;
}

.userFaves li span a {
	background:url(/static/images/redesign/misc/play_arrow.png) 0px 52% no-repeat;
	padding:2px 0px 2px 22px;
}
.userFaves li span a:hover {
	background-image:url(/static/images/redesign/misc/play_arrow_hover.png);
}

/* About Page */

#aboutPage h1, #aboutPage h2 {
	font-size:24px;
	padding:10px;
	text-align:center;
}
#aboutPage iframe {
	display:inline !important;
}

#aboutPage .video {
	margin-bottom:20px;
	text-align:center;
}

#aboutPage p {
	font-size:12px;
	line-height:28px;
	color:#777;
	text-align:center;
}

#aboutPage .aboutLogo {
	display:block;
	width:276px;
	margin:auto auto;
}

#aboutPage p.big {
	font-size:12px;
	padding:20px;
	line-height:28px;
	color:#777;
	text-align:center;
}

#aboutPage .stats {
	overflow:auto;
	margin:auto auto;
	margin-bottom:40px;
	clear:both;
}

#aboutPage .stats li {
	float:left;
	width:150px;
	margin:5px;
}

#aboutPage .stats li .count {
	display:block;
	padding:20px;
	font-size:28px;
	color:#777;
	text-align:center;
	border:1px solid #e5e5e5;
	background-color:#f5f5f5;
}

#aboutPage .stats li .countName {
	display:block;
	text-align:center;
	border:1px solid #e5e5e5;
	border-width:0px 1px 1px 1px;
	padding:8px;
	font-size:14px;
	font-weight:normal;
	color:#999;
	width:150px;
	height:40px;
	vertical-align:text-middle;
	line-height:20px;
	display:table-cell;
	vertical-align:middle;  
}

#aboutPage .moderators {
	clear:both;
	display:block;
	overflow:auto;
	margin:20px 0px;
}

#aboutPage .moderators li {
	float:left;
	display:block;
	width:180px;
	margin:8px;
	margin-left:4px;
	margin-bottom:4px;
	background:#e5e5e5;
}

#aboutPage .moderators li .image {
	display:inline-block;
	margin-right:4px;
	width:60px;
	height:60px;
	vertical-align:top;
}

#aboutPage .moderators li .image a {
	display:block;
}
#aboutPage .moderators li .image img {
	display:block;
}

#aboutPage .moderators li .moderatorInfo {
	vertical-align:top;
	display:inline-block;
}

#aboutPage .moderators li .username {
	display:block;
	text-align:left;
	width:110px;
	margin-top:4px;
}

#aboutPage .moderators li .location {
	display:block;
	text-align:left;
	width:110px;
	margin-top:2px;
}

#aboutPage .partners {
	display:block;
	padding-bottom:8px;
	text-align:center;
}

#aboutPage .partners li {
	display:inline-block;
	width:80px;
	margin:0px 15px;
	vertical-align:bottom;
}

/* Misc */

.moderatorToolsTitle {
	background:#ffe763;
	padding:15px;
	margin-top:20px;
}

.submitterToolsTitle {
	background:#e5e5e5;
	padding:15px;
	margin-top:20px;
}

.moderatorTools {
	border:1px solid #e5e5e5;
	border-top:0px;
	padding:10px;
}

.externalLinks {
	margin-bottom:15px;
}
.externalLinks li a {
	display:block;
	border:1px solid #e5e5e5;
	border-top:0px;
	padding:10px;
}
.externalLinks li a:hover {
	background:#f4f4f4;
}

.playIcon {
	background:url(/static/images/redesign/misc/play_arrow.png) 0px 52% no-repeat;
	padding:2px 0px 2px 22px;
}
.playIcon:before {
	background:url(/static/images/redesign/misc/play_arrow_hover.png);
	display:none;
}
.playIcon:hover {
	background-image:url(/static/images/redesign/misc/play_arrow_hover.png);
}

/* Browse page */

ul.genreList {
	margin-top:20px;
}
ul.genreList li {
	display:block;
	float:left;
	width:298px;
	padding-right:12px;
	margin-bottom:15px;
	position:relative;
	background:#e5e5e5;
}
ul.genreList li.even {
	margin-left:15px;
}
ul.genreList li h2 {
	line-height:22px;
	margin-top:8px;
	margin-bottom:4px;
}
ul.genreList li img {
	display:block;
	float:left;
	margin-right:10px;
	width:100px;
}
ul.genreList li .links {
	display:block;
	float:left;
	vertical-align:top;
	width:188px;
	font-size:11px;
	line-height:14px;
}
ul.genreList li .browseAll {
	display:block;
	position:absolute;
	bottom:8px;
	left:110px;
}


ul.decadeList {
	margin-top:20px;
}
ul.decadeList li {
	display:block;
	float:left;
	margin-right:34px;
	margin-bottom:15px;
	background:#e5e5e5;
}
ul.decadeList li.last {
	margin-right:0px;
}
ul.decadeList img {
	display:block;
	width:100px;
}
ul.decadeList li a span {
	display:block;
	text-align:center;
	padding:6px 0px;
	font-size:14px;
	border:1px solid #e5e5e5;
}

#tagCloud {
	line-height:44px;
	padding:10px 0px;
	margin-right:10px;
}
#tagCloud a {
	font-weight:normal;
}

/* Submission form */

#submitForm div.field span {
	max-width:302px;
}
#submitForm div.field input.text {
	width:250px;
}
#submitForm div.field #dest_timing, 
#submitForm div.field #source_timing {
	width:70px;
}
#submitForm div.field input.checkbox {
	vertical-align:middle;
}
#submitForm .toggleLink {
	margin-bottom:18px;
}

#submitForm .submitButton {
	margin-top:10px;
}

.submitDestTrack, .submitSourceTrack {
	width:480px;
	float:left;
}
.submitDestTrack h2, .submitSourceTrack h2 {
	margin-bottom:10px;
}

.proc {
	margin:0px 0px 0px 10px;
	position:relative;
	top:2px;
}

a.toggleLink {
	display:inline-block;
	padding-left:12px;
	font-size:12px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -630px -409px no-repeat;
}
a.toggleLink.active {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -630px -422px no-repeat;
}
a.toggleLink:active, a.toggleLink:focus {
	text-decoration:none;
}

.verifyButton {
	margin-bottom:10px;
}

.trackVerify {
	display:block;
	color:#52A352;
	font-family:'OpenSansSemiBold';
	font-size:12px;
	margin-bottom:2px;
}

#dest_found, #source_found {
	margin-top:20px;
}
#dest_throughout {
	vertical-align:top;
	margin-top:0;
}

#dest_release_year, #source_release_year {
	width:38px !important;
}

.submissionApproved {
	font-size:18px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -674px -74px no-repeat;
	padding:16px 0px 20px 90px;
	margin:20px 10px;
}
.submissionApproved span {
	font-size:14px;
	display:block;
}

.submissionDeclined {
	font-size:18px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -674px -0px no-repeat;
	padding:24px 0px 26px 90px;
	margin:20px 10px;
}

/* User profile update form */

.userSettingsForm {
	padding:0px;
	margin:0px;
	margin-bottom:24px;
}

.userUpdateForm div.field span {
}
.userUpdateForm div.field input.text {
	width:240px;
}
.userUpdateForm div.field label {
	max-width:200px;
}

.userUpdateFormLeft {
	float:left;
	width:448px;
}
.userUpdateFormRight {
	float:left;
	width:500px;
}

#slug { width:72px !important; height:15px; padding:8px 10px; }
#slug.available { background:#72C472; }
#slug.unavailable { background:#D66D6D; }

.slugField {
	display:inline-block;
	width:280px;
}
.slugURL {
	font-size:14px;
	margin:0px 8px 0px 0px;
}

.aboutMeField {
	margin-bottom:6px;
}

.aboutMeLabel {
	display:block;
	background:#f2f2f2;
	border:1px solid #e0e0e0;
	border-bottom:0px;
	margin:0px;
	padding:8px;
}

.aboutMeInput {
	border:1px solid #e0e0e0;
	width:478px;
	height:116px;
	font-size:14px;
	color:#666
}

.userUpdateFormRight .imageUpload {
	background:#f2f2f2;
	padding:10px;
	border:1px solid #e0e0e0;
}

.userSlugAvailable {
	margin:8px 0px 0px 0px;
	display:inline-block;
	font-size:12px;
}

.facebookConnect {
	display:block;
	width:260px;
	height:44px;
	margin:10px 0px;
	background:url(/static/images/redesign/misc/facebook_connect.png) no-repeat;
}
.facebookConnect:hover {
	background:url(/static/images/redesign/misc/facebook_connect.png) no-repeat 0% 100%;
}

.facebookSignin {
	display:block;
	width:260px;
	height:44px;
	margin:20px 0px;
	background:url(/static/images/redesign/misc/facebook_sign_in.png) no-repeat;
}
.facebookSignin:hover {
	background:url(/static/images/redesign/misc/facebook_sign_in.png) no-repeat 0% 100%;
}

/* OK/Error message */

.okMsg, .errorMsg {
	height:70px;
	text-align:center;
	font-size:14px;
	line-height:70px;
	margin-bottom:10px;
}
.okMsg {
	background:#d8ea00;
}
.errorMsg {
	background:#ffda00;
}

.closeButton {
	float:right;
  	background:url(/static/images/redesign/base-2013-11-26-2.png) -379px -180px no-repeat;
	width:33px;
	height:33px;
	position:relative;
	top:18px;
	right:10px;
	border:0;
}

/* Lightbox */

.lightboxOverlay {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	background:#000;
	background-position:fixed;
	opacity:0.7;
	filter:alpha(opacity=70);
}

.lightboxContent {
	position:fixed;
	top:50%;
	left:50%;
	z-index:1000;
	background:#fff;
	width:640px;
	height:360px;
	margin-left:-320px;
	margin-top:-180px;
	background:url(/static/images/banners/maseo.jpg);
	border:15px solid #fff;
	background:#000;
	box-shadow:1px 1px 5px #444;
	-moz-border-radius:5px;
	border-radius:5px;
}

.lightbox {
	position:fixed;
	top:50%;
	left:50%;
	z-index:1000;
	background:#fff;
	width:640px;
	height:360px;
	margin-left:-320px;
	margin-top:-180px;
	border:15px solid #fff;
	background:#000;
	box-shadow:1px 1px 5px #444;
	-moz-border-radius:5px;
	border-radius:5px;
}
.lightbox button {
	background:url(/static/images/redesign/misc/close.png);
	width:28px;
	height:28px;
	display:block;
	border:0;
	position:absolute;
	top:-26px;
	right:-26px;
	cursor:pointer;
}

/* Charts page */

.chartsItems {
	padding:8px 10px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:20px;
}

.chartsItems li {
	float:left;
	width:205px;
	margin:0px 0px 0px 11px;
	padding-top:10px;
	line-height:18px;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -702px -216px no-repeat;
}
.chartsItems li:first-child {
	margin-left:0px;
}

.chartsItems li a.imageLink {
	display:block;
	height:100px;
}
.chartsItems li .description {
	background:#e5e5e5;
	display:block;
	padding:0px 24px 4px 9px;
	width:170px;
}
.chartsItems li .artistDescription {
	height:84px;
}
.chartsItems li img {
	width:100px;
	height:100px;
}

.chartsItems li h3.title {
	display:block;
	text-align:left;
	padding:4px 0px 0px 0px;
	font-size:14px;
}

.chartsItems li span.subtitle {
	display:block;
	text-align:left;
	padding:2px 0px;
}

ul.chartsList {
	margin-top:20px;
}
ul.chartsList li {
	display:block;
	float:left;
	width:298px;
	padding-right:12px;
	margin-bottom:15px;
	position:relative;
	background:#e5e5e5;
}
ul.chartsList li.even {
	margin-left:15px;
}
ul.chartsList li h2 {
	line-height:18px;
	font-size:14px;
	margin-top:8px;
	margin-bottom:4px;
}
ul.chartsList li img {
	display:block;
	float:left;
	margin-right:10px;
	width:100px;
}
ul.chartsList li .links {
	display:block;
	float:left;
	vertical-align:top;
	width:188px;
	font-size:11px;
	line-height:14px;
}


/* Apps */

.apps {
	text-align:center;
	margin-top:16px;
}

.app {
	float:left;
	position:relative;
	width:315px;
	height:166px;
	margin-left:12px;
}
.app:first-child {
	margin-left:0px;
}

.app .screen {
	position:absolute;
	top:0;
	left:0;
}

.app span {
	width:290px;
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	color:#fff;
	padding:14px 12px;
	text-align:left;
	font-size:14px;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.app .icon {
	position:absolute;
	bottom:4px;
	right:6px;
}

.appContact {
	display:inline-block;
	text-align:center;
	margin:25px 0px;
	padding:50px 0px;
	background:url(/static/images/apps/iphone_icon.png) no-repeat;
	background-position:top;
	font-size:16px;
	color:#777;
}

.appSection {
	margin-bottom:20px;
	overflow:auto;
}

.appSection img {
	margin-top:10px;
	margin-right:28px;
	float:left;
}

.appSection p {
	line-height:22px;
	font-size:13px;
	margin-bottom:16px;
	margin-right:20px;
	text-align:justify;
}


/* Forums */

.djangobb {
	text-align:left;
}

.djangobb ul {
	text-align:left;
}

.djangobb h2 {
	line-height:14px;
	text-align:left;
}

.djangobb #post_form fieldset {
	padding-bottom:20px;
}

.djangobb #brdmenu ul {
	padding-top:0px;
}

.djangobb h2 span {
	font-weight:normal;
}

/* Separator */

hr {
	border:0;
	background:url(/static/images/redesign/base-2013-11-26-2.png) -55px -558px no-repeat;
	height:10px;
	margin-bottom:10px;
}

hr.fullWidth {
	border:0;
	background:url(/static/images/redesign/misc/line_divider.png) no-repeat;
	height:10px;
	margin-bottom:10px;
}

/* Generic button */

.button {
	display:inline-block;
	text-align:center;
	padding:10px 24px;
	border:0px;
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:14px;
	-moz-border-radius:4px;
	margin-top:6px;
	/*
	background:#e0e0e0;
	color:#666;
	box-shadow:#bbb 0px 3px 0px 0px;
	*/

	border-radius:4px;

	color:#377ab2;
	background:#f4f4f4;
	box-shadow:#e5e5e6 0px 3px 0px 0px;

	-webkit-appearance:none;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.button:hover {
	text-decoration:none;
	font-weight:normal;
	/*color:#666;*/
	color:#004e81;
	background:#f4f4f4 !important;
	box-shadow:#e5e5e6 0px 2px 0px 0px;
	position:relative;
	top:1px;
}

.button:active, .button:focus {
	text-decoration:none;
}

.button:disabled {
	color: #aaa;
}

input[type=submit].button {
	vertical-align:top;
}

.button.small {
	padding:10px 14px;
	font-size:12px;
	margin-right:10px;
}

/* See more button */

.moreButton + span {
	margin-bottom:2px;
}
.moreButton + span:first-line {
	line-height:22px;
}

.moreButton {
	float:right;
	margin:0px;
	padding:4px 11px 4px 11px;
	line-height:16px;
	background:#f4f4f4;
	font-weight:normal;
	font-size:12px;
	border:1px solid #cccccc;
	-moz-border-radius:3px;
	border-radius:3px;
	box-shadow:#ccc 0px 2px 0px 0px;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}
.moreButton h2, .moreButton h3 {
	font-size:12px;
	display:inline;
	line-height:17px;
}

.moreButton:hover {
	text-decoration:none;
	box-shadow:#ccc 0px 1px 0px 0px;
	position:relative;
	top:1px;
}

.moreButton:before {
	content:"+ ";
}

/* Sample report button */

.reportButton {
	display:inline-block;
	margin:1px 0px 20px 0px;
	color:#fff;
	font-weight:normal;
	font-size:11px;
	line-height:20px;
	padding:8px 10px 0px 10px;
	position:relative;
	height:29px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#cb4e4e;

	behavior:url(/static/css/PIE.htc);
	position:relative;
	z-index:0;
}

.reportButton:hover {
	text-decoration:none;
	color:#fff;
	background:#a73a2b;
}

.reportSampleButton {
	width:262px;
	text-align:center;
}

.reportArtistButton {
	width:280px;
	text-align:center;
}


/* Download/Buy buttons */

.buyDropdownWrap {
	float:right;
	position:relative;
	left:2px;
	margin-left:10px;
}

.downloadButton {
	float:left;
	font-size:11px;
	padding:6px 26px 6px 10px;
	margin-top:0px;
	width:103px;
	line-height:18px;
	text-align:left;
	background:#f4f4f4;
	color:#377ab2;
	font-family:'OpenSansSemiBold';
	box-shadow:#e5e5e6 0px 3px 0px 0px;
}
.downloadButton span {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -629px -438px no-repeat;
	display:block;
	width:10px;
	height:8px;
	margin-top:5px;
	margin-right:-14px;
	float:right;
}

.buyButton {
	float:right;
	width:102px;
	color:#377ab2;
	background:#f4f4f4;
	box-shadow:#e5e5e6 0px 3px 0px 0px;
	font-family:'OpenSansSemiBold';
}

.trackBuyButton {
	float:right;
	font-size:11px;
	padding:6px 10px;
	padding-right:26px;
	line-height:18px;
	background:#f4f4f4;
	box-shadow:#e5e5e6 0px 3px 0px 0px;
	width:77px;
}

.downloadButton:hover, .buyButton:hover, .trackBuyButton:hover {
	color:#004e81;
	box-shadow:#e5e5e6 0px 2px 0px 0px;
	position:relative;
	top:1px;
}

.downloadDropdown { width:144px; top:32px; }
.buyDropdown { width:128px; top:32px; left:144px; }

.buyDropdown ul li a, .downloadDropdown ul li a {
	display:block;
	border-bottom:1px solid #ddd;
	height:36px;
}
.buyDropdown ul li a:hover, .downloadDropdown ul li a:hover {
	background-color:#ddd;
}

li.d-itunes a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -75px -223px no-repeat;
}
li.d-amazon a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -378px -102px no-repeat;
}
li.d-ringtone a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -227px -223px no-repeat;
}
li.b-ebay a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -518px -141px no-repeat;
}
li.b-amazon a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -518px -102px no-repeat;
}
li.b-juno a {
	background:url(/static/images/redesign/base-2013-11-26-2.png) -73px -260px no-repeat;
}

/* Submit comment button */

.submitComment {
	float:right;
	display:inline-block;
	box-shadow:#e5e5e6 0px 3px 0px 0px;
}
.submitComment:hover {
	box-shadow:#e5e5e6 0px 2px 0px 0px;
}

.editName {
	font-size:14px;
}

/* New 'buy track' buttons */

.buyTrackContainer {
	text-align: center;
	width:283px;
	margin:0px;
}

.buyTrackBox {
	display:inline-block;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 5px;
	width:46.75%;
	text-align:left;
	background-color: #f2f2f2;
}

.buyTrackBox p {
	padding-left: 3.5px;
	font-family:'OpenSansSemiBold';
}

.buyLinksBox {
	display:block;
	text-align:center;
	padding-bottom:5px;
	margin-left:0px;
	margin-right:0px;
}

.buyLinksButton {
	display:inline;
	border: 1px solid #dfdfe0;
	border-bottom: 3px solid #dfdfe0;
	text-align:center;
	vertical-align:center;
	background-color:#fff;
	margin-top:0px;
	width:auto;
}

.buyLinksButton:hover {
	border-bottom: 2px solid #dfdfe0;
	margin-top:1px;
}

.right {
	border-radius: 0px 3px 3px 0px;
	border-left:0px;
	padding: 5px 8px 3px 4px;
	float:right;
	margin-right:2.5px;
}

.left {
	border-radius: 3px 0px 0px 3px;
	padding: 5px 4px 3px 8px;
	float:left;
	margin-left:2.5px;
}

.Amazon-buy-button {
  background: url(/static/images/redesign/base-2013-11-26-2.png) -752px -171px no-repeat;
  display: inline-block;
  width: 50px;
  height: 17px;
  margin-left: 2px;
  margin-right: -2px;
  margin-top: 1px;
  margin-bottom: -1px;
}

.eBay-buy-button {
  background: url(/static/images/redesign/base-2013-11-26-2.png) -752px -189px no-repeat;
  display: inline-block;
  width: 50px;
  height: 17px;
  margin-left: -1px;
  margin-right: 1px;
  margin-top: 1px;
  margin-bottom: -1px;
}

.iTunes-buy-button {
  background: url(/static/images/redesign/base-2013-11-26-2.png) -803px -171px no-repeat;
  display: inline-block;
  width: 50px;
  height: 17px;
  margin-left: -2.5px;
  margin-right: 2.5px;
  margin-top: 1px;
  margin-bottom: -1px;
}

/* Badges for sample type and genre */

/*
.trackBadge {
	display:inline-block;
	background-color: #f4f4f4;
	border: 1px solid #e5e5e5;
	border-radius: 0px 2px 2px 0px;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:right;
	margin-left:2px;
	margin-right:2px;
}

.trackBadge h4 {
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:x-small;
}

.trackBadge h3 {
	font-family:'OpenSansSemiBold';
	font-size:small;
}
*/

.trackBadge .oneLabel{
	padding-top:8px;
	padding-bottom:8px;
}

.trackBadge {
	border-radius: 1px 2px 2px 1px;
	position: relative;
	display:inline-block;
	background: #f4f4f4;
	border: 1px solid #e5e5e5;
	width:auto;
	height:36px;
	padding-right: 5px;
	padding-left:5px;
	float:right;
	text-align:right;
	margin-left:30px;
}
.trackBadge:after, .trackBadge:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}

.trackBadge:after {
	border-color: rgba(244, 244, 244, 0);
	border-right-color: #f4f4f4;
	border-width:18px;
	margin-top:-18px;
}
.trackBadge:before {
	border-color: rgba(229, 229, 229, 0);
	border-right-color: #e5e5e5;
	border-width:19.5px;
	margin-top:-19.5px;
}

.trackBadge span.bottomItem {
	font-family:'OpenSansRegular';
	font-weight:normal;
	font-size:x-small;
}

.trackBadge span.topItem {
	font-family:'OpenSansSemiBold';
	font-size:small;
}

a .trackBadge {
	color: #000;
}

//a .trackBadge:hover {
//	background-color:#ef5;
//}

.badgeDisplay {
	text-align: right;
//	position:absolute;
}