/* COLORS         */
/* link: #0077bb  */
/* border: #ccc   */
/* grey bg: #eee  */

/* LAYOUT */

body {
  margin:0;
  padding:0;
  background: #171717;
  }

.container {
  width: 990px;
  background: #fff;
  }

#header {
  background: #171717;
  padding: 0 20px;
  height: 158px;
  }

#header #userbar a:hover {
  color: #ccc;
  }
  
#header #userbar {
  font-size: 10px;
  padding: 8px 28px 8px 8px;
  margin: 0 -20px;
  }

#header #userbar ul {
  list-style-type: none;
  color: #999;
  text-align:right;
  margin: 0;
  padding: 0;
  }

#header #userbar ul li {
  display: inline;
  padding-left: .5em;
  color: #fff;
  }

#addthis {
  float: left;
  margin-right: 1em;
  }

#header #logo {
  margin-top: 41px;
  float: left;
  }

#header #navbar ul {
  text-align: right;
  margin: 75px 0 0 0;
  list-style-type: none;
  float: right;
  height: 15px;
  padding: 0;
  }

#header #navbar ul li {
  float: left;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  margin-left: 10px;
  }

#header #navbar ul li a {
  font-family: Helvetica, Calibri, Arial, sans-serif;
  padding: 6px 0px 5px 0px;
  display: block;
  color: #999;
  text-decoration: none;
  font-weight: normal;
  height: 14px;
  text-align: center;
  }
  
#header #navbar ul li a.long {
  background: url('../images/nav_reg_111.gif') no-repeat center center;
  width: 111px;
  }

#header #navbar ul li a.short {
  background: url('../images/nav_reg_75.gif') no-repeat center center;
  width: 75px;
  }
    
#header #navbar ul li a.long:hover {
  background: url('../images/nav_hov_111.gif') no-repeat center center;
  }
  
#header #navbar ul li a.short:hover {
  background: url('../images/nav_hov_75.gif') no-repeat center center;
  }

#header #navbar ul li a.current {
  color: #FFFFFF;
  background: none;
  }

#tools {
  border-top: 12px solid #eee;
  }

#heading {
  border-bottom: 1px solid #ccc;
  }

#main {
  padding: 38px 20px;
  background: #fff url('../images/main_top_border.gif') repeat-x top left;  
  }

#main #sidebar {}
#main #page {}
#main #player {margin-bottom: 1.5em;}

#footer {
  background: #eee;
  color: #aaa;
  padding: 18px 20px 36px;
  }

.eyecancer {background: #f0f;}

/* BASIC ELEMENTS */

h1, h2, h3 {font-weight: bold;}

h1#heading {
  font-size: 2em;
  margin-bottom: 0.75em;
}
h2  .search-heading,
h1#heading .search-heading {
  color: #888;
  font-size: 11pt;
  font-weight: normal;
  }
  
h1#heading .search-q,
h1#heading .search-heading strong,
h2  .search-q,
h2  .search-heading strong {
  color: black;
  font-size: 13pt;
  font-weight: bold;
  }

a {
  color: #0077bb;
  text-decoration: none;
  font-weight: bold;
  }

ul.plain { list-style-type:none; margin-left:0;}

.info li { display: inline; list-syle-type: none;}
.info h3 { font-size: 12px; line-height:18px;margin-bottom:0;font-weight:bold;}

dl.info {
  margin: 0;
  }

hr.track { margin: 10px 0 0 0;}

dl.info dt {
  font-weight: normal;
  }

dl.info dd {
  font-weight: bold;
  display: inline;
  margin-left: 0;
  }

a.primary {
  display: block;
  font-weight: bold;
  color: #fff;
  width: 80px;
  text-align: center;
  height: 22px;
  margin: -2px 0;
  background: url('../images/button_blue_bg.png') no-repeat center center;
  }

