/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Player Styles
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body { padding:10px 18px; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Logo
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#logo { padding-bottom:56px; }
  #logo a {
    width:200px;
    height:60px;
    display:block;
    background:no-repeat url(/images/logos/logo.png) left top;
    }
    #logo a span { display:none; }
      #logo a:hover { border-bottom:0; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * User Info
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#info {
  overflow:hidden;
  margin-bottom:8px;
  }
  #info a {
    border:none;
    outline:none;
    }
  #info span {
    font-size:11px;
    overflow:hidden;
    vertical-align:middle;
    background-color:#fff;
    }
    #info span.avatar a, #info span.avatar a img {
      width:24px;
      height:24px;
      }
      #info span.avatar a {
        float:left;
        display:block;
        margin-right:4px;
        border:2px solid #eee;
        background:transparent none no-repeat scroll center;
        }
        #info span.avatar a:hover { border-color:#ddd; }
        #info span.avatar a img {
          margin:0px;
          border:none;
          }
    #info span.title {
      height:14px;
      font-size:12px;
      padding-top:3px;
      line-height:14px;
      display:block;
      overflow:hidden;
      }
      #info span.title a {
        border:none;
        color:#181818;
        }
    #info span.inbox { float:right; }
      #info span.inbox a {
        display:block;
        padding-top:1px;
        }
        #info span.inbox a strong {
          color:#c00;
          margin-left:5px;
          }
          #info span.inbox a:hover strong {
            color:#fff;
            background-color:#c00;
            }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Music Tabs
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#music-tabs {
  height:20px;
  list-style:none;
  }
  #music-tabs li {
    float:left;
    height:20px;
    overflow:hidden;
    font-size:1.2em;
    }
    #music-tabs li a {
      width:65px;
      color:#888;
      outline:none;
      display:block;
      text-decoration:none;
      border-top: 1px solid #888;
      border-left:1px solid #fff;
      padding:0.3em 0px 0.3em 7px;
      background:#eee no-repeat 58px center;
      }
      #music-tabs li a.first { border-left:none; }
      #music-tabs li a:hover, #music-tabs li a.active {
        color:#181818;
        background-color:#bbb;
        }
      #music-tabs li a.active {
        border-bottom:1px solid #bbb;
        background-image:url(/images/icons/close.gif);
        }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Music Tabs
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#music-panes {
  list-style:none;
  margin-bottom:0.5em;
  border-right:1px solid #fff;
  border-bottom:1px solid #ddd;
  }
  #music-panes div.pane {
    font-size:11px;
    padding:0px 5px;
    background-color:#BBB;
    }
  #music-panes div.pane-title {
    color:#fff;
    height:14px;
    margin-top:6px;
    }
  #music-panes div.pane-content {
    height:311px;
    border-bottom:5px solid #BBB;
    background-color:#fff;
    }
    #music-panes div.pane, #music-panes li, #music-panes li a, #music-panes li span { overflow:hidden; }
    #music-panes li {
      height:38px;
      border-bottom:1px solid #eee;
      }
      #music-panes li a, #music-panes ul li a * { border:none; }
      #music-panes li a {
        height:38px;
        display:block;
        }
        #music-panes li:hover { background-color:#F2FBFF; }
        #music-panes li a.button {
          width:32px;
          height:32px;
          margin-top:-35px;
          float:right;
          }
          #music-panes li a.play.button { background-image:url(/images/buttons/small/playhistory.png); }
      #music-panes li img {
        float:left;
        width:30px;
        height:30px;
        margin:4px 5px;
        }
      #music-panes li span {
        display:block;
        line-height:12px;
        }
        #music-panes li span.line1 {
          height:14px;
          font-size:12px;
          line-height:14px;
          margin:6px 0px 2px 0px;
          color:#6B6B6B;
          }
        #music-panes li span.line2 {
          height:12px;
          line-height:12px;
          color:#181818;
          }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Player Links
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#player {
  width:220px;
  line-height:15px;
  text-align:center;
  }
  #player * { border:none; }
  #player a {
    display:block;
    font-size:13px;
    font-weight:bold;
    }

#player-links {
  width:220px;
  font-size:11px;
  margin-top:10px;
  }
  #player-links td a {
    height:15px;
    border:none;
    display:block;
    margin:0px auto;
    padding:2px 2px 1px 18px;
    background:no-repeat left top;
    }
    #player-links td a.share { background-image:url(/images/icons/share.gif); }
    #player-links td a.popup { background-image:url(/images/icons/popup.png); }