#functionCurveViewer {
   display: block;
   width: 800px;
   height: 500px;
   border: 1px solid black;
   margin-top: 5px;
   outline: none;
   touch-action: none; }

div.buttons {
   color: #07C;
   margin-top: 5px;
   font-size: 12px; }

span.button {
   cursor: pointer; }

#helpText {
   background-color: #FEFAE2;
   border: 1px solid #F3EED5;
   padding: 3px;
   margin-top: 8px;
   margin-bottom: 20px;
   width: 550px; }

table.functionCurveViewerHelp {
   border-collapse: collapse; }

table.functionCurveViewerHelp td {
   padding: 3px;
   vertical-align: top;
   border-bottom: 1px solid #eee; }
table.functionCurveViewerHelp tr:last-child td {
   border-bottom: none; }

.functionCurveViewerHelpCol1 {
   width: 220px; }

.loadTestBlock {
   display: flex;
   margin-top: 12px; }
.loadTestBlock div:nth-child(1) {
   width: 150px; }
.loadTestBlock div:nth-child(2) {
   width: 400px; }
.loadTestBlock div:nth-child(3) {
   width: 50px;
   margin-left: 20px; }

#functionExpr {
   width: 100%; }
#audioFileUrl {
   width: 100%; }