.meta {color: #aaa; font-weight: normal;}
.box {background: #eee;}
.box form {padding: 10px;}
.box.bottom {margin-bottom:0;}
.row {clear: both;}
.categories input.checkbox {display: inline;}

.category_count {
  float: right;
  text-align: right;
  margin: 0.4em 0.8em 0.2em 0;
  color: gray;
  font-size: 10px ;
  }

  /* IE */
  .category_name {
    padding-top: 1px;
  }
  
.image.left {float:left;margin: 0 1.5em 1.5em 0;}

/* FORMS */

form div { margin-bottom: .75em;}
form { background : #fff;}
form label {display:block;}
form .inline input {display:inline; width: 100%;}
form  input.inline {display:inline; width: 87%;}
input.third {width: 30%; margin-right: 3%;}

form input.m    {width: 1em;}
form input.mm   {width: 2em;}
form input.mmm  {width: 3em;}
form input.mmmm {width: 4em;}

form .title input, form .title label {font-size: 16px; line-height: 18px; margin-bottom: 18px;}

/* ICONS */

.accepted, .reviewed {background: url('/images/icons/tick.png') no-repeat center left;}
.pending {background: url('/images/icons/time.png') no-repeat center left;}

ul.icons {margin-left: 0; list-style-position:inside;}
ul.icons li {margin-left: 0;padding-left: 2em; list-style-type:none;}

/* CUSTOM ELEMENTS */
.avatar img {
  width: 65px;
  height: 55px;
  }

.actions {
  font-weight: bold;
  }

.actions ul {
  margin:0;
  padding:0 0 0 30px;
  list-style-type: none;
  text-align: center;
  }
  
.actions ul li {
  width: 80px;
  margin-bottom: 1.5em;
  }

.tracks {
  margin: 50px 0 0 0;
  }

.track {
  margin: 0 0 18px 0;
  position:relative;
  }
  
.track .number {
  float: left;
  padding: 5px 10px 0 0;
  vertical-align: baseline;
  height: 35px;
  color: #eee;
  font-size: 36px;
  }

.track.bottom { margin-bottom: 0px;}

.track .actions {
  position: absolute;
  top: 0;
  right: 0;
  }

.track .actions li {
  text-align: right;
  }
.track .actions li.up {
  margin-top: -1.5em;
  }

.track .arrow {
  background: url("../images/button_blue_arrow.png") no-repeat right top;
  padding: 0 20px 3px 0;
  font-size: 11px;
  }

.track .actions li {display:block !important;}

.track .content {
  position: relative;
  }

.track .play_button {
  position: absolute;
  top: 0;
  right: 0;
  }

.track .avatar {
  width: 65px;
  height: 55px;
  background: url("../images/default_avatar_65.gif") no-repeat right top;;
  }

.track h3.title {
  font-size: 12px;
  margin: 0;
  line-height: 18px;
  }

.track dl.info dt {
  display: inline;
  }

.track dl.info dd {
  display: inline;
  }

.editor ul.nav li, .admin ul.nav li {
  margin: 0 20px;
  padding: 0;
  }

.editor_content ul {
  list-style: none;
  }

.editor h5, .admin h5 {
  margin: 20px 0 5px 0;
  color: #ddd;
  }

.editor_content .editor-artist-search {
  position: absolute;
  top: -45px;
  right: -5px;
  }
  
.editor_content {
  margin: 45px 0 0 0;
  position: relative;
  }

.editor_content h2 {
  margin: 5px 0 5px 0;
  }

.editor_content table td, table.purchase_order td {
  border-bottom: 1px solid #ddd;
  }

.editor_content table th, table.purchase_order th, table.purchase_order tr.total, table.purchase_order tr.discount  {
  background: #eaeaea;
  text-transform: uppercase;
  padding: 8px;
  }

.editor_content .search {
  position: relative;
  margin: 10px 0 0 0;
  }

.editor_content .search input.search-field {
  position: absolute;
  right: 85px;
  top: 0;
  border: 1px solid #ddd;
  line-height: 18px;
  padding: 3px;
  }

.editor_content h3 {
  margin: 40px 0 10px 0;
  }

.editor_content dt {
  margin: 0 10px 0 0;
  }

.editor_content ul.icons {margin-left: 60px; list-style-position:inside;}

.editor_content ul.icons li {
  margin: 0 0 8px 8px;
  float: left;
  padding: 0 0 0 0px;
  border-bottom: 1px solid #eaeaea;
  width: 202px;
  }
.editor_content ul.icons li .sorting-handle {width: 25px;}

.editor_content img {
  margin: 5px 0 0 0px;
  }
  
.editor_content label {
  float: left;
  margin: 0 15px 0 0;
  width: 170px;
  text-align: right;
  color: #666;
  }
  
.editor_content select, .editor_content input {
  margin: 0 15px 0 0;
  }

.editor_content .submit input {
  margin: 0 0 0 185px;
  }

.editor_content .title {
  font-size: 11px;
  }

.editor_on_artist {
  margin: 22px 0 0 20px;
  }

.categories {
  width: 150px;
  }

.categories_top {
  height: 10px;
  background: url('../images/rounded_categories.jpg') no-repeat left top;
  margin-bottom: 0;
  }

.categories_bottom {
  height: 10px;
  background: url('../images/rounded_categories.jpg') no-repeat left bottom;
  }

.categories h3 {
  font-size: 11px;
  line-height: 18px;
  margin: 20px 0 10px 0;
  text-transform: uppercase;
  }

.categories ul, .editor ul.nav, .admin ul.nav  {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: #eeeeee;
  }

.categories ul a {
  font-size: 12px;
  font-weight: bold;
  font-family: "Helvetica", Arial, serif;
  display: block;
  display*/:/**/ inline;
  padding: 2px 0 2px 15px;
  border: 1px solid #eeeeee;
}

.categories ul a.current {
  background: #f8f8f8;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  border-left: 0px;
  border-right: 0px;
  color: #777777;
  }
  
ul.help a.current {
  color: #777777;
  }

#playlist_links {
  padding: 5px 8px;
  background: #eee;
}
#playlist_tab, #recent_tab {
  background: #fff;
  padding: 5px 0;
  width: 143px;
  display: block;
  float: left;
  text-align: center;
  color: #999;
  text-transform: uppercase;
  font-size: 10px;
}
#playlist_tab {
  margin-right: 8px;
}
#playlist_tab.active, #recent_tab.active {background: #ccc; color: #fff;}

