body {
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 13px;
  color: #555759;   
}

address
{
  font-style: normal;
}

h1, h2, h3, h1 a, h2 a, h3 a
{
  font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
  color: #515559;
}

h1 {
  font-size: 23px;
  line-height: 32px;
  padding-bottom: 21px;
  letter-spacing: -1px;
}


h2 {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
  letter-spacing: -1px;
}


h3 {
  font-size: 16px;
  line-height: 22px;
  padding-bottom: 10px;
  letter-spacing: -0.25px;
}


p {
  line-height: 18px;
  padding-bottom: 18px;
  overflow: hidden;
}

p.nospace {
  padding: 0;
}


#header {
 
}

a
{
  text-decoration: none;
  color: #82272B;
}
a.textlink, a.privacy_policy {
  text-decoration: underline;
}
a.textlink, a.underlined_link {
  text-decoration: underline;
}

#head_audio_player {
  position: absolute;
  z-index: 999;
  top: 0;
  right: -9px;
  height: 40px;
  width: 400px;
  margin: 0 10px;
}
#head_audio_player_wrapper {
  height: 40px;
  width: 400px;
}


#top_bar {
  background: #d5e3eb;
  height: 60px !important;
  text-align: center;
  overflow: hidden;
}

#featured {
  background: transparent url(../images/header_bg.jpg) repeat-x center top;
  border-top: 1px solid #243d51;
  height: 348px;
  position: relative; 
  text-align: center;
}

#main {
  clear: both;
  background: #fff url(../images/main_bg.png) repeat-x center top;
  font-size: 13px;
  padding: 0 0 40px;
  text-align: center; 
  overflow: hidden;
}

#second_level {
  height: 40px; 
  padding-top: 20px;
  overflow: hidden;
}

#second_level ul {
  
}
#second_level ul li {
  float: left;
  padding-right: 8px;
  font-size: 12px;
}

#second_level ul li a {
  font: bold 12px "Lucida Grande", sans-serif;
  color: #6e7479;
  text-decoration: none;
  text-transform: uppercase;
}

#second_level ul li a:hover, #second_level ul li.active a {
  color: #82272B;
}

.container_16 {
  margin: 0 auto; 
  text-align: left;
  position: relative;
}

#featured .container_16 .grid_8 {
  height: 348px;  
}

#logo img {
  position: relative;
  top: 6px;
  left:-10px; 
}

#main_nav ul li {
  float: left;  
  padding-right: 10px;
  height: 60px;
}

#main_nav ul li a {
  color: #6e7479;
  display: block;
  font: bold 13px/57px "Lucida Grande", sans-serif;
  padding: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
}

#main_nav ul li a:hover,
#main_nav ul li.active a {
  border-bottom: 3px solid #82272b;
  color: #82272B;
}

#meta {
  
}

#meta a {
  color: #6e7479;
  padding: 0 5px;
  text-decoration: none;  
}

ul#usernav li {
  float: left;
  color: #6e7479;
  padding: 0 5px;
  font: 11px "Lucida Grande", sans-serif;
    font-weight: bold;
    line-height: 60px;
}

#lang {
    padding-top: 20px;
    text-align: right;
}

#lang select {
    width: 100px;
}

#user_menu {
  height: 60px;
}

#language_list
{
  position: absolute;
  left: -999em;
}

#featured #chopin {
  position: absolute;
  left: -137px;
  top: 0; 
}

#featured #twohundret {
  position: absolute;
  right: -21px;
  bottom: 115px;  
}

#featured #frontpage_teaser {
  background: transparent url(../images/teaser_bg.jpg) no-repeat left top;
  height: 262px;
  width: 468px;
  position: absolute;
  left: 0;
  top: 54px;
}

#featured #frontpage_teaser .frontpage_teaser_middle {
  overflow: hidden;
  width: 430px;
  height: 180px;
  margin-left: 16px;
  position: relative;
}

