.cc .entryForm {
   width:46em;
}

.cc .entryForm input.text { width:10em }

.cc .tabMenuArea {
   width:48em;
   clear:both;
   display:block
}
.cc a.menuTab, .cc a.activeTab {
   background-color:gray;
   border: 1px solid black;
   border-bottom-width: 0px;
   padding: 0 .5em 2px .5em;
   text-decoration: none;
   position:relative;
   z-index:100;
   color:lightblue;
   font-size:90%;
   font-family:sans-serif;
}
.cc a.activeTab {
   background-color:#d3d3d3;
   border-color:blue;
   color:navy;
   font-weight:bold;
   z-index:102;
}
.cc .tabMenuBody {
   background-color:#d3d3d3;
   border: 1px solid blue;
   position:relative;
   z-index:101;
   padding: 5px;
   font-size:90%;
   font-family:sans-serif;
   height:3.3em;
}

.cc .tabMenuBody p {
   margin:0;
}

.cc .tabMenuBody a:link, .cc .tabMenuBody a:visited {
   color:darkblue;
}

.cc table.fretboard {
   border-collapse:collapse;
   margin:30;
   margin-right:15;
   padding:0;
   empty-cells:show;
   width:150px
}

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

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

.cc .xMark {
   position:absolute;
   font-family:sans-serif;
   font-size:24.0px;
   width:30;
   height:30;
   text-align:center
}

.cc .chord { position:relative; display:inline; float:left }

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

.cc .labelRequired, .cc .labelOptional {
   color:white;
}

.cc .labelOpen, .cc .labelRoot {
   color:black;
}

.listenButton {
   position:absolute;
   left:160;
   top:157;
   border-width:0;
   padding:0;
   margin:0;
}

.listenButton img {
   display:none;
   border-width:0;
}