/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* =============================================================================
HTML5 element display
========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,menu,h1,h2,h3,h4,h5,h6 {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

audio[controls],canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* =============================================================================
Base
========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Force vertical scrollbar in non-IE
 * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted
 *    www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
	font-size: 100%;

	-ms-overflow-y: scroll;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-size: 13px;
	line-height: 1.231;
	cursor: default;
}

body,button,input,select,textarea {
	font-family: sans-serif;
	color: #222;
}




/* =============================================================================
Links
========================================================================== */
a {
	color: #017cca;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #42b1f7;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* Improve readability when focused and hovered in all browsers:  people.opera.com/patrickl/experiments/keyboard/test */
a:hover,a:active {
	outline: 0;
}

/* =============================================================================
Typography
========================================================================== */
h1 {
	font-size: 30px;
	font-family: "GibsonSemiBold";
	margin-bottom: 10px;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px dotted #222;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}	

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* Redeclare monospace font family:  en.wikipedia.org/wiki/User: Davidgothberg/Test59 */
pre,code,kbd,samp {
	font-family: monospace, monospace;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before,q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height:  gist.github.com/413930 */
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* =============================================================================
Lists
========================================================================== */
ul,ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* =============================================================================
Embedded content
========================================================================== */
/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/*
 * Correct overflow displayed oddly in IE9
 */
svg:not(:root) {
	overflow: hidden;
}

/* =============================================================================
Figures
========================================================================== */
figure {
	margin: 0;
}

/* =============================================================================
Forms
========================================================================== */
form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
label[for] {
	cursor: pointer;
}

input[disabled],
textarea[disabled] {
	color: #999;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button,input {
	line-height: normal;
	*overflow: visible;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
}

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"],input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="password"] {
	letter-spacing: .3em;
}

/*
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea {
	overflow: auto;
	vertical-align: top;
}

/* Colors for form validity
input:invalid,textarea:invalid {
	background-color: #f0dddd;
} */

/* =============================================================================
Tables
========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================================================
Primary styles
Author:  Tim Murtaugh :  monkeydo.biz
========================================================================== */
@font-face {
	font-family: 'GibsonRegular';
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot');
	src: url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.woff') format('woff'), url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.ttf') format('truetype'), url('../fonts/gibson_regular_macroman/Gibson-Regular-webfont.svg#GibsonRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GibsonSemiBold';
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot');
	src: url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.woff') format('woff'), url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.ttf') format('truetype'), url('../fonts/gibson_semibold_macroman/Gibson-SemiBold-webfont.svg#GibsonSemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GibsonBold';
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot');
	src: url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.woff') format('woff'), url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.ttf') format('truetype'), url('../fonts/gibson_bold_macroman/Gibson-Bold-webfont.svg#GibsonSemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GibsonLightItalic';
	src: url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.eot');
	src: url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.woff') format('woff'), url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.ttf') format('truetype'), url('../fonts/gibson_lightitalic_macroman/Gibson-LightItalic-webfont.svg#GibsonLightItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

.disabled,.active {
	cursor: default;
}

.disabled:hover,.active:hover {
	text-decoration: none;
}

.sprite {
	position: relative;
	padding-left: 16px ! important;
}

.sprite:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 13px;
	height: 13px;
	background: url(../img/sprite.png) no-repeat;
}

.pencil:before {
	width: 12px;
	height: 12px;
	background-position: 0 0;
}

.pencilBlack:before {
	width: 12px;
	height: 12px;
	background-position: 0 -384px;
}

.headphones:before {
	width: 12px;
	height: 11px;
	background-position: 0 -90px;
}

.star:before {
	width: 11px;
	height: 11px;
	background-position: 0 -190px;
}

.down:before {
	width: 15px;
	height: 15px;
	background-position: 0 -269px;
}

.right:before {
	width: 15px;
	height: 15px;
	background-position: 0 -305px;
}

#cartCount.nonEmpty:before,
#savedCount.nonEmpty:before {
	content: " \a0\a0 (";
}

#cartCount.nonEmpty:after,
#savedCount.nonEmpty:after {
	content: ")";
}

.transferItem,
.savedItem {
	position: absolute;
	z-index: 999999;
	width: 10px;
	height: 10px;
	overflow: hidden;
	padding: 0 10px;
	color: #cf3410;
	background: #cf3410;
	font-size: 12px;
	line-height: 25px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity: .5;
}

.savedItem {
	color: #ccc;
	background: #ccc;
}

.floatRight {
	float:right;
}

body {
	font: normal 14px/18px "GibsonRegular", Helmet, Freesans, sans-serif;
}

p.small {font-size: 85%;}

form.compactSearch,
div.compactSearch {
	width: 196px;
	height: 26px;
	background: #5c5c5c;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	line-height: 26px;
	font-size: 12px;
}

form.compactSearch input,
div.compactSearch input {
	display: inline-block;
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
}

header.prime input,
footer.prime input {
	width: 171px;
	color: #fff;
}

form.compactSearch input:-moz-placeholder,
div.compactSearch input:-moz-placeholder {
	padding-left: 12px;
	color: #aaa;
} 

form.compactSearch input[type="text"],
div.compactSearch input[type="text"],
form.compactSearch input[type="search"],
div.compactSearch input[type="search"] {
	width: 161px;
	padding-left: 12px;
}

html[data-useragent*='Firefox'] header.prime form.compactSearch input[type="text"]:focus:-moz-placeholder,
html[data-useragent*='Firefox'] header.prime form.compactSearch input[type="search"]:focus:-moz-placeholder {
	color: #fff;
}

form.compactSearch input[type="submit"],
div.compactSearch input[type="submit"] {
	position: absolute;
	top: 7px;
	right: 12px;
	width: 12px;
	height: 12px;
	background: url(../img/sprite.png) 50% -30px no-repeat;
	text-indent: -9000px;
	vertical-align: middle;
}

form.compactSearch input,
div.compactSearch input {
	outline: 0;
}

div.constrainer {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

header.prime {
	height: 95px;
	margin: 0 0 20px;
	color: #fff;
	background: #2e2e2e;
	border-top: 1px solid #4d4d4d;
	border-bottom: 5px solid #bc2323;
}

header.prime h1 {
	position: absolute;
	width: 280px;
	left: 20px;
	height: 95px;
	margin: 0;
}

header.prime h1 span.beta-flag {
	font-family: 'GibsonBold';
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	opacity: .6;
	position: absolute;
	top: 12px;
	right: 0;
}

header.prime h1 a {
	display: block;
	height: 95px;
	line-height: 95px;
}

header.prime h1 a img {
	display: inline-block;
	vertical-align: middle;
}

ul.mainLinks {
	position: absolute;
	left: 340px;
	top: 49px;
}

ul.mainLinks li {
	display: inline;
}

ul.mainLinks li:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px 0 9px;
	background: url(../img/sprite.png) 0 -120px no-repeat;
}

ul.mainLinks li:last-child:after {
	display: none;
}

ul.mainLinks a {
	color: #fff;
	font-family: "GibsonSemiBold";
	font-size: 24px;
	line-height: 24px;
}

ul.subLinks {
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 12px;
	line-height: 12px;
}

ul.subLinks li {
	display: inline-block;
	margin-left: 12px;
	color: #ccc;
	font-family: 'GibsonLightItalic';
}

ul.subLinks a {
	display: inline-block;
	margin: 0 3px;
	color: #fff;
	font-family: 'GibsonSemiBold';
}

header.prime form.compactSearch {
	position: absolute;
	top: 48px;
	right: 20px;
}

footer.prime {
	position: relative;
	width: 960px;
	height: 80px;
	margin: 20px auto 0;
	background: #d4d4d4;
}

footer.prime form.compactSearch,
.browseBar div.basicSearch div.compactSearch {
	position: absolute;
	z-index: 100;
	top: 13px;
	left: 20px;
	width: 220px;
	background-color: #fff;
	border: 1px solid #aaa;
}

	.browseBar div.basicSearch div.compactSearch {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}

footer.prime form.compactSearch input[type="search"] {
	width: 182px;
	color: #222;
}

footer.prime form.compactSearch input[type="search"]:-moz-placeholder {
	color: #999;
}

.browseBar div.basicSearch div.compactSearch input[type="search"] {
	width: 160px;
	padding-left: 10px;
	color: #222;
}

.browseBar div.basicSearch div.compactSearch input[type="search"]:-moz-placeholder {
	color: #999;
}

html[data-useragent*='Firefox'] .browseBar div.basicSearch div.compactSearch input[type="search"] {
	width: 161px;
	padding-left: 12px;
}

html[data-useragent*='Firefox'] footer.prime form.compactSearch input[type="search"] {
	width: 184px;
}

footer.prime form.compactSearch input[type="submit"],
.browseBar div.basicSearch input[type="submit"] {
	width: 14px;
	background-position: 0 -60px;
}

footer.prime ul {
	position: absolute;
	left: 261px;
	top: 18px;
	margin: 0;
	padding: 0;
}

footer.prime ul li {
	display: inline-block;
}

footer.prime ul li:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: -4px 2px 0 6px;
	background: url(../img/sprite.png) 0 -150px no-repeat;
	vertical-align: middle;
}

footer.prime ul li:last-child:after {
	display: none;
}

footer.prime ul li a {
	font-family: 'GibsonSemiBold';
	font-size: 14px;
	color: #222;
}

footer.prime small {
	position: absolute;
	left: 261px;
	top: 42px;
	font-size: 12px;
}

.audioPlayerHolder {
	text-indent: -9000px;
}

.receivedMessage, table.complex td .trackMessage {
	background:#fff;
	border:1px solid #ccc;
	padding:5px 10px 10px;
	text-align:left;
}

	.receivedMessage p, table.complex td .trackMessage p {margin:0 0 10px;}
	.receivedMessage p.quoted, table.complex td .trackMessage p.quoted {margin-left:20px; color:#999;}

div#container {
	width: 960px;
	min-height: 400px;
	margin: 0 auto;
	background: #eee url(../img/speckles_grey.gif);
}

div#container.modalView {
	width: 100%;
}

div#container.modalView article.wideForm form {
	width: 100%;
}

div.main {
	padding: 20px;
}

div.main.homePrimero {
	position: relative;
}

div.main.homePrimero div.sticker {
	position: absolute;
	bottom: 0;
	left: -15px;
}

div.homeSearch {
	display: inline-block;
	width: 450px;
	margin-right: 30px;
}

div.homeSearch p {
	margin: 30px 0 50px;
	font-size: 40px;
	line-height: 50px;
}