#featured #frontpage_teaser h2 {
  color: #525252;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: bold;  
  padding: 13px 15px 11px;
}

#featured #frontpage_teaser h3 {
  color: #333;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: bold; 
  padding: 0;
}

#featured #frontpage_teaser ul {
  position: absolute;
  left: 16px;
  width: 500px;
  background-color: transparent;
  
}

#featured #frontpage_teaser ul li {
  float: left;
  background-color: transparent;
  display: none;
}

#frontpage_teaser {
  font-size: 12px;
  color: #333;
}

#frontpage_teaser p {
  padding: 0px;
}
#frontpage_teaser_next {
  position: absolute;
  top: 85px;
  left: 450px;
  font-weight: bolder;
  font-size: 0;
  cursor: pointer;
  background: transparent url(../images/next_album.png) no-repeat center top;
  width: 26px;
  height: 74px;
}

#frontpage_teaser_pager {
  position: absolute;
  top: 236px;
  left: 0px;
  width: 440px;
  height: 20px; 
  text-align: right;
}

#frontpage_teaser_pager a {
  padding: 5px 3px;
  font-size: 11px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
}

#frontpage_teaser_pager a.activeSlide, #frontpage_teaser_pager a:hover {
  color: #000;
  
}

#frontpage_teaser_pager a.activeSlide
{
  background: transparent url(../images/pager_active.png) no-repeat 2px top;
}

.teaser_album .cover {
  float: left;
  width: 165px;
}

.teaser_album .cover img {
  border: 1px solid #444;
  border-left: 1px solid #888;
  border-top: 1px solid #888;
}

.teaser_album .info {
  float: left;
  width: 260px;
}

#celebrate {
  text-align: right;
  position: absolute;
  bottom: 5px;
  right: 0; 
  color: #d6e0e4;
  font-size: 10px;
}

#celebrate span {
  line-height: 15px;
  padding: 10px 6px 0;
  float: left;
  display: block;
}

#celebrate img {
  /* behavior: url(http://html.portela.de/chopin200/css/iepngfix.htc); */
}

#celebrate .decca {
  margin-bottom: 2px;
}

#footer {
  background: #40494e url(../images/footer_bg.jpg) repeat-x center top;
  clear: both;
  
  text-align: center;
  font-size: 11px;
}

#stage {
  background: transparent url(../images/header_bg.jpg) repeat-x center top;
  border-top: 1px solid #243d51;
  height: 150px;
  position: relative; 
  text-align: center;
}

#stage .grid_16 {
  height: 150px;
  position: relative; 
}

#stage #chopin {
  position: absolute;
  left: -95px;
  top: 0; 
}

#stage #breadcrumb {
  position: absolute;
  bottom: 25px;
  left: 115px;
  width: 600px;
}

#stage #breadcrumb ul {
  overflow: hidden;  
}

#stage #breadcrumb ul li {
  float: left;  
  display: block;
}

#stage #breadcrumb ul li.level1 {
  font-size: 40px;  
  line-height: 50px;
  color: #fff;
  text-shadow: 2px 2px 2px #254553;
  letter-spacing: 1px;
}

#stage #breadcrumb ul li.level1 span {
  padding-left: 8px;
}

#stage #breadcrumb ul li.level2 {
  font-size: 24px;  
  line-height: 30px;
  color: #fff;
  text-shadow: 1px 1px 1px #254553;
  padding: 14px 0 0 5px;
}

.box {
  background: #f2f2f2;
  margin-bottom: 25px;  
  position: relative;
}

.box .box_top, .box .box_bottom {
  clear: both;
  background: #e0e0e0;
  line-height: 1px;
  font-size: 0;
  height: 1px !important;
  margin: 0 1px;  
}

.box .box_content {
  border-left: 1px solid #e0e0e0; 
  border-right: 1px solid #e0e0e0;
  padding: 10px;
  overflow: hidden;  
}