#playlist, #recent {
  margin: 0;
  padding: 5px 8px 0 8px;
  background: #eee;
  }

#playlist .top, #recent .top {
  height: 5px;
  background: url('../images/playlist_inwhite_corner.gif') no-repeat left top;
  margin-bottom: 0;
  width: 294px;
  }

.ptop {
  height: 5px;
  background: url('../images/playlist_ingray_corner.gif') no-repeat left top;
  }

#playlist .bottom, #recent .bottom {
  height: 15px;
  background: url('../images/playlist_inwhite_corner.gif') no-repeat left bottom;
  margin-bottom: 0;
  width: 294px;
  }

.pbottom {
  height: 10px;
  background: url('../images/playlist_ingray_corner.gif') no-repeat left bottom;
  }

#playlist h2, #recent h2 {
  font-size: 18px;
  line-height: 18px;
  padding: 18px 10px 16px;
  }

#playlist h3, #recent h3 {
  color: #aaa;
  font-weight: normal;
  font-size: 14px;
  }

#playlist p, #recent p {
  padding-top: 8px;
  color: #bbb;
  }

#playlist .welcome, #recent .welcome {
  padding: 8px;
  background: #fff;
  }

#playlist .actions, #recent .actions {
  }

#playlist .actions .meta, #recent .actions .meta {
  color: #ccc;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 18px;
  float: left;
  width: 115px;
  margin: 1px 0 0 0;
  }

#playlist .actions ul, #recent .actions ul {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 18px;
  text-align: right;
  }
  
#playlist .actions ul li, #recent .actions ul li {
  display: inline;;  
  color: #666;
  padding: 0;
  margin: 0 -1px 0 0;
  }
  