div.homeSearch form {
	display: inline-block;
	position: relative;
	padding: 5px 0 2px 5px;
	border: 1px solid #bbb;
	margin-bottom:60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #fff;
}

div.homeSearch form label {
	position: absolute;
	top: -27px;
	left: 0;
	font-family: 'GibsonBold';
	font-size: 18px;
	text-transform: uppercase;
	color: #cf3410;
}

div.homeSearch form input {
	display: inline-block;
	border: 0;
	background-color: transparent;
	-webkit-appearance: none;
	vertical-align: middle;
	outline: 0;
}

div.homeSearch form input[type="search"] {
	width: 366px;
	padding: 5px 0 5px 5px;
	font-family: 'GibsonLightItalic';
	font-size: 30px;
	line-height: 30px;
}

html[data-useragent*='Firefox'] div.homeSearch form input[type="search"] {
	width: 348px;
	padding-left: 18px;
}

div.homeSearch form input[type="submit"] {
	width: 55px;
	height: 30px;
	background: url(../img/sprite.png) 50% -345px no-repeat;
	text-indent: -9000px;
	vertical-align: middle;
}

div.main.homePrimero ul.albumList div.albumPlayer {
	margin-bottom: 10px;
}

div.main.homePrimero ul#homeCarouselLarge div.albumPlayer span.albumName {
	width: 278px;
	min-height: 75px;
	font-size: 24px;
	line-height: 28px;
}

div.main.homePrimero ul#homeCarouselLarge div.albumPlayer span.albumName span {
	position: absolute;
	bottom: 5px;
	left: 10px;
	display: block;
}

div.main.homePrimero ul#homeCarouselSmall div.albumPlayer span.albumName {
	width: 108px;
	min-height: 30px;
	font-size: 10px;
	line-height: 12px;
}

div.main.homeSecondo {
	position: relative;
	min-height: 740px;
	margin-top: 20px;
	border-top: 1px solid #bbb;
}

div.main.homeSecondo:after {
	content: "";
	position: absolute;
	left: 50%;
	top: -10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 -10px;
	background: url(../img/sprite.png) 5px -146px no-repeat, url(../img/speckles_grey.gif);
}

#sidebar {
	position: relative;
	float: left;
}

	#sidebar .back {
		display: block;
		padding: 8px;
		font-family: "GibsonSemiBold";
		font-size: 12px;
		color: #fff;
		background: #AAA;
		width: 204px;
		margin-bottom: 5px;
	}
	
		#sidebar .back:hover {
			text-decoration: none;
		}

.browseBar {
/*
	display: inline-block;
*/
	vertical-align: top;
	width: 220px;
	margin-right: 17px;
	background: #d4d4d4;
	border-top: 7px solid #aaa;
	border-bottom: 2px solid #aaa;
	cursor: default;

	-webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, .1);
	box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, .1);
}

.browseBar h1 {
	background: #e2e2e2;
	text-align: center;
	font-family: 'GibsonSemiBold';
	font-size: 18px;
	line-height: 42px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	text-shadow: 0 1px 0 #fff;
}

.browseBar h2 {
	padding: 0 9px;
	background: #e2e2e2 url(../img/bg_browseBar_h2.gif) 0 0 repeat-x;
	font-family: 'GibsonRegular';
	font-size: 14px;
	line-height: 29px;
	border-top: 1px solid #fff;
	border-bottom: 1px dotted #9f9f9f;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	text-shadow: 0 1px 0 #fff;
}

.browseBar h2.isClosed:last-of-type {
	border-bottom: 0;
}

.browseBar h2.sprite.star {
	padding-left: 24px ! important;
}

.browseBar h2.sprite.star:before {
	top: 8px;
	left: 9px;
}

.browseBar h2.toggles {
	cursor: pointer;
	position: relative;
}

.browseBar h2.toggles:hover {
	background: #e2e2e2;
}

.browseBar h2.toggles:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 9px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../img/sprite.png) 0 -269px no-repeat;
}

.browseBar h2.toggles.isOpen:after {
	background: url(../img/sprite.png) 0 -230px no-repeat;
}

.browseBar div.rangeSlider {
	margin: 0;
	padding: 20px 14px 30px;
	background: #d4d4d4;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

.browseBar div.basicSearch {
	margin: 0;
	padding: 10px;
	background: #d4d4d4;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

.tempoSliderHolder,
.dateSliderHolder {
	width: 158px;
}

.dateSliderHolder {
	margin-top: 10px;
}

.jsliderCheckmark {
	position: absolute; 
	right: 10px; 
	top: 20px; 
	width: 22px; 
	height: 22px; 
	background: url(../img/jslider_checkmark_green.png);
}

#jsliderDateCheckmark {
	top: 17px;
}

.jsliderCheckmark.disabled:active {
	top: 21px;
}

.jsliderCheckmark.disabled {
	background: url(../img/jslider_checkmark_black.png);
	cursor: pointer;
}

.browseBar div.rangeSlider {
	position: relative;
}

.browseBar div.rangeSlider input {
	display: none; /* hide until jSlider interface takes over */
}

div#dateSlider.rangeSlider {
	padding: 7px 14px 34px;
}

#dateSlider .jslider .jslider-value {
	display: none;
}

.browseBar ul.tagList {
	margin: 0;
	padding: 9px 9px 0;
	list-style-type: none;
	background: #d4d4d4;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
}

.browseBar ul.tagList li {
	margin-bottom: 6px;
	font-size: 12px;
}

.browseBar ul.tagList li.seeMore,
.browseBar ul.tagList li.clearAll {
	position: relative;
	/*color: #c82d09;*/
	cursor: pointer;
}

.browseBar ul.tagList li.seeMore.active {
	z-index: 2000;
}

.seeMore strong {color: #c82d09; font-weight: normal;}

.browseBar ul.tagList li.seeMore:hover,.browseBar ul.tagList li.clearAll:hover {
	text-decoration: underline;
}

.browseBar ul.tagList a {
	color: #222;
}

.browseBar ul.tagList input {
	margin-right: 3px;
}

li.seeMore div.fullList {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 915px;
	height: auto;
	background: #eee;
	/*overflow: hidden;*/
	border: 10px solid #eee;
	cursor: default;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow:  0px 0px 12px 2px #444444;
        
        box-shadow:  0px 0px 12px 2px #444444;
}

li.seeMore.active div.fullList {
	display: block;
}

li.seeMore div.fullList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.seeMore div.fullList li {
	display: inline-block;
	width: 140px;
	margin: 0;
	padding: 0 5px;
	font-size: 12px;
	line-height: 32px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

li.seeMore div.fullList li.active,li.seeMore div.fullList li:hover {
	background: #fff;
}

.browseBar div.rangeSlider.isClosed,.browseBar ul.tagList.isClosed {
	display: none;
}

ul.albumList {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.albumList li {
	display: inline-block;
	position: relative;
	width: 155px;
	height: 200px;
	margin-right: 17px;
	margin-bottom: 30px;
	vertical-align: top;
}

ul.albumList li.expandedState {
	z-index: 1000; /* for Chrome */
}

ul.albumList li:nth-child(4n) {
	margin-right: 0;
}

ul.albumList li h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

ul.albumList li h2 a {
	color: #222;
}

ul.albumList li .albumPlayer {
	margin-bottom: 13px;
}

ul.albumList li h2:before {
	display: block;
	color: #cf3410;
	font-size: 10px;
	line-height: 14px;
}

ul.albumList li.category h2:before {
	content: "Collection";
}

#homeCarouselLarge h2:before,
ul.albumList li.album h2:before {
	content: "Album";
}

ul.albumList li span.albumName {
	display: none;
}

ul.albumList li h2 span.trackCount {
	display: none;
	white-space: nowrap;
}

#homeCarouselSmall li h2 span.trackCount {
	display: none;
}

ul.albumList li.album span.albumName,ul.albumList li.exclusiveAlbum span.albumName {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 40px;
	width: 143px;
	padding: 0 6px;
	background: #282828 url(../img/bg_album.gif) repeat-x;
	border-bottom: 2px solid #d75435;
	font-family: "GibsonSemiBold";
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
}

ul.albumList li.album span.albumName span,ul.albumList li.exclusiveAlbum span.albumName span {
	position: absolute;
	bottom: 3px;
	left: 5px;
	display: block;
}

ul.albumList li.exclusiveAlbum {
	position: relative;
}

div.main.homePrimero ul#homeCarouselLarge {
	position: absolute;
	z-index: 1000;
	display: block;
	top:0px;
	right:140px;
	width: 310px;
	height: 350px;
	margin-top: 20px;
	vertical-align: top;
	overflow: hidden;
}

div.main.homePrimero ul#homeCarouselLarge.expandedState {
	width: 600px;
}

div.main.homePrimero ul#homeCarouselLarge li {
	position: absolute;
	top: -380px;
	right: 0;
	height: auto;
	width:600px;
	height:auto;
}

div.main.homePrimero ul#homeCarouselLarge #flg_0 {
	top: 20px;
}

ul#homeCarouselLarge li {position:relative; list-style-type:none;}

ul#homeCarouselLarge li.exclusiveAlbum:after {
	content: "Exclusive Album!";
	position: absolute;
	top: 11px;
	left: 305px;
	padding: 0 8px;
	font-family: "GibsonSemiBold";
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #cf3410;
	z-index:50;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
}

ul#homeCarouselLarge li.exclusiveAlbum:before {
	content: "";
	display: block;
	position: absolute;
	top: 35px;
	left: 305px;
	width: 5px;
	height: 5px;
	background: url(../img/bg_redCorner_2.png) no-repeat;
	z-index:60;
}

ul#homeCarouselLarge li h2 {position:absolute; width:290px; right:0; top:300px;}

ul.albumList li.exclusiveAlbum h2:before {
	content: "Exclusive Album";
}