#content_related .box h2 {
  border: 1px solid #e0e0e0;
  border-top: 0;
  padding: 12px 10px 10px;
  font-size: 16px;
  color: #444;
  letter-spacing: 0;
}

#content_related a, #content_related {
  font-size: 13px;
  color: #505055;
}

.box .box_content ol {
  line-height: 18px;
  padding: 0 0 15px 20px;
  list-style-type: decimal;
}

.box .box_content ol#top_recordings_list {
 padding: 0 0 7px;
  list-style-type: none;
}

.box .box_content ol#top_recordings_list li a {
  padding: 0 0 0 20px;
  margin: 0 0 8px 0;
  background: url("../images/control_play.png") no-repeat scroll left 3px transparent;
  display: block;
}


a.link_arrow {
  background: transparent url(../images/link_arrow_big.png) no-repeat top right;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: bold;
  line-height: 27px;
  margin: 2px 0;
  padding: 0 25px 2px 10px; 
  text-decoration: none;
  display: block;
  float: left;
}

#frontpage_teaser a.link_arrow {
  margin: 5px 5px 0 0;
} 

.trenner {
  background: transparent url(../images/trenner_bg.gif) repeat-x left top;
  clear: both;  
  height: 2px;
  font-size: 0;
}

#footer h3 {
  color: #939799;
  padding: 12px 0px 10px 15px;
  border-bottom: 1px dotted #6f7274;
}

#footer a {
  color: #939799;
  text-decoration: none;
}

#footer a:hover
{
  color: #eee;
}


#footer ul {
  padding: 15px 0 20px 15px;
  line-height: 22px;  
}

#footer .container_16 {
  position: relative;
  color: #939799;
}

#footer #bottom_bar {
  margin-top: 5px;
}

#footer #copyright {
  padding-top: 5px; 
  width: 305px;
}
#footer #footer_meta {
  width: 375px;
  padding-top: 5px; 
}

#footer #logos  {
  float: right;
  text-align: right;
  line-height: 30px;
}

#footer #logos img  {
  margin: 5px 0 0 10px;
  /* behavior: url(http://html.portela.de/chopin200/css/iepngfix.htc); */
}

#footer #logos .decca  {
  margin: 3px 0 2px 10px;
}

#main ul.liste_punkte {
  padding: 0 0 18px 20px;
  list-style-type: disc;
  line-height: 18px;
}

#main ul.liste_punkte li {
  line-height: 18px;
}

sup {
  vertical-align:super;
  line-height: 0px;
  font-size: 60%;
  font-family: "Century Gothic","Apple Gothic","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#badge
{
  position: absolute;
  top: 272px;
  left:-17px;
  z-index: 999;
}

#findusonfacebook
{
  float: right;
  position: relative;
  top: 35px;
  left: -11px;
}


.featured_cover
{
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #aaa;
}

.info_text {
  float: left;
  width: 200px;
}

.sitemap_menu {
  padding-left: 15px;
}
.footer_menu
{
  width: 150px;
  float: left;
}

.footer_menu .main
{
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
}

#footer ul.rolledout
{
  padding: 0px;
}

.main_content_box {
  text-align: left;
  overflow: hidden;
  width: 100%;
}

.main_content_box .box_head {
  background: #798db2;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.main_content_box .box_head h2 {
  line-height: 26px;
  padding: 15px 20px;
  color: #fff;
  letter-spacing: 0.25px;
  text-shadow: 1px 1px 1px #000;
}

.main_content_box .box_content {
  border: 1px solid #798db2;
  margin-bottom: 25px;
  overflow: hidden;
}

.main_content_box .box_content_space {
  padding: 10px;
  overflow: hidden;
}

.recommendation {
  padding: 15px;
}

.box_head .select, .order_select {
  padding: 20px 20px 0 0;
  text-align: right;
}

.order_select label {
  color: white;
}

.pager .select {
  padding: 0 20px 0;
  text-align: right;
}

.box_head .select select, .pager .select select
{
  width: 180px;
}
.box_head .select label {
  color: #fff;
  line-height: 16px;
}

.main_content_box .box_content .box_content {
  border:0;
  margin-bottom: 0;
}

ul.tracklist {
  line-height: 16px;
  font-size: 12px;
}

.track_wrap {
  background: #eee url(../images/trenner_vert.gif) repeat-y 335px top;
  overflow: hidden;
  line-height: 18px;
}

.track_wrap .track_info {
  float: left;
  width: 290px;
}

ul.tracklist li.row {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-bottom: 3px;
}

ul.tracklist li.type_T:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}

