body {
  text-align: center;
  background-color: #fff;
  color: #000;
  font-family: Helvetica, Arial, Verdana, "Lucida Sans Unicode", Sans-serif;
  font-size: 0.8em;
}

hr {
  height: 1px;
  border: none;
  background-color: #aaa;
  margin: 2px 0px 2px 0px;
  padding: 0px;
}

a {
  outline: none;
}

.two_column_layout .column_contents {
  text-align: left;
  margin: auto;
}

.two_column_layout .left_column {
  width: 400px;
  padding: 0px 40px 0px 12px;
}

.two_column_layout .right_column {
  width: 452px;
  overflow:hidden;
}

.two_column_layout .left_column, .two_column_layout .right_column {
  text-align: center;
}

.three_column_layout .left_column, .main_column_layout .left_column, .three_column_layout .right_column {
  width: 200px;
  overflow:hidden;
}

.three_column_layout .main_column {
  width: 450px;
  padding: 0px 31px 0px 31px;
}

.main_column_layout .main_column {
  width: 650px;
  padding: 0px 31px 0px 31px;
}

.above_subnavigation {
  border-width: 0px 1px 1px 0px;
  padding-bottom: 8px;
}

.below_subnavigation {
  border-width: 0px 1px 0px 0px;
  min-height: 120px;
}

* html .below_subnavigation {
  height: 120px;
}

.above_subnavigation, .below_subnavigation {
  border-style: solid;
  border-color: #e0e0e0;
  float: right;
  width: 199px;
}

.subnavigation {
  float: right;
  width: 200px;
}

.subnavigation a.subnav_button {
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #e0e0e0;
  font-weight: bold;
  width:187px;
  text-align: right;
  padding: 10px 12px 10px 0px;
  font-size: 1.3em;
  color: #999;
  float: right;
  clear: both;
  text-decoration: none;
}

.subnavigation a.subnav_button:hover, .subnavigation a.subnav_button:active {
  background-color: #e0e0e0;
}

.subnavigation a img.cc {
  width: 83px;
  height: 20px;
  top: 1px;
  position: relative;
  background: url(/site_media/images/cc_logo_inactive.png) no-repeat;
  border: none;
}

.subnavigation a.selected img.cc {
  background: url(/site_media/images/cc_logo.png) no-repeat;
}

.subnavigation a img.sxsw {
  position: relative;
  width: 78px;
  height: 20px;
  top: 1px;
  background: url(/site_media/images/sxsw_logo_inactive.png) no-repeat 0px 3px;
  border: none;
}

.subnavigation a.selected img.sxsw {
  background: url(/site_media/images/sxsw_logo.png) no-repeat 0px 3px;
}

.subnavigation a img.star {
  width: 19px;
  height: 17px;
  position: relative;
  left: -2px;
  top: 3px;
  background: url(/site_media/images/just_for_you_star_inactive.gif) no-repeat;
  border: none;
}

.subnavigation a:hover img.star, .subnavigation a:active img.star {
  background: url(/site_media/images/just_for_you_star_inactive_hover.gif) no-repeat;
}

.subnavigation a.selected img.star {
  background: url(/site_media/images/just_for_you_star.gif) no-repeat;
}

.subnavigation a.selected {
  color: #000;
  padding-right: 13px;
  border-width: 0px 0px 1px 0px;
}

.subnavigation a.selected:hover, .subnavigation a.selected:active {
  background: none;
}

.horizontal_blah {
  border: 1px solid #e0e0e0;
  height: 90px;
  width: 728px;
  margin: auto;
  overflow: hidden;
}

.horizontal_blah_content {
}

#horizontal_blah_blocked {
  text-align: center; 
}

.vertical_ad_panel {
  clear: both;
  float: left;
  background-color: #fff;
  margin-bottom: 8px;
  text-align: center;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  width:160px;
  overflow:hidden;
}

.vertical_ad_panel_content {
  width: 160px;
  height: 600px;
}

.medium {
  color: #aaa;
}

.light {
  color: #fff;
}

.dark {
  color: #666666;
}

* {
  margin: 0;
  padding: 0;
}

a img {
  border: none;
}

a:link, a:visited {
  text-decoration: none;
  color: #666666;
}

a:hover, a:active {
  text-decoration: underline;
  color: #666666;
}

a.inverse:link, a.inverse:visited {
  text-decoration: none;
  color: #666666;
}

a.inverse:hover, a.inverse:active {
  text-decoration: underline;
  color: #fff;
}

a.light:link, a.light:visited {
  text-decoration: none;
  color: #fff;
}

a.light:hover, a.light:active {
  text-decoration: underline;
  color: #fff;
}

a.dark:link, a.dark:visited {
  text-decoration: none;
  color: #000;
}

a.dark:hover, a.dark:active {
  text-decoration: underline;
  color: #000;
}

a.medium:link, a.medium:visited {
  text-decoration: none;
  color: #aaa;
}

a.medium:hover, a.medium:active {
  text-decoration: underline;
  color: #aaa;
}

table tr td{
  border-color: #f0f0f0;
}

table.location {
  margin-top: 3px;
  font-size: 0.9em;
  margin-bottom: 3px;
}

/* navigation & page layout: start */

#page_layout {
  width: 968px;
  margin: auto;
  text-align: left;
}

#page_content {
  float: left;
  width: 912px;
  margin-top: 12px;
  margin-bottom: 8px;
  padding:0px 28px 0px 28px;
}

#top_toolbar {
  width: 968px;
  height: 38px;
  color: #fff;
  background: url(/site_media/images/top_toolbar.png) no-repeat;
  z-index: 1000;
  position: fixed;
  top: 0px;
}

* html #top_toolbar {
  position: absolute;
}

.top_toolbar_filler {
  height: 38px;
  width: 968px;
}

* html .top_toolbar_filler {
  display:none;
}

#top_navigation {
  font-size: 1.1em;
  z-index: 10;
  height: 38px;
  float:right;
  margin-right:14px;
}

* html #top_navigation {
  margin-left: 0px;
}

#top_navigation table.top_nav {
  float: left;
}

#top_navigation table.top_nav td.top_nav {
  height: 38px;
  padding-left: 10px;
}

#top_navigation .nav_button {
  height: 38px;
}

.nav_button a {
  text-align: center;
  height: 18px;
  padding: 10px 16px 10px 5px;
  background:url(/site_media/images/menu_down_arrow.png) no-repeat 100% 50%;
  float: left;
  background-color: #666666;
  font-weight: bold;
  cursor: pointer;
  outline: none;
}

#top_navigation .disabled .nav_button a {
  color: #eee;
  -moz-opacity: 0.50; 
  opacity:.50;
  filter:alpha(opacity=50);
}

div[className="nav_button"] a {
  background-position: 100% 45%;
}

#top_navigation .nav_button a:hover, #top_navigation .nav_button a:active, #top_navigation .nav_button a.highlighted {
  background-image: url(/site_media/images/menu_down_arrow_selected.png);
}

#top_navigation .nav_button a.no_menu {
  background-image: none;
}

#top_navigation .nav_button a.no_menu:hover, #top_navigation .nav_button a.no_menu:active {
  color: #ddd;
}

#top_navigation a {
  color: #fff; 
  text-decoration: none;
}

#top_user_profile a:hover, #top_user_profile a:active {
  text-decoration: underline;
}

#top_user_profile .information {
  padding-left: 4px;
}

#top_user_profile .levelbar_mini {
  font-size: 0.7em;
}

#top_user_profile .stats .glow {
  color: #89bd41;
}

#top_user_profile .stats {
  font-size: 0.85em;
  padding-top: 3px; 
}

#top_user_profile .actions {
  padding-top:6px;
  font-size: 0.9em;
}

#top_user_profile .achievements {
  padding-top: 12px;
  padding-bottom: 4px;
}

#top_user_profile .achievements .mini_badge {
  border: #4c4c4c 4px solid;
  width:35px;
  height:35px;
  text-align:center;
  font-weight:bold;
  font-size:0.9em;
  overflow:hidden;
  float: left;
  margin-right: 5px;
}

#top_user_profile .achievements .mini_badge img {
  width:35px;
  height: 35px;
}

#top_user_profile .achievements .mini_badge .label {
  padding-top: 8px;
  font-size: 1.4em;
}

#user_points, #user_bumps_available, #user_plays {
  font-weight: bold;
}

a.username:link, a.username:visited {
  color: #666666;
}

a.username:hover, a.username:active {
  color: #666666;
  text-decoration: underline;
}

a.send_tunebox_message {
  font-size: 0.85em;
  font-weight: normal;
  background: url(/site_media/images/mail.gif) no-repeat 0 50%;
  padding: 0px 0px 2px 20px;
}

#global_stats {
  position: absolute;
  font-size: 0.85em;
}

span#num_currently_listening {
  font-weight:bold;
}

#global_search_wrapper {
  width: 90px;
  padding-right: 15px;
}

#page_layout .global_search_wrapper_hidden {
  width: 10px;
}

#global_search {
  width: 90px;
  float:left;
}

#global_search .search_wrapper {
  padding: 3px 2px 3px 2px;
  background-color: #fff;
}

#global_search input {
  width: 86px;
  height: 14px;
  color: #555;
  border: #fff 0px solid;
  font-size:0.85em;
}

#page_footer {
  float: left;
  clear: both;
  margin-top: 10px;
}

#bottom_navigation {
  width: 968px;
  padding: 10px 0px 10px 0px;
  text-align: center;
  font-size: 0.85em;
}

#bottom_navigation a {
  font-weight: normal;
}

/* BUTTONS: START */

.large_button a {
  width: 186px;
  font-size: 1.5em;
  font-family: Verdana, Helvetica, Arial;
  padding: 2px 6px 2px 8px;
  float: left;
  font-weight: normal;
}

.small_button a {
  width: 65px;
}

.select_button a:link, .select_button a:visited {
  color: #999999;
}

.select_button a:hover, .select_button a:active {
  color: #fff;
  background-color: #ff7b00;
  text-decoration: none;
}

.select_button a.selected:link, .select_button a.selected:visited {
  color: #fff;
  background-color: #ff7b00;
}

/* BUTTONS: END */

#page_notice {
  width: 918px;
  text-align: center;
  border: 2px solid #fff;
  float: right;
  margin-top: 8px;
  margin-right:23px;
  background-color: #666666;
  color: #fff;
}

#page_notice_inner {
  margin: 10px;
  font-weight: bold;
  font-size: 1.1em;
}

.error #page_notice {
  background-color: #fff;
  color: #f00;
  border-color: #f00;
}

.error #page_notice a {
  color: #f00;
}

/* navigation & page layout: END */