/* ALBUM LINERS */
.albumLiner {
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:155px;
	height:155px;
	opacity:0;
	padding: 10px;
	background: #fafafa;
	color: #222;
	font-size: 11px;
	overflow:hidden;
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
}

	.albumPlayer.albumExpanded {z-index:1000;}
	
	.albumExpanded .albumLiner {
		top: -10px;
		left: -10px;
		opacity:1;
		width: 420px;
		height: 155px;
		overflow:visible;
	}

	.albumRight .albumLiner {left: auto; right: -10px;}
	
	#homeCarouselLarge .albumLiner {left: auto; right:-10px; height:290px; width:540px;}
	
	.albumLiner a {color:#cf3410;}
	.albumLiner h3 {margin:5px 0 5px 170px; font-size:18px;}
	.albumLiner h4 {margin:5px 0 5px 170px; font-weight:bold;}
	.albumLiner p {margin:0 0 0 170px;}
	.albumLiner ul {margin:0 0 0 170px; padding:0;}
	div.main.homePrimero  #homeCarouselLarge .albumLiner ul li {position:static; width:auto; display:block; height:auto; margin:0;}
		.albumRight .albumLiner h3, .albumRight .albumLiner p {margin-right:170px; margin-left:5px;}

	#homeCarouselLarge .albumLiner h3, 
	#homeCarouselLarge .albumLiner h4, 
	#homeCarouselLarge .albumLiner p, 
	#homeCarouselLarge .albumLiner ul {margin-right:300px; margin-left:5px;}


ul.albumList  li:hover .albumPlayer {
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .5);
}

.albumPlayer {
	position: relative;
	width: 155px;
	height: 155px;
	background: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, .3);
	-moz-box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, .3);
	box-shadow: 0px 3px 4px 0 rgba(0, 0, 0, .3);
}
	
#homeCarouselLarge .albumPlayer {
	position:absolute;
	z-index: 10;
	right:0;
	left:auto;
	width: 290px;
	height: 290px;
	-webkit-box-shadow: 0px 8px 8px 0 rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 8px 8px 0 rgba(0, 0, 0, .5);
	box-shadow: 0px 8px 8px 0 rgba(0, 0, 0, .5);
}

.albumPlayer a.showAlbumInfo {

	display: none;

	position:absolute; 
	z-index:1; 
	top:3px; 
	right:3px; 
	width:17px; 
	height:17px; 
	background:url(../img/icon_album_info.png) no-repeat;
}

.albumPlayer img.coverImage {
	position:absolute;
	top:0;
	left:0;
}

.albumPlayer .sampleTrackTitle {
	display: none;
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: rgba(0,0,0,0.8);
	font-size: 11px;
	color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 125px;
	padding-right: 10px;
	height: 30px;
	overflow: hidden;
}

#homeCarouselLarge .albumPlayer .sampleTrackTitle {
	width: 255px;
}

div.main.homePrimero ul#homeCarouselSmall {
	position: absolute;
	display: block;
	top:0;
	right:20px;
	width: 130px;
	height: 350px;
	margin-top: 20px;
	vertical-align: top;
	overflow: hidden;
}

div.main.homePrimero ul#homeCarouselSmall li {
	position: absolute;
	top: 20px;
	right: 0;
	width: 120px;
	height: auto;
	margin:0;
}

div.main.homePrimero ul#homeCarouselSmall li div.albumPlayer {
	width: 120px;
	height: 120px;
}

div.main.homePrimero ul#homeCarouselSmall #fsm_1 {
	top: 190px;
}

div.main.homePrimero ul#homeCarouselSmall #fsm_2 {
	top: 360px;
}

.albumPlayer .sampleTrackTitle span {
	display: inline-block;
	white-space: nowrap;
	padding: 6px 10px 7px 45px;
	width:70px;
	overflow:hidden;
}

#homeCarouselLarge .albumPlayer .sampleTrackTitle span {
	width:200px;
}

.albumPlayer .audioPlayer {
	position: absolute;
	bottom: 5px;
	left: 5px;
	display: block;
}

.musicHere {
	cursor: pointer;
}

.musicHere.playing {
	background-color: green;
}

#findMusicWrapper,
#searchResultsWrapper {
	display: inline-block;
	vertical-align: top;
	width: 680px;
	position: relative;
}
	
	/* This is needed to position the spinner correctly when there is 
	 * no search content yet */
	#searchResultsContent,
	#search-results {
		min-height: 500px;
	}

.homePanel {
	vertical-align: top;
	width: 680px;
	margin-bottom: 20px;
	padding: 18px 0 0;
}

.homePanel:first-of-type {
	padding-top: 0;
}

.homePanel h1 {
	margin-bottom: 15px;
	font-family: "GibsonSemiBold";
	font-size: 24px;
	line-height: 24px;
}

	.homePanel h1.major {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 20px;
		margin-top: 0;
	}

div.mainPanel {
	float: left;
	position: relative;
/*
	display: inline-block;
*/
	vertical-align: top;
	width: 642px;
	min-height: 500px;
	padding: 0 18px 18px;
	background: #fff;
	border: 1px solid #bfbfbf;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

div.mainPanelFull {
	width:96% !important;
}

div#container.blueBoy {
	background: #dadfe7 url(../img/speckles_blue.gif);
}

div#container.blueBoy div.mainPanel {
	display: block;
	width: 100%;
	padding: 8px 0 0;
	background: transparent;
	border: 0;
}

/* div#container.blueBoy div.mainPanel h1 {
	margin-bottom: 28px;
	font-family: "GibsonSemiBold";
	font-size: 36px;
} */

p.songDescription {
	margin: 0 0 20px;
}

hgroup.labelAndTitle {
	display: inline;
}

hgroup.labelAndTitle h1 {
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 19px;
	padding: 0 8px;
	font-family: "GibsonSemiBold";
	font-size: 12px;
	line-height: 24px;
	color: #fff;
	background: #cf3410;

	-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, .4);
}

hgroup.labelAndTitle h1:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -5px;
	width: 5px;
	height: 5px;
	background: url(../img/bg_redCorner.gif) no-repeat;
}

hgroup.labelAndTitle h2 {
	display: inline-block;
	margin: 34px 0 16px;
	font-family: "GibsonSemiBold";
	font-size: 36px;
	line-height: 36px;
}

	hgroup.labelAndTitle .profileData h2 {
		margin: 34px 0 10px;
		font-size:30px;
		line-height:24px;
		padding-top:10px;
	}

.mainPanel.featuredComposer {
	display: block;
	min-height: 0;
	margin-bottom: 30px;
}

.mainPanel.featuredComposer hgroup.labelAndTitle h1 {
	left: 129px;
}

.mainPanel.featuredComposer hgroup.labelAndTitle h2 {
	display: block;
	margin-bottom: 0;
	margin-left: 110px;
	font-size: 18px;
	line-height: 24px;
}

.mainPanel.featuredComposer hgroup.labelAndTitle h3 {
	margin-bottom: 10px;
	margin-left: 110px;
	font-size: 18px;
	line-height: 24px;
}

.mainPanel.featuredComposer hgroup.labelAndTitle img.avatar {
	display: block;
	float: left;
	margin-right: 20px;
	margin-top: 30px;
}

.mainPanel.featuredComposer table.complex {
	width: 530px;
	margin-bottom: 10px;
	margin-left: 110px;
}

.mainPanel.featuredComposer table.complex tr {
	border-bottom: 0;
}

.mainPanel.featuredComposer table.complex td.trackTitle {
	min-width: 145px;
}

.mainPanel.featuredComposer table.complex div.moreTrackInfo {
	width: 470px;
}

#visibleTracksTable .whenInvisible,
#invisibleTracksTable .whenVisible {
	display: none;
}

.mainPanel.featuredComposer a.buttonish.dark {
	margin-left: 110px;
	margin-top: 10px;
}

hr.homeBolt {
	display: block;
	height: 1px;
	background: red;
	margin: 15px 0;
}

div.topPagination {
	float: right;
	margin-top: 51px;
	font-size: 12px;
}

#save-this-search {
	position: absolute;
	top: 10px;
	right: 16px;
	
	-webkit-transition: background 0.1s linear;
	-moz-transition: background 0.1s linear;
	-o-transition: background 0.1s linear;
	-ms-transition: background 0.1s linear;
	transition: background 0.1s linear;
}

#save-this-search.saved {
	background-color: #eee;
}

div.topPagination a {
	display: inline-block;
	width: 5px;
	height: 8px;
	text-indent: -9000px;
	background: url(../img/tiny_arrows.png) no-repeat;
}

html[data-useragent*='Firefox'] div.topPagination a {
	line-height: 8px;
}

div.topPagination a.next {
	margin-left: 10px;
	background-position: 0 -24px;
}

div.topPagination a.next.disabled {
	cursor: default;
	background-position: 0 -8px;
}

div.topPagination a.previous {
	margin-right: 10px;
	background-position: 0 -16px;
}

div.topPagination a.previous.disabled {
	cursor: default;
	background-position: 0 0;
}

div.bottomPagination {
	position: relative;
	left: -18px;
	bottom: -18px;
	width: 678px;
	height: 84px;
	background: #efefef;
	text-align: center;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;

	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}

div.bottomPagination a.buttonish.next {
	position: absolute;
	top: 27px;
	right: 8px;
}

div.bottomPagination a.buttonish.previous {
	position: absolute;
	top: 27px;
	left: 8px;
}

div.bottomPagination ul.pages {
	display: inline-block;
	height: 20px;
	margin: 32px 0 0;
	padding: 0;
	list-style-type: none;
	font: normal 12px/18px "GibsonSemiBold";
}

div.bottomPagination ul.pages:before {
	content: "Pages";
	margin-right: 10px;
	color: #666;
}

div.bottomPagination ul.pages.ellipsis:after {
	content: "...";
	margin-left: 10px;
}

div.bottomPagination li {
	display: inline-block;
	line-height: 20px;
}

div.bottomPagination li a {
	display: block;
	width: 18px;
	color: #fff;
	background: #666;
	border: 1px solid #666;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div.bottomPagination li a.active {
	border: 1px solid #c4c4c4;
	background: url(../img/bg_tag.gif);
	color: #222;
}

.composerCard {
	margin-bottom: 25px;
	line-height: 20px;
}

.composerCard img {
	display: block;
	float: left;
	margin-right: 15px;
}

.composerCard h1 {
	padding-top: 5px;
	font: normal 12px "GibsonSemiBold";
}

.composerCard p {
	margin: 0;
}

img.avatar {
	padding: 4px;
	background: #fbfaf8;
	border: 1px solid #ccc;
}

/* general .tag object */
ul.tagDisplay,ul.tagDisplay li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.tagDisplay.fullWidth {
	display: block;
	margin-bottom: 15px;
}

ul.tagDisplay a.tag {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	padding: 0 10px 0 14px;
	font-family: "GibsonRegular";
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	color: #222;
	background: #f3f3f3 url(../img/bg_tag.gif) repeat-x;
	border: 1px solid #c4c4c4;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 15px;

	-webkit-border-radius: 15px 7px 7px 15px;
	-moz-border-radius: 15px 7px 7px 15px;
	border-radius: 15px 7px 7px 15px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

ul.tagDisplay a.tag:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 4px;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	background: url(../img/bg_tagDot.png) no-repeat;
}