ul.tracklist li.even {
  /* background: #eee; */
}

.type_C {
  color: #515559; 
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    letter-soacing: -1px;
}

.type_T {
  padding: 5px 10px;
  background: #eee;
}

.type_T:hover {
   background: #f0f0f0;
   color: #555;
}

ul.playlist li.row {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-bottom: 3px;
}

ul.playlist li.type_T:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}

ul.playlist li.even {
  /* background: #eee; */
}

ul.playlist .rating_playlist {
  height: 15px;
  margin: 4px 0px;
}

ul.playlist .rating_playlist label
{
  float: left;
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
}

.playlist .rating_playlist {
  height: 15px;
  margin: 4px 0px;
}

.playlist .rating_playlist label
{
  float: left;
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
}

ul.tracklist .rating {
  height: 15px;
  margin: 4px 0px;
  float: left;
  clear: left;
  width: 200px;
}

ul.tracklist .rating label
{
  float: left;
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
}

.track_no {
  font-weight: bold;
  padding-right: 10px;
  width: 15px;
  text-align: right;
  float: left;
}

.track_title {
  width: 290px;
  float: left;
}

.track_duration {
   width: 35px;
   text-align: right;
   font-weight: bold;
   float: right;
}

.compare_tracks .track_duration {
  float: left;
}

.track_wrap .buy, .track_wrap .add, .buy_album, div.play, div.information, .rename_playlist, .edit, .delete, .publish_playlist, .publish {
  float: right;
  background: url(../images/button_bg.png) no-repeat top right;
  margin: 5px 0 5px 15px;
}

.explore {
  background: url(../images/button_red_bg.png) no-repeat top right;
  margin: 5px 0 5px 15px;
  float: right;
}

.publish {
  float: left;
  margin: 0 0 18px 10px;
}

a.button {
  background: url(../images/button_bg.png) no-repeat top left;
  color: #fff;
  display: block; 
  font-size: 12px;
  font-weight: bold;
  line-height: 16px; 
  margin: 0 10px 0 -10px;
  padding: 4px 5px 5px 10px;
  text-decoration: none;
  display: block;
  float: left;
}

.explore a.button {
  background: url(../images/button_red_bg.png) no-repeat top left;
}

a.button span {
  height: 16px;
  padding-left: 22px;
  line-height: 16px;
  display: block;
  float: left;
}

.explore a.button span {
  background: transparent url(../images/zoom.png) no-repeat left center;
}

.play_teaser {
  padding: 0 0 0 20px;
  float: right;
  margin: 0 20px 0 20px;
}

.play_teaser span {
  background: transparent url(../images/control_play.png) no-repeat left center;
  padding: 0 0 0 20px;
}

.play a.button span {
  background: transparent url(../images/control_play.png) no-repeat left center;
}

.type_T .artist {
  float: left;
}

.compare_tracks .type_T .artist, .compare_tracks ul.tracklist .rating {
  float: none;
}

.track_wrap .add span, .action a.new span, .create span {
  background: transparent url(../images/table_add.png) no-repeat left center;
}

.track_wrap .buy span, .buy_album span {
  background: transparent url(../images/cart_add.png) no-repeat left center;
}