/* standardize heading font sizes across browsers */
h1 {
  font-size: 2.4em;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

/* song player: start */

table.song_player {
  width: 450px;
  clear: both;
  margin-bottom: 15px;
  color: #000;
}

table.song_player:hover {
  background-color: #f0f0f0;
}

.song_player .small_score {
  font-size: 0.85em;
  position:relative;
  top: -1px;
}

.song_player .song_album_button {
  -moz-opacity:.80;
  opacity:.80;
  filter:alpha(opacity=80);
  position:relative;
  top:-47px;
  left:15px;
  z-index:100;
  width:30px;
  height:30px;
}

div[className="album_art_container"] div {
  margin-top:-2px;
}

.song_player .play_button {
  background: url(/site_media/images/album_play_button.png) no-repeat;
}

.song_player .pause_button {
  background: url(/site_media/images/album_pause_button.png) no-repeat;
}

.song_player .drawer_close_button {
  background: url(/site_media/images/drawer_close_button.gif) no-repeat;
  width: 24px;
  height: 7px;
  margin:2px auto;
}

.song_player tr.drawer_close td {
  border-width: 1px;
  text-align: center;
  background-color: #fff;
}

.song_player tr.main td, tr.drawer_close td {
  cursor: pointer;
}

.song_player tr.main td, .song_player tr.drawer_close td {
  border-style: solid;
  border-color: #e0e0e0;
}

.song_player td.album_art {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #e0e0e0;  
  width: 60px;
}

.song_player td.album_art div.album_art_container {
  height: 60px;
  overflow:hidden;
}

.song_player td.song_right_panel {
  height: 60px;
  border-width: 1px 0px 1px 0px;
  width: 318px;
  padding-left: 2px;
}

.song_player td.song_right_panel .song_info {
  float: left;
  width: 310px;
}

.song_player td.song_bump_panel {
  border-width: 1px 1px 1px 0px;
  width: 70px; 
}

.results_list td.song_bump_panel {
  width: 70px;
}

.song_player td.song_bump_panel .bumps_count, .results_list td.song_bump_panel .bumps_count {
  text-align:right;
  float:left;
  width: 30px;
  overflow:hidden;
  position: relative;
  top: 5px;
  left: -4px;
}

.song_player td.song_bump_panel .bumps_count span.song_score, .results_list td.song_bump_panel .bumps_count span.song_score {
  font-weight: bold;
}

.song_player td.song_bump_panel .bumps_count span.caption, .results_list td.song_bump_panel .bumps_count span.caption {
  font-size: 0.8em;
}

td.song_bump_panel .bump_button, .results_list td.song_bump_panel .bump_button {
  width: 20px;
  height: 30px;
  background: url(/site_media/images/bump_button_empty.gif) no-repeat;
  float:left;
  margin-top: -2px;
}

td.song_bump_panel .bump_button_filled, td.song_bump_panel .bump_button:hover {
  background: url(/site_media/images/bump_button.gif) no-repeat;
}


td.song_bump_panel .heart_button {
  width: 20px;
  height: 18px;
  background: url(/site_media/images/heart_button_empty.png) no-repeat;
  float:left;
  margin-top: 7px;
  margin-left: 4px;
}

td.song_bump_panel .heart_button_filled, td.song_bump_panel .heart_button:hover {
  background: url(/site_media/images/heart_button.png) no-repeat;
}

.song_player tr.selected td {
  border-color: #89bd41;
}

.song_player .title {
  height: 18px; 
  overflow: hidden;
  margin-left: -1px;
  font-size: 1.2em;
}

.song_player .title a {
  font-weight: normal;
  color: #000;
}

.song_player .caption {
  font-size: 0.85em;
}

.song_player .caption a {
  font-weight: normal;
  color: #666666;
}

.song_player .actions {
  font-size: 0.85em;
  margin-top:3px;
  height: 14px;
  overflow:hidden;
  position: relative;
  left: -2px;
}

.song_player .actions a {
  padding: 2px;
}

.song_player .actions a.cc {
  background: url(/site_media/images/cc_mini_logo.png) no-repeat;
  padding: 0px 0px 0px 17px;
}

.actions a.buy:active, .actions a.buy:hover {
  color: #fff;
  background-color: #89bd41;
  text-decoration:none;
}

.actions a.save:active, .actions a.save:hover {
  color: #fff;
  background-color: #ff7b00;
  text-decoration:none;
}

.song_player .status {
  cursor: default;
  float: left;
  width: 310px;
  overflow:hidden;
}

.song_player .status .edit_tags input {
  width:260px;
  color:#000;
  margin-top:5px;
  border: 1px solid #ccc;
}

.song_player .status .edit_tags .autocomplete {
  margin-top: 1px;
  position:absolute;
  background-color:#fff;
  border-width:0px 0px 1px 0px;
  border-style: solid;
  border-color: #ccc;
  width: 200px;
  z-index: 500;
}

.song_player .clock, .song_result .clock {
  width: 14px;
  height: 14px;
  background: url(/site_media/images/clock_icon.png);
  float: right;
  margin-top: 1px;
}

.song_drawer_content table.song_recs {
  padding-left:6px;
  float:left;
  width:415px;
}

table.song_recs tr td span {
  display:none;
  font-size: 0.85em;
}

table.song_recs tr {
  height: 25px;
}

table.song_recs tr td.song_rec_photo img {
  width: 20px;
  height: 20px;
}

table.song_recs tr td.song_rec_score {
  text-align:right;
}

.song_drawer_content table.song_recs tr td {
  padding: 2px;
  border-color: #fff;
}

table.song_recs tr.selected td span {
  display: inline;
}

table.song_recs tr {
  cursor: pointer;
}

table.song_recs tr:hover td {
  background-color: #f0f0f0;
}

table.song_recs tr.selected td {
  border-style:solid;
  border-color: #e0e0e0;
  background-color: #f0f0f0;
}

table.song_recs tr td.song_rec_photo {
  border-width: 1px 0px 1px 1px;
}

table.song_recs tr td.song_rec_title {
  border-width: 1px 0px 1px 0px;
}

table.song_recs tr td.song_rec_score {
  border-width: 1px 1px 1px 0px;
}

.user_info ul {
  list-style-type: none;
  padding: 2px 0px 2px 0px;
}

.user_info ul li {
  padding-left: 6px;
}

.autocomplete ul {
  list-style-type:none;
}

.autocomplete ul li.selected { background-color: #e0e0e0;}

.autocomplete ul li {
  border-width:0px 1px 0px 1px;
  border-style: solid;
  border-color: #ccc;
  list-style-type:none;
  padding: 2px;
  cursor:pointer;
  display: block;
}

.autocomplete ul li img {
  width: 25px;
  height: 25px;
  float: left;
}

.autocomplete ul li div {
  padding-left:5px;
  width: 165px;
  padding-top: 6px;
  float: left;
}

.song_player .status .edit_tags {
  font-size: 0.85em;
  height: 50px;
  margin-left: 8px;
}

.song_player .actions a, .song_player .status .edit_tags a {
  color: #666;
  font-weight: normal;
}

.song_player span.song_cover_label {
  font-size: 0.85em;
}

.song_player td.album_art img {
  width: 50px;
  height: 50px;
  margin: 5px;
}

.song_player .title span.progress_time {
  font-size: 0.75em;
  margin-left: 2px;
  color: #666666;
}

.play_button, .pause_button, .play_button_hover, .pause_button_hover {
  cursor: pointer;
}

.song_player tr.drawer {
  height: 0px;
}

.song_player tr.drawer td {
  background-color: #fff;
  color: #000;
  border-width: 0px 8px 0px 8px;
  border-style: solid;
  border-color: #fff;
}

.song_player .song_drawer_content .bumper {
  padding: 5px 10px 0px 10px;
  float: left;
  width: 60px;
}

.song_player .song_drawer_content .bumper .caption {
  text-align:center;
  font-size:0.8em;
  width:60px;
  height:16px;
  overflow:hidden;
}

.song_player .song_drawer_content .bumper img {
  height: 50px;
  width: 50xp;
  padding-left: 5px;
}

.song_player .song_drawer_content .bumper .multiplier_overlay {
  margin-left: 5px; 
  width: 51px; 
  height: 14px; 
  background-color: #fff; 
  position: relative; 
  top: -34px;
  z-index: 1; 
  -moz-opacity: 0.80; 
  opacity:.80;
  filter:alpha(opacity=80);
}

.song_player .song_drawer_content .bumper .multiplier_corner {
  width: 20px;
  top: -13px;
}

* html .song_player .song_drawer_content .bumper .multiplier_corner {
  top: -16px;
}

.song_player .song_drawer_content .bumper .multiplier_text {
  color: #000; 
  text-align: center; 
  font-size: 0.85em; 
  font-weight: bold; 
  position: relative; 
  top: -48px; 
  z-index: 2; 
}

.song_player .song_drawer_content .bumper .bumper_content {
  overflow: hidden;
  height: 50px;
}

.song_player .song_drawer_content {
  overflow: hidden;
  margin-left: 5px;
  width: 421px;
  background-color: #fff;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  border-color: #f0f0f0;
}

.song_player .song_drawer_content .share_links img {
  position: relative;
  top: 2px;
  padding-top: 5px;
  font-size: 0.9em;
}

.song_player .song_video_drawer .main_video_wrapper {
  padding-left: 11px;
}

.song_player .song_video_drawer .main_video {
}

.song_player tr.bottom_panel {
  position: relative;
  top: -1px;
}

.song_player .comments_header a.post_comment {
  float: right;
  padding: 0px 10px 0px 10px;
}

.song_player .post_area {
  padding: 5px;
  float: left;
  clear: both;
}

.song_player .post_area textarea {
  width: 410px;
  height: 100px;
}

.song_player .post_area .post_actions {
  float: left;
}

.song_player .post_area .post_actions div {
  padding: 5px;
  float: right;
  clear: none;
}

.song_player .comment_entry {
  background-color: #fff;
}

.song_player .comment_entry .header {
  width: 412px;
  background-color: #f0f0f0;
  clear: both;
  float: left;
  margin: 5px;
}


.song_player .comment_entry .header .header_content {
  margin-left: 4px;
  width: 415px;
}

.song_player .comment_entry .header .header_content .poster {
  float: left;
  clear: none;
}

.song_player .comment_entry .header .header_content a.overflow {
  float: right;
  clear: none;
  margin-right: 15px;
  font-size: 0.8em;
}

.song_player .comment_entry .header .header_content span.time_ago {
  font-size: 0.8em;
  float: right;
  clear: none;
  margin-right: 15px;
}

.song_player .comment_entry .comment_text {
  float: left;
  clear: both;
  margin: 0px 8px 0px 8px;
  font-size: 0.9em;
  width: 400px;
  height: 45px;
  overflow: hidden;
}

.song_player .text_page_links {
  float: left;
  padding: 0px 10px 0px 10px;
}

#email_song_form input#id_to, #email_song_form input#id_from_email {
  width: 400px;
}

#email_song_form textarea#id_message {
  width: 400px;
  height: 100px;
}

