body,html { 
  background-color: #fff; 
  font-family:arial,sans-serif; 
  font-size:12px;
  font-size: 1.0em;
  color: #333;
  height: 100%;
}
h1 a {
  float: left;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-indent: -9999px;
  height: 110px;
  margin-bottom: 0px;
  padding-bottom: 0;
  width: 200px;
}
h1 a {
	display:block;
	float:left;
}
h1 a {
	border:none;
	background-image: url(../images/logo.affix.png);
	background-repeat: no-repeat;
}

h2 { 
  font-weight: normal;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 1.8em;	
}
a:link,a:visited,a:active {
	color:#cc3333;
}
a:hover {
	text-decoration:none;
	color:#666666;
}
.

em { font-weight: bold; font-style: normal;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#navigation_links {
  z-index: 1;
  float: left;
  margin-left: 55px;
  margin-top: 62px;
  height: 30px;
  list-style-position: outside;
  font-size: 14px;
  list-style-type: none;
  color: #000;
  position: absolute;
  left: 150px;
 
}
#navigation_links li {
  margin-top: 10px;
  list-style: none;
  display: inline;
} 
#right_nav_container {
	height: 120px;
	width: 210px;
	position: absolute;
	right: 0;
	display: none;
}
#navigation_links li a {
  padding: 0.0em 0.8em;
  margin: 10px;
  height: 40px;
  text-decoration: none;
  color: #aaa;
}
#navigation_links a.signIn {
  display:inline;
  position:relative;
  background:url(/images/button.signin.png) no-repeat;
  font-size:12px; font-weight:bold; color:#333333;
  padding:3px 12px 3px 12px;
  margin:0px;
}
#navigation_links a.signIn:hover {
  color:#000000;
}


.headerShadow {
	position:absolute;
	top:117px; left:0px;
	width:100%; height:20px;
	background:url(../images/background.page.header.shadow.png) repeat-x;
	z-index:98;
}

/* --- Navigation Menu --- */
div.navMenu {
  display:none;
  position:absolute;
  top:86px;
  background:#2d2d2d;
  z-index:99 !important;
}
div.navMenu ul {
  margin:0px 10px 10px 10px;
  padding:10px 3px 7px 3px;
  background:#494949;
  font-size:14px;
  text-transform:capitalize;
}
div.navMenu ul li {
  padding:2px 30px 2px 10px;
}
div.navMenu a {
  color:#cccccc;
  text-decoration:none;
}
div.navMenu a:hover {
  color:#F0CB81;
}
div.navMenu div.navMenuShadowTop {
  position:absolute;
  background:url(/images/menu.shadow.top.png) repeat-x;
  height:20px; width:100%;
  overflow:hidden;
}



#footer {

  background-color: #333;
  background-image: url(/images/footerbg.jpg);
  background-repeat: repeat-x;
  border:   solid black;
  border-width: 0 1em;
  margin: 0 auto;
  color: rgb(180, 159, 102);
  text-align: center;
  height: 4em;
  padding-top: 2em;
  
}
#push_footer {
	height: 5em;
}
#footer_text { font-size: 80%;}
#navigation_links a:hover, #navigation_links a.active:hover  {
  color: rgb(220, 199, 142);
}

#navigation_links li a.active {
  color: rgb(180, 159, 102);
}
#top_bar {
	height: 1em;
	background-color: #000;
	padding: 0.2em 0 0.4em 0;
	font-size: 80%;
	    
}
#session_links {
	margin:8px 0px 0px 0px;
  z-index: 1;
  float: right;
  color: rgb(220, 199, 142) !important;
  font-size:13px;
  text-align: left;
  text-transform: none;
  color: #fff;
}

#session_links a {
  color: rgb(220, 199, 142);
}


#flash_notice, .notice {
  background-image: url(/images/okay.png);
  background-position: 8px 2px;
  background-repeat: no-repeat;
  padding: 0.2em 35px;
  background-color: #aaffaa;
  border: 5px solid #55ff55;
  margin: 0.4em auto;
}
ul.notice li {
	margin: 0.3em 1em;
}
.errorExplanation, #flash_error {
  text-align: left;
  background-image: url(/images/error.png);
  background-position: 8px 2px;
  background-repeat: no-repeat;
  margin: 1em;
  background-color: #ffaaaa;
  border: 5px solid #ff5555;
  padding: 5px 35px;
}
.errorExplanation h2 {
  color: #000;
  font-size: 1em;
  font-weight: bold;
}
#container {
	min-height: 100%;
	margin: 0 auto -5em;
}
#content {
  background-color: white;