#playlist ol.tracks, #purchase_order ol.tracks, #recent ol.tracks, #purchase_order ol.tracks {
  list-style-type: none;
  margin:0;
  }

#playlist .track, #purchase_order .track, #recent .track, #purchase_order .track {
  position: relative;
  }

#playlist .track .price, #recent .track .price {
  font-weight: bold;
  font-size: 11px;
  }

#playlist .track .number, #purchase_order .track .number, #recent .track .number, #purchase_order .track .number {
  position: absolute;
  left: 10px;
  font-size: 18px;
  line-height: 36px;
  color: #ccc;
  }

#playlist .track .content, #purchase_order .track .content, #recent .track .content, #purchase_order .track .content {
  margin-left: 20px;
  }
  
#playlist #save-playlist, #playlist #info-form, #playlist #email-playlist , #recent #save-playlist, #playlist #info-form, #playlist #email-playlist  {
  padding: 15px 12px 0 12px;
  background: #f7f7f7;
  margin: 1px 0 0 0;
  overflow: hidden;
  }
  
#playlist #save-playlist h4, #playlist #email-playlist h4, #recent #save-playlist h4, #playlist #email-playlist h4 {
  font-size: 12px;
  font-weight: bold;
  }
  
#playlist #save-playlist .playlist_input , #playlist #info-form .playlist_input, #playlist #email-playlist .playlist_input, .account_box .account_input, .account_box .pricing_multiplier_input, #recent #save-playlist .playlist_input , #playlist #info-form .playlist_input, #playlist #email-playlist .playlist_input, .account_box .account_input, .account_box .pricing_multiplier_input {
  background: url('../images/playlist_input_bg.png') no-repeat left top;
  height: 33px;
  width: 277px;
  position: relative;
  }
  
#playlist #email-playlist .playlist_textarea, .account_box .bio_textarea, #recent #email-playlist .playlist_textarea, .account_box .bio_textarea {
  background: url('../images/playlist_textarea_bg.png') no-repeat left top;
  height: 100px;
  width: 277px;
  position: relative;  
  }
  
#playlist #email-playlist #email_body, #recent #email-playlist #email_body {
  background: #fff;
  border: 0px;
  line-height: 18px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  height: 80px;
  width:225px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  }
  
#playlist #save-playlist form,  #playlist #info-form form, #playlist #email-playlist form, #recent #save-playlist form,  #playlist #info-form form, #playlist #email-playlist form {
  background: #f7f7f7;
  }
  
#playlist #save-playlist input.playlist_name,  #playlist #info-form input.playlist_name, #playlist #email-playlist input.playlist_name, .account_box .account_input input#artist_name, .account_box .pricing_multiplier_input input#artist_pricing_multiplier, #recent #save-playlist input.playlist_name,  #playlist #info-form input.playlist_name, #playlist #email-playlist input.playlist_name, .account_box .account_input input#artist_name, .account_box .pricing_multiplier_input input#artist_pricing_multiplier {
  background: #fff;
  border: 0px;
  line-height: 18px;
  position: absolute;
  bottom: 8px;
  left: 16px;
  }
  
#playlist #email-playlist #email_body textarea, .account_box .bio_textarea textarea, #recent #email-playlist #email_body textarea, .account_box .bio_textarea textarea {
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 18px;
  }
  
.account_box .bio_textarea textarea {
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 100%;
  }

#playlist #info-form select, .buy_now select, #recent #info-form select, .buy_now select {
  width: 240px;
  background: #E4E3E4;
  border: 1px solid #ffffff;
  padding: 4px;
  line-height: 18px;
  }
  
#playlist #save-playlist input:focus, #recent #save-playlist input:focus {
  border: 0;
  }
    
.line {
  background: #fff;
  margin: 1px 0 0 0;
  padding: 9px 10px 7px;
  }
  
.white_box {
  background: #fff;
  margin: 0;
  padding: 9px 10px 7px;
  }