ul.tagDisplay a.tag.green {
	font-family: "GibsonSemiBold";
	color: #fff;
	background: #c8e200 url(../img/bg_tag_green.gif) repeat-x;
	border-color: #7ea101;
}

ul.tagDisplay a.tag:hover {
	background: #f3f3f3;
	text-decoration: none;
}

ul.tagDisplay a.tag.green:hover {
	background: #a2ce00;
}

aside.similarTracks h1, #relatedVersions h3, #similarTracks h3 {
	margin-bottom: 10px;
	font-family: "GibsonSemiBold";
	font-size: 24px;
	line-height: 24px;
}

section.orderGroup {
	margin-bottom:60px;
}

p.checkout img {display:inline-block;margin-right:5px;vertical-align:middle;}

p.checkout span {display:inline-block;margin-left:10px;font-size:10px;line-height:15px;color:#666;vertical-align:middle;}

/* tables */
table {
	width: 100%;
	/*margin-bottom: 30px;*/
}

table tr {
	border-bottom: 1px dotted #cacaca;
}

table.blueTable tr {
	border-color: #bac3d1;
}

table th {
	padding: 0 5px;
	background: #ddd;
	color: #222;
	font: bold 10px/30px "Helvetica Neue", helvetica, arial, sans-serif;
	text-align: left;
	text-transform: uppercase;
}

table th.player {
	width: 60px;
}

table th.price {
	text-align: right;
}

table.blueTable th {
	background: #bac3d1;
}

table td {
	padding: 5px 5px;
	vertical-align: middle;
}

table tr.activeRow td,table tr.specialRow td {
	font-family: "GibsonSemiBold";
}

table th.center,table td.center {
	text-align: center;
}

table td.player {
	width: 60px;
	padding: 8px 0 5px;
}

table td.player .trackProcessing {
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	color: transparent;
	background: url(../img/bg_hourglass.png) no-repeat;
}

table td.player img {
	display: block;
}

table td.trackDescription {
	width: 370px;
}

table td.price {
	width: 70px;
	text-align: right;
}

table td.button {
	white-space: nowrap;
}

.tableHolder {
	border-top: 1px dotted #222;
}

table.complex td.message {
	text-align:right;
	font-size:12px;
	width:220px;
}

	table td.message label {
		font-size:10px;
		line-height:12px;
		color:#666;
	}
	
	table td.message textarea {
		height:50px;
		width:220px;
	}

table td:last-child {
	text-align: right;
}

table.complex tr {
	border-bottom: 1px solid #d7d7d7;
	
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}

table.complex.blueTable tr {
	border-color: #bac3d1;
}

table.complex tr.firstRow {
	border-bottom: 0;
}

table.complex tr.firstRow:only-child th {
	display: none;
}

table.complex td {
	/*display: inline-block;*/
	position: relative;

	padding-top: 10px;
	vertical-align: top;
}

html[data-useragent*='Firefox'] table.complex td.sampleTrackTitle {
	display: inline-block;
}

table.complex td.trackTitle {
	min-width: 220px;
	display: inline-block;
}

table.complex td.trackTitle a.theTitle {
	font-family: "GibsonRegular";
	font-size: 15px;
	/*color: #222;*/

}

table.complex td.trackTitle a.theTitle.star {
	padding-left: 14px !important;
}

table.complex td.trackTitle a.theTitle.star:before {
	bottom: auto;
	top: 3px;
}

table.blueTable td.trackTitle {
	min-width: 488px;
	display: inline-block;
}

table.blueTable td.center {
	width: 80px;
}

table.blueTable td.price {
	width: 40px;
}

table.blueTable td.button {
	width: 100px;
}

table.complex td div.moreTrackInfo {
	position: absolute;
	top: 68px;
	left: 5px;
	z-index: 100;
	width: 576px;
	height: 30px;
	margin-top: -30px;
	border-top: 1px dotted #cacaca;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 30px;
	font-size: 11px;
	overflow: hidden;
	/*pointer-events: none;*/ /* Bruce: not sure why this was here, cause of #243 */
}

	table.complex.blueTable td div.moreTrackInfo {
		width: 850px;
	}

table.complex td div.moreTrackInfo div.inner {
	white-space: nowrap;
}

table.blueTable tr div.moreTrackInfo {
	border-color: #bac3d1;
}

table.complex td div.moreTrackInfo a + ul {
	margin-left: 10px;
}

table.fullWidth td div.moreTrackInfo {
	width: 858px;
}

table.emailList td div.moreTrackInfo {
	width:615px;
}

table.complex tr.hasEdits {
	overflow: hidden;
}

table.complex tr.hasEdits td {
	height: 84px;
}

table.complex td div.trackEdits {
	position: absolute;
	top: 99px;
	left: 5px;
	z-index: 100;
	width: 575px;
	height: 30px;
	margin-top: -30px;
	border-top: 1px dotted #cacaca;
	line-height: 30px;
	font-size: 11px;
	/*overflow: hidden;*/
}

table.complex td div.trackEdits a.sprite {
	color: #666;
}

table.complex td div.trackEdits a.right:before {
	height: 17px;
	bottom: 1px;
}

table.complex td div.trackEdits a.down:before {
	height: 17px;
	bottom: -3px;
}

table.complex tr.cartTotal {
	font-family: "GibsonSemiBold";
	height: auto;
	border-bottom: 0;
}

table.complex tr.cartTotal td {
	height: auto;
}

table.complex tr.cartTotal td.label {
	text-align: right;
}

table.complex td.button {
	padding-top: 7px;
}

table.complex table.editsList {
	width: 575px;
	margin-bottom: 0;
}

table.complex td.trackTitle table.editsList tr {
	border-top: 1px dotted #cacaca;
	border-bottom: 0 ! important;
}

table.complex td.trackTitle table.editsList td {
	display: table-cell;
	height: 24px ! important;
	padding: 2px ! important;
	vertical-align: bottom ! important;
}

table.complex td.trackTitle table.editsList td.miniplayer {
	padding-right: 4px ! important;
	width: 20px;
}

table.complex td.trackTitle table.editsList td.miniplayer a {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../img/icon_miniplayer_off.png) no-repeat center;
}

table.complex td.trackTitle table.editsList tr.activeRow td.miniplayer a {
	background-image: url(../img/icon_miniplayer_on.png);
}

table.complex td.trackTitle table.editsList td.trackTitle {
	width: 230px;
	min-width: 0;
}

table.complex td.trackTitle table.editsList td.duration {
	width: 51px;
	min-width: 0;
}

table.complex td.trackTitle table.editsList td.type {
	width: 75px;
	min-width: 0;
}

div.methodAndAddress {
	margin-bottom: 24px;
}

div.methodAndAddress dl {
	display: block;
}

div.methodAndAddress dl dt {
	display: inline-block;
	width: 220px;
	margin: 0 25px 0 0;
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	vertical-align: top;
	font-weight: bold;
}

div.methodAndAddress dl dt.ccInfo {
	line-height: 23px;
}

div.methodAndAddress dl dd {
	position: relative;
	display: inline-block;
	width: 500px;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	vertical-align: top;
}

div.methodAndAddress dl dd.ccInfo {
	line-height: 20px;
}

div.methodAndAddress dl dd span {
	display: block;
}

div.methodAndAddress dl dd span.note {
	font-size: 12px;
}

div.methodAndAddress dl dd a.changeLink {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
}

div.methodAndAddress input {
	margin: 25px 0 0 245px;
}

