#userrow { background-color: lightgrey; font-weight:bold}

td.job1 { background-color:#FF0000; color:white; text-align:center; }
td.job2 { background-color:#FFFF33; text-align:center; }
td.job3 { background-color:#33FF00; color:black; text-align:center; }
td.job4 { background-color:#00FFFF; color:black; text-align:center; }
td.job5 { background-color:#FF00CC; color:white; text-align:center; }
td.job6 { background-color:#CC99FF; color:white; text-align:center; }
td.holiday { background-color:#FF8000; color:black; text-align:center; }

.job, .job1, .job2, .job3, .job4, .job5, .job6 { padding:2px; }
#shiftplantable { border-collapse: collapse; }

body { font-family:Helvetica, Verdana, Arial, sans; }
#shiftplantable td, th {  border: 1px solid black; white-space: nowrap; }

html,body{ height: 99%; -webkit-print-color-adjust:exact; }
body{padding: 0.5em;}


a:link { font-weight:bold; color:blue; text-decoration:none; }
a:visited { font-weight:bold; color:blue; text-decoration:none; }
a:focus { font-weight:bold; color:red; text-decoration:underline; }
a:hover { font-weight:bold; color:green; text-decoration:none; }
a:active { font-weight:bold; color:lime; text-decoration:underline; }

#logintable td { padding: 0.3em;}
#registertable td { padding: 0.3em;}

#holder{ min-height: 99%; position:relative; }

#navigation {border-bottom:1px solid black; width:100%;}
#footer{  width:100%; position: absolute; left: 0; bottom: 0; border-top:1px solid black; }

#body{
  padding-bottom: 100px;    /* height of footer */
}

#footer{
  height: 100px;
  width:100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

#newRequest {
  border: 1px solid black;
  background-color: rgba(120, 120, 120, 0.5);
  width: 50%;
  padding: 20px;
}

.redRow {
  background-color: rgba(255, 0, 0, 0.5);
}

.greenRow {
  background-color: rgba(0, 255, 0, 0.5);
}

.yellowRow {
  background-color: rgba(255, 255, 0, 0.5);
}

table.holidayRequest {
  padding: 10px;
}

#printIcon {
  position: absolute;
  right: 20px;
  margin-top: -50px;
  cursor: pointer;
}

.sumRow {
  font-weight: bold;
  background-color: lightgrey;
}

.calendar {
  width: 80%;
  height: 80%;
  border: 1px solid black;
  border-collapse: collapse;
}

.week {
  text-align: center;
}

.week > th {
  border: 2px solid black;
  border-collapse: collapse;
}

.week > td {
  border: 1px solid black;
  border-collapse: collapse;
}

td.otherMonth {
  background-color: darkgrey;
}

td.workday {
  background-color: rgba(0, 255, 0, 0.5);
}

td.holiday {
  background-color:#FF8000;
}

#tableHolder {
  width: 100%;
  height: 100%;
}

span.day {
  display: block;
}

span.date {
  font-size: 0.8em;
  color: darkgrey;
}

a.smallAnchor {
  font-size: 0.5em;
}

@media print {
  body * {
    visibility: hidden;
  }
  .section-to-print, .section-to-print * {
    visibility: visible;
  }
  .section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
  td {
    font-size: 0.7em;
  }
  th {
    font-size: 0.8em;
  }
}