#playlist #summary, #recent #summary {
  position: relative;
  }

#playlist #info-form ul, #recent #info-form ul {
  margin: 0;
  }

#playlist #info-form li, #recent #info-form li {
  list-style-type: none;
  }

#terms h4 {
  font-size: 11px;
  line-height: 18px;
  height: 18px;
  font-weight: bold;
  }

#terms #info dl dt {
  clear: left;
  font-weight: normal;
  width: 80px;
  }

#terms #info dl dd {
  margin-left: .5em;
  font-weight: bold;
  }

#terms #info dl dt, #terms #info dl dd {
  float: left;
  }

dl.inline dt {
  clear: left;
  font-weight: normal;
  width: 80px;
  }

dl.inline dd {
  margin-left: .5em;
  font-weight: bold;
  }

dl.inline dt, dl.inline dd {
  float: left;
  }

#total {
  position: absolute;
  top: 9px;right: 10px;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  }

#checkout a {float: right;}

.flash {
  position: absolute;
  top: 10px;
  }

.pagination {}
.pagination .prev_page, .pagination .next_page {
  background: #eee;
  }

.pagination a, .pagination span {
  padding: 2px 8px 2px 8px;
  font-size: 11px;
  font-weight: normal;
  }
  
.pagination .prev_page {
  margin: 0 10px 0 0;
  }
  
.pagination .next_page {
  margin: 0 0 0 10px;
  }

.pagination a:hover {
  background: #CBCBCB;
  color: #fff;
  font-weight: normal;
  }

/* SEARCH */

#search {
  display: block;
  margin: 0 10px 30px -5px;
  background: url('../images/browse_short_bg.jpg') no-repeat left top;
  width: 160px;
  height: 37px;
  }

#search_long {
  display: block;
  margin: 10px 10px 20px -5px;  
  background: url('../images/browse_long_bg.png') no-repeat left top;
  height: 37px;
  }
  
#search input {  
  width: 110px;
  border-style: none;
  background: #F4F4F4 none repeat scroll 0 0;
  margin: 10px 10px 12px 40px;
  overflow: hidden;
  font-weight: bold;
  color: #969696;
  }

#search_long input {  
  width: 525px;
  border-style: none;
  background: #F4F4F4 none repeat scroll 0 0;
  margin: 10px 10px 12px 40px;
  overflow: hidden;
  font-weight: bold;
  color: #969696;
  }
      
#search form, #search_long form {  
  background: none;
  }

#home {padding-top: 18px}

#home .panel {
  background: url('../images/rounded_panel_bg_outline.gif') repeat-y left top;
  margin-bottom: 36px;
  }

#home .panel h2 {
  padding: 25px;
  font-size: 16px;
  line-height: 18px;
  }

#home .featured-artist, #home .work {
  position: relative;
  float: left;
  margin: 0 10px 10px 0;
  }


#home .work {
  padding: 5px;
  background: #e0e0e0;
  width: 320px;
  }
  
.numbx {
  position: relative;
  bottom: 0px;
  font-weight: bold;
  font-size: 60px;
  color: #ececec;
  text-align: right;
  width: 100px;
  margin: -100px 0 0 210px;
  }

.work .meta {
  margin-top: 5px;
  padding: 5px;
  }

.work .meta, .work .meta h3 {
  color: #444;
  }

.work .meta h3 {
  height: 20px;
  margin-bottom: 16px;
  overflow: hidden;
  }

.work .meta p {
  width: 210px;
  height: 110px;
  overflow: hidden;
  }

.featured-artist {
  width: 160px;
  }

.featured-artist h3 {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 0;
  }

.featured-artist dl {margin-bottom:0}

.featured-artist dd, .featured-artist dt {display:inline; margin-left:0}

/* Commented out to alleviate http://www.pivotaltracker.com/story/show/247743
   in which Ben lodged a complaint concerning dotted line around the graphic
   when the link is activated. Now the dotted line is tight around the image
   and doesn't look bad in my opinion, in fact it serves to give a subtle indicator
   of which track is playing. - Obie */