.type_A {
  font-style: italic;
/*  padding: 0 0 8px 40px;*/
}

.type_T .title
{
  font-weight: bold;
  float: none;
  margin-right: 45px;
}

.type_W.level_1 {
   margin-top: 0px;
   font-size: 12px;
/*  padding: 0 0 8px 35px; */
}

.type_W, .type_H {
  margin-top: 15px;
  font-weight: bold;
  padding: 0 0 7px 35px;
  font-size: 14px;
}

.type_S {
  background: #eee;
  padding: 3px 0;
}

.total_time {
  background: #eee url(../images/trenner_vert.gif) repeat-y right top;
  overflow: hidden;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  width: 337px;
  line-height: 18px;
}


.tracklist_head .cover, .tracklist_head .content
{
  padding: 10px 0;
  border-right:1px solid #e0e0e0;
    position: relative;
    float: left;
    width: 200px;
}

.tracklist_head .cover {
  height: 165px;
}

.tracklist_head .album_info
{
  margin-left: 200px;
  overflow: hidden;
  padding: 10px 5px 10px 15px;
  border-left:1px solid #e0e0e0;
}

.tracklist_head .box_content {
  padding: 0 10px;
}

.tracklist_head .huelle {
  background: transparent url(../images/cd_huelle.png) no-repeat left top;
  height: 161px;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 178px;
  /* behavior: url(/css/iepngfix.htc); */
}

.tracklist_head .cover img
{
  position: relative;
  top: 6px;
  left: 25px;
  width: 150px;
  height: 150px;
}

.tracklist_head p
{
  padding: 0;
}
.tracklist_head .recording p
{
  font-size: 10px;
  line-height: 12px;
  padding-bottom: 14px;
}

.box h2, .box h3
{
  padding: 0px;
}

div.hr {
  height: 0px;
  border-bottom: 1px solid #ccc;
  margin: 7px 0px;
}
div.hr hr {
  display: none;
}

.tracks_only .type_W, .tracks_only .type_H {
  display: none;
}

.tracklist_navigation {
}

.tracklist_navigation li {
  float: left;
  margin-right: 20px;
}

.tracklist_navigation li.previous a.link_arrow {
  background: transparent url(../images/link_arrow_back.png) no-repeat top left;
  padding:7px 15px 9px 25px;
}
.tracklist_navigation li.next a.link_arrow {
  padding:7px 25px 9px 15px;
}

.tracklist_navigation li.previous span.link_arrow, .tracklist_navigation li.next span.link_arrow {
  background: transparent url(../images/link_arrow_back_grey.png) no-repeat top left;
  color:#FFFFFF;
  font-size:11px;
  line-height:29px;
  margin:2px 0;
  padding:7px 15px 9px 25px;
  text-decoration:none;
  width: 230px;
}

.tracklist_navigation li.next span.link_arrow {
  background: transparent url(../images/link_arrow_grey.png) no-repeat top right;
  padding:7px 25px 9px 15px;
} 
  
/* search-box */

#search {
  padding-top: 17px;
  height: 43px;
}

.search_row input[type=text] {
  border: 1px solid #c2c2c2;
  float: left;
  width: 152px;
  padding: 5px 3px;
  font-size: 11px;
  height: 15px;
/*  margin-right: 14px; */
}

.search_row input[type=submit] {
  width: 60px;
  height: 27px;
  border: 1px solid #c2c2c2;
  background: #e0e0e0;
  font-size: 12px;
  padding-top: 3px;
  padding-bottom: 4px;
}

.blockUI
{
  font-size: 12px;
}

#content_related .indicator
{
  text-align: center;
  margin: 25px 0px;
}

#top_listen strong {
  font-size: 11px;
  white-space: nowrap;
}



/* register-form */

.box_content_space .grid_6, .box .box_content .grid_6, #explore .grid_6 {
  width: 329px;
}


