body {
   background-color: white;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   overflow-y: scroll;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 10pt;
   line-height: 17px;
}

div, h1, h2, h3 {
   display: block;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
}

form {
   display: inline;
}

h1 {
   font-size: 20pt;
   font-weight: bold;
}

h2 {
   font-size: 16pt;
   font-weight: bold;
}

h3 {
   font-size: 12pt;
   font-weight: bold;
}

table {
   border-collapse: collapse;
   width: 100%;
}

   table td, table th {
      border: 1px solid #c0c0c0;
      padding: 3px 5px 3px 5px;
      white-space: nowrap;
   }

   table tr:nth-child(even) {
      background-color: #f0f0f0;
   }

th {
   background-color: #21007b;
   color: #efbd00;
}

sup {
   vertical-align: top;
   font-size: 9pt;
   top: -2px;
   position: relative;
}

img {
   border-style: none;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   background-color: transparent;
}

select {
   margin-top: 2px;
}

label, input[type="radio"], input[type="checkbox"] {
   vertical-align: middle;
}

input[type="radio"], input[type="checkbox"] {
   width: 13px;
}

input[type="text"], input[type="email"] {
   border-width: medium medium 2px;
   border-style: none none solid;
   border-color: #21007b;
   padding: 6px;
   width: 500px;
   color: #21007b;
   font-family: Consolas,'Lucida Console',monospace;
   font-size: 16pt;
   background-color: #efbd00;
}

textarea {
   font-family: Consolas,'Lucida Console',monospace;
}

#divMain {
   margin: 8px auto 30px auto;
   width: 1179px;
}

#divTop {
   height: 76px;
}

#h1CC {
   float: left;
}

#aDescription {
   float: right;
   margin-top: 15px;
}

#divDescription {
   display: none;
}

#divEntry {
   display: flex;
   justify-content: space-between;
}

#divKeys {
   width: 1179px;
   height: 235px;
   background-image: url(images/Keyboard.png);
   position: absolute;
}

#divFretboard {
   width: 947px;
   height: 195px;
   position: absolute;
}

#divTuning {
   display: none;
}

   #divTuning #divCustom div {
      margin-top: 12px;
   }

#tblPitchClass {
   width: auto;
}

#canStaff {
   border-style: none;
   padding: 6px 3px 4px 3px;
   margin: 0 0 0 0;
   background-color: #efefff;
   float: left;
}

#divStaffTools {
   float: left;
   margin-left: 15px;
}

#divDeleteTags {
   float: left;
   margin-left: 15px;
}

#lblPCx {
   padding-left: 15px;
}

#divSpacer {
   height: 14px;
   width: 14px;
}

#aSubmit {
   display: none;
}

#preStatus {
   display: none;
}

#divResults {
   margin-top: 32px;
   display: none;
}

#divError {
   margin-top: 14px;
   font-weight: bold;
   color: red;
}

#divPref, #divInfo, #divType {
   display: none;
}

.ax {
   vertical-align: baseline;
   padding-left: 1px;
}

.Note {
   margin: 0 0 0 0;
   border: none;
   padding: 0 0 0 0;
   position: absolute;
   left: 0;
}

.WhiteCheck {
   top: 205px;
}

.BlackCheck {
   top: 145px;
}

.String1 {
   top: 10px;
}

.String2 {
   top: 40px;
}

.String3 {
   top: 72px;
}

.String4 {
   top: 107px;
}

.String5 {
   top: 137px;
}

.String6 {
   top: 167px;
}

.Entry {
   display: none;
   margin-top: 20px;
}

.Build > select {
   width: 250px;
   height: 24px;
}

.Build {
   float: left;
   margin-right: 25px;
   margin-bottom: 15px;
}

.Clear {
   float: none;
   clear: both;
}

.del {
   margin-bottom: 4px;
   width: 45px;
}

   .del .x {
      float: right;
   }

.dragSource {
   border: 1px solid gray;
   padding: 3px 3px 3px 3px;
}

.mono {
   font-family: 'Lucida Console',monospace;
}

.icon {
   cursor: pointer;
   padding-left: 5pt;
   padding-right: 5pt;
}

.opt {
   float: left;
   width: 230px;
   margin-bottom: 13px;
}

   .opt h3 {
      margin-bottom: 4px;
   }

.p {
   margin-top: 13px;
   margin-bottom: 13px;
   text-align: justify;
}

.r {
   text-align: right;
}

.c {
   text-align: center;
}

.voicing {
   width: 75px;
}

.emoji {
   font-size: 18pt;
   vertical-align: middle;
}

.bmc-btn-container {
   /*Buy Me A Coffee*/
   float: left;
   margin-right: 30px;
}