.box {
  background-color: #000;
  color: #666666;
}

.select_music {
  text-align: center;
  width: 446px;
  height: 86px;
  border: 2px #fff solid;
  font-weight: bold;
}

.select_music .instruction {
  margin-top: 12px;
  font-size: 2.6em;
}

.select_music .hint {
  margin-top: 5px;
  font-size: 1.2em;
  color: #aaa;
}

/* song player: end */

/* user profile: start */

span.user_level {
  font-size: 0.85em;
}

.levelbar_mini {
  width: 140px;
  height: 15px;
  font-weight: bold;
  overflow:hidden;
}

.levelbar_mini .bg {
  width: 100px;
  height: 10px;
  background: url(/site_media/images/mini_levelbar_background.gif);
  border: 2px solid #4c4c4c;
  float: left;
}

#quest_log_link {
  position:fixed;
  margin:10px 0px 0px -20px;
  float: left;
  width:19px;
  height:19px;
  color: #fff;
  font-weight:normal;
  text-align:center;
  font-size: 0.80em;
  cursor: pointer;
  background: url(/site_media/images/quest_count_bg.png);
}

* html #quest_log_link {
  position: absolute;
}

#current_quest_count {
  margin: 2px 0px 0px 1px;
}

#top_menu_and_button_for_profile .levelbar_mini .bg {
  border-color: #666666;
}

.levelbar_mini .cur_level {
  padding-right:4px;
  font-size: 1.1em;
  float: left;
  width: 12px;
  text-align:right;
}

.levelbar_mini .cur_level_no_width {
  padding-right:4px;
  font-size: 1.1em;
  float: left;
}

.levelbar_mini .next_level {
  float: left;
  padding-left: 4px;
  font-size: 1.1em;
}

/* user profile: end */

.image_cache {
  width: 0px;
  height: 0px;
}

.image_cache img {
  width: 0px;
  height: 0px;
}

/* pagination: start */
.pagination {
  font-size: 1.3em;
}

.pagination div {
  background-color: #fff;
  float: left;
  margin-right: 5px;
  padding-top: 1px;
}

.pagination a {
  border: 1px solid #fff;
  color: #999999;
}

.pagination a, .pagination a:visited{
  padding: 1px 5px;
  text-decoration: none; 
}

.pagination a:hover, .pagination a:active{
  background-color: #e0e0e0;
}

.pagination .currentpage {
  position: relative;
  top: -1px;
  padding: 1px 5px 0px 5px;
  font-weight: bold;
  border: 1px solid #ccc;
  cursor: default;
}

.pagination .disablepage{
  padding: 1px 5px;
  color: #ccc;
  border: 1px solid #fff;
  font-weight: bold;
  cursor: default;
}

.pagination .nextpage{
  font-weight: bold;
}

/* pagination: end */

/* auto complete: start */
.auto_complete {
  position:absolute;
  background-color:#fff;
  color: #000;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

.auto_complete ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
  font-size: 0.8em;
}

.auto_complete ul li.selected
{
  background-color: #666666;
}

.auto_complete ul li {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
}

/* auto complete: end */

#back_button_container {
  position: fixed;
  top: 0%;
  left: 0%;
  margin: 2px 0px 0px 2px;
  z-index: 999;
  width: 150px;
  height: 150px;
  -moz-opacity: 1.00; 
  opacity:1.00;
  filter:alpha(opacity=100);
}

* html #back_button_container {
  position: absolute;
}

#back_button, #forward_button {
  width: 25px;
  height: 25px;
  cursor: pointer;
  float:left; 
}

#back_button_container .forward_button_shown {
  background: url(/site_media/images/forward_button.gif);
}

#back_button_container .back_button_shown {
  background: url(/site_media/images/back_button.gif);
}

#back_button_container .forward_button_disabled {
  background: url(/site_media/images/forward_button_disabled.gif);
}

#back_button_container .back_button_disabled {
  background: url(/site_media/images/back_button_disabled.gif);
}

/* popup: start */
* html #popup_overlay_wrapper {
  height: 100%;
  overflow: auto;
}

#popup_overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 400px;
  height: 240px;
  margin: -120px 0 0 -200px;
  text-align: center;
  line-height: 0;
}

* html #popup_overlay {
  position: absolute;
}

#popup_overlay td.tl {
  background: url(/site_media/images/popup_border_top_left.png); 
  width: 10px;
  height: 10px;
}

#popup_overlay td.tr {
  background: url(/site_media/images/popup_border_top_right.png); 
  width: 10px;
  height: 10px;
}

#popup_overlay td.bl {
  background: url(/site_media/images/popup_border_bottom_left.png); 
  width: 10px;
  height: 10px;
}

#popup_overlay td.br {
  background: url(/site_media/images/popup_border_bottom_right.png); 
  width: 10px;
  height: 10px;
}

#popup_overlay td.s {
  background: url(/site_media/images/popup_border.png) repeat; 
}

#popup_overlay td.l {
  width: 380px;
  height: 10px;
}

#popup_overlay td.m {
  height: 220px;
  width: 380px;
}

#ajax_loader {
  position: fixed; 
  top: 0%;
  left: 100%;
  z-index:10000;
  width:70px;
  height:18px;
  margin: 0px 0px 0px -69px;
  background-color: #ff0033;
  color: #fff;
  text-align: center;
  font-weight:bold;
}

* html #ajax_loader {
  position: absolute;
}

* html #popup_wrapper {
  height: 100%;
  overflow: auto;
}

#popup_wrapper .status {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  height: 15px;
  width: 380px;
  margin: 107px 0 0 -190px;
  text-align: left;
  font-size: 0.8em;
  color: #fff;
}

#popup_wrapper .status a {
  color: #fff;
}

* html #popup_wrapper .status {
  position: absolute;
}

#popup {
  z-index: 1000;
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: #666666;
  color: #fff;
  width: 380px;
  height: 220px;
  text-align: left;
  margin: -110px 0 0 -190px;
  overflow: hidden;
}

* html #popup {
  position: absolute;
}

#popup_content, #popup_extras {
  margin: 10px;
}

#popup_extras {
  z-index: 1001;
}

#popup_wrapper .close {
  position: fixed;
  width: 13px;
  height: 13px;
  top: 50%;
  left: 50%;
  margin: -116px 0px 0px 183px;
  cursor: pointer;
  z-index: 1001;
}

#popup_content div.upper_corner {
  position: fixed;
  width: 110px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin: -105px 0px 0px 70px;
  text-align:right;
}

* html #popup_content div.upper_corner, * html #popup_wrapper .close {
  position: absolute;
}

#popup_content input.input_submit_button, #flash_file_io_content, #flash_file_io {
  border: none;
  background-color: #aaa;
  color: #fff;
  font-size: 1.4em;
  padding: 3px 0px 5px 0px;
  width: 80px;
  height: 40px;
  overflow:hidden;
  position: fixed;
  z-index:1001;
  top: 50%;
  left: 50%;
  margin: 60px 0px 0px 100px;
}

#popup_content input.input_submit_button:hover {
  background-color: #ccc;
}

#flash_file_io_content, #flash_file_io {
  padding: 0px;
  border: none;
}

* html #popup_content input.input_submit_button, * html #flash_file_io_content, * html #flash_file_io {
  position: absolute;
}

input.input_submit_button {
  margin-top: 5px;
  background-color: #666666;
  border: 1px solid #fff;
  padding: 1px 2px 1px 2px;
  font-size: 0.85em;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
}

input.input_submit_button:hover {
  color: #666666;
  background-color: #fff;
  border: 1px solid #666666;
}

.submit_button .label {
  margin: auto;
  padding-top: 3px;
  height: 10px;
  font-size: 0.85em;
  color: #fff;
  font-weight: bold;
}

/* popup: end */

/* progress floater: start */
#progress_floater {
  position: fixed;
  top: 100%;
  left: 50%;
  width: 327px;
  height: 38px;
  color: #fff;
  z-index: 10;
  background: url(/site_media/images/progress_floater.png);
  margin-top: 0px;
  margin-left: -470px;
  text-align: left;
}

#progress_label {
  padding: 11px;
  font-weight:bold;
  font-size: 1.1em;
  float: left;
  width: 91px;
  overflow:hidden;
}

#progress_bar {
  float:left;
  background: url(/site_media/images/progress_bar_unit.gif) repeat;
  height: 17px;
  width: 0px;
  margin-top: 11px;
}

* html #progress_floater_wrapper {
  position: absolute;
}

* html fixed_floaters {
  height: 100%;
  overflow: auto;
}

/* progress floater: end */

/* floating notice: start */

.floating_notice {
  position: fixed;
  top: 100%;
  left: 100%;
  width: 200px;
  height: 60px;
  color: #fff;
  margin-left: -205px;
  z-index: 9999;
}

* html #floating_notices {
  height: 100%;
  overflow: auto;
}

* html .floating_notice {
  position: absolute;
}

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

.floating_notice .top {
  background: transparent url(/site_media/images/floating_notice_top.png);
  width: 200px;
  height: 15px;
  float: left;
  clear: both;
}

* html .floating_notice .mid, * html .floating_notice .bottom {
  position: relative;
  top: -1px;
}

.floating_notice .mid {
  background: transparent url(/site_media/images/floating_notice_mid.png) repeat-y;
  width: 200px;
  height: 25px;
  float: left;
  clear: both;
}

.floating_notice .bottom {
  background: transparent url(/site_media/images/floating_notice_bottom.png);
  width: 200px;
  height: 20px;
  float: left;
  clear: both;
}

table.floating_notice_content {
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 8px 8px 8px 10px;
  text-align: left;
  float: left; 
  clear: both;
}

table.floating_notice_content img {
  width: 35px;
  height: 35px;
  border: 2px #000 solid
}

table.floating_notice_content .notice_text {
  margin: 0px 0px 0px 6px;
  position: relative;
  top: -2px;
  width: 132px;
  font-size:11px; 
  line-height:12px;
  font-weight: bold;
}

/* floating notice: end */

/* errors: start */
.errorExplanation {
  float: left;
  width: 796px;
  margin-top: 8px;
  margin-bottom: 0px;
  text-align: center;
  border: 2px solid #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #333;
  color: #fff;
}

.errorExplanation ul {
  text-align: left;
  margin-left: 30px;  
}

.errorExplanation p {
  text-align: left;
  padding-left: 15px;
}

.errorExplanation h2 {
  font-size: 1.2em;
  color: #fff;
  padding-bottom: 5px;
}

.fieldWithErrors {
  border: 2px solid #f00;
}

/* errors: end */

.right_to_upload_notice {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  background-color: #333;
  float: left;
}

