.results {
   clear:both;
   position:relative;
   width:480;
}

.scale {
   -moz-user-select:none;
   cursor:default;
   float:left;
   width:100%;
/*   margin-left:40;
   margin-right:40; */
   position:relative;
}

table.fretboard {
   background-image:url(/images/woodbg2.jpg);
   border-collapse:collapse;
   empty-cells:show;
   margin:30 15 30 60;
   width:360px;
}

table.fretboard td {
   border-color:black;
   border-style:solid;
   border-width:1px;
   height:30px;
   width:28.2px;
}

.labelRequired, .labelOptional, .labelOpen, .labelRoot {
   font-family:sans-serif;
   font-size:15;
   height:30;
   position:absolute;
   text-align:center;
   width:30;
}

.labelRequired, .labelOptional {
   color:white;
}

.labelOpen, .labelRoot {
   color:black;
}

.stringLabel {
   font-family:serif;
   font-size:15px;
   height:22.2;
   left:0;
   position:absolute;
   text-align:right;
   vertical-align:bottom;
   width:22.2;
}

.selector {
   background-image:url(http://www.scalerator.com/images/transparent.gif);
   border-color:lightGreen;
   border-style:solid;
   cursor:move;
   height:180;
   left:30;
   position:absolute;
   top:15;
   width:120;
}

.tabDiv {
   background:white;
   border-style:none;
   clear:both;
   padding: 20px 0 15px 0;
   position:relative;
   width:800;
}

.staffDiv {
   background:white;
   clear:both;
   padding:15px 0 40px 0;
   width:800;
}

.tab, .staff {
/*   min-width:700px; */
   padding:0;
   position:relative;
}

.tabLabel {
   font-family:serif;
   font-size:11px; /* 15px */
   height:11px;
   left:-9px; /* -13px */
   position:absolute;
   text-align:right;
   vertical-align:middle;
}

.tab table, .staff table {
   border-collapse:collapse;
   empty-cells:show;
   margin:0;
   width:100%;
}

.tab td, .staff td {
   border-color:black;
   border-style:solid;
   border-width:1px;
   height:15px; /*20px; */
}

.staff td {
   height:10px;
}

.tabNumber { 
   background:white;
   font-size:15; /*20px;*/
   position:absolute;
   text-align:center;
   vertical-align:middle;
}

.ledgerLine { 
   border-top-style:solid;
   border-width:1px;
   height:0;
   position:absolute;
   width:23;
}

.dot {
   color:#333333;
   height:30;
   vertical-align:middle;
   position:absolute;
   font-size:30;
   top:86.4;
}

.numeral {
   color:#666666;
   text-align:center;
   position:absolute;
   font-size:12;
   width:60;
   top:0;
}

#frame {
   width:990px;
   margin-right:auto;
   margin-left:auto;
   margin-top:10px;
   padding:0px;
   text-align:left;
}