/*  border: 1px solid #aaa; */
  padding: 0.5em 0;
  margin: 0 auto;
}
.offset { 
	width: 1000px; 
	margin: 0 auto;
}
.navbar {
/*	background-image: url(/images/navbar.jpg); */
	background-repeat: repeat-x;
	background-position: 6px 0;
	height: 110px;
	position: relative;
	z-index:99;
}
form.formLight.formtastic fieldset ol li fieldset legend {
  position: static;
  display: block;
  height: 15px;
}
#header {
	height:117px;
	background:#000000 url(../images/background.page.header.gif) no-repeat top center;	
  
  text-transform: uppercase;
  /*overflow: hidden;*/
  margin: 0 auto;
  background-color: #000;

  padding-bottom: 0em;

}
#content { 
	overflow: hidden; 
}
.results li { border-top: 1px solid #ddd; padding: 8px 2px; }
.results li img { margin-right: 5px;}
.results li:hover { background-color: #dfd; }
.scroll { height: 300px; overflow: auto; border: 1px solid #aaa; padding: 10px;}
.column { float: left; width: 48%; margin-right: 0.5em; }
.columnContainer { overflow: hidden;}
.middle { width: 50%; margin: auto;}
h2 a { text-decoration: none; color: black;}
h2 a:hover { text-decoration: underline; color: black;}

select { background-color: #aaa; border: 1px solid #aaa;}

#TB_title{
 background-color: rgb( 29, 29, 29);;
 color: #ffffff;
 border-bottom: none;
 margin: 0;
}

#TB_window {
	border: 18px solid #ddd;
}

#TB_iframeContent {
	margin-top: 0;
}


form.formtastic h3 { font-size: 0.8em; color: #000; margin: 2em 0 0.5em 0; }

form.formtastic input[type="text"], form.formtastic form.formtstic textarea, form.formtastic input[type="password"],
 form.formtastic input[type="checkbox"] {
  border: 1px solid #aaa; 
  font-size: 1.2em;
  padding: 0.2em 0.5em;
  -moz-border-radius: 3px;
   
}
form.formtastic .commit, .commit {
	margin: 0.2em 0.6em;
	float: left;
}
form.formtastic p.guideQuestion  {
	margin-left: 5px;
	margin-top: 5px;
	padding: 10px;
	font-weight: bold;
	-moz-border-radius: 10px;
}
form.formtastic p.guideQuestion label {
	padding-left: 5px;
	margin-top: 8px;
}
form.formtastic p.guideQuestion input {
	padding-right: 5px;
	margin-top: 8px;
}
.guideQuestion label {
	font-weight: normal;
}
form.formtastic input[type="checkbox"]  {
	width: 20px;
}
form.formtastic fieldset ol li.boolean label {
 text-align: left;
}
form.formtastic fieldset ol li label.value { text-align: left; font-weight: bold; font-size: 100%;}
form.formtastic ol.floatList { margin-left: 30%;}
form.formtastic ol.fiveFloatList { margin: 0 5%; }
form.formtastic input[type='submit'], form.formtastic input[type='button'] {
	background-color: #000;
	color: #fff;
	width: auto;
	font-size: 14pt;
	text-decoration: none;
	padding: 0.1em 0.2em;
   -moz-border-radius: 10px;
}



li.commit form { margin: 0.2em 0.6em;}
.altCommit {
	
	background-color: #000;
	color: #fff;
	width: auto;
	font-size: 14pt;
	text-decoration: none;
	padding: 0.1em 0.2em;
   -moz-border-radius: 10px;
	display: inline;
}
.twoThirds {
	width: 66%;
}
.autoWidthMargin {margin-left: auto; margin-right: auto;}
form p {
  padding: 5px;
  margin: 8px;
}
.altModelContainer form p {
  padding: 3px 0px;
  margin: 5px 0px;
}

div.wildBorder {
	margin-top: 10px;
	padding: 20px;
	background-image: url(../images/background.border.gif);
}


/* results table */
div.results table, ul.results { margin-top: 0; }

div.results table { width: 100%; font-size: 0.8em;}
div.results table td, div.results table th {
	padding-bottom:8px; padding-left:15px; padding-right:15px;	
}

div.results table th {
	height:30px;
	padding-bottom:8px; padding-left:15px; padding-right:15px;
	text-align:left; vertical-align:bottom;
	background:#000000;
	font-weight:normal; color:#ffffff;
}
div.results table td {
	text-align:left; 
	font-weight:bold; 
	color:#666666;
	padding-top: 0.5em;
}
div.results table tr {
	background:#ffffff;
}
div.results table tr.alt {
	background:#dfdfdf;	
}
div.results a:link,div.results a:active,div.results a:visited {
	font-weight:bold; color:#666666;
}
div.results table th a:link, div.results table th a:active, div.results table th a:visited {
	color: rgb(155, 129, 58);
	font-size: 0.9em;
	text-decoration: none;
	
}
div.results table th a:link.currentOrder, div.results table th a:active.currentOrder, div.results table th a:visited.currentOrder {
	color: #fff;
}
div.results table th a:hover {
	 color:#cc3333;
}
div.results a:hover {
	color:#cc3333;
	text-decoration:none;
}
.resultsSummary { text-align: right; background-color: #000; padding: 5px; margin: 0; color: #666; font-size: 0.8em; padding-right: 1em; overflow: hidden;}
.resultsSummary b { color: #fff;}
.resultsSummary h3 { float: left; font-size: 1.6em; margin: 0em 0 0 0.5em; padding: 0; color: #fff; }

.smallFonts { font-size: 0.8em;}
div.results table th.shortCell, div.results table td.shortCell, .shortCell { width: 30px; padding-left: 0; padding-right: 0; text-align: center; }
div.results table td.playable { padding-left: 0; }
div.results table th.mediumCell, div.results table td.mediumCell,  .mediumCell { width: 100px; padding-left: 0; padding-right: 0; text-align: left; }

div.results table tr.playing, div.results table td.playing{ height: 110px; vertical-align: top;}

div.results table td { }

.results  .paginate {
	background-color: #000; color: #fff;
	padding: 1em;
	font-size: 0.8em;
}
.pagination {
	float: right;
	overflow: hidden;
	
}

.pagination a, .pagination span.current {
	margin: 0;
	padding: 4px;
	background-color: #333;
	text-decoration: none;
	color: rgb(155, 129, 58) !important;
	display: inline-block;
	
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.pagination span.current {
	background-color: #555;
	color: #fff !important;
}
.pagination a.prev_page, .pagination a.next_page {
	padding: 4px;
	margin: 0;
	margin: inherit;
	display: inline;
	
}
.pagination span.disabled {
	opacity: 0.3;
}
.pagination a.prev_page img, .pagination a.next_page img {
	margin: 0;
	height: 8px;
	width: 8px;
}

.paginateSummary {
	margin-right: 2em;
}
.column.wildBorder {
	width: 45%;
}
.fifty {
	width: 50px;
}
.oneHundred {
	width: 100px;
}
.twoHundred {
	width: 200px;
}
.wildBorder dl, .wildBorder table {
	background-color: #ffffff;
}

.title {
	font-weight: bold;
	padding-right: 0.5em;
}
ul.grid { overflow: hidden; background-color: #fff; }
ul.grid li { clear: both; overflow: hidden; margin: 10px 0; float: none; border-bottom: 1px solid #eee; list-style: none;}
span.fixed {
	
	padding: 0.1em 1em;
	display: block;
	float: left;
}
.grayedOut {
  background-color: #ccc;
  height: 80%;
  color: #fff;
  font-size: 8pt;
  margin-top: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.fixed.right {
	margin-right: 5px;
	float: right;
}
.tinyLinks a {
	font-size: 10px;
}
.legalWindow {
  color: inherit !important;
}
/* stupid ie7 doesn't recognize the inherit above */
#footer_text a {
  color: #B49F66;
}
.inheritColor {
  color: inherit !important;
}
.clearLink {
  clear: both;
  font-size: 10px;
  text-transform: none;
  display: block;
  text-indent: 5px;
  color: #fff !important;
}
.inlineLink {
  clear: none;
  display: inline;
  
}
.balloon {
	display: none;
}
.detail {
	opacity: 0.5;
	filter:alpha(opacity=50);
	
	font-size: 75%;
}
.licenseDetail {
  width: 90%;
}
.dlHeader {
	background-color: #555555;
	text-transform: uppercase;
	padding: 0.4em;
	color: #ffffff;
	clear: both;
	padding-top: 0.5em;
}
dl.bordered {
	border: 1px solid #aaa;
	padding: 0.5em;
}

dl {
	
	overflow: hidden;
}
dd {
	padding-top: 0.4em;
	width: 65%;
	float: left;
	font-weight: bold;
	
}
dt {
	padding-top: 0.4em;
	padding-right: 1em;
	text-align: right;
	clear: both;
	width: 30%;
	opacity: 0.5;
	float: left;
	
}
/* form tables */
table.formTable td { padding: 0.4em; }
table.formTable { width: 100%; margin: 0.1em 0 2em 0; border: 1px solid #aaa; -moz-border-radius: 10px;}
table.formTable th {
	padding: 0.4em;
	font-weight: bold;
	background-color: #eee;
	
}
form.formtastic select { padding: 0.2em; }
.delete {
	background-image: url(/images/trash.png);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
.rightAlign { text-align: right;}
form.formtastic fieldset ol li label {
	margin: 0.2em 0.2em;
	float: left;
	text-align: right;
	width: 30%;
}
form.formtastic.flowing fieldset ol li label {
	display: block;
	width: auto;
	text-align: left;
	float: none;
}
form.formtastic.flowing fieldset ol li.boolean label {
	padding-left: inherit;
}
form.formtastic.flowing fieldset ol li.boolean {
	clear: both;
}
form.flowing fieldset ol li input  {
	width: auto;
}
form.formtastic.flowing fieldset ol li.string input {
	width: auto;
}

form.formtastic.flowing fieldset ol li {
	float: left;
}
form.formtastic ol li input {
	margin: 0.2em 0.2em;
	float: left;
	text-align: left;
	width: 60%;
}
form.formtastic.flowing fieldset ol li fieldset {
  border: none;
}
form.formtastic.flowing fieldset ol li fieldset ol {
  width: 100%;
  padding: 10px 0 0 0;
}

form.formtastic.inline fieldset ol li label {
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  
	width: auto;
	text-align: right;
	float: left;
}
form.formtastic.inline ol li select {
	float: left;
	text-align: left;
}
form.formtastic.inline ol li  {
  margin: 0;
  padding:2px 10px;
	float: left;
}
form.formtastic.inline ol li input {
  margin: 0;
}


form.formtastic ol li { position: relative;}
.inline-hints, .inline-hints-hover {
	display: none;
	position: absolute;
	right: 0;
	background-color: #ffa;
	border: 1px solid #faa;
	
}

form.formtastic .inline-extras {
 	display: inline; padding-left: 1em;
}
form.formtastic fieldset, fieldset.inlineFormsGroup {
	
	font-size: 80%;
	-moz-border-radius: 8px;
	border: 1px solid #ededed ;
	background-color: #fafafa;
	padding: 0.2em;
	margin-top: 1em;
	padding-bottom: 0.4em;
	
}
form.formtastic legend, fieldset.inlineFormsGroup legend {
	font-weight: bold;
	border: 1px solid #ededed;
	-moz-border-radius: 3px;
	background-color: #fff;
	padding: 5px;
	margin-left: 0.5em;
}


form.formtastic fieldset ol li { margin-bottom: 0.2em;}
form.formtastic fieldset ol li.string input { width:60%; }
form.formtastic fieldset ol li.numeric input { width:60%; }


form.autoWidth ol li input {
  width: auto;
  
}
/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:60%; }

textarea.fullWidth { width: 100%; font-size: 80%;}
textarea.disabled { color: #999; background-color: #fafafa; border: 2px solid #ddd; padding: 5px;}

p.inline-errors {
	clear: both;
	color:#CC0000;
	font-size:0.8em;
	margin:0.5em 0 0 35%;
}

.loading { height: 80px; margin-top: 10px;}
.loading img { margin-bottom: 5px;}
.results li a { float: left;}
.results li { overflow: hidden;}
.clickable {
	cursor: pointer;
	float: left;
	height: 100%;
	width: 80%;
	display: block;
	margin-left: 10px;
}
.hidden {
	display: none;
}

.sidebar {	
	width: 17%;
	float: left;
	overflow: hidden;
	color: rgb(240, 203, 129);
	
}

.paddedAndMargined {
	padding: 0.2em;
	margin: 0.2em;
}
.padded {
  padding: 0.4em;
}
.topPadded {
	padding-top: 1em;
}
.middleAction {
  
	padding-top: 1em;
	width: 40%;
	text-align: center;
	margin: 1em auto;
}

.alignLeft {
  text-align: left;
}
.rightBorder {
	border-right: 1px solid #eee;
}

.downShift {
	margin-top: 1.5em;
}
.example {
	border: 5px solid #eee;
	background-color: #fafafa;
	padding: 1em;
	font-family: "Lucida Sans";
}
.hint {
	margin: 0.2em 0;
	color: #aaa;
	font-size: 90%;
	font-style: italic;
	
}
.normal p {
	margin: 1em 0 0.5em;
}
.nesting ul {
	padding-left: 15px;
}
.nesting > label {
  text-decoration: underline;
  cursor: pointer;
}
.columnTwoOfTwo {
	float: left;
	width: 75%;
}
.columnTwoOfThree {
	float: left;
	width: 64%;
}
.columnThreeOfThree {
	float: left;
	width: 18%;
}
.reversedColumnTwoOfTwo {
	float: left;
	width: 17%;
}
.reversedColumnOneOfTwo {
	float: left;
	width: 75%;
}
.sidebar ol {
	padding: 5px;
	background-color: #1D1D1D;
}
.sidebar hr {
	margin: 1em auto;
	width: 100%;
	color: rgb(66,66,66);
	background-color: rgb(66,66,66);
	height: 1px;
	border: none;
}
.sidebar .subsection {
	margin-right: 1em;
	padding: 5px;
	font-size: 80%;
	margin-bottom: 1px;
	
}
.sidebar li.subsection h4 div.filterExpand { /* JM: Use for a colapsed section */
	float:left;
	width:15px; height:15px;
	background:url(../images/icon.plus.png) no-repeat 0px 3px;
}
.sidebar li.subsection h4 div.filterCollapse { /* JM: Use for an expanded section */
	float:left;
	width:15px; height:15px;
	background:url(../images/icon.minus.png) no-repeat 0px 3px;
}
.sidebar li.subsection h4 {
	margin:0px; padding:5px 3px 5px 5px;
	background:url(../images/background.search.filter.png);
}
.sidebar  input[type='text'] {
	background-color: rgb(171,171,171);
	margin: 0.5em 0em;
	width: 95%;
	font-size: 12pt;
	padding: 3px;
	border: 1px solid #aaa;
	text-align: left;
}
.sidebar .subsection ul {
	display: none; 
}
.sidebar .subsection ul.subnesting {
  display: none;
}
/*#genres  ul { display: block;}*/
.sidebar .subsection {
 
}
.sidebar .subsection > ul a.close {
	position: absolute;
	
	top: 5px;
	right: 10px;
}
.sidebar .subsection > ul .info {
	position: absolute;
	top: 5px;
	left: 10px;
	color: #fff;
	font-size: 12px;
	
}
.sidebar .subsection > ul {
	
	padding: 5px;
	padding-top: 30px;
	background-color: rgb(66, 66, 66);
	border: 5px solid rgb(53,53,53);
	opacity: 0.9;
	color: rgb(240, 203, 129);
    max-width: 500px; 
	overflow: hidden;
	position: absolute;
	z-index: 99;
}
.sidebar .subsection ul li {
	width: 150px;
	padding: 3px;
	overflow: hidden;
	float: left;
	display: block;
}
.sidebar  h3 {
	margin-top: 8px;
	color: rgb(240, 203, 129);
	
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 5px;
}
.sidebar  {
	padding: 2px 5px;
}
.sidebar .subsection h4 {
	cursor: pointer;
	color: #ffffff;
	
}
.sidebar .subsection select {
	margin-top: 5px;
}
.sidebar .subsection input[type='checkbox'] {
	border: 2px solid rgb(240, 203, 129);
	
}
.sidebar .subsection form ol li {
	margin-top: 0.6em;
	font-size: 80%;
}

.selectedDescription li {
	background-image:url(/images/remove_filter.png);
	background-position:0 3px;
	background-repeat:no-repeat;
	font-size:11px;
	text-indent:12px;
	cursor: pointer;
}
.selectedDescription li.subnested {
	text-indent: 21px;
	background-position: 9px 3px;
}
#keyword {
	width: 90%;
	margin: 0.2em auto;
}
#tracks_form_container {
	margin-bottom: 0.5em;
}


.upload {
	margin: 0.2em 0 0.5em 0;	
	overflow: hidden;
}

.explicit {
  text-transform: uppercase;
  display: inline-block;
  padding: 3px;
  background-color: #9B813A;
  color: #ffffff;
  margin-left: 5px;
  font-size: 10px;
}
ul.playlist li a.sm2_link {
	margin: 0;
	text-indent: 26px;
	background-image: url(../images/player_play.png);
	background-repeat: no-repeat;
	font-size: inherit;
	background-color: inherit;
	vertical-align:middle;
	line-height:20px;
	color:#666666;
}
ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 	color:#666666;
}
ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused:hover a {
	color:#666666;
}
ul.playlist li {
	margin: 0;
	padding: 0;
/*	padding: 8px 0px 8px 3px; */
	font-size: inherit;
	background: none;
}
ul.playlist {
	position: relative;
	padding: 0;
	margin: 0;
}

ul.playlist li a {
	display: block;
	margin:  0;
	font-size:14px;
}
ul.playlist li a.playerCloseButton {
	display:none;
	position:absolute;
	left:0px;
	z-index:88;
}
ul.playlist li.sm2_playing a.playerCloseButton,ul.playlist li.sm2_paused a.playerCloseButton {
	display:inline;
}

div.playerLayout {
}

td.iconLink {
	z-index:auto;
}

div.buttons div.playButton {
	width:64px; height:64px;
	background:url(/images/player.playbutton.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:0px;
}
ul.playlist li .controls {
	clear: both;
	height: 65px;
	background-image: url(../images/wavform.png);
	background-repeat: no-repeat;
	left:64px;
	top:-70px;
	width:500px;
}
ul.playlist li .controls .statusbar {
	z-index: 88;
	filter:alpha(opacity=40);
	opacity: 0.4;
	height: 65px;	
	border:0px;
}
ul.playlist li .controls .statusbar  {
  boder: none;
}
ul.playlist li .controls .statusbar .loading, ul.playlist li .controls .statusbar .position {
	height: 65px;
}
div.position {
	background-color:#9d833c !important;
}
ul.playlist li .menu {
	display: none;
	position: absolute;
	top: 2px;
	right: 2px;
}
.sm2_position, .sm2_total {
	font-size:14px;
	color:#9d833c;
	font-weight:bold;
}
.sm2_total {
	font-size:12px; font-weight:normal;
}
ul.playlist li.sm2_paused a.sm2_link {
	height:90px;
	background:url(/images/player.playbutton.png) no-repeat 0px 20px;
	color: inherit;
	margin:0px; padding:0px;
	color:#870000;
	min-width: 63px;
}
ul.playlist li.sm2_playing a.sm2_link {
	height:90px;
	background:url(/images/player.pausebutton.png) no-repeat 0px 20px;
	color: inherit;
	margin:0px; padding:0px;
	min-width: 63px;
	
	color:#870000;
}
ul.playlist li.sm2_playing, ul.playlist li.sm2_paused, ul.playlist li.sm2_playing a {
	background: none;
	color: inherit;
}
ul.playlist li.sm2_paused a, ul.playlist li.sm2_playing a {
	color: inherit;
}
ul.playlist li.sm2_playing .menu, ul.playlist li.sm2_paused .menu {
	
	display: block;
}
ul.playlist.admin li.sm2_playing .menu, ul.playlist li.sm2_paused .menu {
	display: none;
}
ul.playlist li.sm2_paused {
	position:absolute;
	background-color: inherit;
}
ul.playlist li.sm2_playing {
	background-color: inherit;
} 
ul.playlist li:hover {
	color: #666666;
	background:none;
}
ul.playlist.transparent li.sm2_paused, ul.playlist.transparent li.sm2_playing {
	background-color: inherit;
}
ul.playlist li .menu div {
	float: left;
}
ul.playlist li .timing {
  font-family: inherit;
	top: 45px;
	right: 10px !important;
	z-index:77;
}
ul.playlist.use-peak li .peak {
  display: none;
	right: 170px;
	height: 12px;
	top: 5px;
}
ul.playlist.use-peak li .peak-box {
  display: none;
}



ul.playlist li.sm2_playing, ul.playlist li.sm2_paused {
	width: 665px;
	height: 90px;
	position: absolute;
}
ul.playlist.admin li.sm2_playing , ul.playlist li.sm2_paused {
}


.tracksList {
	width: 100%;
	font-size: 1.2em;	
}
.tracksList tr td {
	padding: 0.5em 0;
}
.tracksList tr td a.exclude {
	padding-left: 0.4em;
	padding-right: 0.2em
}
.tracksList tr td.icons {
	width: 35px;
}
img.icon { height: 18px; border: none;}
.tracksList tr td.description {
  text-align: left;
}

#tracks_container {
	position: relative;
}

.drawer {
	padding: 8px;
	width: 190px;
	background-color: rgb(53, 53, 53);
	border: 8px solid rgb(66,66,66);
	color: rgb(171, 171, 171);
	font-size: 12px;
	
	
}
.drawer .close img {

}
.drawer  form select {
	margin: 8px 2px;
	width: 180px;
	font-size: 10pt;
}
.drawer  form {
	padding-top: 5px;
	padding-left: 5px;
}
.drawer  h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 0.2em;
	color: #ffffff;
	font-weight: normal;
	
	
}
#pricing_options #price {
	text-align: center;
	margin: 1em 0.2em 2em;
	font-size: 16pt;
	font-weight: bold;
	color: #ffffff;
}
#pricing_options select.needsAnswer {
  background-color: #9B813A;
}
#pricing_description {
  border: 6px solid #424242;
  width: 160px;
  padding: 5px;
  color: #B49440;
  font-size: 12px;
}
.drawer  .info {
	margin: 0.5em;
	margin-bottom: 0;
	font-size: 8pt;
	
	color: #ffffff;
}
.drawer .button, .button,  input[type="submit"] {
	padding: 2px 5px;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	
	text-align: center;
	font-size: 10px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	
	color: rgb(42,42,42) !important;
	
	border: none;
	background-color: rgb(161, 132, 42);
	background-image: url(/images/button_bg.png) !important;
	background-repeat: repeat-x;
	
	cursor: pointer;
	text-align: center;
	display:inline-block;
	
}

.drawer {
	color: rgb(180, 148, 64);
	
}
.drawer h3 a {
	text-transform: none;
	font-size: 10px;
	
}

#cart_header {
	margin-top:3px;
  padding-left:23px; padding-top:4px; padding-bottom:8px;
  background:url(/images/cart.icon.header.png) no-repeat;
  color:#ffffff;
}
#cart_header a {
  text-transform:uppercase;
}
#cart_header a:link,#cart_header a:visited,#cart_header a:active {
  text-decoration:none;
}
#cart_header a:hover {
  text-decoration:underline;
}
#cart_drawer {
	top: 67px;
	right: 0px; /* go to 20px */
	display: none;
	position: absolute;
	z-index: 99;
	min-height: 300px;
}