.buttonish {
	cursor: pointer;
	display: inline-block;
	padding: 0 10px;
	background: #ddd;
	color: #666;
	font-family: "GibsonRegular";
	font-size: 12px;
	line-height: 25px;
	height: 25px;
	text-align: center;
	white-space: nowrap;
	border: 0;
	text-decoration: none ! important;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.buttonish.sprite {
	vertical-align: bottom
}

.buttonish.sprite:before {
	left: 7px;
	top: 7px;
}

.buttonish:hover {
	background: #eee;
	color: inherit;
	text-decoration: none ! iportant;
}

.buttonish.red {
	color: #fff;
	background: #cf3410;
	
	-webkit-transition: all 0.2s linear, width 0;
	-moz-transition: all 0.2s linear, width 0;
	-o-transition: all 0.2s linear, width 0;
	-ms-transition: all 0.2s linear, width 0;
	transition: all 0.2s linear, width 0;
}

.buttonish.red.disabled {
	cursor: wait;
}

.buttonish.red.inCart {
	opacity: .5;
	cursor: default;
	text-decoration: none;
}

.buttonish.saved:hover {
	cursor: default;
	text-decoration: none;
}

.buttonish.blue {
	color: #546d95;
	background: #bac3d1;
}

.buttonish.dark {
	color: #fff;
	background: #444;
}

.buttonish.tiny {
	width: auto;
	padding: 5px 8px;
	line-height: 12px;
	color: #fff;
	background: #aaa;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border: 0;
	
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.buttonish.tiny:hover {
	text-decoration: none;
	background: #999;
}

.buttonish.disabled {
	color: #aaa;
	background: #ddd;
}

.buttonish.floatRight {
	float: right;
	margin-top:16px;
}

.buttonish.saveButton.saved {
	position: relative;
	color: #000;
	background: #eee;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .2s;
}

.buttonish.saveButton.saved:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #000;
	text-align: center;
	font-size: 14px;
}

.buttonish.addToCart {
	width: 59px;
}

form.resultFilter {
	margin-bottom: 10px;
	border-left: 1px solid #d4d4d4;
	border-top: 1px solid #d4d4d4;
}

form.resultFilter label {
	display: inline-block;
	width: 150px;
	padding-left: 9px;
	line-height: 29px;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	font-size: 12px;
}

form.resultFilter label:nth-child(4n) {
	width: 151px;
}

form.resultFilter label:hover {
	background: #fff3f3;
}

form.resultFilter input {
	margin-right: 3px;
	cursor: pointer;
}

div.searchOptions h3 {
	font-family: "GibsonSemiBold";
	color: #cf3410;
	margin-bottom: 0;
	font-size: 14px; 
}

div.searchOptions p {
	margin: 0;
	font-size: 14px; 
}

div.searchOptions ul {
	padding:0;
	margin:0.5em 0 1em 0;
}

div.searchOptions li {
	list-style-type: none;
	display:inline-block;
	width:32%;
}

div.searchOptions li span {
	text-transform:uppercase;
	color:#666;
	font-size:10px;
}

div.genericTip {
	width: 50%;
	margin: 0 auto 20px;
	border: 2px solid #bbb;
	-moz-border-radius:10px;
	border-radius:10px;
	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #ddd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%,#ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%,#ddd 100%); /* IE10+ */
	background: linear-gradient(top, #fff 0%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ddd',GradientType=0 ); /* IE6-9 */
}

div.genericTip:first-child {
	position: relative;
	top: 20px;
}

div.genericTip.highlightTip {
	border-color:#d3c183;
	background: #fdfdda; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdda 0%, #f9f791 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdda), color-stop(100%,#f9f791)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdda 0%,#f9f791 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdda 0%,#f9f791 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fdfdda 0%,#f9f791 100%); /* IE10+ */
	background: linear-gradient(top, #fdfdda 0%,#f9f791 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdda', endColorstr='#f9f791',GradientType=0 ); /* IE6-9 */
}

div.genericTip.errorTip {
	color: #fff;
	border-color:#CF3410;
	background: rgb(255,48,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
}

div.genericTip .floatRight {margin-top:12px; margin-right:10px;}

div.genericTip h1 {font: normal 18px/18px "GibsonSemiBold", Helmet, Freesans, sans-serif; margin:5px;padding: 10px 10px 0;}

div.genericTip p {margin:5px;padding:10px;}

div.genericTip.errorTip p {color: #fff;}

div.genericTip p.keyboard { padding-left:40px; background:url(../img/icon_keyboard-keys.png) no-repeat left center;}

div.genericTip p.cart {margin-left:10px; padding-left:25px;background:url(../img/icon_headphones_16x14.png) no-repeat left center;}

div.genericTip p.email {margin-left:10px; padding-left:25px;background:url(../img/icon_mail.png) no-repeat left center;}


div.trackInformation {
	border-top: 1px dotted #222;
	padding-top: 10px;
}

div.trackInformation table tr {
	border-bottom: 0;
}

div.trackInformation table td.player {
	vertical-align: top;
}


/* FORMS */
article.formContainer h1, article.findMusic h1, article.composerPayments h1 {
	font-family: "GibsonSemiBold";
	font-size: 36px;
	line-height: 36px;
	width: 75%;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 10px;
}

	article.findMusic h1 {
		width: auto;
		display:block;
	}

article.formContainer .orderHeader {
	font-family: "GibsonSemiBold";
	padding: 10px 0 0;
	border-top:1px dotted #222;
	margin-top: 20px;
	margin-bottom:15px;
}

article.formContainer .orderMetaData .buttonish {
	float:right;
}

article.formContainer h4.fieldsetRules {
	font-size: 12px;
	line-height: 46px;
	text-align: right;
	width: 20%;
	float: right;
	color: #666;
}

article.formContainer p.formIntro {
	width: 680px;
	font-size: 24px;
	line-height: 30px;
	margin-top:0;
}

article.formContainer form, article.composerPayments section {
	display: inline-block;
	width: 680px;
	margin-right: 20px;
}

article.wideForm form {
	display: inline-block;
	width: 920px;
	margin-right: 0;
}

article.wideForm form#fileupload {
	margin-top: 12px;
}

article.formContainer aside, article.composerPayments aside {
	display: inline-block;
	width: 210px;
	vertical-align: top;
	padding-top: 13px;
}

	article.formContainer aside h1, article.composerPayments aside h1 {
		font-size: 24px;
		margin-top:-6px;
		margin-bottom: 10px;
	}
	
	article.composerPayments section h2 {
		font-family: "GibsonSemiBold";
		font-size: 24px;
		margin-bottom: 10px;
	}

article.formContainer aside h3, article.composerPayments aside h3 {
	font-family: "GibsonSemiBold";
	color: #cf3410;
	margin-bottom: 0;
	font-size: 14px;
}

article.formContainer aside p, article.composerPayments aside p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 0;
}

article.formContainer fieldset {
	border-bottom: none;
	margin-bottom: 30px;
	padding-top:5px;
}

	article.formContainer fieldset.noHeader {
		border-top: none;
	}
	
article.formContainer fieldset.noTitle {
	padding-top: 10px;
}

article.formContainer fieldset h1, article.formContainer fieldset h2, article.formContainer fieldset h3 {
	font-size: 24px;
	margin-top:0;
	margin-bottom: 20px;
}

article.formContainer ul.formSteps {
	margin: 0 0 60px;
	padding: 0;
}

article.formContainer ul.formSteps li {
	display: inline-block;
	width: 220px;
	margin-right: 10px;
	color: #ccc;
	border-top: 5px solid #ccc;
	font-family: "GibsonSemiBold";
	font-size: 12px;
	line-height: 28px;
}

article.formContainer ul.formSteps li a {
	color: #ccc;
}

article.formContainer ul.formSteps li span {
	font-size: 36px;
	display: inline-block;
	vertical-align: top;
	padding-top: 8px;
}

article.formContainer ul.formSteps li.completedStep {
	border-color: #222;
}

article.formContainer ul.formSteps li.completedStep a {
	color: #222;
}

article.formContainer ul.formSteps li.currentStep {
	color: #cf3410;
	border-color: #cf3410;
}

article.formContainer ul.formSteps li.currentStep a {
	color: #cf3410;
}

article.formContainer fieldset ol {
	margin: 0;
	padding: 0;
}

article.formContainer fieldset ol li {
	position: relative;
	list-style-type: none;
	margin-bottom: 10px;
}

article.formContainer fieldset ol li > div {
	margin-bottom: 10px;
}

article.formContainer fieldset ol li.trackOwnershipHeader {
	padding-left: 230px;
}

article.formContainer fieldset ol li.trackOwnershipHeader span {
	display: inline-block;
	vertical-align: top;
	color: #666;
	font-size: 12px;
}

article.formContainer fieldset ol li.trackOwnershipHeader span span {
	display: block;
	padding-left: 5px;
	background: #ddd;
}

article.formContainer fieldset ol li.trackOwnershipHeader span span.tinyNote {
	display: none;
	margin-top: 2px;
	margin-bottom: 2px;
	background: transparent;
	font-size: 10px;
}

article.formContainer fieldset ol li.trackOwnershipHeader span.error span {
	background: yellow;
}

label span.error {
	padding: 0 4px;
	background: yellow;
}

article.formContainer fieldset ol li span.multiple span.tinyNote,
article.formContainer fieldset ol li span.error span.tinyNote {
	display: block;
}

article.formContainer fieldset ol li span.nameColumn {
	display: inline-block;
	width: 182px;
}

article.formContainer fieldset ol li span.shareColumn {
	display: inline-block;
	width: 120px;
}

article.formContainer fieldset ol li span.idColumn {
	display: inline-block;
	width: 150px;
}

article.formContainer fieldset ol li span.idColumn input {
	width: 120px;
}

article.formContainer fieldset ol li span.orgColumn {
	display: inline-block;
	width: 100px;
}

article.formContainer fieldset ol li.fieldsetBreak {
	margin-top: 30px;
}

article.formContainer fieldset label {
	display: inline-block;
	width: 220px;
	text-align: right;
	padding-right: 10px;
}

article.formContainer fieldset label.minor {
	font-size: 12px;
	color: #666;
}

article.formContainer fieldset li.noLabel {
	margin-left:230px;
}

	article.formContainer fieldset li.noLabel label {
		width:auto;
		display:inline;
		text-align:left;
	}

input.standard {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	width: 160px;
	padding: 8px 10px;
	font-size: 12px;
	border: 1px solid #bbb;
	outline: none;
}

article.formContainer fieldset input {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	width: 160px;
	padding: 8px 10px;
	font-size: 12px;
	border: 1px solid #bbb;
	outline: none;
}

html[data-useragent*='Firefox'] article.formContainer fieldset input {
	padding: 3px 10px;
}

article.formContainer fieldset input:-moz-placeholder,
article.formContainer fieldset input:-moz-placeholder {
	color: #999;
}

article.formContainer fieldset input[type="file"] {
	width: 200px;
	padding: 6px 8px;
}

article.formContainer fieldset input[multiple="multiple"] {
	display: block ! important;
	border-radius: 0 ! important;
	height: 30px ! important;
}

.qq-uploader {
	position:relative;
	width: 500px ! important;
	padding:10px ! important;
	border: 2px inset #ccc ! important;
	background:#f4f4f4 ! important;
}

li.fileHandler {
	position: relative;
}

li.fileHandler .qq-uploader {
	display: none;
	position: absolute;
	z-index: 100;
	left: 233px;
	top: 0;
	padding: 5px 10px ! important;
}

li.fileHandler .qq-uploader ul {
	margin: 0 ! important;
	padding: 0 ! important;
}

h2 + script + link + div > .qq-uploader {
	margin-top: 24px ! important;
}

article.formContainer fieldset input[type="checkbox"] {
	width: auto;
	padding:0;
	margin-right:5px;
}

article.formContainer .readOnlyEditable {
	font-size: 18px;
	line-height: 24px;
}

input#newFile {
	width: 238px;
}

input#newFile,input.hideMe {
	display: none;
}

article.formContainer fieldset select {
	max-width: 98%;
}

html[data-useragent*='Firefox'] article.formContainer fieldset select {
	font-size: 90%;
	padding-top: 2px;
	padding-bottom: 2px;
}

div.select-label {
	position: relative;
	display: inline-block;
	width: auto;
}

div.select-label:after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 12px;
	right: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #bbb transparent transparent transparent;
	pointer-events: none;
}

div.select-label.white:after {
	z-index: 1;
}

div.select-label select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	min-width: 60px;
	max-width: none ! important;
	padding: 8px 28px 8px 10px;
	font-size: 12px;
	background: transparent;
	border: 1px solid #bbb;
	border-radius: 20px;
	color: #666;
	outline: 0;
	opacity: 1;
	cursor: pointer;
	
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

div.select-label.white select {
	background: #fff;
}

div.select-label select[multiple] {
	min-height: 93px;
	padding: .4em;
	font-size: 12px;
}

div.select-label select[multiple] option:nth-child(odd) {
	background: #eee;
}

div.select-label select::-ms-expand {
    display: none;
}

/* some firefox and IE fixes */
html[data-useragent*='Firefox'] div.select-label:before {
	content: "";
	position: absolute;
	z-index: 9;
	width: 22px;
	height: 18px;
	background: #fff;
	pointer-events: none;
}

html[data-useragent*='Firefox'] div.select-label:after {
	z-index: 10;
}

html[data-useragent*='Firefox'] div.select-label select,
html.ie-lt10 div.select-label select {
	padding-right: .8em;
}

/* giving up on making the triangle work in IE9 */
html.ie-lt10 div.select-label:before,
html.ie-lt10 div.select-label:after {
	display: none;
}