.right_to_upload_notice .inner {
  margin: 5px;
}

#popup_content .textfield p {
  font-size: 0.9em;
  padding-bottom: 3px;
}

#popup_content p.label {
  padding-bottom: 2px;
}

#popup_content .textfield input {
  width: 160px;
}

table[className="register_popup_content"] {
  margin-top:20px;
}

#register_popup_content td {
  padding-right: 15px;
  padding-bottom: 12px;
}

#register_popup_content .terms_of_service_field {
  font-size: 0.9em;
  font-weight: bold;
}

#song_edit_popup_form tr select {
  width: 165px;
}

#song_edit_popup_form tr.downloadable input {
  width: 20px;
}

#song_edit_popup_content td {
  padding: 4px 15px 4px 0px;
  font-weight: bold;
}

#user_birth_date_1i {
  width: 60px;
}

#login_popup_content td {
  padding: 8px 0px 8px 30px;
}

#login_popup_content .caption {
  float: left;
  width: 100px;
  padding-left: 5px;
}

#user_change_photo .right_to_upload_notice {
  width: 400px;
}

form.song input#id_name, form.song input#id_factoid_text {
  width: 338px;
}

form.song select {
  width: 170px;
}

form.song p.terms_of_service {
  width: 438px;
  margin: 10px 0px 10px 0px;
}

.genre_panel {
  width: 200px;
  padding-bottom: 12px;
  float: left;
}

#feedback_form textarea {
  width:185px;
}

.mini_tab_button {
  background-color: #e0e0e0;
  color: #666666;
  border: 1px solid #ccc;
}

.mini_tab_button_selected, .mini_tab_button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
}

#miniplayer_menu .mini_tab_button {
  background-color: #4c4c4c;
  color: #fff;
  border: none;
}

#miniplayer_menu .mini_tab_button_selected, #miniplayer_menu .mini_tab_button:hover {
  background-color: #fff;
  color: #4c4c4c;
  border: none;
}


.mini_tab_button, .mini_tab_button_selected {
  height: 15px;
  width: 75px;
  float: left;
  margin: 2px 2px 2px 3px;
  font-size: 0.85em;
  cursor: pointer;
  font-weight: bold;
}

.mini_tab_button span, .mini_tab_button_selected span {
  padding: 2px 4px 2px 4px;
}

#mousehover_panel {
  z-index: 2000;
  padding: 5px;
  font-size: 0.85em;
  position:fixed;
  left:0%;
  top:0%;
  text-align:left;
  background-color: #4c4c4c;
  color: #fff;
}

.top_menu {
  position: fixed;
  overflow:hidden;
  width: 202px;
  z-index: 20;
  margin-left: -5px;
}

.top_menu_contents {
  padding: 2px 8px 2px 8px;
  width: 186px;
  overflow: hidden;
  color: #fff;
  background-color: #666666;
}

#top_navigation .disabled .top_menu .item a {
  color: #aaa;
}

.top_menu .item a {
  padding: 4px 4px 4px 4px;
  font-weight: bold;
  font-size: 0.9em;
  width: 178px;
  float: left;
}

.top_menu .item a:hover {
  background-color: #aaa;
}

#top_navigation .disabled .top_menu .item a:hover {
  background-color: #fff;
}

.top_menu .bottom_menu {
  background: url(/site_media/images/menu_bottom_rounded_corners.png) no-repeat;
  width: 243px;
  height: 26px;
}

.top_menu .bottom_menu_left {
  height: 25px;
  width: 101px;
  background: url(/site_media/images/menu_bottom_rounded_corners.png) no-repeat;
  float: left;
}

.top_menu .bottom_menu_right {
  width: 101px;
  height: 25px;
  background: url(/site_media/images/menu_bottom_rounded_corners.png) no-repeat -152px 0px;
  float: left;
}

.simple_paging {
  text-align: center;
  clear: both;
}

a.next_link, a.prev_link {
  font-weight: normal;
  color: #666666;
}

a.next_link, .next_disabled {
}

a.prev_link, .prev_disabled{
}

.next_disabled, .prev_disabled {
  color: #ccc;
  cursor: default;
}

.empty {
  text-align: center;
  float: left;
}

#genres_container {
  padding-bottom: 8px;
}

#edit_account {
  width:600px;
  margin: auto;
}

#edit_account form {
  border: 1px solid #e0e0e0;
  padding: 20px 25px 20px 25px;
  float: left;
}

#edit_account h4 {
  padding-bottom: 8px;
}

table.generic {
  border-collapse: collapse;
}

table.generic tr th {
  background-color: #f5f5f5;
}

table.generic tr td, table.generic tr th {
  padding: 2px 5px 2px 5px;
  border: 1px solid #e0e0e0;
}

.inline_notice {
  padding: 10px;
  border: 3px solid #000;
}

.song_player_like_text_box {
  width:428px;
  padding:10px;
  border: 1px solid #e0e0e0;
  margin-bottom:15px;
  font-size:0.9em;
}

form table.invisible tr td {
  border:none;
}

.info_box {
  border: 1px solid #e0e0e0;
  padding:10px;
  margin-bottom:5px;
  font-size:1.2em;
}
#intro_panel {
  width: 205px;
  height: 274px;
  float: left;
  background:url(/site_media/images/intro_panel.gif) no-repeat;
}

#intro_panel_content {
  padding: 100px 0px 0px 10px;
  font-size: 0.85em;
  float: left;
  height:140px;
}

#intro_panel a {
  background-repeat: no-repeat;
  height: 16px;
  width: 175px;  
  padding-left: 20px;
  float: left;
  clear: both;
  margin-bottom: 14px;
}

#intro_panel .fbconnect_button {
  padding:10px 0px 0px 0px;
  float:left;
  position: relative;
  margin-left: -10px;
}

#keyboard_shortcuts {
  float:left;
  padding: 0px;
  width:200px;
  height:230px;
}

a .mood_button {
  width: 57px;
  height: 22px;
  background: url(/site_media/images/moods.png) no-repeat;
  float: right;
}

a:hover .mood_button, a:active .mood_button {
  background: url(/site_media/images/moods2.png) no-repeat;
}

#song_tag_radio_links {
  font-size:1.1em;
  width:180px;
  float:right;
}

.song_tag_radio_link_selected {
  font-weight: bold;
}

.jfy_song_comment {
  margin-bottom:15px;
  padding: 5px
}

.jfy_song_comment td.photo {
  width: 60px;
}

.jfy_song_comment .text_body {
  width: 370px;
}

.jfy_song_comment .attribution {
  float:right;
  padding: 5px 30px 0px 0px;
}

#song_snippet {
  margin: 12px 12px 12px 0px;
  width: 180px;
  float: right;
  overflow:hidden;
}

#song_snippet p {
  font-size: 0.85em;
}

/* rack_item popup: start */
.rack_item_popup_content a, .rack_item_popup_content a.username {
  color: #fff;
}

.rack_item_popup_content img {
  width: 200px;
  height: 200px;
}

/* rack_item popup: end */

table.mini_user_entries tr td.rank {
  font-weight: bold;
  font-size: 1.2em;
  padding-right: 5px;
}

table.mini_user_entries tr td.photo img {
  border: 2px solid #000;
  width: 35px;
  height: 35px;
  margin-right: 5px;
}

* html table.mini_user_entries .levelbar_mini .fg {
  top: -18px;
}
#collection_song_player {
  float: left;
}

#collection_song_player .song_player {
  margin-bottom: 4px;
  margin-left: -1px;
}

* html #collection_song_player .song_player {
  margin-left: 0px;
}

.collection_items {
  float: left;
}

/* featured music: start */

#collection_main .select_music {
  margin-left: -1px;
  margin-bottom: 4px;
}

#collection_featured_music {
  width: 166px;
}

#collection_featured_music .collection_song_holder {
  width: 152px;
}

#collection_featured_music .collection_song_holder .song_info  {
  width: 117px;
}

.collection_song_holder img.destroy {
  position:absolute;
  float: right;
  width: 13px;
  height: 13px;
  margin: 2px 0px 0px -20px;
}


#collection_collections {
  margin: 0px;
}

#collection_collections a.drag_hover:link, #collection_collections a.drag_hover:visited {
  color: #fff;
  background-color: #999999;
}

#collection_collections .actions {
  float: left;
  padding-left: 8px;
}

/* featured music: end */

.collection_song_holder {
  background-color: #fff;
  width: 148px;
  height: 35px;
  margin-bottom: 2px;
  overflow: hidden;
  text-align: center;
}

.collection_song_holder_hover .song_sticker {
  background-color: #ccc;
  color: #fff;
}

.collection_song_holder .empty{
  margin: auto;
  padding-top: 10px;
  font-weight: bold;
  font-size: 0.8em;
}

.collection_song_holder_hover {
  background-color: #ccc;
  color: #fff;
}

/* tunebox: start */

#collection_tunebox .layout_panel_content {
  margin-top: 0px;
}

#collection_tunebox input.input_submit_button {
  float: right;
}

#collection_tunebox .tunebox_sent_message {
  text-align: center;
  height: 220px;
}

#collection_tunebox .tunebox_sent_message h1 {
  padding-top: 95px;
}

#collection_tunebox .compose_layout {
  height: 220px;
}

#collection_tunebox .compose_header {
  padding: 5px;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 4px;
}

#collection_tunebox .compose_header p {
  margin-bottom: 2px;
}

#collection_tunebox .compose_header input {
  width: 136px;
  font-size: 0.8em;
}

#collection_tunebox {
  overflow: hidden;
  float: left;
  width: 166px;
}

#collection_tunebox span.instructions {
  font-size: 0.8em;
}

#collection_tunebox h3 {
  background: url(/site_media/images/tunebox_logo.gif) no-repeat 0 50%;
  padding: 4px 0px 5px 35px;
}

#collection_tunebox .collection_tunebox_empty {
  text-align: center;
  height: 25px;
  margin-top: 14px;
}

#collection_tunebox .collection_tunebox_message {
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
  width: 145px;
  border: 2px solid #000;
}

#collection_tunebox .collection_tunebox_message_wrapper {
  margin-top: 10px;
  position: relative;
  margin-bottom: 10px;
}


#collection_tunebox .message_read_overlay {
  cursor: pointer; 
  position: absolute; 
  border: 2px solid #000;
  background-color: #aaa; 
  width: 145px;
  height: 58px; 
  z-index: 1; 
  text-align: center; 
  -moz-opacity:.40; 
  opacity: .40; 
  top: 0px;
  filter:alpha(opacity=40);
  display: none;
}


#collection_tunebox .collection_tunebox_message_wrapper:hover .collection_tunebox_message {
  background-color: #999999;
}

#collection_tunebox .collection_tunebox_message_wrapper:hover .sender_info {
  border-color: #fff;
}