.register_info {
  line-height: 18px;
  padding: 10px 0 2px;
}

#sf_guard_user_country {
  width: 195px;
}

.form-row, .form-row-radio, .form-row-check, .form-row-action {
  clear: both;
  padding: 5px 0;
  overflow: hidden;
}

.form-row-text {
  clear: both;
  padding: 8px 0;
  overflow: hidden;
  font-size: 10px;
  line-height: 16px;
}

.form-row-text img {
  float: left;
  margin-right: 10px;
}

.form-row label, .form-row-radio label {
  display: block; 
  width: 130px;
  float: left;
  line-height: 26px;
}

.birthday select option {
  padding: 0;
  margin: 0;
}

.birthday #sf_guard_user_birthdate_day {
  width: 45px;
}
.birthday #sf_guard_user_birthdate_month {
  width: 80px;
}
.birthday #sf_guard_user_birthdate_year {
  width: 60px;
}

.form-row input[type=text], .form-row input[type=password] {
  border: 1px solid #c2c2c2;
  width: 150px;
  padding: 5px 2px;
}

.form-row-video label {
  display: block; 
  width: 185px;
  float: left;
  line-height: 26px;
}

.form-row-video input[type=text] {
  width: 270px;
  float: left;
  padding: 0 20px
}

.form-row-video.error input[type="text"] {
    border: 1px solid red !important;
}

.form-row-video.error label {
    color: red !important;
}

.form-row-radio ul.radio_list {
  width: 160px;
  float: left; 
}

.form-row-radio ul.radio_list label {
  float: left; 
  padding: 0 10px 0 5px;
  width: auto;
}
.form-row-radio input[type=radio] {
  float: left; 
  margin-top: 8px;
}

.form-row select {
  margin-top: 8px;
}

#advanced_search select {
  margin: 8px 15px 0 0;
}

.form-row-radio ul.radio_list li {
  float: left; 
}

#add_wrap ul.radio_list {
  float: none;
  width: auto;
}

#add_wrap ul.radio_list li {
  margin: 2px 0 2px;
  background: #F2F2F2;
  float: none;
  clear: both;
  overflow: hidden;
}

#add_wrap ul.radio_list li label {
  width: 275px;
}

#add_wrap ul.radio_list li:hover {
  background: #E0E0E0;
}

#add_wrap .form-row-button {
  text-align: right;
}
#add_wrap .form-row-radio {
  padding: 0;
  height: 86px;
  overflow: auto;
}

.form-row-button {
  clear: both;
  padding: 5px 0 0 0px;
  overflow: hidden;
}

.form-row .form-row-button {
  clear: none;
  float: left;
  padding: 0 0 0 20px;
  overflow: hidden;
}

#addandcreate_wrap .form-row .form-row-button {
  float: right;
}

#addandcreate_wrap #playlist_title {
  float: left;
}

#login_form .form-row-button {
  padding: 5px 0 0 130px;
}
.form-row-button input {
  background: transparent url(../images/link_arrow_big.png)  no-repeat top right;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  border:0;
  color: #fff;
  padding: 6px 25px 8px 10px;
}

.register h3 {
  padding: 20px 0 10px;
}

.register .newsletter {
  padding: 10px;
  background: #eee;
  overflow: hidden;
}

.register .newsletter .grid_6 {
  width: 319px;
}

.form-row-terms {
  padding: 10px 0;
  line-height: 18px;
}

.form-row-terms label {
  display: block;
  margin-left: 30px;
}

.form-row-terms input {
  float: left;
}

.form-row-action div.button, .action {
  float: left;
  background: transparent url(../images/button_bg.png)  no-repeat top right;
  padding: 0 5px 0 0;
  margin: 0 5px 0 10px;
  height: 26px;
}
#login_form .form-row-action, #playlist_new .form-row-action {
  padding-left: 130px;
}

#advanced_search .form-row-action .button {
  float: right;
}