div.select-label select:active,
div.select-label select:focus,
div.select-label select:active,
div.select-label select:focus {
	border: 1px solid #999;
}


article.formContainer fieldset input.small {
	width: 70px;
}

article.formContainer fieldset input.large {
	width: 280px;
}

article.formContainer fieldset textarea {
	width: 420px;
	height: 160px;
	border: 1px solid #ccc;
	outline: none;
	padding: 12px 16px;
	border-radius: 3px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article.formContainer span.counter,
article.formContainer span.formInstruction,
article.formContainer div.help-block {
	display: block;
	margin-left: 234px;
	margin-top: 5px;
	color: #666;
	font-size: 12px;
	font-style: italic;
}

article.formContainer span.formInstruction + span.formInstruction {
	margin-top: 0;
}

article.formContainer span.counter.exceeded {
	color: #9d2c2c;	
}

article.formContainer .rightInstruction {
	position: absolute;
	left: 100%;
	top: 6px;
	display: block;
	white-space: nowrap;
	color: #666;
	font-size: 12px;
	font-style: italic;
}

article.formContainer fieldset label span.formInstruction {
	margin-left: 0;
}

article.formContainer form p.submit {
	margin-left: 230px;
}

/* TAG CHOOSER */

.tagChooserContainer {
	margin-top: 35px;
}

div#tagChooser {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 10px;
	background: #fff;
	/*width: 678px;*/
	background: #f1f1f1;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #bfbfbf;
}

article.formContainer form.tagChooser h1 {
	margin-bottom: 10px;
}

form.tagChooser {
	position: relative;
}

form.tagChooser p.submit {
	position: absolute;
	top: 0px;
	right: 10px;
}



div.tagColumn {
	position: relative;
	display: inline-block;
	width: 210px;
	vertical-align: top;
	border-left: 1px dotted #bfbfbf;
	height: 520px;
}

div.tagColumn div.listHolder {
	display: none;
}

div.tagColumn div.listHolder.active {
	display: block;
}

div.tagColumn div.listHolder a {
	position: relative;
}

a.addSet {
	font-family: "GibsonSemiBold";
}

div.tagColumn div.listHolder a:after {
	content: "";
	position: absolute;
	top: 9px;
	right: 9px;
	display: block;
	height: 9px;
	width: 9px;
	background: url(../img/check.png) no-repeat;
	opacity: .2;
}

/* Bruce: Enabled user tags as per Issue #71
div#usertagsHolder a:after,
div.multiListHolder ul li a.addSet:after {
	display: none;
}*/

div.tagColumn div.listHolder a.inserted:after {
	opacity: 1;
}

div.tagColumn:first-child {
	border-left: none;
}

div#tagSets {
	font-family: "GibsonSemiBold";
}

div#selectedTags {
	display: inline-block;
	position: relative;
	vertical-align: top;
	background: #fff;
	width: 228px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #bfbfbf;
}

p.encouragement {
	margin: 45px 0 0;
	padding: 0 10px 10px;
	font-size: 13px;
	font-family: 'GibsonRegular';
	background: #f1f1f1;
}

p.encouragement:before {

	content: "We require a minimum of 5 tags.";

}

.stage2 p.encouragement:before {

	content: "Nice, keep going. 10 tags will ensure your track is nicely searchable.";

}

.stage3 p.encouragement:before {

	content: "Excellent, keep going! 15 tags will ensure maximum discoverability!";

}

.stage4 p.encouragement:before {

	content: "You're so money, and you don't even know it. Well done!";

}

div#selectedTags .bottomButtons {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #f1f1f1;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}


div#selectedTags .bottomButtons input:first-child {
	margin-right: 6px;
}

div#tagChooser h3,
div#selectedTags h3 {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "GibsonSemiBold";
	font-size: 14px;
	line-height: 25px;
	width: 100%;
	padding: 10px;
	background: #f1f1f1;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div#tagChooser h3 input {
	width: 182px;
}

div#tagChooser h3 span.small,
div#selectedTags h3 span.small {
	padding-left: 10px;
	font-family: 'GibsonRegular';
	font-size: 12px;
	line-height: 12px;
}

div#tagSets h3 {
	border-top-left-radius: 10px;
}

div#tagSubCats h3 {
	border-top-right-radius: 10px;
}

div#selectedTags h3 {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#selectedTags h3 span.stars {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 20px;
}

div#selectedTags h3 span.stars span {
	color: #cf3410;
	opacity: .1;
}

div#selectedTags.stage2 h3 span.stars span.star1 {
	opacity: .3;
}

div#selectedTags.stage3 h3 span.stars span.star1,
div#selectedTags.stage3 h3 span.stars span.star2 {
	opacity: .7;
}

div#selectedTags.stage4 h3 span.stars span.star1,
div#selectedTags.stage4 h3 span.stars span.star2,
div#selectedTags.stage4 h3 span.stars span.star3 {
	opacity: 1;
}

div#selectedTags li a {
	position: relative;
	background-color: transparent;
}

ul.subset li a {
	padding-left: 24px;
	background: transparent url(../img/bg_subset.gif) 13px 12px no-repeat;
}

div#selectedTags a {
	cursor: default;
}

div#selectedTags li a span.remove {
	position: absolute;
	right: 8px;
	top: 8px;
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/remove-tag.gif) no-repeat;
	opacity: .6;
}

div#selectedTags li a span.remove:hover {
	opacity: 1;
	cursor: pointer;
}

div.tagColumn ul
{
	list-style-type: none;
	padding: 0;
	margin: 44px 0 0;
	height: 476px;
	overflow: auto;
	background: #fff;
}

div#tagSets ul,
div#tagSubCats div.multiListHolder {
	border-bottom-left-radius: 10px;
}

div#tagSubCats ul {
	border-bottom-right-radius: 10px;
}

div.tagColumn div.multiListHolder,
div.tagColumn div.otherSearch {
	margin: 45px 0 0;
	height: 475px;
	overflow: auto;
	background: #fff;
}

div.tagColumn input.filterinput {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	width: 156px;
	padding: 4px 10px;
	font-size: 12px;
	border: 1px solid #bbb;
	outline: none;
}

div.tagColumn input.filterinput.working,
input.working {
	background: #fff url(../img/spinner_text-field.gif) 90% center no-repeat;
}

.buttonish.working {
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.5;
}

#selectedTags div.multiListHolder {
	height: 391px;
	margin-top: 0;
}

#selectedTags.stage1 div.multiListHolder {
	height: 409px;
}

div.tagColumn div.otherSearch h4 {
	padding: 6px 10px;
}

div.tagColumn div.otherSearch input {
	margin: 6px 10px;
	width: 168px;
}

ul#allTags li {
	display: none;
}

ul#allTags li.addNewTagControl {
	padding: 6px 10px;
}

ul#allTags li.addNewTagControl input {
	width: 174px;
	margin: 6px 0;
}

div#searchHolder ul {
	height: auto;
	overflow: normal;
	margin-top: 0;
}

div.tagColumn div.multiListHolder ul {
	height: auto;
	overflow: normal;
	margin-top: 0;
}

div.tagColumn ul.subset {
	height: auto;
	margin-top: 0;
}

div.tagColumn li.tTitle {
	display: block;
	color: #222;
	font-family: "GibsonSemiBold";
	padding: 6px 10px;
}

div.tagColumn li.endFaves {

	margin-bottom: 6px;
	border-bottom: 1px solid #eee;

}

div.tagColumn li.tTitle:only-of-type {
	display: none;
}

div.tagColumn a {
	display: block;
	color: #222;
	padding: 6px 10px;
}

div.tagColumn a:hover {
	background-color: #ddd;
	text-decoration: none;
}

div.tagColumn li.active a {
	background-color: #b7d93f;
}

article.formContainer p.smallPrint {
	font-size: 11px;
	margin-top: 40px;
	color: #666;
	width: 680px;
}

#temporaryForm {
	position: absolute;
	z-index: 10;
	top: -3px;
	left: 224px;
	padding: 3px 6px 3px 3px;
	background: #666;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.duplicateMe {
	position: relative;
	margin-top: 10px;
}

a.duplicateRow {
/*	position: absolute;
	left: 100%;
	top: 6px;
	display: block;
	white-space: nowrap; */
}

.exclusiveDetails {
	display: none;
	width: 44%;
	margin-top: 10px;
	margin-left: 230px;
	padding: 15px 15px 5px;
	background: #ccc;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.exclusiveDetails ul {
	margin: 0;
	padding-left: 0;
}

.exclusiveDetails ul li label {
	width: 145px;
	text-align: left;
}

.exclusiveDetails ul li select,.exclusiveDetails ul li input {
	vertical-align: middle;
}

.exclusiveDetails ul li span.formInstruction {
	margin-left: 0;
	margin-top: 10px;
}

article.composerHome .composerProfile, .mainPanel .profileData {
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 24px;
}

	.mainPanel .profileData {
		font-size: 14px;
		line-height: 20px;
	}


article.composerHome .composerProfile .buttons {
	position: absolute;
	top: 27px;
	right: 0;
}

article.composerHome .composerProfile h2 {
	font-size: 12px;
	text-transform: uppercase;
	color: #cf3410;
	margin-bottom: 5px;
}

article.composerHome .composerProfile h1 {
	margin-bottom: 6px;
	font-size: 30px;
	line-height: 30px;
	font-family: "GibsonSemiBold";
}

article.composerHome .composerProfile p, .mainPanel .profileData p {
	margin: 0;
}

article.composerHome .composerProfile p.metadata, .mainPanel .profileData p.metadata {
	font-size: 12px;
}

article.composerHome .composerProfile ul, .mainPanel .profileData ul {
	margin: 0;
	padding: 0;
}

article.composerHome .composerProfile li, .mainPanel .profileData li {
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
	margin-top: 3px;
}

article.composerHome .composerProfile li a, .mainPanel .profileData li a {
	display: inline-block;
}

	 .mainPanel .profileData li a {
	 	padding:3px 0;
	 }

article.composerHome .composerProfile li a.twitter, .mainPanel .profileData li a.twitter {
	background: url(../img/icon_twitter-blue.png) no-repeat left center;
	padding-left: 25px;
}

article.composerHome .composerProfile li a.facebook, .mainPanel .profileData li a.facebook {
	background: url(../img/icon_facebook-blue.png) no-repeat left center;
	padding-left: 25px;
}

article.composerHome .composerAvatar, .mainPanel .composerAvatar {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	vertical-align: top;
	margin-right: 10px;
}

	.mainPanel .composerAvatar {
		margin-top:40px;
		margin-bottom:20px;
	}