.cartItems {
	font-size: 12px;
	max-height: 200px;
	overflow: auto;
	
}

.cartItems li .price {
	float: right;
	
}
.cartItems .remove {
  background: url(/images/remove_filter.png);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  height: 30px;
  width: 12px;
  content: " ";
  float: left;
}

/* full cart page */
.cartRemove {
  float: right;
  
}
.playOtherTracks {
  float: right;
}
.dialogFormContainer {
  position: absolute;
  width: 360px;
  height: 100px;
  background-color: #fff;
  border: 1px solid black;
  padding: 10px;
}
.hiddenForm { display: none;}

.wildBorder > h2 {
  padding: 15px;
  font-size: 24px;
  background-color: #1D1D1D;
  color: #fff;
  text-transform: capitalize;
}
.formInfo {
  color: #B49440;
  font-size: 12px;
  margin-top: 20px;
}
#license_form .price {
  color: white;
  display: inline;
}
#license_form .pricingModel {
  color: #818181;
  display: inline;
  font-style: italic;
  
}
#license_form .deliveryFile {
  display: block;
  font-size: 12px;
  text-transform: none;
  color: #D1D1D1;
}
#license_form .licenseAttributes {
  clear: both;
  
}
#license_form .cartTotal{
  padding-top: 10px;
  border-top: 1px solid #818181;
  color: white;
  font-size: 16px;
}
#license_form #checkout_link {
  float: right;
  margin-bottom: 5px;
}
#license_form .licenseAttributes ol li {
  float: left;
  margin: 0;
  padding: 5px 2px;
  width: 425px;
}
#license_form fieldset {
  padding: 5px 0px;
  border-top: 1px dotted #818181;
}
#license_form .mockLegend {
  float: left;
  padding:10px 0px 20px 0px;
}
#selected_track_name {
  font-size:18px;
  text-indent:3px;
}
.sideTool {
	margin-top: 1em;
}
.sideTool .cartTotal {
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: right;
}
.cartItems li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgb(180, 148, 64);
	
}
.cartItems li .pricingModel {
	font-size: 10px;
}
.cartItems li h4 {
	color: rgb(225, 206, 126);
}

