* {
  box-sizing: border-box;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the header */
.header {
  background-color: #f1f1f1;
  padding: 0px;
  text-align: center;
  font-size: 16px;
  color: #0f718c;
}

/* style for help */
.help {
  background-color: #f1f1f1;
  padding: 12px;
  line-height: 1.8;
  height: 600px;
  text-align: left;
  font-size: 16px;
}
/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  height: 800px; /* Should be removed. Only for demonstration */
}

/* Left and right column */
.column.side {
  width: 40%;
}

/* Middle column */
.column.middle {
  width: 60%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the footer */
.footer {
  background-color: #f1f1f1;
  padding: 2px;
  text-align: center;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
  }
}


#optionsForm {
  position: absolute;
  display: none;// added by myu
  z-index: 9;
  background-color: lightblue; //#f1f1f1;
  text-align: center;
  padding: 0px;
  border: 5px ridge #b3b3b3; //border: 3px solid #000099;// #d3d3d3;
}

#optionsFormheader {
  padding: 0px;
  cursor: move;
  z-index: 10;
  font-size: 18px;
  color: white;
  background-color: #2196F3; // color of header text
}
#optionsFormform {
  padding: 20px;
  cursor: move;
  z-index: 10;
  font-size: 20px;
  color: black;
  background-color: lightblue; // background color of header
  color: #fff; // color of header text
}
#paraForm {
  position: absolute;
  display: none;// added by myu
  z-index: 9;
  background-color: lightblue; //#f1f1f1;
  //text-align: center;
  padding: 0px;
  border: 5px ridge #b3b3b3; //border: 3px solid #000099;// #d3d3d3;
}

#paraFormheader {
  padding: 0px;
  cursor: move;
  z-index: 10;
  font-size: 20px;
  color: white;
  background-color: #2196F3; // color of header text
}
#paraFormform {
  padding: 20px;
  cursor: move;
  z-index: 10;
  font-size: 20px;
  color: black;
  background-color: lightblue; // background color of header
  color: #fff; // color of header text
}
.topheader {
  padding: 1px 1px;
  background: #ffffff;
  color: #ffffff;
}

.sticky {
  position: fixed;
  top: 110;
  width: 100%;
}

.menubar {
  height: 27px;
  padding: 5px
  overflow: hidden;
  font-size: 18px;
  color: white;
  background-color: #0f718c;
  width:100%
}
.menuItem {
	background: #107794;
	font-size:18px;
	color: white;
}