#collection_tunebox .collection_tunebox_message .sender_info {
  width: 145px;
  height: 35px;
  border-width: 0px 0px 1px 0px;
  border-color: #999999;
  border-style: solid;
}

#collection_tunebox .collection_tunebox_message .sender_info img {
  width: 35px;
  height: 35px;
  float: left;
}

#collection_tunebox .collection_tunebox_message .sender_info_text {
  float: left;
  margin: 2px 0px 3px 5px;
  width: 105px;
}

#collection_tunebox .collection_tunebox_message .sender_info_text span.time {
  font-size: 0.8em;
}

#collection_tunebox .collection_tunebox_message .message_text {
  width: 145px;
}

#collection_tunebox .collection_tunebox_message .message_text div {
  font-size: 0.8em;
  padding: 4px;
}

#collection_tunebox .actions {
  font-size: 0.8em;
  text-align: right;
  height: 14px;
  width: 150px;
  position: relative;
  left: -1px;
}

#collection_tunebox .actions .action a {
  text-align: center;
  width: 40px;
  float: right;
  background-color: #666666;
  color: #fff;
  margin-left: 1px;
}

#collection_tunebox .actions .action a:hover {
  background-color: #fff;
  color: #666666;
}

/* tunebox: end */

.collections input {
  width: 130px;
  margin: 3px 0px 3px 8px;
}

.collections a.destroy {
  width: 13px;
  height: 13px;
  position: relative;
  left: 2px;
  top: -2px;
}

.collections .empty, .artist_collections .empty {
  text-align: center;
}

ul.collection_items li:hover div {
  background-color: #999999;
  color: #fff;
}

ul.collection_items li.selected div {
  background-color: #999999;
  color: #fff;
}

.collection_items li.collection_item div {
  color: #666;
  font-weight: bold;
  height: 20px;
  background-color: #f6f6f6;
  overflow: hidden;
  float: left;
  margin: 0px 1px 1px 1px;
}

ul.collection_items li.collection_item {
  cursor: pointer; 
  float: left;
  list-style: none;
}

.collection_items_header {
  margin-left: 1px;
  margin-bottom: 2px;
  float: left;
}

.collection_items_header div {
  float: left;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background-color: #666666;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 2px;
}

.collection_items_header .song {
  width: 272px;
}

.collection_items_header .artist {
  width: 172px;
  margin-right: 0px;
}

.collection_items span.song_label {
  float: left;
  width: 248px;
  line-height: 19px;
  position: relative;
  top: -1px;
}

.collection_items span.artist_label {
  line-height: 19px;
  position: relative;
  top: -1px;
}

.collection_items img.destroy {
  float: right;
  width: 13px;
  height: 13px;
  margin: 4px 4px 0px 0px;
}

.collection_items span {
  margin: 2px 0px 0px 6px;
  float: left;
}

.collection_items div {
  height: 20px;
  background-color: #fff;
}

.collection_items .collection_item_song {
  width: 272px;
}

.collection_items .collection_item_artist {
  width: 172px;
}

/* artists: start */
.artist_collections img {
  width: 35px;
  height: 35px;
  float: left;
}

.artist_collections .artist_button {
  cursor: pointer;
  background-color: #fff;
  height: 35px;
}

.artist_collections .artist_spacer {
  height: 8.3px;
  font-size: 0.5em;
  cursor: default;
}

.artist_collections .artist_metas {
  height: 35px;
  width: 115px;
  float: left;
  cursor: pointer;
}

.artist_collections .selected .artist_metas {
  background-color: #aaa; 
}

.artist_collections .selected .artist_metas div {
  color: #fff;
}

.artist_collections .artist_button:hover {
  background-color: #aaa;
}

.artist_collections .artist_button:hover div {
  color: #fff;
}

.artist_collections .artist_metas .artist_name {
  font-size: 0.9em;
  font-weight: bold;
  color: #000;
  padding-top: 3px;
  margin-right: 3px;
  overflow: hidden;
  height: 14px;
}

.artist_collections .artist_metas div {
  margin-left: 3px;
  font-size: 0.8em;
  padding-left: 3px;
  color: #000;
}

#collection_artists {
  width: 168px;
}

#collection_artists h3 {
  margin-bottom: 5px;
}
 
#collection_artists_navigation {
  padding-top: 3px;  
  padding-bottom: 3px;
  text-align: center;
}

/* artists: end */

#collection_digg_button {
  width:160px;
  height: 88px;
  overflow:hidden;
  float:left;
}
input.radio {
  position: relative;
  top: 2px;
}

a.toggle {
  border:1px solid #e0e0e0;
  padding:0px 3px 0px 3px;
  text-decoration:none;
}

#patron_board h4 {
  font-weight: normal;
  padding-bottom:8px;
}

.artist_board_column {
  float:left;
  width:133px;
  overflow:hidden;
}

#patron_board .top_listener {
  float:left;
  clear:both;
  text-align:center;
  padding-bottom: 5px;
}

#patron_board .top_listener .caption {
  text-align: left;
  width: 62px;  
  padding-left: 5px;
  overflow:hidden;
  font-size: 0.85em;
}

#patron_board .top_listener .caption img {
  height:10px;
}


#artist_page_info {
  margin: auto; 
  width:400px;
}

#artist_page_info .header_container {
  width: 400px;
}

#artist_songs .header_container {
  width: 450px;
}

.header_container {
  float: left;
  clear: both;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #e0e0e0;
  padding-bottom: 2px;
  margin-bottom: 8px;
}

.header_container span {
  font-size: 1.2em;
  font-weight: bold;
  float: left;
}

.header_container a {
  float: right;
}

#artist_page_photo_list {
  width:200px;
  height:200px;
  position:relative;
  top:-1px;
  left: 1px;
}

#artist_page_info .profile_photo_wrapper {
  float: left;
  height: 198px;
  width: 200px;
  overflow:hidden;
}

#artist_page_photo_list .filler_photo {
  background-color: #e6e6e6;
}

#artist_page_photo_list img, #artist_page_photo_list .filler_photo {
  width: 48px;
  height: 48px;
  float: left;
  margin:1px;
}

#artist_page_info .caption {
  font-size: 0.9em;
  color: #666666;
}

#artist_biography, .artist_blog_post_entry {
  float: left;
  font-size: 0.9em;
  width: 395px;
  overflow: hidden;
}

#artist_biography_form textarea#biography_text, #artist_blog_post_form textarea#post_text {
  width: 390px;
  height: 200px;
}

#artist_page_shows {
  width: 400px;
  float: left;
}

.show_entry {
  padding: 14px 0px 0px 0px;
}

.show_entry .date_ticker {
  width: 30px;
}

.show_entry .date_ticker .month {
  width:26px;
  height: 14px;
  background-color:#d51007;
  color:#fff;
  border: 1px solid #d51007;
  text-align:center;
  font-size:0.8em;
  font-weight:bold;
}

.show_entry .date_ticker .day_of_month {
  width:26px;
  height:21px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #e0e0e0;
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}

.show_entry .show_text {
  padding: 0px 0px 0px 8px;
  font-size:0.85em;
  position: relative;
  top: -1px;
  left: -2px;
}

.show_entry .show_text .description {
  font-weight: bold;
  font-size: 1.3em;
  color: #000;
}

input#id_venue {
  width: 200px;
}
input#id_description {
  width: 200px;
}
input#id_address {
  width: 200px;
}
input#id_city_name {
  width: 200px;
}

tr.album_songs_edit td .album_songs_container {
  padding: 5px;
}

tr.album_songs_edit td .album_songs_container .album_song {
  padding: 5px;
  border-width:0px 0px 1px 0px; 
  border-style: solid; 
  border-color: #999;
  cursor: pointer;
  list-style-type: none;
}

tr.album_songs_edit td .album_songs_container .album_song:hover {
  background-color:#f9f9f9;
}

tr.album_songs_edit td .album_songs_container .meta_field {
  padding:5px;
  background-color:#fff;
}

.album_list .album {
  width: 100px;
  height: 145px;
  overflow: hidden;
  text-align: center;
  padding: 6px;
  float: left;
  clear: none;
}

.album_list .album .title {
  width: 100px;
  height: 14px;
  overflow: hidden;
  text-align: center;
  float: left;
  font-weight: normal;
}

.album_list .album .songs_count {
  width: 100px;
}

.album_list .album img {
  width: 90px;
  height: 90px;
}

.album_list {
  width: 450px;
  float: left;
  clear: right;
  font-size: 0.95em;
}
#quest_log {
  height: 285px;
  overflow:hidden;
}

#quest_info {
  height: 285px;
  overflow:hidden;
  padding: 4px 0px 0px 10px;
}

#quest_info h3 {
  font-weight: normal;
}

#quest_log td.menu {
  padding: 8px;
  background-color: #4c4c4c;
  width: 170px;
  overflow:hidden;
}

#quest_log td.menu .quest_links {
  margin: 4px 0px 8px 0px;
  width: 170px;
  float:left;
  clear:both;
}

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

#quest_log td.menu .quest_links a.quest_link, #quest_log td.menu .quest_links a.quest_link_selected {
  float:left;
  clear:both;
  padding: 4px;
  color: #fff;
  text-decoration:none;
  width: 162px;
  font-size: 1.1em;
}

#quest_log td.menu .quest_links a.quest_link:hover, #quest_log td.menu .quest_links a.quest_link:active , #quest_log td.menu .quest_links a.quest_link_selected {
  background-color: #aaa;
}

#quest_log .progress {
  margin-top:4px;
  color: #ccc;
  font-weight:bold;
}

#quest_log .progress_completed {
  color: #89bd41;
}

#quest_log .guide, #quest_log .description {
  margin: 4px 0px 12px 0px;
}

#quest_log a.button {
  text-decoration:none;
  padding:4px;
  font-size:0.85em;
  background-color:#aaa;
}

#quest_log a.button:hover, #quest_log a.button:active {
  background-color:#ccc;
}

#album_collectibles img.songs_count_bg {
  position: absolute;
}

#album_collectibles div.songs_count div.songs_count_label {
  text-align:center;
  position:absolute;
  color: #fff;
  font-weight:bold;
  width: 100%;
  height: 100%;
}

#album_collectibles div.songs_count {
  position:absolute;
}

#album_collectibles .songs_count div {
  position: relative;
  top: 4px;
}

#album_collectibles_caption {
  width: 180px;
  height:16px;
  overflow:hidden;
}

#album_collectibles_header .disabled {
  -moz-opacity:.40;
  opacity: .40;
  filter:alpha(opacity=40);
  cursor: default;
}

#album_collectibles_up {
  padding: 2px 0px 0px 2px;
  cursor: pointer;
}

#album_collectibles_down {
  padding: 2px 2px 0px 0px;
  cursor: pointer;
}