/*.featured-artist .avatar {margin-bottom: 5px}*/

.featured-artist img.avatar {width:160px;height:75px;}

.my_account_header {
  margin: 0 0 30px 0;
  padding: 0;
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 105px;
  }
  
ul.tabs {
  float: left;
  padding: 0;
  margin: 0;
  }
  
ul.tabs li {
  float:left;
  width: 165px;
  height: 35px;
  text-align: center;
  margin: 25px 0 0 10px;
  list-style: none;
  }

ul.tabs li a {
  background: #000 url('../images/nav_playlist_reg.gif') no-repeat right top;
  display:block;
  margin: 0;
  padding: 0;
  height: 27px;
  padding: 8px 0 0 0;
  } 
  
ul.tabs li a:hover {
  color: #666;
  background: url('../images/nav_playlist_hov.gif') no-repeat right top;
  }
  
.my_account_header #player {
  margin: 15px 10px 0 0;
  }

ul.playlists {
  list-style-type:none;
  margin-left:0;
  margin-right:0;
  }

ul.playlists li {
  position: relative;
  margin: 0 0 8px 0;
  background: url('../images/playlist_button_bg.gif') no-repeat left top;
  width: 190px;
  height: 35px;
  }
  
ul.playlists li a {
  left: 10px; top: 8px;
  line-height: 18px;
  position: absolute;
  }
  
.delete {
  right: 35px; top: 0;
  line-height: 36px;
  position: absolute;
  }

.delete a {
  color: #999;
  }

.delete a:hover {
  color: #0077bb;
  }

.purchase_lines .total, .purchase_lines .subtotal {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align:right;
  }

.purchase .total, .purchase_lines .subtotal {
  font-size: 14px;
  }

.purchase_lines .total {
  background: #FFD;
  }

.purchase .track .total {background: #FFF;}

.top-right {
  position: absolute;
  top: 0; right: 0;
  }

.purchase_lines .third {
  float: left;
  width: 230px;
  margin-right: 2px;
  }

.purchase_lines.thin .third { width:203px;}

.third.last {
  margin-right: 0;
  }

.license_links h3 {width: 33%; float: left;}

#license {background: #fff; padding: 9px;}

#purchase_order ol {list-style-type:none; margin: 0;}

.incomplete {
  opacity: 0.25;
  }

.text-right {text-align:right;}
.float-right {float: right !important;}
.float-left {float: left;}

dd p {margin-bottom:0;}


/* Rounded borders styling */
.five_top_left, .five_top_right, .five_bottom_left, .five_bottom_right {
  width: 5px;
  height: 5px;
  }

.five_top_left {
  background: url('../images/rounded_five_pixels.jpg') no-repeat left top;
  margin: -5px 0 0 -5px;
  float: left;
  }

.five_top_right {
  background: url('../images/rounded_five_pixels.jpg') no-repeat right top;
  margin: -5px -5px 0 0;
  float: right;
  }
  
.five_top_right_ol {
  background: url('../images/rounded_five_pixels_outline.gif') no-repeat right top;
  margin: -2px -2px 0 0;
  float: right;
  }

.five_bottom_left {
  background: url('../images/rounded_five_pixels.jpg') no-repeat left bottom;
  margin: 0 0 -5px -5px;
  float: left;
  }

.five_bottom_right {
  background: url('../images/rounded_five_pixels.jpg') no-repeat right bottom;
  margin: 0 -5px -5px 0;
  float: right;
  }
  
.outline_top, .outline_bottom {
  margin: 0;
  height: 9px;
  }
  
.outline_top {
  background: url('../images/rounded_750_pixels_outline.gif') no-repeat left top;
  }
  
.outline_bottom {
  background: url('../images/rounded_750_pixels_outline.gif') no-repeat left bottom;
  margin: 55px 0 0 0;
  }

.centered {
  padding: 0 0 0 40px;
  }

#player {
  position: relative;
  margin: 15px 0 0 0;
  height: 70px;
  top: 0px;
  }

