
body {
  background-color: #EAEAEA;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin: 15px;
}
h3 {
  font-size: 16px;
  font-weight: bold;
}
h4 {
  font-size: 16px;
  font-weight: bold;
}
h5 {
  font-size: 15px;
  font-weight: bold;
}
.caption {
  background-color:#A8B8F8;
  height: 70px;
}
.captionsm {
  background-color:#A8B8F8;
  height: 30px;
}

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;
    background-color: #EAEAEA;
    border: none;
 }

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


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

.pictadjust {
     width:  98%;
     height: 98%;
}

.pictadjustfull {
     width:  198%;
     height: 198%;
}

.resizepict {
    resize: both;
    overflow: hidden;
    width: 30px;
    height: 30px;
     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: 15px;
    line-height: 120%;
    height: 250px;
    width: 600px;
 }

.error {
  background-color: #FFCCEE;
}
 .prog2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    height: 120px;
    width: 400px;
 }


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

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

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

.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: 30px;
  resize: none;

}

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

}

.valueInputSelect {
  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;


 }


