body.db {
  font-size: 12px;
  color: #000033; 
  font-family: arial, sans-serif;
  background-color: #ffed76;
  background-image:url('admin-texture.png');
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}

.db table {
  width: 100%;
}

.db td {
  font-size: 12px;
  font-family: arial;
}

.db th {
  font-size: 12px;
  font-weight: bolder;
  background: #91ccde;
}

.db p {
  font-size: 16;
  font-family: arial;
}

table#main {
  background: #aaaaaa;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 1280px;
}

div#memberMainBackground {
  background: #aaaaaa;
  padding: 5px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

table#memberMain {
  background: #aaaaaa;
  border-color: #aaaaaa;
}

table.std th, table.std td {
  border-color: gray;
}

table.std th {
  text-align: center;
}

#nav table {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #aaaaaa;
}

table#topNavRow {
  border-top: 1px solid #aaaaaa;
}

#nav td {
  position: relative;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 0;
}

a.flickLink {
  background: #272727;
  display: block;
  color: white;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding-top: 7px;
  padding-bottom: 7px;
}

a.flickLink:hover {
  color: #59c8f0;
  background: #545454;
}

a.tableLink {
  display: block;
  color: black;
  font-weight: bold;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

a.tableLink:hover {
  color: #59c8f0;
}

a#currentNavLink {
  color: #ffe700;
}

table#logout {
  width: 400px;
  border-collapse: collapse;
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
}

#logout td {
  text-align: center;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  padding: 0;
  background: #545454;
  color: #ffe700;
}

#logout a {
  font-weight: 12px;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
}

div#loggedOut{
  font-size: 16px;
  width: 400px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
  padding: 20px 10px 30px 10px;
  background: #aaaaaa;
}

div.returnToHome {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  margin-top: 40px;
}

.returnToHome a {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  display: block;
  font-family: arial;
  text-decoration: none;
  color: DimGray;
  margin: 6px;
}

table#login {
  background: #aaaaaa;
  padding: 5px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}

.grayTable table {
  background: #aaaaaa;
}

table.grayTableNoBorder {
  border-color: #aaaaaa;
}

.grayTable td {
  border-color: #aaaaaa;
}

.grayTable th {
  border-color: #aaaaaa;
}

td.loginTitle {
  text-align: center;
  font-size: 16px;
}

#forgotPW {
  background: #aaaaaa;
  padding: 5px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

#forgotPW p {
  font-size: 14px;
}

p.message {
  font-size: 14px;
  margin: 7px;
}

td.sidebar {
  width: 104px;
  vertical-align: top;
}

td.tableDescription {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  padding: 3px;
  border-bottom: 2px solid black;
}

div.tableHolder {
  overflow: auto;
  width: 100%;
  height: 400px;
}

.frameTable {
  border: 2px solid black;
}

tr.tableRowEven {
  background: white;
}

tr.tableRowOdd {
  background: #fbf6ca;
}

.basicTable td {
  padding: 2px;
  background: white;
}

th.leftHeader {
  text-align: left;
  width: 200px;
  padding-left: 2px;
}

p.normalNote {
  font-size: 14px;
  font-weight: bold;
}

p.warningNote {
  font-size: 16px;
  font-weight: bold;
  color: #d90a36;
}

h1.tableTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}

.important {
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
}

#label {
  font-size: 12px;
  color: #ffffff;
  margin: 0 0 0 5px;
}

div#memberMainBackground #label {
  font-weight: bold;
  font-size:13px;
}

.btn100 {
  background: silver;
  margin: 1px;
  width: 100px;
}

.btn170 {
  background: silver;
  margin: 2px;
  width: 170px;
}

div.docs {
  margin: 30px;
  padding: 20px;
  background: white;
  border: 1px solid black;
}

.agreeForm {
  font-size: 14px;
  font-weight: bold;
}

.agreeForm input {
  margin: 10px;
}

td#attendanceItemsList {
  width: 700px;
}

#scanningTable td {
  padding: 7px 10px 7px 10px;
}

#scanningTable h2 {
  font-size: 14px;
  font-weight: normal;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 3px;
}

#attendanceItemsList td {
  padding: 2px;
}

table.steps {
  border: 2px solid black;
}

th.stepsHeader {
  text-align: left !important;
  padding: 5px;
}

td.buttonHolder {
  text-align: center;
}

table.smallLeftToRight {
  width: 65%;
}

.smallLeftToRight th {
  border-color: gray;
  width: 150px;
  text-align: left;
  padding: 2px;
}

.smallLeftToRight td {
  border-color: gray;
  font-size: 14px;
  padding: 2px;
}

.twoUpEvenCentered td {
  width: 50%;
  text-align: center;
  padding: 20px;
}

.errorMsg {
  font-size: 13px;
  font-weight: bold;
  color: maroon;
  padding: 10px;
}

p.basic {
  margin: 4px 0px 0px 0px;
}

.alert {
  color: red;
}

.info {
  color: #2dc80f;
}

table.noBorders, table.noBorders td {
  border: none;
}

#scan {
  background-color: #FFF8DC;
  background-image:url('admin-texture.png');
}

#centered {
  display: block;
  width: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.barcode_block {
  background-color: #aaaaaa;
  padding: 90px 30px 100px 30px;
  font-size: 30px;
  border-radius: 15px;
  border: 1px solid #777777;
}

#scan h1 {
  margin: 0px 0px 55px 0px;
  text-align: center;
  font-size: 40px;
}

#scan input {
  font-size: 30px;
}

.horiz_centered {
  margin-right: auto;
  margin-left: auto;
}

.barcode_form {
  width: 500px;
}

.logo {
  width: 70px;
  display: block;
  padding: 0px;
  margin-top: 10px;
  float: right;
}

.emphasis {
  font-weight: bold;
}

.scan_result {
    padding: 0px 10px;
    text-align: center;
}

.button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 16;
  -moz-border-radius: 16;
  border-radius: 16px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 1px;
  text-decoration: none;
}

.button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.buttons {
  padding: 20px 0;
}

.buttons a {
  margin: 0 5px;
}

.kioskSignIn {
  background-image: url("kiosk-icon.png");
  background-repeat: no-repeat;
  background-position: right;
}

.btComplete {
  background-image: url("checkmark-icon.png");
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 3px;
}

.inlineForm {
  margin: 0px 3px 15px 3px;
}

.inlineForm input {
  margin-right: 17px;
}

.bottom_buttons {
  padding-top: 8px;
  padding-bottom: 6px;
}

.alertbox {
  color: #a94442;
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  margin-top: 15px;
  padding: 5px;
}