#player a {outline: none;}
  
#player .control {
  position: absolute;
  }

#player .play-container { left: 0; text-indent: -9999px;}
#player .control a {
  display: block;
  height: 31px; width: 30px;
  text-indent: -9999px;
}

#player .play {
  background: url('../images/button_play.png') no-repeat center center;
}

#player .play.on {
  background: url('../images/button_pause.png') no-repeat center center;
}

#player .volume.on {
  background: url('../images/button_speaker.png') no-repeat center center;
}

#player .volume {
  background: url('../images/button_speaker_off.png') no-repeat center center;
}

#player .volume-container { left: 35px;}
#player .volume { position: absolute; left: 0;}

#player .track_info {
  position: absolute;
  bottom: 10px;
  right: 0;
  }

#player .track_info a {
  color: #111;
  }


#player .click-target {
  background: transparent;
  cursor: pointer;
  position: absolute;
  top: 2px; right: 0;
  height: 25px;
  width: 225px;
  padding: 0;
  z-index: 3;
  }

#player .progress {
  background: #CACACA url('../images/player_progress_mask.png') no-repeat center center;
  position: absolute;
  top: 2px; right: 0;
  height: 25px;
  width: 225px;
  padding: 0;
  }

#player .current_progress {
  background: #AAA url('../images/player_progress_mask.png') no-repeat center left;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 1;
  }

#player .track_time {
  position: absolute;
  right: 0;
  margin: 0 10px;
  line-height: 25px;
  color: #eee;
  z-index: 2;
  }

div.fieldWithErrors {
  display: inline;
  }

#facebox .popup table {
  width: auto;
  background: #000;
  }

.submit {
  margin-top: 5px;
  }

ul.help {
  margin: 0;
  padding: 0;
  }

ul.help li {
  list-style: none;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #f4f4f4;
  }
  
.help h4 {
  color: #535353;
  font-weight: bold;
  }

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

#artist {
  margin: 10px 25px 0 0;
  }

.box_artist_top, .box_artist_bottom {
  height: 8px;
  }

.box_artist_top {
  background: url('../images/rounded_590_pixels.gif') no-repeat left top;
  }
  
.box_artist_bottom {
  background: url('../images/rounded_590_pixels.gif') no-repeat left bottom;
  margin: -20px 0 0 0;
  }

.buy_now {
  margin: 30px 0 30px 0;
  padding: 15px;
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }
  
.buy_now form {
  background: none;
  }

.spacetop {
  padding: 20px 0 0 0;
  }

.remove {
  float: right; 
  margin-top: 0.8em; 
  display: block;
  }

.img_icon_fix {
  margin: 0 5px -5px 0;
  }
  
.account_icn {
  margin: 0 5px -12px 0;
  }

.icn {
  float: left;
  margin: 0 10px 0 0;
  }

.t-right {
  text-align: right;
  }

.calm {
  color: #eee;
  }
  
.hush {
  color: #ccc;
  }
  
.uppcase {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 8px;
  }

.editor_content .artist_avatar_normal {
  width: 320px;
  height: 150px;
  background: #eee;
  }
  
.overlay_matchless, .overlay_matchless_register {
  background: url('../images/overlay_bg_short.png') no-repeat center bottom;
  width: 950px;
  height: 208px;
  }

.popup .overlay_matchless, .popup .overlay_matchless_register {
  width: 500px;
}

.overlays_contact {
  background: url('../images/overlay_contact_bg.png') no-repeat center top;
  width: 500px;
  height: 290px;
  position: relative;
  }

.overlays_contact .message {
  margin: 25px 0 0 0;
  }

.overlays_contact .message textarea {
  height: 100px;
  width: 360px;
  position: absolute;
  top: 80px;
  left: 60px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  border: 0;
  }
  
.overlays_contact .submit {
  position: absolute;
  bottom: 25px;
  left: 37%;
  margin: 0 auto;
  }

.overlay_matchless form {
  background: none;
  padding: 40px 10px;
  }
  