/* upload */
 .bar {
width: 300px;
}

.progress {
background: #eee;
border: 1px solid #777;
margin-top: 20px;
}
.progressbar {
width: 0px;
height: 14px;
background: #333;
}
/* end  upload */

optgroup option {
    padding-left: 20px;
	font-weight: normal;
	font-style: normal;
}
optgroup {
	font-weight: bold;
	font-style: italic;
}
.addToCart { display: none; }
.addToCart img { margin-top: 5px;}


.bubble {
  display: none;
  position: absolute;
  left: -180px;
  width: 180px;
  border: 8px solid rgb(89,0,0); 
  background-color: rgb(120,0,0);
     
  padding: 0.2em;
}
.bubble dl {
  padding: 0.2em;
  background-color: rgb(120,0,0);
  
}
.bubble dl dt {
  opacity: 1.0;
  text-align: left;
  color: white;
  font-size: 10px;
  width: 100%;
  
}
.bubble dl dd {
  width: 100% ;
  font-size: 12px;
  clear: both;
  color: rgb(240, 203, 129);
  text-transform: uppercase;
  
}





/* --- Dark and Light Form Controls --- */
.formLight {
  padding: 8px;
  background-color: #fff;
}
div.formLightContent {
  font-size:14px !important;
}
div.formLightContent ul {
  margin:10px 0px 10px 25px;
}
div.formLightContent ul li {
  font-size:14px !important;
  list-style:square !important;
} 
div.formLightContent hr {
  border:dotted 1px #999999;
}
.formLight h3 {
  color: #CC3333;
  font-size: 24px;
  padding: 8px 0;
}
.formDark a:link, .formDark a:visited { 
  color: #818181;
}
.formDark a:hover, .formDark a:active {
  color: #CC3333;
}