.form-row-action div.button input {
    background: transparent url(../images/button_bg.png)  no-repeat top left;
    border: none;
    color: #fff;
    font-size: 11px;
    margin: 0 10px 0 -10px;
    padding: 5px 10px 7px 20px;
    text-decoration: none;
}


.form-row.error input[type="text"], .form-row.error input[type="password"]
{
    border: 1px solid red !important;
}

.form-row.error label {
    color: red !important;
}

.error_list li {
    color: red !important;
    font-size: 12px;
    padding-bottom: 8px;
}


.form-row-terms.error input
{
    border: 1px solid red !important;
}

.form-row-terms.error label
{
    color: red !important;
}

.form-row-radio.error label
{
    color: red !important;
}

.error img
{
}

.box-hidden
{
  visibility: hidden;
}

/* PLAYLIST */

ul.playlists li {
  background: #eee url(../images/trenner_vert.gif) repeat-y 287px top;
  overflow: hidden;
  line-height: 18px;
  padding: 3px 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  margin-bottom: 3px;
}

ul.tracklist li.:hover {
  border: none;
  border-bottom: 1px solid #cecece;
  border-right: 1px solid #cecece;
}


ul.playlists li.none_playlist {
  padding: 15px;
  border: none;
  background: none;
}

.playlist_title {
  width: 277px;
  float: left;
  font-weight: bold;
}

.playlist_action {
  width: 400px;
  float: left;
}
.editable_head {
  width: 278px;
  float: left;
  padding-top: 5px;
}

.playlist_tracklisting_title {
  width: 322px;
  padding-right: 15px;
  padding-left:  15px;
}

.playlist_tracklisting_title_rename {
  width: 322px;
  padding-right: 15px;
  padding-left:  15px;
}

.playlist .overall_rating_playlist
{
  float: left;
  font-size: 10px;
  font-weight: bold;
  margin-right: 5px;
  padding: 16px 0 0 0;
}

.publish a.button span {
  background: transparent url(../images/world_link.png) no-repeat left center;
}

 a.button .publish.facebook {
  background: transparent url(../images/add_facebook.png) no-repeat left center;
  height: 14px;
  padding-left: 20px;
  margin: 1px;
}

.edit a.button span {
  background: transparent url(../images/page_edit.png) no-repeat left center;
}

.delete a.button span {
  background: transparent url(../images/page_delete.png) no-repeat left center;
}

.publish_playlist a.button span {
  background: transparent url(../images/page_go.png) no-repeat left center;
}

.rename_playlist a.button span {
  background: transparent url(../images/cd_edit.png) no-repeat left center;
}

.information a.button span {
  background: transparent url(../images/eye.png) no-repeat left center;
}

.playlist_track_title {
  width: 511px;
  padding-right: 15px;
}

.play_playlist_track a.button span {
  background: transparent url(../images/control_play.png) no-repeat left center;
}

.delete_playlist_track a.button span {
  background: transparent url(../images/delete.png) no-repeat left center;
}

a.track_actions span {
  display: none;
}

.create_new_playlist {
  float: right;
  height: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  text-decoration: none;
  background-image: url(../images/page_add.png);
  background-repeat: no-repeat;
  margin: 10px 0px 0px 10px;
  padding:2px 4px 7px 21px;
  height: 20px;
}

#albums_other {
  width: 700px;
  margin-left: 1px;
  overflow: hidden;
}

#albums_other li
{
  float: left;
  margin-right: 19px;
}

#albums_other img
{
  width: 120px;
  height: 120px;
}

.pager {
  clear: both;
  overflow: hidden;
}

.pager ul li {
  display: block;
  float: left;
  margin-right: 5px;
}

.pager a, .pager span
{
  text-decoration: none;
  background: #798DB2;
  border: 1px solid #687CA1;
  padding: 2px 5px;
  line-height: 15px;
  color: white;
  display: block;
}