#album_collectibles_header {
  background-color:#ebebeb;
  width:190px;
  z-index:10;
  padding:3px;
  text-align:center;
  font-weight:bold;
  font-size: 0.9em;
  color: #666;
}

#album_collectibles {
  padding: 15px 0px 15px 0px;
  margin-bottom:15px;
  width:200px;
  height:470px;
}

#album_collectibles .album_collectible {
  position: absolute;
}

#album_collectibles .album_collectible img {
  position: absolute;
}

#album_collectibles .album_collectible img.album_art {
  border: 1px solid #ebebeb;
}

.tag_sidebar tr th.button div {
  width: 10px;
  height: 10px;
}

.tag_sidebar tr.expander th div {
  background: url(/site_media/images/table_expand_button.gif) 2px 0px no-repeat;
}

.tag_sidebar tr.collapser th div {
  background: url(/site_media/images/table_collapse_button.gif) no-repeat;
}

.tag_sidebar {
  width: 200px;
  font-size: 0.9em;
  padding-bottom: 8px;
}

.tag_sidebar tr {
  cursor: pointer;
}

.tag_sidebar tr:hover td, .tag_sidebar tr.selected {
  background-color: #666;
}

.tag_sidebar tr:hover td a, .tag_sidebar tr.selected a {
  color: #fff;
}

.tag_sidebar tr a {
  width: 150px;
  padding: 3px;
  display: block;
  overflow:hidden;
}

.tag_sidebar tr th.button {
  padding-left: 5px;
  width: 10px;
}

.tag_sidebar tr th {
  background-color: #ebebeb;
  color: #666;
}

.tag_sidebar tr th {
  padding: 3px;
}

.tag_sidebar tr .count {
  text-align:right;
  font-weight: bold;
  color: #666;
  padding: 3px 6px 3px 0px;
  width: 30px;
}

.tag_sidebar tr:hover td.count, .tag_sidebar tr.selected td.count {
  color: #fff;
}


.user_info {
  padding: 0px 0px 8px 0px;
  font-size: 0.9em;
}

.user_info a.username {
  font-size: 1.4em;
  font-weight: bolder;
  color: #000;
}

a.icon_link {
  padding: 0px 0px 0px 20px;
  margin: 2px 0px 2px 0px;
  display:block;
  height: 15px;
  color: #000;
}

a.listen_to_radio_link {
  background:transparent url(/site_media/images/radio_play_button.gif) no-repeat; 
}

a.artist_tip_link {
  background:transparent url(/site_media/images/artist_tip_button.png) no-repeat;
}

a.subscribe_link {
  background:transparent url(/site_media/images/subscribe_button.gif) no-repeat; 
}

a.unsubscribe_link {
  background:transparent url(/site_media/images/unsubscribe_button.gif) no-repeat; 
}

.listener_subscriptions {
  padding: 10px 10px 10px 0px;
  float: right;
}

.listener_subscriptions h4 {
  float:right;
  font-size:1.3em;
  clear:both;
}

.listener_subscriptions .photos_panel {
  width:190px;
  padding-top: 6px;
  float: left;
  clear: both;
  text-align: right;
}

.listener_subscriptions .more {
  clear: both;
  float: right;
  width: 191px;
  padding-top:2px;
}

.listener_subscriptions .more a {
  float: right;
  font-size: 0.85em;
}


#leaders_list_content {
  height: 508px;
  margin: 0px;
}

#leaders_main table.results_list, #leaders_main table.search_results_tab {
  width: 626px;
}

#leaders_paging {
  clear:both;
  width:600px; 
  margin-top: 8px;
}


table.search_results_tab tr td {
  float: left;
  background-color: #e0e0e0;
  border-width: 1px 1px 1px 0px;
  border-color: #ccc;
  border-style: solid;
  text-align: center;
  cursor: pointer;
  height: 18px;
  overflow:hidden;
}

table.search_results_tab tr td.right_filler {
  background: none;
  border-width: 0px 0px 1px 0px;
  text-align: right;
  height: 19px;
}

table.search_results_tab tr td.left_filler {
  background: none;
  border-width: 0px 1px 1px 0px;
  height: 19px;
  width: 19px;
}

table.search_results_tab {
  margin-bottom: 25px;
}

table.search_results_tab tr td:hover {
  background-color: #fff;
}

table.search_results_tab tr td.selected {
  background-color: #fff;
  border-width: 1px 1px 0px 0px;
}

table.search_results_tab tr td a, table.search_results_tab tr td div {
  width: 75px;
  display: block;
  color: #666666;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  padding: 2px 0px 2px 0px;
}

table.search_results_tab tr td a:active, table.search_results_tab tr td a:hover {
  color: #000;
}

table.search_results_tab tr td.selected a {
  color: #000;
}

table.results_list tr td.rank {
  font-size: 1.2em;
  font-weight: bolder;
  text-align: center;
  width: 30px;
  border-width: 1px 0px 0px 1px;
}

table.results_list tr td.username a.username, table.results_list tr td.artist_name a, table.results_list tr td.group_name a {
  font-size: 1.2em;
  font-weight: bolder;
  color: #000;
}

table.results_list tr td.username, table.results_list tr td.artist_name, table.results_list tr td.group_name {
  padding-left: 5px;
  padding-right: 5px;
}

table.results_list tr td.description {
  border-width: 1px 0px 0px 0px;
}

table.results_list tr td.description .description_content {
  height: 30px;
  overflow:hidden;
  font-size: 0.9em;
}

table.results_list tr td.members {
  border-width: 1px 1px 0px 0px;
  padding: 5px;
}

table.results_list tr td.username, table.results_list tr td.group_name, table.results_list tr td.artist_name {
  border-width: 1px 0px 0px 0px;
}

table.results_list tr td.artist_name span.covered_by {
  font-size: 0.9em;
}

table.results_list tr td.levelbar {
  font-size: 0.8em;
  width: 160px;
  border-width: 1px 0px 0px 0px;
}

table.results_list tr td.subscribers {
  padding-right: 5px;
  border-width: 1px 0px 0px 0px;
}

table.results_list tr td.genres {
  padding-right: 5px;
  border-width: 1px 1px 0px 0px;
}

table.results_list tr span.genres {
  font-size: 0.8em;
  padding-top: 3px;
  height: 12px;
  display: block;
}

table.results_list tr td.song_metadata {
  font-size: 0.8em;
  width: 240px;
  border-width: 1px 0px 0px 0px;
}

table.results_list tr td.song_bump_panel {
  border-width: 1px 1px 0px 0px;
}

table.results_list tr td div.bump_report {
  font-size: 1.2em;
}

table.results_list tr td div.discovery {
  font-size: 1.1em;
}

table.results_list tr td div.discovery a {
  color: #293040;
}

table.results_list tr td div.song_actions {
  float:left;
  width:50px;
}

table.results_list .levelbar td {
  border: none;
}

table.results_list tr, table[className="results_list"] tr td {
  background-color: #fff;
  cursor: default;
}

table.results_list tr.song_result, table.results_list tr.song_result td {
  cursor: pointer;
}

table.results_list tr td {
  border: 1px solid #ececec;
}

table.results_list tr:hover, table[className="results_list"] tr:hover td {
  background-color: #f6f6f6;
}

table.results_list tr td.last_played {
  border-width: 1px 1px 0px 0px;
}

table.results_list tr td .last_played_song {
  padding-left: 5px;
  width: 170px;
}

table.results_list tr td span.label {
  font-size: 0.8em;
}

table.results_list td.photo {
  border-width: 1px 0px 0px 1px;
  width: 37px;
}

table.results_list tr.user_result td.photo, table.results_list tr.artist_result td.photo {
  border-width: 1px 0px 0px 0px;
}

table.results_list tr.user_result a.listen {
  font-size:0.85em;
  font-weight:normal;
  cursor:pointer;
  padding-left: 2px;
}

table.results_list td.photo img {
  border: 2px solid #000;
  width: 35px;
  height: 35px;
  margin-left: 5px;
}

table.results_list tr {
  height: 50px;
}

#search_results, #browse_results {
  height: 511px;
  margin-bottom: 8px;
  background-color: #fff;
}

#browse_rightbar, #search_rightbar, #photo_sets_rightbar {
  float: left;
  width: 166px;
}

#browse_main, #search_main {
  float: left;
  width: 672px;
  padding-left: 70px;
  overflow: hidden;
}

#browse_form {
  width: 616px;
  margin: 4px;
  float: left;
}

#browse_form input.input_submit_button {
  margin-bottom: 0px;
}

table.results_list {
  width: 622px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #f6f6f6;
}

table.results_list td.empty {
  text-align:center;
  border-width: 1px 1px 0px 1px;
  width: 626px;
  padding-top:15px;
  height: 35px;
}

#browse_form .fields {
  float: left;
  clear: none;
}

#browse_form .submit_wrapper {
  text-align: center;
  padding-top: 3px;
  width: 600px;
  float: left;
}

#browse_form #id_min_bumps, #browse_form #id_max_bumps {
  width: 28px;
}

#browse_main .layout_panel_header {
  width: 624px;
}

#browse_main .layout_panel_header .header_mid {
  width: 594px;
}

#browse_main .layout_panel_bottom {
  width: 624px;
}

#browse_main .layout_panel_bottom .bottom_mid {
  width: 598px;
}
#stats_main {
  float: left;
  width: 626px;
}

* html #stats_main {
  padding-left:30px;
}

#stats_rightbar {
  float: left;
  margin-left: 7px;
}

#stats_main .pagination {
  margin-top: 6px;
  width: 626px;
  margin-bottom: 8px;
  float: left;
}

#bumps_list, #discoveries_list, #revives_list {
  margin: 0px;
}

#stats_main table.results_list {
  width: 624px;
}
* html #feedback {
  height: 100%;
  overflow: hidden;
}

#feedback img, #feedback_form_wrapper {
  position: fixed;
  left: 0%;
  top: 100%;
  margin-top:-200px;
  cursor: pointer;
}

#feedback_form_wrapper {
  background-color: #ff2222;
  width: 200px;
  height: 300px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  margin-top:-350px;
}

#feedback_form_wrapper a {
  padding: 3px 0px 0px 5px;
  float: left;
  font-size: 0.85em;
}

* html #feedback img, * html #feedback_form_wrapper {
  position: absolute;
}

#feedback input.email, #feedback select, #feedback textarea {
  width: 184px;
  border: none;
}

#feedback input.input_submit_button {
  float: right;
  background-color: #fff;
  color: #000;
  border-width: 0px;
}

#feedback input.input_submit_button:hover, #feedback input.input_submit_button:active {
  background-color: #000;
  color: #fff;
}
#forum_main input#id_name {
  width: 650px;
}

#forum_main textarea#id_post_body {
  width:650px;
  height: 200px;
}

