body {
  font-size:20px;
  margin:0;
}

div.main {
  width:100%;
  min-height:500px;
  display:-webkit-flex;
  display:flex;
}



div.menu {
  float:left;
  width:16%;
  min-width:250px;
  background-color:#f5a055;
  background-image:url('../img/menu_background.jpg');
  background-repeat:repeat;
  -webkit-flex:1;
  -ms-flex:1;
  flex: 1;
}

a.menu, a:visited.menu {
  color:#551a8b;
  text-decoration:none;
}

a:hover.menu {
  color:#e9efa1;
  text-decoration:none;
}



div.module {
  float:left;
  width:83%;
  background-color:#fff;
}

div.footer {
  width:100%;
  text-align:center;
  padding:20px 0;
  background-image:url('../img/footer2.jpg');
  background-image:url('../img/footer_background.png');
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  background-color:#eacfe0;
  border-top:1px solid #009;
  color:#000;
  font-weight:bold;
  font-size:75%;
}

a.footer, a:visited.footer {
  color:#000;
  text-decoration:none;
}

a:hover.footer {
  color:#009;
  text-decoration:underline;
}

input, select, textarea {
  font-size:20px;
}

button {
  font-size:14px;
}


td.label {
  width:1%;
  background-color:#c00000;
  color:#fc9;
  font-weight:bold;
}


/* == Media Control == */
div.media {
  width:640px;
  height:420px;
  text-align:center;
  margin:20px auto;
  background-image:url('../img/loading.gif');
  background-repeat:no-repeat;
  background-position:center; 
  display:none;
}

button.media {
  width:500px;
  height:35px;
  font-size:14px;
  cursor:pointer;
}


/* == Draggable Table Rows == */
table.drag {
  border-collapse: collapse;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Standard syntax */
}

td.drag, tr.drag, th.drag {
  border:1px solid white;
  border-collapse: collapse;
  cursor:all-scroll;
}