#loginPrompt {
  position: absolute;
  top:   50%;
  left:  calc(50% - 5em);
  width: 10em;
}

#listSelect {
  width:       80%;
  margin-left: 10%;
  font-size:   3em;
}

#attendanceTable {
  margin-top:  3em;
  width:       100%;
  border-collapse: collapse;
}

#attendanceTable tr:nth-child(odd) {
  background-color: #EEE;
}

#upload {
  float: left;
  margin-top: 1em;
  min-width: 12%;
  text-align: center;
  font-weight: bold;
  padding:    0.2em;
  border:     1px solid #AAA;
  border-radius: 0.3em;
  background-color: #CCC;
}

#uploadDialog {
  position: absolute;
  left:     calc(50% - 10em);
  top:      calc(50% - 5em);
  width:    20em;
  height:   10em;
  z-index:  100;
  padding:  1em;
  text-align:    center;
  border:        1px solid black;
  border-radius: 1em;
  background-color: white;
}

#uploadDialog input {
  display: block;
  margin:  auto;
}

#blackout {
  position: absolute;
  top:      0px;
  left:     0px;
  width:    100%;
  height:   100%;
  z-index:  50;
  background-color:    black;
  opacity:  0.4;
  display:  none;
}


#download {
  float: right;
  margin-top: 1em;
  min-width: 12%;
  text-align: center;
  font-weight: bold;
  padding:    0.2em;
  border:     1px solid #AAA;
  border-radius: 0.3em;
  background-color: #CCC;
}

th {
  border:      1px solid #AAA;
  background-color: #CCC;
}

tr {
  border-bottom: 1px solid gray;
}