body {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  background-color: #812713;
  background-image: url(../img/bg_red.jpg);
  background-position: top left;
  background-repeat: repeat;
  background-attachment: fixed;
}

body,td,th,p,h1,h2,h3,h4,a,div,span {
	font-family: Tahoma, Geneva, sans-serif;
/*
	font-family: Helvetica, Arial, sans-serif; 
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
*/
}

body,td,th,p,h1,h2,h3,h4 {
	font-size: 15px;
	color: #444;
	word-wrap: break-word;
	white-space:-moz-pre-wrap;
	white-space: normal;
}

.firstletter {
  float: left;
  font-size: 30px;
  font-weight: bold;
  margin-right: 2px;
  margin-top: -14px;
  margin-bottom: -12px;
}
.firstphrase {
  font-weight: bold;
}

.FAQ p.Q {
  font-weight: bold;
}
.FAQ p:first-letter {
  font-weight: bold;
  font-size: 20px;
}

a {
        color: #333333;
}

a:link {
	color: #873838;
	text-decoration: none;
}

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

a:visited {
	color: #873838;
	text-decoration: none;
}

a:active {
	color: #873838;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
/*
	font-weight: bold;
*/
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

h1 {
	font-size: 25px;
	color: #888888;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 15px;
        color: #873838;
        margin-top: 0px;
        margin-bottom: 0px;
}


table, tr, td {
  padding: 0px;
  margin: 0px;
  border: 0px;
  word-wrap: break-word;
  white-space:-moz-pre-wrap;
  white-space: normal;
  vertical-align: top;
}
th {
  text-align: center;
}
div {
  text-align: left;
}

ol li {
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 5px;
}
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
ul li {
  padding: 0px;
  padding-left: 13px;
  background: url(../img/bullet.png) no-repeat 2px 2px;
  margin-top: 3px;
  margin-bottom: 3px;
}
ul li a, p a, ol li a {
/*
  font-weight: bold;
*/
}

li {
  font-size: 11px;
  color: #888888;
}
li p {
  font-size: 13px;
  color: #444444;
  margin: 0px;
  padding: 0px;
}

ul.tabs {
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin-left: 7px;
  margin-bottom: 0px;
} 
ul.tabs li {
  display: inline;
  margin: 0px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 20px;
  background: url(../img/fading_corner_4.png) no-repeat top left;
}
ul.tabs li a {
  font-weight: normal;
}
div.tab_shown {
  display: block;
}
div.tab_hidden {
  display: none;
}
ul.tabs li.tab_selected a {
  font-weight: bold;
}

.page_tl {
  position: absolute;
  background: transparent url(../img/page_tl.png) no-repeat top left;
  width: 8px;
  left: 0px;
  top: -6px;
  height: 8px;
}
.page_t {
  position: absolute;
  background: #ffffff;
  left: 8px;
  top: -6px;
  right: 8px;
  height: 8px;
}
.page_tr {
  position: absolute;
  background: url(../img/page_tr.png) no-repeat top right;
  width: 8px;
  right: 0px;
  top: -6px;
  height: 8px;
}
.page_bl {
  position: absolute;
  background: url(../img/page_bl.png) no-repeat top left;
  width: 8px;
  left: 0px;
  bottom: -8px;
  height: 8px;
}
.page_b {
  position: absolute;
  background: #ffffff;
  left: 8px;
  bottom: -8px;
  right: 8px;
  height: 8px;
}
.page_br {
  position: absolute;
  background: url(../img/page_br.png) no-repeat top right;
  width: 8px;
  right: 0px;
  bottom: -8px;
  height: 8px;
}

.shadow {
  position: absolute;
  background: transparent url(../img/shadow.png) no-repeat scroll 0 0;
  line-height: 1px;
  padding: 0px;
  overflow: hidden;
}
.shadow_tl {
  background-position:-1px -1px;
  height: 8px;
  width: 8px;
  top: -8px;
  left: -8px;
}
.shadow_t {
  background-position:-11px -1px;
  height: 8px;
  top: -8px;
  left: 0px;
  right: 0px;
}
.shadow_tr {
  background-position:-991px -1px;
  height: 8px;
  width: 8px;
  top: -8px;
  right: -8px;
}
.shadow_l {
  background-position:-1px -11px;
  width: 8px;
  top: 0px;
  bottom: 0px;
  left: -8px;
}
.shadow_r {
  background-position:-991px -11px;
  width: 8px;
  top: 0px;
  bottom: 0px;
  right: -8px; 
}
.shadow_bl {
  background-position:-1px -1891px;
  height: 8px;
  width: 8px;
  left: -8px;
  bottom: -8px;
}
.shadow_b {
  background-position:-11px -1891px;
  height:8px;
  left: 0px;
  right: 0px;
  bottom: -8px;
}
.shadow_br {
  background-position:-991px -1891px;
  height: 8px;
  width: 8px;
  right: -8px;
  bottom: -8px;
}

.shadow_inside {
  background-position:-11px -1891px;
  height:8px;
  left: 0px;
  right: 0px;
  top: 0px;
}

.page {
  width: 990px;
  margin: 0 auto;
}

.page_header {
  position: relative;
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

.page_middle {
  position: relative;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.page_middle_clear {
  clear: both;
}

.page_footer {
  position: relative;
  background-color: #ffffff;
  margin: 0px;
  margin-top: 7px;
  padding-top: 10px;
  padding-bottom: 5px;
  margin-bottom: 30px;
  text-align: center;
/*
  font-weight: bold;
*/
}

.page_content {
  position: relative;
  top: 0px;
  left: 10px;
  width: 680px;
  bottom: 0px;
  margin: 0px;
  padding: 20px;
  padding-top: 20px;
  min-height: 390px;
  /*min-height: 610px;*/
}

.page_sidebar{
  position: absolute;
  background-color: #e0c8c8;
  top: 0px;
  right: 7px;
  width: 180px;
  bottom: 0px;
  margin: 0px;
  padding: 25px;
  border-left: 2px solid #A08080;
  overflow: hidden;
  min-height: 390px;
  /*min-height: 610px;*/
}

.page_sidebar .adsense {
  text-align: center;
}

.header {
  margin-top: 8px;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 0px;
}
.header div {
  position: absolute;
  text-align: right;
  color: #DDDDDD;
  font-size: 14px;
  font-weight: normal;
  top: 20px;
  left: 0px;
  width: 960px;
  height: 20px;
}
.header img {
  margin: 0px;
  padding: 0px;
  z-index: 100;
  border: 0px;
  height: 104px;
  width: 976px;
}

.album_image img {
  border: 0px;
}

.browse_letters {
  font-size: 10px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
}
.browse_images {
  border: 0px;
  padding: 10px;
  margin: 0px;
}
.browse_images img {
  border: 0px;
  padding: 0px;
  margin: 0px;
  margin: 0px;
  line-height: 0px;
  float: left;
}

.search_results td {
  font-size: 16px;
  font-weight: bold;
  padding-left: 6px;
  padding-bottom: 6px;
  vertical-align: top;
}
.search_results td div {
  padding-top: 4px;
  font-size: 12px;
}

.header_links {
  height: 20px;
  margin-left: 7px;
  margin-right: 7px;
  color: #999;
  padding: 3px;
  font-size: 15px;
  font-weight: normal;

}
.header_links a {
  color: #999;
  padding-left: 6px;
  padding-right: 6px;
}
.header_links a:hover {
  color: #999;
  text-decoration: underline !important;
}

.header_search {
  position: relative;
  float: right;
  right: 20px;
  width: 190px;
  height: 20px;
  background-image: url(../img/textfield_bg.gif);
  margin-bottom: 10px;
}
.header_search div {
  position: absolute;
  width: 10px;
  right: -10px;
  height: 20px;
  background: url(../img/textfield_bg.gif) -590px 0px;
  overflow: hidden;
}
.header_search img {
  position: absolute;
  right: -7px;
  top: 2px;
  cursor: pointer;
}
.header_search input {
  background: transparent;
  border: 0px;
  width: 170px;
  margin-left: 10px;
  margin-top: 1px;
}
.header_sidebar_gray {
  color: #888888;
}

.page_sidebar p, .page_sidebar li {
  font-weight: bold;
  font-size: 12px;
}



.front_h1 {
  color: #000000;
  font-size: 37px;
  margin-top: 0px;
  margin-bottom: -14px;
  text-shadow: rgba(200, 200, 200, 0.8) 1px 1px 2px;
}
.front_h2 {
  color: #000000;
  font-size: 60px;
  margin-top: 0px;
  margin-bottom: -5px;
  text-shadow: rgba(200, 200, 200, 0.8) 3px 3px 3px;
}
.front_h3 {
  color: #000000;
  font-size: 19px;
  margin: 0px;
  margin-bottom: 15px;
  text-shadow: rgba(200, 200, 200, 0.8) 1px 1px 2px;
}
.front_header {
  position: relative;
  background-color: #000000;
  color: #EEEEEE;
  font-size: 17px;
  width: 300px;
  padding: 8px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  text-shadow: rgba(200, 200, 200, 0.8) 0 1px 0;
}
.front_panel {
  position: relative;
  background-color: #e9eaeb;
  width: 300px;
  padding: 8px;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.front_panel, .front_panel p {
  font-size: 13px;
  color: #000000;
  text-align: justify;
}
.front_news {
  margin-bottom: 20px;
}
.front_title {
  font-size: 18px;
}
.front_date {
  font-size: 10px;
}


.chart {
  position: relative;
  width: 300px;
  margin: 10px;
}
.chart_header {
  position: relative;
  height: 21px;
  background: #e0c8c8 url(../img/pink_tr.gif) no-repeat top right;
  padding-right: 10px;
  padding-top: 3px;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
.chart_header_corner {
  position: absolute;
  height: 15px;
  width: 15px;
  left: 0px;
  top: 0px;
  background: transparent url(../img/pink_tl.gif) no-repeat top left;
}
.chart_row {
  position: relative;
  min-height: 50px;
  padding: 1px;
  overflow: hidden;
}
.chart_row a {
  font-weight: bold;
}
.chart_image {
  position: absolute;
  left: 1px;
  right: 0px;
  display: block;
  text-align: right;
  width: 50px;
  height: 50px;
}
.chart_rank {
  position: absolute;
  display: block;
  left: 16px;
  top: 8px;
  font-size: 30px;
  font-weight: bold;
/*  text-align: center;  */
  color: white;
}
.chart_artist {
  position: absolute;
  display: block;
  left: 55px;
  top: 35px;
  font-size: 9px;
}
.chart_item {
  display: block;
  position: absolute;
  top: 10px;
  left: 55px;
  font-size: 11px;
}

table.values td {
  padding: 2px;
}

.name {
  text-align: right;
  font-weight: bold;
  vertical-align: top;
  padding-right: 5px;
}

.capsule {

}
.capsule_div {
  margin: 0px !important;
  border: 0px;
  padding: 0px;
  height: 20px;
}
.capsule_start {
  float: left;
  background: transparent url(../img/textfield_bg.gif);
  height: 20px;
  margin: 0px;
  border: 0px;
  padding: 0px;
  padding-top: 2px;
  padding-left: 5px;
}
.capsule input {
  background: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}
.capsule_end {
  float: left;
  background: url(../img/textfield_bg.gif) -592px 0px;
  width: 8px;
  height: 20px;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

input.signup_input_error{
  background-color: #f0e0d0;
}

div#signup_error_notification {
  float: right;
  height: 40px;
  width: 300px;
  color: #812713;
  font-weight: bold;
}

.tron { background-color: #ededed; }
.tron td { border: 1px solid #ededed; }
.troff { background-color: #cecece; }
.troff td { border: 1px solid #cecece; }
.trover{ background-color: #ffffce; }

td.tdedit{
  border: 1px solid #880000;
  cursor: pointer;
}
td.editable_modified {
  background-color: #ffefce;
  color: #880000;
}
td.editable_container {
  text-align: left !important;
  vertical-align: top;
}
div.editable_space {
  text-align: left;
  position: absolute;
  z-index: 20;
  padding: 0px;
  margin: 0px;
  margin-top: -5px;
  margin-left: -5px;
  border: 0px;
  background: red;
}

.share_bar {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  background-color: #e9eaeb;
  padding: 2px;
  margin-bottom: 10px;
  position: relative;
  width: 300px;
  height: 52px;
  overflow: hidden;
}

.item_page {
  margin-top: 10px;
  font-size: 25px;
  color: #888888;
  text-align: left;
}
.item_name {
  color: #222222;
  font-size: 28px;
  text-align: right;
}


.icon_artist {
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 5px;
  background: url(../img/i_artist.png) no-repeat;
}

.icon_album {
  float: right;
  width: 50px;
  height: 50px;
  background: url(../img/i_album.png) no-repeat;
}
.icon_mp3 {
  float: right;
  width: 50px;
  height: 50px;
  background: url(../img/i_mp3.png) no-repeat;
}
.icon_corp {
  float: right;
  width: 50px;
  height: 50px;
  background: url(../img/i_corp.png) no-repeat;
}
.icon_stream {
  float: right;
  width: 50px;
  height: 50px;
  background: url(../img/i_stream.png) no-repeat;
}
.icon_friend {
  float: right;
  width: 50px;
  height: 50px;
  background: url(../img/i_friend.png) no-repeat;
}
.icon_shrink {
  cursor: pointer;
  float: right;
  width: 25px;
  height: 25px;
  background: url(../img/i_hide.png) no-repeat;
  margin-bottom: -10px;
  margin-right: -45px;
}

.section {
  clear: both;
  width: 700px;
}
.section_type {
  float: left;
  width: 150px;
  text-align: right;
  color: #AAA
}
.section_type span {
  display: block;
  clear: both;
  margin-right: 2px;
}
.section_text {
  float: left;
  color: #222222;
  font-size: 13px;
  background: #e9eaeb;
  border-top: solid #CCC 2px; 
  width: 480px;
  padding-left: 20px;
  padding-right: 20px;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  min-height: 50px;
}
.section_eyes {
  background-image: url(../img/eyes.png);
  background-repeat: no-repeat;
  text-align: right;
}
.section_album {
  float: left;
  width: 150px;
  height: 190px;
  overflow: hidden;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
#section_share textarea {
  width: 455px;
  height: 30px;
  border: none;
  color: #888888;
  font-size: 11px;
}

.artist_name {
  clear: all;
  color: #222222;
  font-size: 35px;
  font-weight: normal;
  text-align: left;
  text-shadow: rgba(200, 200, 200, 0.8) 1px 1px 2px;
}
.artist_blurb {
  text-align: justify;
}
.noshadow {
  text-shadow: none;
}
.artist_name p {
  clear: left;
  margin-top: 4px;
  margin-bottom: 2px;
}
.album_header {
  clear: all;
  color: #873838;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
}
.album_artist {
  clear: all;
  color: #222222;
  font-size: 25px;
  font-weight: normal;
  text-align: right;
}
.album_name {
  clear: all;
  color: #222222;
  font-size: 40px;
  font-weight: normal;
  text-align: right;
  margin-left: 40px;
  text-shadow: rgba(200, 200, 200, 0.8) 1px 1px 2px;
}
.album_name p {
/*
  text-align: justify;
*/
  clear: left;
  margin-top: 4px;
  margin-bottom: 2px;
}

.error {
  border: 2px solid red;
  padding: 5px;
  margin: 15px;
  background-color: #FF9999;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
}

.purchase {
  clear: both;
  font-weight: bold;
  position: relative;
  border: 0px;
  background: #e0c8c8 url(../img/pink_tl.gif) no-repeat top left;
  background-color: #e0c8c8;
  padding: 15px;
  margin: 0px;
  text-align: center;
}
.purchase table {
  margin: 0 auto;
}
.purchase td {
  text-align: center;
}

.purchase .tr {
  background: transparent url(../img/pink_tr.gif) no-repeat top left;
  position: absolute;
  height: 15px;
  width: 15px;
  right: 0px;
  top: 0px;
}
.purchase .bl {
  background: transparent url(../img/pink_bl.gif) no-repeat top left;
  position: absolute;
  height: 15px;
  width: 15px;
  left: 0px;
  bottom: 0px;
}
.purchase .br {
  background: transparent url(../img/pink_br.gif) no-repeat top left;
  position: absolute;
  height: 15px;
  width: 15px;
  right: 0px;
  bottom: 0px;
}

.download {
  background-color: #99FF99;
}

.pi {
  position: relative;
}

.pi_large, .pi_large img {
  width: 300px;
  height: 300px;
  border: 0px;
}
.pi_medium, .pi_medium img {
  width: 150px;
  height: 150px;
  border: 0px;
}
.pi_small, .pi_small img {
  width: 75px;
  height: 75px;
  border: 0px;
}
.pi_center {
  margin-left: 0px;
  margin-right: 0px;
}
.pi_right {
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-right: 7px;
}
.pi_left {
  margin-left: 6px;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.pi_large div {
  background: transparent url(../img/corner_w20.png) no-repeat;
  position: absolute;
  height: 20px;
  width: 20px;
}
.pi_medium div {
  background: transparent url(../img/corner_w10.png) no-repeat;
  position: absolute;
  height: 10px;
  width: 10px;
}
.pi_grey div {
  background: transparent url(../img/corner_g10.png) no-repeat;
  height: 10px;
  width: 10px;
}

.pi .tl {
  background-position: top left;
  top: 0px;
  left: 0px;
}
.pi .tr {
  background-position: top right;
  top: 0px;
  right: 0px;
}
.pi .bl {
  background-position: bottom left;
  bottom: 0px;
  left: 0px;
}
.pi .br {
  background-position: bottom right;
  bottom: 0px;
  right: 0px;
}

.item_details {
  margin-left: 5px;
  padding-top: 5px;
  padding-left: 20px;
  background: transparent url(../img/fading_corner_2.png) no-repeat top left;
  min-height: 100px;
}


#tracklist {
  min-height: 220px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  border: solid 1px #C5C5C5;
}
#tracklist li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 25px;
  cursor: move;
}
#tracklist li span {
  position: absolute;
  text-align: right;
  width: 20px;
  margin-left: -25px;
}

#trackavailable {
  min-height: 200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  border: solid 1px #C5C5C5;
}
#trackavailable li {
  margin-top: 1px;
  padding: 0.4em;
  cursor: move;
 }

.track_toggle {
  width: 20px;
  height: 20px;
}

.disabled {
  color: #999999 !important;
}

.upload {
  border: 2px solid #C5FFC5;
  padding: 10px;
  margin-top: 5px;
  background-color: #E5FFE5;
  font-size: 11px;
}

/* uploadify */
.uploadifyContainer {
	margin-top: 5px;
        margin-bottom: 15px;
}
.uploadifyQueueItem {
        font-size: 11px;
        border: 2px solid #E5E5E5;
        background-color: #F5F5F5;
        margin-top: 5px;
        padding: 10px;
}
.uploadifyError {
        border: 2px solid #FBCBBC !important;
        background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
        float: right;
}
.uploadifyProgress {
        background-color: #a5c5FF;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #C5C5C5;
        border-bottom: 1px solid #C5C5C5;
        margin-top: 10px;
        height: 5px;
        width: 100%;
}

.uploadifyProgressBar{
	background-color: #FF3535;
	height: 100%;
	width: 0%;
}

.ui-effects-transfer {  
  border: dotted 1px black;
}  
.hidden {
  display: none !important;
}


.helpdiv {
  width: 650px;
}

.helptext {
  /*
  position: absolute;
  z-index: 200;
  */
  text: #000000;
  border: 2px dashed #22AA22;
  background-color: #EEFFEE;
  padding: 5px;
  padding-left: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 640px;
}

.helptext td {
  padding-top: 5px;
  padding-left: 5px;
}
.helptext th {
  text-align: left;
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
}

.showhelp, .hidehelp {
  float: right;
}

.stats_table th {
  background: #DDD;
  padding: 4px;
  margin: 1px;
}
.stats_table td {
  background: #EEE;
  padding: 4px;
  margin: 1px;
}

.friends {
}

.friend {
  float: left;
  background-color: #e9eaeb;
  border-top: solid 2px #888888;
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.play_button {
  position: relative;
  display: inline-block;
  margin-bottom: -4px;
  margin-left: 1px;
  cursor: pointer;
  width: 16px; 
  height: 16px; 
  background-repeat: no-repeat; 
  background-image: url(smoothness/images/ui-icons_888888_256x240.png); 
  background-position: -48px -192px;
}