article.composerHome .profileData, .mainPanel .profileData {
	display: inline-block;
	width: 476px;
	vertical-align:top;
}
	
	.mainPanel .profileData {
		width: 380px;
	}

article.composerHome .composerSection {
	/*border-top: 1px dotted #222;*/
	position: relative;
	margin-bottom: 20px;
}

article.composerHome .composerSection h1 {
	font-family: "GibsonSemiBold";
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 15px;
}

article.composerHome .composerSection .summary {
	display: inline-block;
	width: 220px;
	text-align: right;
	margin-right: 10px;
	vertical-align: top;
}

article.composerHome .composerSection .summary h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
}

article.composerHome .composerSection dl {
	margin: 0;
}

.composerSection dl span {
	display: inline-block;
	width: 220px;
	margin-right: 10px;
	text-align: right;
}

.composerSection dl span:last-child {
	margin-right: 0;
}

.composerSection dt {
	font-size: 36px;
	line-height: 42px;
}

.composerSection dd {
	font-size: 12px;
	color: #666;
	line-height: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

article.composerHome .composerSection .summary ul {
	font-size: 12px;
	line-height: 16px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

article.composerHome .composerSection .summary li {
	margin-bottom: 5px;
}

article.composerHome .composerSection .composerEncouragement {
	display: inline-block;
	width: 680px;
	vertical-align: top;
	text-align: center;
	line-height: 150px;
	font-size: 40px;
}

article.composerHome .composerSection .chart {
	display: inline-block;
	width: 680px;
	vertical-align: top;
}

article.composerHome .composerSection a.buttonish.sectionHead {
	position: absolute;
	top: 10px;
	right: 0;
}

article.composerHome .composerSection .tracksSection {
	/*border-top: 1px solid #bbb;*/
	position: relative;
	margin-bottom: 42px;
}

article.composerHome .composerSection .tracksSection.emptySection {
	padding-bottom: 12px;
}

article.composerHome .composerSection h2 {
	font: 18px/24px normal "GibsonSemiBold";
	margin: 5px 0;
}

article.composerHome .composerSection .tracksSection.emptySection h2 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #222;
}

article.composerHome .composerSection h2 .note {
	font-size: 12px;
	color: #666;
	font-family: "GibsonRegular";
}


.yellowBG {
	padding: 0 3px;
	background: yellow;
}

article.composerHome .composerSection a.sectionToggle {
	position: absolute;
	top: 10px;
	right: 0;
	font: 14px normal "GibsonSemiBold";
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 16px;
}

html[data-useragent*='Firefox'] article.composerHome .composerSection a.sectionToggle {
	top: 2px;
}

article.composerHome .composerSection a.sectionToggle.collapse {
	background-image: url(../img/icon_section_expand.png);
}

article.composerHome .composerSection a.sectionToggle.isClosed {
	background-image: url(../img/icon_section_collapse.png);
}

article.composerHome .composerSection table.complex td.trackTitle {
	width: 400px;
}

article.composerHome .composerSection table.complex td div.moreTrackInfo {
	width: 855px;
}

article.composerHome .composerSection table.complex td div.trackEdits,article.composerHome .composerSection table.complex table.editsList {
	width: 855px;
}

article.composerHome .composerSection table.complex td.button {
	width: 200px;
}

article.composerPayments dl {
	display:inline-block;
	width:680px;
	margin-bottom:40px;
}

article.composerPayments dl span {
	display: inline-block;
	width: 330px;
	margin-right: 10px;
	text-align: left;
}

article.composerPayments dl span:last-child {
	margin-right: 0;
}

article.composerPayments dt {
	font-size: 36px;
	line-height: 42px;
	text-align: left;
}

article.composerPayments dd {
	font-size: 12px;
	color: #cf3410;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0px;
	text-align: left;
}

#debug {
	position: fixed;
	font-size: 10px;
	top: 10px;
	right: 10px;
	width: 200px;
	height: 150px;
	padding: 10px;
	background: rgba(255,255,225,0.75);
	border: 1px solid #eee;
}

.tooltip-inner {
	font-size: 12px;
	padding: 7px 7px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 0 7px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 7px 1px rgba(0,0,0,.1);
	box-shadow: 0 0 7px 1px rgba(0,0,0,.1);
}

.tooltip2 {
	display: none;
	position: absolute;
	z-index: 99999;
	/*width: 260px;*/ /* Bruce: let's try auto width */
	padding: 7px 7px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #ddd;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 0 0 7px 3px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 7px 3px rgba(0,0,0,.2);
	box-shadow: 0 0 7px 3px rgba(0,0,0,.2);
}

.tooltip2 .icons {
	width: auto;
	padding: 7px 14px 3px;
}

.tooltip2 .icons a {
	display: inline-block;
	height: 32px;
	margin-left: 14px;
	line-height: 32px;
}

.tooltip2 .icons a:first-child {
	margin-left: 0;
}

.tooltip2 .icons img {
	display: inline-block;
}

.tooltip2:after {
	content: "";
	display: block;
	position: absolute;
	right: 45%;
	bottom: -5px;
	width: 10px;
	height: 10px;
	background: #fff;

	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.tooltip2 div.closer, 
.albumLiner div.closer,
li.seeMore div.fullList .closer {
	position: absolute;
	right: -6px;
	top: -6px;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
}

li.seeMore div.fullList .closer {
	right: -17px;
	top: -17px;
}

.tooltip2 div.closer:after, 
.albumLiner div.closer:after,
li.seeMore div.fullList .closer:after {
	content: url(../img/remove-tag.gif);
	display: block;
	height: 100%;
	opacity: .7;
}

.tooltip2 div.closer:hover:after, 
.albumLiner div.closer:hover:after,
li.seeMore div.fullList .closer:hover:after {
	opacity: 1;
}

.tooltip2 div.form,
.tooltip2 div.message {
	text-align: center;
	line-height: 26px;
}

.tooltip2 div.message {
	display: none;
}

.tooltip2 input.standard {
	width: auto;
	padding: 5px 8px;
	margin-right: 5px;
}

.modalMessage {
	position: fixed;
	z-index: 999999;
	top: 0; 
	left: 0; 
	display: table;
	height: 100%; 
	width: 100%;
	background: rgba(255,255,255,.6);
	vertical-align: middle;
}

.modalMessage .theBox {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.modalMessage .theMessage {
	display: inline-block;
	width: 300px;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	border: 1px solid #666;
	border-radius: 15px;
	
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
}

.modalMessage .theMessage strong {
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
}

.modalMessage .theMessage small {
	display: block;
	margin-bottom: 18px;
	line-height: 1.3em;
}

.modalMessage .theMessage a {
	font-size: 14px;
}

.modalMessage .theMessage a.red {
	margin-right: 12px;
}

.flexiModal {
	position: fixed;
	z-index: 999999;
	top: 0; 
	left: 0; 
	display: table;
	height: 100%; 
	width: 100%;
	background: rgba(255,255,255,.7);
	vertical-align: middle;
	
}

.flexiModal .theBox {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.flexiModal .theMessage {
	position: relative;
	display: inline-block;
	margin: 0 auto;
	background: #fff;
	border-radius: 15px;
	
	box-shadow: 0 0 5px 3px rgba(0, 0, 0, .3);
}

iframe {
	border: 0;
	background: transparent;
}

.flexiModal .theMessage div.closer {
	position: absolute;
	right: -6px;
	top: -6px;
	width: 14px;
	height: 14px;
	background: #fff;
	border: 2px solid #fff;
	border-radius: 50%;
	cursor: pointer;
}

.flexiModal .theMessage div.closer:after {
	content: url(../img/remove-tag.gif);
	display: block;
	height: 100%;
	opacity: .7;
}

.flexiModal .theMessage div.closer:hover:after {
	opacity: 1;
}

/* =============================================================================
Non-semantic helper classes
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}

.ir br {
	display: none;
}

/* Hide for both screenreaders and browsers: 
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders:  by Jon Neal.
www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:  drupal.org/node/897638 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}

/* Contain floats:  nicolasgallagher.com/micro-clearfix-hack/ */
.main:before,.main:after,.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}

.main:after,.clearfix:after {
	clear: both;
}

.main,.clearfix {
	zoom: 1;
}

/* =============================================================================
Print styles.
Inlined to avoid required HTTP connection:  www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
	* {
	background: transparent !important;
	color: black !important;
	text-shadow: none !important;
	filter: none !important;
	-ms-filter: none !important;
}

/* Black prints faster:  sanbeiji.com/archives/953 */
a,a:visited {
	color: #444 !important;
	text-decoration: underline;
}

a[href]:after {
	content: " (" attr(href) ")";
}

abbr[title]:after {
	content: " (" attr(title) ")";
}

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
	content: "";
}

/* Don't show links for images, or javascript/internal links */
pre,blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}

thead {
	display: table-header-group;
}

/* css-discuss.incutio.com/wiki/Printing_Tables */
tr,img {
	page-break-inside: avoid;
}

img {
	max-width: 100% !important;
}

@page {
	margin: 0.5cm;
}

p,h2,h3 {
	orphans: 3;
	widows: 3;
}

h2,h3 {
	page-break-after: avoid;
}

}

/* IMPERSONATE DIV */

#impersonate {
	position: fixed;
	top: 1em;
	left: 1em;
	width: 160px;
	padding: 10px 12px;
	background-color: blueviolet;
	font-size: 14px;	
	border-radius: 12px;
	color: #fff;
}

#impersonate a {
	color: #fff;
	text-decoration: underline;
}

/* new-style search results */
/*
table.complex.collapsable:empty {
	height: 375px;
	background: url(../img/spinner.gif) center center no-repeat;
}

table.complex.collapsable tr:not(.active) .moreTrackInfo,
table.complex.collapsable tr:not(.active) .trackEdits {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

table.complex.collapsable tr:not(.active) td {
	height: auto;
	vertical-align: top;
	display: table-cell;
}

table.complex.collapsable tr td.price {
	text-align: left;
}

table.complex.collapsable tr td:first-child audio,
table.complex.collapsable tr td:first-child .audiojs {
	margin-left: 6px;
}

table.complex.collapsable tr td {
	padding-top: 25px;
	padding-bottom: 21px;
}

table.complex.collapsable tr td.player {
	padding-top: 10px;
	padding-bottom: 10px;
}

table.complex.collapsable tr td.button {
	padding-top: 23px;
	padding-bottom: 0;
}

table.complex.collapsable tr.active {	
	background: #ffffef;
}

table.complex.collapsable tr.active .moreTrackInfo,
table.complex.collapsable tr.active .trackEdits {
	opacity: 1;
	height: auto;
}

table.complex.collapsable tr.active div.moreTrackInfo {
	top: 90px;
	padding-top: 4px;
}

table.complex.collapsable tr.hasEdits.active td {
	height: 80px;
}

table.complex.collapsable tr.active .trackEdits {
	top: 124px;
	overflow: hidden;
}
*/

