@import url(sbstyles.css);
@import url(common.css);

/* -[ ARTIST SUMMARY ]------------------------------------------------------- */
table#artist-summary {
    background: url(../images/artist/background-blue.gif) right top repeat-y;
}

table#artist-summary tr {
    background: url(../images/artist/background-blue.gif) right top repeat-y;
}

table#artist-summary td.picture {
      background: #c8d7e1 url(../images/ArtistPicFrame.gif);
           width: 275px;
          height: 274px;
  vertical-align: top;
}

table#artist-summary td.picture img {
           width: 250px;
          height: 250px;
          border: none;
     margin-left: 13px;
      margin-top: 11px;
         display: block;
}

table#artist-summary td.bio {
      background: #9fbfd2 url(../images/artist/image-right-point.gif) left top no-repeat;
  vertical-align: top;
     line-height: 14px;
           color: #333;
}

table#artist-summary td.bio img,
table#artist-summary td.credits img {
         display: block;
     margin-left: 24px;
}

table#artist-summary td.bio div {
     margin-left: 24px;
        overflow: auto;
           width: 382px;
          height: 230px;
}

table#artist-summary td.bio p {
   margin-bottom: 10px
}

table#artist-summary td.credits {
           width: 230px;
      background: url(../images/artist/image-right-point2.gif) left top no-repeat;
  vertical-align: top;
}

table#artist-summary td.credits div {
     margin-left: 34px;
     line-height: 14px;
}

/* -[ SOUNDBLOCK LIST ]------------------------------------------------------ */
div.secondary-w {
    margin-bottom: 10px;
}

table#soundblock-list {
           width: 877px;
          margin: 20px 10px 4px 10px;
}

table#soundblock-list img { border: none }
table#soundblock-list td.oddColumn { background: #adc8dc }
table#soundblock-list td.evenColumn { background: #b5ccdd }

th#thumbnail { width: 85px }
td.thumbnail img { padding-top: 10px; padding-bottom: 10px }
th#description { width: 350px }
th#demo { width: 90px }
td.demo { text-align: center; width: 90px }

th#description, td.description {
   vertical-align: top;
       text-align: left;
}

table#soundblock-list td.description { vertical-align: top; width: 360px; padding-top: 10px }
td.description a.title { font-size: 115%; border-bottom: solid 1px black }

th#type, td.type {
          padding: 0 12px;
       text-align: center;
}

th#inst, td.inst {
      text-align: center;
     white-space: nowrap;
         padding: 0 12px;
}

th#contains, table#soundblock-list td.contains { text-align: center }

div.price {
  font-weight: bold;
        width: 77px;
       height: 17px;
   text-align: center;
  padding-top: 3px;
       margin: 4px auto;
}

/* -[ LEGEND ]--------------------------------------------------------------- */
td.center ul {
        float: right;
       margin: 0 12px 0 0;
/*   background: #e9eff3;*/
}

td.center ul, td.center li {
   list-style: none;
      padding: 0;
}

td.center li {
       margin: 0;
        float: left;
      padding: 0 18px 0 22px;
        color: #5d6061;
  line-height: 20px;
}

td.center li.inst { background: url(../images/icons/legend-inst.gif) left center no-repeat; margin-left: 4px }
td.center li.loops { background: url(../images/icons/legend-loop.gif) left center no-repeat }
td.center li.oneshot { background: url(../images/icons/legend-oneshot.gif) left center no-repeat; padding-right: 4px }

/* -[ FIREFOX FLASH PLAYER BUG FIX ]----------------------------------------- */
div#ff-fix {
    top: 1px;
    left: 1px;
    position: fixed;
}