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

td#buttonGroupCell {
    padding-top: 30px;
}

div.buttonWrap, div.textWrap {
    background: #9FBFD2;
    width: 84px;
    height: 24px;
    margin: 3px auto;
    padding-top: 4px;
    padding-left: 5px;
}

div.textWrap {
    height: 18px;
    color: #01355d;
    font-weight: bold;
    text-align: center;
    margin-top: 32px;
}

div.buttonWrap img {
    border: 0;
}

div.artistSbName, div.artistSbName a {
    font-weight: bold;
    font-size: 13px;
}

div.artistSbName {
    color: #036;
    margin-bottom: 8px;
}

div#ie-blows {
    width: 89px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

        tr.darkened {
            background: #9FBFD2;
        }

        tr.lightened td {
            height: 4px;
        }

        td.label, td.value {
            font-weight: bold;
            font-size: 9px;
        }

        td.label {
            color: #01355d;
            text-align: center;
            border-top: solid 3px #9FBFD2;
            border-left: solid 3px #9FBFD2;
            border-bottom: solid 3px #9FBFD2;
        }

        td.value {
            text-align: right;
            background: #b5cfde;
            border-top: solid 3px #9FBFD2;
            border-right: solid 3px #9FBFD2;
            border-bottom: solid 3px #9FBFD2;
        }
        
td.picture {
    width: 275px;
    height: 250px;
    background: url(../images/picture-frame.jpg) left top no-repeat;
}

td.picture img {
    margin: 11px 12px 11px 13px;
}

table#soundblock-detail td.details {
   padding-left: 30px;
          width: 365px;
     background: #9fbfd2 url(../images/image-right-point.gif) left top no-repeat;
}

table#soundblock-detail td.demo {
   padding-left: 20px;
          width: 214px;
     background: #b5ccdd url(../images/image-right-point2.gif) left top no-repeat;
 vertical-align: top;
    padding-top: 10px;
}

div#contains-title, div.contains {
          width: 120px;
        padding: 3px;
    border-left: #9fbfd2 solid 2px;
   border-right: #9fbfd2 solid 2px;
    margin-left: auto;
   margin-right: auto;
     text-align: center;
}

div#contains-title {
          color: #7585aa;
     border-top: #9fbfd2 solid 2px;
     background: #9fbfd2;
 letter-spacing: 2px;
    font-weight: bold;
}

div.contains {
  border-bottom: #9fbfd2 solid 2px;
  margin-bottom: 12px;
}

/* -[ PATCH LIST ]----------------------------------------------------------- */
table#patch-list {
    width: 880px;
    margin-top: 8px;
    margin-left: 12px;
    margin-bottom: 3px;
}

table#patch-list td {
    border-top: 1px solid #C8D7E1;
}

th#patch-number { text-align: center }
td.patchNumber { text-align: right }
th#patch-name, table#patch-list td.patchName { text-align: left; padding-left: 8px }
th#type, td.type { text-align: left }
th#inst-type, td.instType { text-align: left }
th#inst-subtype, td.instSubtype { text-align: left }
th#loop-type, td.loopType { text-align: left }
th#loop-subtype, td.loopSubtype { text-align: left }
th#key, td.key { text-align: center }
th#bpm { text-align: center }
td.bpm { text-align: right }
th#bars, td.bars { text-align: center }
th#time-signature, td.timeSignature { text-align: center }