/* MODAL STYLES */


div.main.modalVersion {
	width: 100%;
	height: 100%;
	padding: 15px 20px 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.main.modalVersion article.formContainer h1 {
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
}

div.main.modalVersion h3.trackInfo {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 18px;
	margin: 15px 30px 0 0;
}

div.main.modalVersion h3.trackInfo.player {
	margin-right: 10px;
}

div.main.modalVersion h3.trackInfo span.textTitle {
	display: block;
	font-size: 12px;
	color: #999;
}

div.main.modalVersion article.formContainer h4.fieldsetRules {
	margin-left: 20px;
	font-size: 12px;
	line-height: 12px;
	text-align: left;
	width: auto;
	float: none;
	display: inline-block;
}

div.main.modalVersion article.formContainer p.submit {
	position: fixed;
	top: 5px;
	right: 20px;
	text-align: right;
	
	-webkit-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-o-transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	transition: opacity 0.1s linear;
}

form.waiting,
form.waiting p.submit input,
form.waiting p.submit a {
	cursor: wait;
}

form.waiting p.submit {
	cursor: wait;
	opacity: .5;
}

div.main.modalVersion article.formContainer p.submit .validation-error {
	display: none;
	font-size: 12px;
	background: yellow;
	margin-top: 10px;
	padding: 0 4px;
}

#tagIDcollector {
	opacity: 0;
}

div.main.modalVersion article.formContainer fieldset {
	border-top: none;
	padding-top: 0;
}

div.main.modalVersion article.formContainer fieldset.closedUp {
	
}

div.main.modalVersion article.formContainer fieldset.closedUp ol {
	height: 0;
	overflow: hidden;
}

div.main.modalVersion article.formContainer fieldset h6 {
	border-bottom: 1px solid #666;
	font-size: 16px;
}

div.main.modalVersion article.formContainer fieldset textarea {
width: 420px;
height: 50px;
}

form#fileUpload {
	height: 400px;
	margin-top: 20px;
}

.track_row_unit, .track_row_unit_title {margin-right:10px; width:170px; float:left; padding:8px;}
.track_row_unit_title {width: 300px;}
.last {margin-right: 0px;}

.track_row_unit input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	z-index: -1;
}

.track_row_unit input[type="checkbox"] + label {
	position: relative;
	display: inline-block;
	padding-left: 22px;
}

.track_row_unit input[type="checkbox"] + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	display: block;
	width: 13px;
	height: 13px;
	margin: -3px 6px 0 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-align: center;
	font-size: 16px;
	line-height: 11px;
	text-indent: 4px;
	background: #fff;
	cursor: pointer;
}

.track_row_unit input[type="checkbox"]:active + label:before {
	border: 1px solid #999;
}

.track_row_unit input[type="checkbox"]:checked + label:after {
	content: "\2713";
	position: absolute;
	z-index: 100;
	display: block;
	top: -3px;
	left: 2px;
	font-size: 20px;
}

.formContainer h4 {font-family: "GibsonSemiBold"; margin-top:20px;}

.order_history {list-style: none; margin:0px; margin-left: -34px;}
.order_history li {list-style: none; margin:5px; padding:5px; border-bottom:1px solid #ccc;}

table.complex.collapsable tr:not(.active) .moreTrackInfo,
table.complex.collapsable tr:not(.active) .trackEdits,
table.complex.collapsable tr:not(.albumExpanded) .moreTrackInfo,
table.complex.collapsable tr:not(.albumExpanded) .trackEdits {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

table.complex.collapsable tr:not(.active) td,
table.complex.collapsable tr:not(.albumExpanded) td {
	height: auto;
	vertical-align: top;
	display: table-cell;
}

html[data-useragent*='Firefox'] table.complex.collapsable tr:not(.active) td.trackTitle,
html[data-useragent*='Firefox'] table.complex.collapsable tr:not(.albumExpanded) td.trackTitle {
	display: inline-block;
}

table.complex.collapsable tr td.price {
	text-align: left;
}

table.complex.collapsable tr td:first-child audio,
table.complex.collapsable tr td:first-child .audiojs {
	margin-left: 6px;
}

table.complex.collapsable tr td {
	padding-top: 25px;
	padding-bottom: 21px;
}

table.complex.collapsable tr td.player {
	padding-top: 10px;
	padding-bottom: 10px;
}

table.complex.collapsable tr td.button {
	padding-top: 23px;
	padding-bottom: 0;
}

table.complex.collapsable:not(.blueTable) tr.active,
table.complex.collapsable:not(.blueTable) tr.albumExpanded {
	background: #ffffef;
}

table.complex.collapsable tr.active td,
table.complex.collapsable tr.albumExpanded td {
	height: 60px;
}

table.complex.collapsable tr.active .moreTrackInfo,
table.complex.collapsable tr.active .trackEdits,
table.complex.collapsable tr.albumExpanded .moreTrackInfo,
table.complex.collapsable tr.v .trackEdits {
	opacity: 1;
	height: auto;
	overflow: visible;
	pointer-events: all;
}

table.complex.collapsable tr.active .moreTrackInfo {
	top: auto;
	bottom: -50px;
}

table.complex.collapsable tr.hasEdits.active td,
table.complex.collapsable tr.hasEdits.albumExpanded td {
	height: 80px;
}

table.complex.collapsable tr.active .trackEdits,
table.complex.collapsable tr.albumExpanded .trackEdits {
	top: 90px;
	height: 30px;
	overflow: visible;
}

table.complex.collapsable tr.active .trackEdits div.moreTrackInfo, {
table.complex.collapsable tr.albumExpanded .trackEdits div.moreTrackInfo
	position: static; 
	margin-top: 0; 
	padding-top: 3px;	
}

.trackEdits.open-by-default {
	height: auto !important;
	border-top: 0 !important;
	pointer-events: none;
}

/* Hide buttons on track when expanding. */
tr.hasEdits.active > td.button .buttonish:not(.admin-cog-track),
tr.hasEdits.albumExpanded > td.button .buttonish:not(.admin-cog-track) {
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	-o-transition: opacity 0s linear;
	-ms-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

tr.hasEdits.active > td.price,
tr.hasEdits.albumExpanded > td.price,
tr.hasEdits.active > td.type,
tr.hasEdits.albumExpanded > td.type,
tr.hasEdits.active > td.duration,
tr.hasEdits.albumExpanded > td.duration {
	opacity: 0;
	pointer-events: none;
}

tr.hasEdits.active .trackEdits.open-by-default,
tr.hasEdits.albumExpanded .trackEdits.open-by-default {
	pointer-events: all;
}

/**
 * Post December 2014 additions
 */

#overlay {
	z-index:700; 
	text-align:center; 
	border-radius:11px; 
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	background:#fff; 
	opacity:0.6; 
	display:none;
}

#overlay .spinner {
	position:absolute; 
	height:40px; 
	width:50px; 
	left:45%; 
	top: 50%;
	margin:auto;
	
	background: url(../img/ajax-loader.gif) no-repeat;
	
}

#feedback_btn {
	position:fixed; 
	right:0px; 
	top:25%; 
	display:block;
	z-index:20000;
}

#feedback_content {
	width: 100%; 
	margin-bottom: 20px;
}

#feedback_content textarea {
	width: 100%;
}

.progress-bar {
	width: 100%;
	border: 1px solid #000;
}

.progress-bar .progress {
	width: 20px;
	height: 100%;
	padding: 5px;
	background-color: #0f0;
}

.progress-bar .percentage {
	
}


/** This used to be inline */
.audiojs audio { position: absolute; left: -1px; } 
.audiojs { position:relative; width: 50px; height: 50px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px; background:url(../js/audio/audiojs/bg_player.png) no-repeat center;} 
.audiojs .stateButtons { width:50px; height:50px; padding:0; margin:0; position:absolute; top:0; left:0; overflow: hidden; background: url("../js/audio/audiojs/btn_default.png") center no-repeat;} 
.audiojs .play-pause { width:50px; height:50px; padding:0; margin:0; position:absolute; top:0; left:0; overflow: hidden;} 
.audiojs p { display: none; position:absolute; top:0; left:0; width: 50px; height: 50px; margin: 0px; padding:0; cursor: pointer; } 
.audiojs .play { display: inline-block; } 
.audiojs .scrubber {position: absolute; top:0; left:0; width:50px; height:50px; background: url(../js/audio/audiojs/bg_scrubber.png) no-repeat center transparent; margin:0; overflow: hidden;} 
.audiojs .scrubber:hover {cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: grab;} 
.audiojs .scrubber:active {cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: grabbing;} 
.audiojs .progress {visibility:hidden; position: absolute; top:0px; left:0px; height:50px; width:50px;} 
.audiojs .loaded {visibility:hidden; position: absolute; top: 0px; left: 0px; height: 50px; width: 50px;} 
.audiojs .time { display:none; float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } 
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; } 
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; } 
.audiojs .error-message { display: none; width:50px; height:50px; padding:0; margin:0; position:absolute; top:0; left:0; overflow: hidden; background: url("../js/audio/audiojs/btn_error.png") center no-repeat; } 
.audiojs .error-message a { } 
.audiojs .play { background: url("../js/audio/audiojs/btn_play.png") center no-repeat; -webkit-transition-property:opacity; -webkit-transition-duration: 0.3s;} 
.audiojs .loading { background: url("../js/audio/audiojs/btn_reload.png") center no-repeat; } 
.audiojs .error { background: url("../js/audio/audiojs/btn_error.png") center no-repeat; } 
.audiojs .pause { background: url("../js/audio/audiojs/btn_pause.png") center no-repeat; } 
.playing .progress, .playing .loaded {visibility:visible;} 
.playing .play-pause {top:12px; left:12px; width:26px; height:26px;} 
.playing .play, .playing .error { display: none; } 
.playing .pause { display: block; } 
.loading .play, .loading .error { display: none; } 
.loading .loaded { visibility:visible; } 
.error .time, .error .play, .error .pause, .error .progress, .error .loaded, .error .loading { display: none; } 
.error .error { display: block; } 
.error .stateButtons p { cursor: auto; } 
.error .error-message { display: block; }

/*
 * Star ratings
 */