.pager a:hover, .pager span
{
  background: white;
  color: #333;
}

#sortable li { 
  padding: 5px 10px; 
  background-color: #eee;
  cursor: move;
}

.compare_tracks {
  width: 698px;
  overflow: hidden;
  position: relative;
} 

.compare_tracks .track_wrap {
  height: 170px;
  position: relative;
}

.compare_tracks ul.tracklist {
  position: relative;
  overflow: hidden;
  background: #EEEEEE;
  padding: 0;
  boprder-top
}

.compare_tracks ul.tracklist li.row {
  float:left;
  width: 677px;
  padding: 5px 10px;
  margin: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #eee;
}

.compare_tracks ul.tracklist li.type_T:hover {
  border: 0;
  border-top: 1px solid #999;
  border-left: 1px solid #eee;
}

.compare_tracks .artists_list {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 315px;
}

.nav_arrows ul {
  float: right;
}

.nav_arrows ul li.prev, .nav_arrows ul li.next {
  width: 20px;
  height: 16px;
  background: transparent url(../images/arrow_blue_prev2.png) no-repeat top left;
  float: left;
  padding: 0;
  cursor: pointer;
}
.nav_arrows ul li.next {
  background: transparent url(../images/arrow_blue_next.png) no-repeat top right;
}

.nav_arrows {
  clear: both;
  background: #EEEEEE;
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #999;
  margin-bottom: 10px;
  padding: 10px;
  overflow: hidden;
}

.nav_arrows .choose_recording {
  width: 70%;
  float: left;
}

.nav_arrows .pager_recording {
  width: 29%;
  float: right;
  padding-top: 2px;
}


.playlist_layer_title_error {
    color: red !important;
}

.playlist_form_hidden {
  display: none;
}

ul.box_selection li {
  width:169px;
  float: left;
  line-height: 22px; 
  font-size: 12px;
  position: relative;
}

ul.artist_selection li {
  width:225px;
}


ul.box_selection li a {
  color: #555759; 
  margin-left: 5px;
  padding-left: 15px;
}

ul.box_selection li a:hover, ul.box_selection li a.active {
  color: #515559;
  font-weight: bold;
}

#login_form {
  text-align: left;
}

.blockUI.blockPage {
  width: 40% !important;
  left: 30% !important;
  top: 30% !important;
}

.blockUI .main_content_box .box_content {
  margin-bottom: 0;
}

#login_form input[type=checkbox] {
  float: left;
  margin: 7px 0;
}


#tooltip{
  position:absolute;
  border:1px solid #111;
  background: #222;
  padding:2px 5px;
  color:#fff;
  display:none;
  z-index: 999;
}

/* explore */

#explore h2 {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#explore p {
  padding-bottom: 10px;
}

#explore div.hr {
  margin: 10px 0;
}

p.link {
  float: right;
}

.ui-state-highlight {
  height: 5em; line-height: 1.2em;
}

#privacypolicy_wrap {
  text-align: left;
}

#privacypolicy_wrap h2 {
  background: #798db2;
  line-height: 56px;
  padding: 0 20px;
  color: #fff;
  letter-spacing: 0.25px;
  text-shadow: 1px 1px 1px #000;
}

#privacypolicy_wrap .privacy_border {
  border: 1px solid #798db2;
  padding: 10px 0 10px 10px;
}

#privacypolicy_wrap .privacy_scroll {
  overflow: auto;
  height: 300px;
  padding-right: 10px;
}

#my_playlists
{
  display: none;
}
.video_player {
  padding: 0px;
  text-align: center;
}

ul.videolist {
  background: #F2F2F2;
  overflow: hidden;
  padding: 15px 1px;
  border-top: 1px solid #798DB2;
}

ul.videolist li {
  float: left;
  width: 174px;
  text-align: center;
}

ul.videolist li img {
  border: 1px solid #798DB2;
}