.formDark {
  color: #818181;
  font-size: 12px;
/* margin-top: 20px; */
}
.formDark em, .splash h2 em {
  color: #E4D06D;
}
form.formDark {
  font-family:arial,sans-serif;
  padding:0px; padding-top:1px !important;
  background:#1d1d1d;
  padding:20px;
  padding-top: 10px;
}
form.formDark fieldset, form.formLight fieldset {
  border:none;
  margin-top:20px; margin-bottom:10px !important; padding:0px;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  background-color:transparent;
}
form.formDark fieldset legend,form.formLight fieldset legend, form.formDark fieldset .mockLegend, .splash h2 {
  font-size:12pt; font-weight:normal; text-transform:uppercase;
  background:none;
  margin:0px; padding:0px;
  color:#906B1A;
  -moz-border-radius-bottomleft:0px;
  -moz-border-radius-bottomright:0px;
  -moz-border-radius-topleft:0px;
  -moz-border-radius-topright:0px;
  border:none;
}
form.formDark fieldset ol li label {
  color:#818181;
  margin:0px; margin-top:10px;
  font-weight:normal; font-size:8pt !important;
}

form.formDark fieldset ol li input , form.formDark fieldset ol li textarea, form.formLight fieldset ol li input {
  background-color:#2a2a2a;
  color:#E4D06D;
  font-size:9pt !important;
  border:none !important;
  padding:5px 3px 2px 3px !important;
}
form.formDark fieldset ol li input[type="checkbox"],form.formLight fieldset ol li input[type="checkbox"] {
  width:auto;
}
form.formDark fieldset.buttons {
  padding-left:0px;
}
form.formDark fieldset ol input[type="submit"] {
  font-size:11px !important;
}
form.formtastic.formLeft fieldset ol li label {
  width: auto;
  
}
form.formtastic.formLeft fieldset ol li input, 
form.formtastic.formLeft fieldset ol li select, 
form.formtastic.formLeft fieldset ol li textarea {
  width: auto;
  clear: both;
  display: block;
  
}
p.headlineInstruction {
  font-size: 19px;
}
p.smallHeadlineInstruction {
  font-size: 16px;
}
option {
  padding-right: 10px;
}
form.formLight input[type="submit"] {
  font-size:12px !important;
  width:130px !important;
  height:22px !important;
  margin-bottom:20px;
}
form.formLight div.middleAction {
  width:100%;
  background:url(/images/background.border.gif);
}
div.formLight p {
  font-size:12px;
  padding:10px;
}