.overlay_matchless_register form {
  background: none;
  padding: 18px 0 0 0;
  }
  
.overlays_contact form {
  background: none;
  }

.center {
  text-align: center;
  padding: 50px 0 0 0;
  width: 950px;
  }

.popup .center {
	width: 500px;
}

.center img.overlay {
  padding: 0 0 10px 0;
  }
  
.overlays_input {
  background: url('../images/overlays_input_bg.png') no-repeat center bottom;
  width: 332px;
  height: 29px;
  margin: 0 auto 10px auto;
  position: relative;
  }

.contact_info_box {
  height: 31px;
  position: relative;
  margin: 0 auto 0 auto;
  width: 390px;
  }
  
.contact_info_box .name input, .contact_info_box .email input {
  position: absolute;
  width: 150px;
  top: 36px;
  border: 0;
  }
  
.contact_info_box .name input {
  left: 15px;
  }
  
.contact_info_box .email input {
  right: 30px;
  }

.overlays_text {
  width: 332px;
  margin: 0 auto 10px auto;
  position: relative;
  }

.overlays_input input {
  position: absolute;
  top: 5px;
  left: 12px;
  width: 300px;
  border: 0;
  }

.title .overlays_input input#track_title {
  font-size: 100%;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  }

.account_upload_top {
  height: 10px;
  background: url('../images/account_edit_bg.gif') no-repeat left top;
  margin-bottom: 0;
  }

.account_upload_bottom {
  height: 10px;
  background: url('../images/account_edit_bg.gif') no-repeat left bottom;
  margin-bottom: 0;
  }

.account_box {
  background: #eee;
  margin: 0;
  padding: 5px 15px;
  }

.account_box .information {
  width: 235px;
  margin: 0 60px 0 0;
  }

.account_box form {
  background: #fff;
  margin: 0;
  padding: 10px 15px;
  }
  
.edit_artist .avatar {
  background: url('../images/avatar_upload_bg.gif') no-repeat left bottom;
  position: relative;
  height: 63px;
  }
  
.edit_artist .avatar label, .account_box .wav label {
  padding: 5px 0 0 15px; 
  }
  
.edit_artist .avatar input, .account_box .wav input {
  margin: 5px 0 0 15px; 
  }

.edit_artist .photo_profile {
  background: url('../images/profile_photo_bg.gif') no-repeat left bottom;
  height: 210px;
  width: 255px;
  }

.edit_artist .photo_profile h3 {
  margin: 15px 0 0 15px;
  }
  
.edit_artist .photo_profile_img {
  text-align: center;
  margin: 25px auto 0 auto;
  }

.help {
  margin: 3px 0 0 10px;
  position: absolute;
  }

.categories .help {
  margin: 1px 0 0 10px;
  position: absolute;
  }

#search_long .help {
  margin: 9px 0 0 15px;
  position: absolute;
  }

#question-1 .help, #question-2 .help, #question-3 .help {
  margin: 10px 0 0 10px;
  position: absolute;
  }
  
.account_box .wav {
  background: url('../images/audio_file_bg.gif') no-repeat left bottom;
  position: relative;
  height: 63px;
  width: 332px;
  }
  
.upload_top {
  height: 10px;
  background: url('../images/upload_screen_bg.gif') no-repeat left top;
  margin-bottom: 0;
  }

.upload_bottom {
  height: 10px;
  background: url('../images/upload_screen_bg.gif') no-repeat left bottom;
  margin-bottom: 0;
  }

.fieldWithErrors input {
  color: red;
  }

dl.purchase_complete dt {
  margin: 0 15px 0 0;
  }
  
a.purchased_license {
  padding: 10px;
  background: #eee;
}

.site-description {
  padding: 0px 350px 10px 200px;
  margin-top: -5px;
}

.hashrocket {
  background: url(../images/logo_hr.png) no-repeat left bottom;
  padding: 5px 0 5px 30px;
  float: right;
  margin: 5px 0 0 10px;
}