html, body { margin: 0; height: 100%; padding: 0px; overflow: hidden; background-color: #AAA; font-family: Arial, Helvetica, sans-serif; }
container { display: flex; flex-direction: column; height: 100%; background-color: #AAA; }
header { height: max-content; width: 100%; float: left; font-size: 24px; font-weight: bold; background-color: #000; color: #FFF; text-align: center; padding-top: 5px; padding-bottom: 5px; }
main { flex: 1; overflow: auto; padding-top: 30px; }
section { height: 100%; overflow: hidden; width: 100%;}
footer { font-size: 9pt; width: 100%; height: 16px; margin: 0; padding: 0; padding-top: 10px; padding-bottom: 6px; text-align: center; float: left; color: #FFF; background-color: #000; color: #FFF; }

/* TIME CLOCK MODULE */
#Time_Form { border: 1px solid #000; background-color: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; behavior:url("border-radius.htc"); box-shadow: 2px 2px 10px #000; }
text { font-size: 16px; font-weight: normal; color: #000; }
input[type="text"]:disabled { font-size: 14px; font-weight: normal; color: #333; }
#clock { font-size: 32px; font-weight: bold; color: #000; text-align: center; width: 250px; }
#Message_Window { height: 100px; width: 490px; padding: 5px; border: 1px solid #000; font-size: 24px; font-weight: bold; color: #000; text-align: center; }
#Time_Tracker_Container { border: 1px solid #000; background-color: #FFF; padding: 10px; width: 650px; margin-left: auto; margin-right: auto; }
#Time_Tracker_Form { background-color: #FFF; padding: 10px; }
legend { font-size: 14px; font-weight: bold; color: #333; }
.Console_Header { font-size: 18px; font-weight: bold; background-color: #000; color: #FFF; }
.Console_Scan_Badge { font-size: 18px; font-weight: bold; color: #000; }
.Active_Jobs_Header { font-size: 14px; font-weight: bold; color: #FFF; background-color: #333; }
#Active_Jobs_Table { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; }
#Active_Jobs_Table td { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #000; border-left-color: #000; }