* html textarea#id_post_body {
  position: relative;
  left: 1px;
}

#new_topic_wrapper, #list_posts_wrapper {
  float: left;
  border: 1px solid #f6f6f6;
  margin-bottom:8px;
}

#new_topic_form, #list_posts {
  width: 650px;
  margin: 10px 10px 0px 10px;
  padding-bottom: 10px;
  float: left;
}

* html #list_posts {
  float: none;
}

#list_posts_header {
  padding-bottom: 8px;
}

* html #new_topic_form {
  margin: 4px;
}

#list_topics {
  padding-bottom: 10px;
  float: left;
}

#list_topics table {
  padding-top:5px;
  position: relative;
  top: -2px;
  font-size: 1.1em;
}

#list_topics tr {
  height: 26px;
  overflow: hidden;
}

#list_topics tr td.empty {
  text-align: center;
  padding: 3px;
}

#list_topics tr th {
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  background-color: #666666;
  padding-top: 3px;
  padding-bottom: 3px;
}

#list_topics tr th.subject {
  width: 450px;
}

#list_topics tr th.replies {
  padding: 0px 5px 0px 5px;
}

#list_topics tr th.last_post {
  width: 150px;
}

#list_topics tr td.subject {
  font-size: 0.9em;
}

#list_topics tr td.replies {
  text-align: center;
}

#list_topics tr td.last_post {
  font-size: 0.8em;
  padding-left: 5px;
}

#list_topics tr:hover {
  background-color: #f6f6f6;
}

#list_posts tr td.poster {
  width: 100xp;
}

#list_posts tr td.poster .genres {
  font-size: 0.85em;
}

#list_posts tr td {
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #f6f6f6;
  padding-bottom: 8px;
  padding-top: 8px;
}

#list_posts tr td.body {
  width: 515px;
}

#list_posts tr td.body div.contents {
  width: 515px;
  word-wrap: break-word;
  padding-top: 5px;
}

#list_posts tr td.poster {
  width: 85px;
}

#list_posts tr td.poster img {
  width: 80px;
  height: 80px;
}


.reply_post_form input#id_subject {
  width: 510px;
}

.reply_post_form textarea#id_body {
  width: 510px;
  height: 150px;
}

* html .reply_post_form textarea#id_body {
  position: relative;
  left: 1px;
}
.static_content {
  width: 600px;
  margin: auto;
}

.static_content ul {
  padding-top: 8px;
  padding-bottom: 8px;
}

.static_content ul li {
  position: relative;  
  left: 30px;
  width: 570px;
}

#static_faq h4 {
  padding: 8px 0px 8px 0px; 
  font-weight: normal;
}

#static_faq .question_and_answer {
  padding-bottom: 8px;
  clear: both
}

#static_faq .answer {
  padding-top: 8px;
}

.challenges_content {
  font-family: 'Trebuchet MS';
  font-size: 1.1em;
  width: 600px;
  margin-left: 0px;
}

.challenges_content h4, .challenges_content h4 {
  padding-bottom: 4px;
}

.challenges_content p {
  padding: 4px 0px 4px 0px;
}

.challenges_content pre {
  padding-bottom: 8px;
}

.comments td.spacer_cell {
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #e0e0e0;
  height: 5px;
}

.comments {
  overflow: hidden;
  width: 450px;
}

.comments input.input_submit_button {
  float: right;
  margin: 5px 5px 0px 0px;
}

.comments table {
  margin: 5px 0px 5px 0px;
  width: 432px;
  float: left;
}

.comments .empty {
  padding: 15px 0px 15px 0px;
  width: 432px;
  float: left;
  text-align: center;
}

.comments .comment_status {
  float: left;
  margin: 5px 0px 0px 5px;
}

textarea#comments_post {
  background-color: #fff;
  margin: auto;
  text-align: left;
  width: 442px;
  height: 80px;
  border: 1px solid #e0e0e0;
  padding: 3px;
  font-family: Helvetica, Arial;
  font-size: 0.9em;
}

.comments td.photo img {
  height: 50px;
  width: 50px;
}

.comments .comment_header {
  font-size: 1.1em;
}

.comments .comment_date {
  font-size: 0.8em;
  color: #666666;
}

.comments a.username, .comments a.artist {
  font-weight: bold;
}

.comments .comment_contents {
  width: 385px;
}

.comments .message_text {
  margin-top: 2px;
}

.comments .actions {
  margin-top: 5px;
  font-size: 0.85em;
}
#miniplayer_menu {
  margin-left:143px;
  width: 243px;
  height: 253px;
}

#miniplayer_menu_contents {
  height: 237px;
  width: 236px;
  overflow:hidden;
}

#miniplayer_menu_tabs {
  float:left;
  clear:both;
  width:243px;
  text-align:left;
  margin-bottom: 8px;
  position: relative;
  left: -2px;
}

.miniplayer_menu_song_container .filler {
  width: 227px;
  height: 170px;
  float: left;
}

.miniplayer_menu_song_container {
  text-align: left;
  float:left;
  clear:both;
}

.miniplayer_menu_song_container .item {
  width: 217px;
  font-size: 0.85em;
  overflow: hidden;
  height: 13px;
  padding: 2px 5px 2px 5px;
  cursor: pointer;
  float: left;
}

.miniplayer_menu_song_container .item:hover {
  background-color: #aaa;
}

.miniplayer_menu_song_container .item_selected {
  background-color: #aaa;
}

#miniplayer_menu_and_player {
  width: 390px;
}

#miniplayer {
  width:390px;
  height:38px;
  overflow: hidden;
  text-align:left;
}

#miniplayer_controls {
  width: 128px;
  height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 6px;
}

#miniplayer_controls .play_button {
  background: url(/site_media/images/miniplayer/play_button.gif) no-repeat;
}

#miniplayer_controls .play_button_hover {
  background: url(/site_media/images/miniplayer/play_button_hover.gif) no-repeat;
}

#miniplayer_controls .pause_button {
  background: url(/site_media/images/miniplayer/pause_button.gif) no-repeat;
}

#miniplayer_controls .pause_button_hover {
  background: url(/site_media/images/miniplayer/pause_button_hover.gif) no-repeat;
}

#miniplayer_controls .prev_button {
  background: url(/site_media/images/miniplayer/prev_button.gif) no-repeat;
}

#miniplayer_controls .prev_button_hover {
  background: url(/site_media/images/miniplayer/prev_button_hover.gif) no-repeat;
}

#miniplayer_controls .next_button {
  background: url(/site_media/images/miniplayer/next_button.gif) no-repeat;
}

#miniplayer_controls .next_button_hover {
  background: url(/site_media/images/miniplayer/next_button_hover.gif) no-repeat;
}

#miniplayer_prev_button, #miniplayer_next_button {
  margin: 2px 5px 0px 5px;
  width: 15px;
  height: 13px;
  cursor: pointer;
  float: left;
}

#miniplayer_play_button, #miniplayer_pause_button {
  margin: 0px 5px 0px 5px;
  width: 19px;
  height: 18px;
  cursor: pointer;
  float: left;
}

#miniplayer_information {
  height:38px;
  width: 270px;
  overflow:hidden;
  font-size: 0.9em;
}

#miniplayer_information table {
  float: left;
  padding: 3px;
  position: relative;
  top: 1px;
}

#miniplayer_filler {
  height:38px;
  float:left;
  width:270px;
}

#miniplayer_photo {
  width:24px;
  height:24px;
  border: 2px solid #fff;
}

table.miniplayer_information_contents {
  float: left;
  padding: 3px;
}

.miniplayer_photo {
  position: relative;
  top: 1px;
}

.miniplayer_titles {
  position: relative;
  top:-1px;
}

#miniplayer_status {
  font-size: 0.95em;
  width: 100px;
  height: 30px;
}

* html .miniplayer_photo {
  top: 3px;
}

* html .miniplayer_titles {
  top: 2px;
}

img[className="miniplayer_photo"] {
  top: 3px;
}

div[className="miniplayer_titles"] {
  position: relative;
  top: 2px;
}

#miniplayer_song_title, #miniplayer_artist_name {
  height: 15px;
  overflow:hidden;
}

#miniplayer_song_title a, #miniplayer_artist_name a{
  font-weight:normal;
}

#miniplayer_volume_slider {
  float: left;
  text-align:left;
  position: relative;
  top: 3px;
  left: 9px;
}

#miniplayer_volume_slider span {
  float: left;
  margin-top:-1px;
}

#miniplayer_volume_track {
  margin: 4px 0px 0px 0px;
  float: left;
  width:36px;
  height: 4px;
  background: url(/site_media/images/volume_track_background.gif) no-repeat -36px 0px;
  z-index: 1;
}

.miniplayer_volume_track_corners {
  position:relative;
  background: url(/site_media/images/volume_track_corners.gif) no-repeat;
  width:36px;
  height: 4px;
  top: 4px;
  z-index:2;
}

* html .miniplayer_volume_track_corners {
  top: -4px;
}

div[className="miniplayer_volume_track_corners"] {
  top: -4px;
}

* html #miniplayer_volume_track {
  overflow: hidden;
  float: none;
}

#miniplayer_volume_handle {
  height: 8px;
  width: 12px;
  cursor: pointer;
  background: url(/site_media/images/volume_handle.gif) no-repeat;
  margin-top:-2px;
  z-index: 3;
}

#miniplayer_progress_wrapper {
  font-size: 0.85em;
  margin-bottom: 6px;
  margin-top: 6px;
  margin-left: -2px;
}

#miniplayer_progress_slider {
  float: left;
  margin-right:5px;
  margin-left: 2px;
}

#miniplayer_progress_track {
  width:205px;
  height:5px;
  float:left;
  background: url(/site_media/images/progress_track_background.gif) -205px 0px;
  cursor: pointer;
}

#miniplayer_loader {
  margin-left: 2px;
}

#miniplayer a {
  color: #fff;
}

#miniplayer_links {
  font-size: 0.9em;
  height: 15px;
  padding: 4px 0px 0px 2px;
  font-weight: bold;
  position: relative;
  left: -2px;
}

#miniplayer_links a {
  padding: 0px 8px 3px 18px;
}

#miniplayer_links a:hover, #miniplayer_links a:active {
  text-decoration:none;
}

a#miniplayer_score {
  padding-left: 20px;
  padding-right: 0px;
  background: url(/site_media/images/heart_button_empty_miniplayer.png) no-repeat;
}

a#miniplayer_score:hover, a#miniplayer_score:active, a#miniplayer_score.filled {
  background: url(/site_media/images/heart_button.png) no-repeat;
}

a#miniplayer_save {
  background: url(/site_media/images/save_empty_miniplayer.png) no-repeat;
}

a#miniplayer_save:hover, a#miniplayer_save:active {
  background: url(/site_media/images/save_miniplayer.png) no-repeat;  
}