/** profile stuff **/
.profileNameContainer {
  position: relative;
  top: -8px;
  width: 480px;
  height: 370px;
  float: left;
}
.profileName {
  padding: 8px 8px 8px 30px;
  width: 380px;
  bottom: 5px;
  background:url(/images/background.black.80percent.png);
  position: absolute;
  color:#818181;
  text-transform: uppercase;
  font-size: 14px;
  
}
.profileName h2 {
  line-height: 5px;
  font-size: 22px;
  font-weight:bold;
  color: #c3ab4b;
  text-transform: none;
}
.profileLinks, .profileBio {
  background-color: #fff;
}
.profileLinks h3, .profileBio h3{
  color: #cc0000;
  font-size: 18px;
  padding-bottom:5px;
}
.profileLinksContainer {
  float: left;
  width: 480px;
  height: 450px;
  margin-left: 5px;
}
.profileBioContainer {
  position: relative;
  z-index: 98;
  float: left;
  width: 520px;
  height: 270px;
}
.profileBio {
  overflow: hidden;
  padding:15px;
  height:290px;
  font-size:12px;
  overflow:auto;
}
.hoverExpanded {
  overflow: visible !important;
  position: relative;
  height: auto;
}
div.profileTracks {
  margin-top:30px;
  position: relative;
  padding-top: 30px;
  clear: both;
}
.profileTracksTitle {
  background:#000000;
  padding:10px;
}
.profileTracksTitle h1 {
  font-size:18px; font-weight:normal; color:#ffffff;
}
.buttonTabs .tabHeader li {
  float: left;
  margin: 0px 5px;
}
.buttonTabs .tabHeader {
  overflow: hidden;
  margin: 8px;
}
.buttonTabs > div {
  display: none;
}
.buttonTabs >  div.defaultTabContent {
  display: block;
}
.buttonTabs .tabHeader a.selected {
  color: #fff !important;
}

