body {
  background-color: #EAEAEA;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 15px;
}

h5 {
  font-size: 15px;
  font-weight: bold;
}
.caption {
  background-color: #A8B8F8;
  height: 70px;
}
.captionsm {
  background-color: #A8B8F8;
  height: 30px;
}

.metatable {
  font-size: 13px;
  width: 40%;
  border-spacing: 2px;
  border: 2pt solid gray;
  line-height: 100%;
}

th, td {
  padding: 5px;
  width: 46%;
  border: 1pt solid gray;
}


code {
  color: #00A;
  font-size: 16px;
  font-weight: bold;
}




.codetext {
  color: #00A;
  font-size: 16px;
  font-weight: bold;
}

.codelines {
    font-family: 'Open Sans', sans-serif;
    color: #00A;
    font-size: 16px;
       line-height: 120%;
    background-color: #EAEAEA;
    border: none;
    resize: none;
 }

.codeinput {
    font-family: 'Open Sans', sans-serif;
    color: #00A;
    font-size: 16px;
    line-height: 120%;
    height: 120px;
    width: 500px;
 }
 .codesimple {
    font-family: 'Open Sans', sans-serif;
    color: #006;
    font-size: 16px;
    line-height: 120%;
    height: 18px;
    width: 250px;
 }


.pict {
     border: 1px solid #333;
     background-color: #FFFFFF;
}

.img {
   background-color: #FFFFFF;
}

.pictadjust {
     width:  98%;
     height: 98%;
     background-color: #FFFFFF;
}


.resizepict {
    resize: both;
    overflow: hidden;
    width: 30px;
    height: 30px;
     background-color: #FFFFFF;
     border: 1px solid #333;
     margin: 0px;
}

.resize-editor {
    resize: both;
    overflow: hidden;
    /* size is 6 more than editor */
    height: 256px;
    width: 606px;
     background-color: #FFFFFF;
    border: 1px solid #333;
     margin: 0px;
}

.input {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 120%;
    height: 150px;
    width: 500px;
 }
  .inputlarge {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 120%;
    height: 250px;
    width: 600px;
 }

 .prog2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    height: 120px;
    width: 400px;
 }
.whitekey {
   font-size: 17px;
}

.blackkey {
  font-size: 17px;
}

.drumkey {
   font-size: 17px;
}



.notecommand {

}
.stopButton {
  margin: 10px;
  background-color: #fcc;

}
.playButton {
   margin: 10px;
   background-color: #cfc;
 }

.applyButton {
  margin: 5px;
  font-size: 10px;
  background-color: #bbf;
}
.helpButton {
  margin: 10px;
  background-color: #ccf;
}


/* .label {
   border: 1px solid #AAA;
}  */

@font-face {
    font-family: music;
    src: url(res/fonts/Bravura.woff);
    unicode-range: U+E000-FFFF;
}

.musicLoad {
 font-family: music;
}

.label {
  border: 1px solid #AAA;
  font-size: 13px;
  height: 13px;
}

.simplelabel {
  font-size: 13px;
}

.value {
  font-size: 13px;
  width: 40px;
}

.colorvalue {
  font-size: 13px;
  width: 30px;
}
.labelInput {
  font-size: 11px;
   margin-left:5px;
  margin-right:4px;
     color: #448;
}

.valueInput {
  font-size: 12px;
  width: 35px;
  resize: none;

}

.valueInputLarge {
  font-size: 12px;
  /* width: 45px; */
  width: 35px;
  resize: none;

}

.valueInputText {
 font-size: 12px;
  width: 95px;
  resize: none;
}

.valueInputSelect {
  font-size: 12px;
  width: 65px;
  resize: none;

}



.smallText {
 font-size: 13px;
}
.nameInput {
   font-size: 12px;
   width: 65px;
   resize:none;
}
.colorInput {
  width: 18px;
  height: 17px;
  resize: none;
}
 .divInput {
    height: 100px;

    <!--width-max: 85%; -->
    width: 600px;
     border: 1px solid #AAA;
      resize: vertical;
    overflow-y: scroll;


 }
  .divPictures {
     height: 80px;
     max-width: 100%;
     width: 100px;
     border: 1px solid #AAA;
     resize: vertical;
     overflow-y: scroll;

  }

.output {
   width: 40px;
    min-width: 20px;
   border: 2px solid #AAA;
   resize: horizontal;
}
 .dancerTemp {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 120%;
    height: 100px;
    width: 500px;
 }

  .dancerEditor {
     font-family: 'Open Sans', sans-serif;
     font-size: 16px;
     resize: both;
     overflow: hidden;
     line-height: 120%;
     height: 250px;
     width: 500px;
  }