a#miniplayer_repeat {
  background: url(/site_media/images/repeat_empty_miniplayer.png) no-repeat;
}

a#miniplayer_repeat:hover, a#miniplayer_repeat:active, a#miniplayer_repeat.filled {
  background: url(/site_media/images/repeat_miniplayer.png) no-repeat;  
}

a#miniplayer_visual {
  padding-left: 22px;
  background: url(/site_media/images/visual_empty_miniplayer.png) no-repeat;
}

a#miniplayer_visual:hover, a#miniplayer_visual:active {
  background: url(/site_media/images/visual_miniplayer.png) no-repeat;  
}

#miniplayer_links a, #miniplayer_links a:hover, #miniplayer_links a:active, #miniplayer_links a.filled {
  background-position: 0px 1px;
}

a#miniplayer_visual, a#miniplayer_visual:hover, a#miniplayer_visual:active {
  background-position: 0px 2px;
}

a#miniplayer_score.many_digits {
  font-size: 0.85em;
  padding-top: 2px;
}
#inviter_wrapper {
  margin: auto;
  width: 618px;
  overflow:hidden;
}

#inviter_wrapper form table tr td.label {
  text-align:right;
  font-weight: bold;
  font-size: 0.9em;
  color: #666;
  padding-right: 5px;
}

#inviter_wrapper form table tr td {
  padding-bottom: 5px;
}

#inviter_wrapper form table tr td span {
  font-size:0.8em;
}
#inviter_wrapper form table tr td textarea {
  width: 330px;
  height: 130px;
}

#inviter_wrapper .tip {
  background-color: white;
  border: 1px solid #e0e0e0;
  padding: 10px;
  font-size: 0.9em;
  margin-bottom: 8px;
  float:left;
  clear: both;
  width: 596px;
}

form#webmail_login_form #id_email_username, form#webmail_login_form #id_password {
  width: 150px;
}

#inviter_contacts_list table tr {
  cursor: pointer;
}

#inviter_contacts_list table tr:hover {
  background-color:#ccc;
}

#inviter_contacts_list table {
  width: 450px;
}

#inviter_contacts_list table tr td {
  padding: 3px;
}

#import_email_tip {
  margin-left:25px;
  border-width:1px 0px 1px 0px;
  border-style:solid;
  border-color:#e0e0e0;
  padding-top:8px;
  padding-bottom:8px;
  width:165px;

}/* common: start */

.photo_main {
  float: left;
  width: 700px;
  overflow: hidden;
  margin: auto;
}

.photo_wrapper {
  text-align:center;
}

#photo_set_main .photo_wrapper, #photo_sets_main .photo_wrapper {
  padding: 10px;
  float: left;
  overflow:hidden;
}

.photo_wrapper img {
  border: 2px solid #ececec;
  cursor: pointer;
}

.photo_wrapper span {
  font-size: 0.9em;
}

.photo_wrapper .caption {
  padding-top: 8px;
  font-size: 0.9em;
}

.photo_wrapper h4 {
  padding-top: 8px;
  width: 154px;
}

#show_photo_main {
  padding-top: 0px;
}

#photo_set_main .photo_wrapper .caption {
  padding-top: 8px;
  width: 154px;
  font-size: 0.9em;
}

#photo_actions {
  padding-bottom: 8px;
  text-align: center;
}

#photo_actions a {
  font-size: 1.2em;
}.group_panel {
  border-width: 1px 0px 0px 0px; 
  border-style: solid; 
  border-color: #e0e0e0;
  margin-top:3px;
  width:200px;
  padding-top:3px;
  padding-bottom:15px;
  font-size:0.9em;
}a .credit_pack {
  color:#fff;
  background-color:#4d4d4d;
  padding:5px;
  margin-bottom:5px;
  height: 32px;
  overflow:hidden;
}

a .credit_pack .credits {
  font-weight: bold;
  font-size: 0.9em;
}

a .credit_pack .amount {
  font-size: 0.85em;
}

#edit_account a .credit_pack {
  background-color: #999;
}

#buy_credits_form a:active, #buy_credits_form a:hover {
  text-decoration: none;
}

a:hover .credit_pack, a:active .credit_pack, #edit_account a:hover .credit_pack, #edit_account a:active .credit_pack {
  background-color:#ff7b00;
}

.credit_card_actions {
  width:350px;
  height:0px;
  position:relative;
  top:15px;
  left:225px;
  width: 120px;
  font-size: 0.85em;
}

table.credit_card {
  padding: 15px 10px 10px 10px;
  margin-top: 10px;
  border: 1px solid #e0e0e0;
  width: 350px;
  float: left;
}

#popup_content table.credit_card {
  border:none;
  padding:10px;
  margin:0px;
  color:#fff;
}

table.credit_card td.label {
  width: 150px;
  padding: 4px 5px 4px 0px;
  color: #999;
}

#popup_content table.credit_card td.label {
  color: #fff;
}

#id_card_type, #id_country {
  width: 155px;
}

#popup_content #add_credit_card_form .input_submit_button {
  margin:133px 0px 0px 75px;
}

#id_first_name, #id_last_name, #add_credit_card_form #id_address, #id_city, #id_state, #id_zip, #id_card_num {
  width: 150px;
}

#id_country option {
  width: 135px;
  overflow:hidden;
}

#purchase_music_options {
  width: 200px;
}

#purchase_music_options .button {
  margin-top: 4px;
}

#purchase_music_options .button a {
  height: 32px;
  background-color: #555;
  float: left;
  color: #fff;
  text-decoration: none;
  padding-left: 5px;
}

#purchase_music_options .button a .item_name {
  font-weight: bold;
  height: 16px;
  float: left;
  clear: left;
}

#purchase_music_options .button a .item_cost, #purchase_music_options .button a .redownload {
  font-size: 0.8em;
  height: 16px;
  float: left;
  clear: left;
}

#purchase_music_options .button a .redownload {
  display:none;
}

#purchase_music_options .button a.purchased, #purchase_music_options .button a.purchased:hover, #purchase_music_options .button a.purchased:active {
  background-color: #89bd41;
}

#purchase_music_options .button a.purchased:hover .redownload, #purchase_music_options .button a.purchased:active .redownload {
  display: block;
}

#purchase_music_options .button a.purchased:hover .item_cost, #purchase_music_options .button a.purchased:active .item_cost {
  display: none;
}

#purchase_music_options .button a:hover, #purchase_music_options .button a:active {
  background-color: #ff7b00;
}

#purchase_music_options .button a.unavailable {
  cursor: default;
  color: #aaa;
}

#purchase_music_options .button a.unavailable:hover, #purchase_music_options .button a.unavailable:active {
  background-color: #555;
}

#purchase_music_options .large a {
  width: 195px;
}

#purchase_music_options .small a {
  width: 93px;
}#screensaver_wrapper {
  z-index: 10000;
  position:fixed;
}

* html #screensaver_wrapper {
  position: absolute;
}

#screensaver_controls {
  top: 100%;
  left: 50%;
  width: 310px;
  height: 57px;
  position: fixed;
  margin: -200px 0px 0px -155px;
  -moz-opacity: 0.70;
  opacity:.70;
  filter:alpha(opacity=70);
  background-color: #222222;
  z-index: 10001;
}

#screensaver_controls_content {
  padding:16px;
  height: 24px;
  font-size:1.5em;
}

#screensaver_controls_content a {
  height:24px;
}

a#screensaver_repeat {
  background:url(/site_media/images/repeat_empty_screensaver.png) no-repeat; 
  background-position: 0px 2px; 
  padding: 0px 20px 0px 27px;
  text-decoration: none;
}


#screensaver_controls_content a:hover, #screensaver_controls_context a:active, a#screensaver_repeat.filled {
  color: #fff;
}

a#screensaver_repeat:hover, a#screensaver_repeat:active, a#screensaver_repeat.filled {
  background:url(/site_media/images/repeat_screensaver.png) no-repeat;
  background-position: 0px 2px; 
}

a#screensaver_exit {
  background:url(/site_media/images/exit_empty_screensaver.png) no-repeat; 
  background-position: 0px 2px; 
  padding: 0px 0px 0px 27px;
  text-decoration: none;
}

a#screensaver_exit:hover, a#screensaver_exit:active {
  background:url(/site_media/images/exit_screensaver.png) no-repeat;
  background-position: 0px 2px; 
}

a#screensaver_prev {
  background:url(/site_media/images/prev_empty_screensaver.png) no-repeat; 
  background-position: 0px 2px; 
  padding: 0px 7px 0px 27px;
  text-decoration: none;
}

a#screensaver_prev:hover, a#screensaver_prev:active {
  background:url(/site_media/images/prev_screensaver.png) no-repeat;
  background-position: 0px 2px; 
}

a#screensaver_next {
  background:url(/site_media/images/next_empty_screensaver.png) no-repeat; 
  background-position: 0px 2px; 
  padding: 0px 20px 0px 27px;
  text-decoration: none;
}

a#screensaver_next:hover, a#screensaver_next:active {
  background:url(/site_media/images/next_screensaver.png) no-repeat;
  background-position: 0px 2px; 
}

a#screensaver_play {
  background:url(/site_media/images/play_empty_screensaver.png) no-repeat; 
  background-position: 0px 1px; 
  padding: 0px 8px 0px 27px;
  text-decoration: none;
  display: block;
  height: 26px;
}

a#screensaver_play:hover, a#screensaver_play:active {
  background:url(/site_media/images/play_screensaver.png) no-repeat;
  background-position: 0px 1px; 
}

a#screensaver_pause {
  background:url(/site_media/images/pause_empty_screensaver.png) no-repeat; 
  background-position: 0px 1px; 
  padding: 0px 8px 0px 27px;
  text-decoration: none;
  display: block;
  height: 26px;
}

a#screensaver_pause:hover, a#screensaver_pause:active {
  background:url(/site_media/images/pause_screensaver.png) no-repeat;
  background-position: 0px 1px; 
}

#screensaver_credit {
  position: fixed;
  top: 100%;
  left: 100%;
  margin: -35px 0px 0px -130px;
  width: 120px;
  padding-right:10px;
  text-align:right;
  z-index: 10001;
  font-size: 0.8em;
  color: #fff;
}

* html #screensaver_credit {
  position: absolute;
}

#screensaver_song_info {
  position: fixed;
  top: 100%;
  left: 30px;
  margin: -80px 0px 0px 0px;
  font-size: 1.6em;
  font-size:bold;
  font: 'Trebuchet MS', Helvetica, Arial, Verdana;
  z-index: 10001;
  color: #fff;
  text-align:left;
}

#screensaver_song_info .song_title {
  font-size: 1.3em;
}

* html #screensaver_song_info {
  position: absolute;
}

#screensaver {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
}

* html #screensaver {
  position: absolute;
}