.splash {
  text-align: center; 
  font-size: 13px;
}



/* Home Page Styles */
div.homePage {
  width:937px;
  margin: auto;
  margin-top:10px;

}
div.homePagePod {
  margin-bottom:10px;
}
div.homePageCopy {
  padding-left:0px; padding-right:0px;
}
div.homePageCopy table {
  width:100%;
  background:none;
  border-spacing:20px 0px; border-collapse:inherit;
}
div.homePageCopy td {
  width:50%;
  font-size:12px;
  background:#ffffff url(/images/homepage/bg.copy.png);
  padding:10px;
}
div.homePageCopy td h1 {
  text-align:center;
  font-size:18px; font-weight:bold; text-transform:uppercase;
}
div.homePageCopy td ul {
  margin:10px;
  margin-left:20px;
  line-height:22px;
}
div.homePageCopy td ul li {
  list-style:disc;
}
div.homePageClients {
  margin-bottom:20px;
}
div.homePageClientsContent {
  background:#ffffff;
  text-align:center;
}

/* Why Us Pages */
div.whyUs {
  margin-left:auto; margin-right:auto;
  width:940px;
}
div.whyUs h1.header {
  background:#1D1D1D;
  margin:0px;
  color:#ffffff;
  font-size:22px;
  padding:20px 0px 20px 10px;
}
div.whyUsContent {
  float:left;
  width:671px;
}
div.whyUsCopy {
  background:#ffffff;
  padding:20px;
  color:#666666;
  font-size:12px;
  line-height:20px;
}
div.whyUsCopy h1 {
  text-transform:uppercase;
  color:#cc0000;
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}
div.whyUsCopy h2 {
  color:#cc0000;
  font-weight:bold;
  font-size:14px;
}
div.whyUsCopy ul {
  margin:0px;
  margin-left:20px;
  color:#666666;
}
div.whyUsCopy ul li {
  list-style:disc;
}

/* Sidebars */
div.sidebarRight {
  float:right;
  width:204px;
  margin-top:10px;
}

#splash_close {
  position: absolute;
  top: 5px;
  right: 20px;
  font-size: 11px;
  color: "#1D1D1D" !important;
}
#splash p {
  padding: 10px 0;
}
#splash ul li {
  margin: 0 0 0 20px;
  list-style: disc;
}
#splash ul li {
  list-style: disc;
}

.important {
  font-size: 130%;
} 


/* ***** Support Documents Styles ***** */
body.supportDocs {
  font-size:12px;
}
body.supportDocs h2 {
  font-size:18px;

}

.bullets, .bullets li {
  list-style: disc;
  margin-left: 8px;
  
}

form.formtastic.project fieldset {
  font-size: 13px;
}
#navigation_links li.adminNav a {
  padding: 0 5px;
  margin: 0;
}
#navigation_links li.adminNav {
  padding: 0;
  margin: 0;
}
.adminNav {
  font-size: 10px;

}

/** orders in admin **/
.rightLinks {
  float: right;
}