@media print {
  body {-webkit-print-color-adjust: exact;}
}

body {
  margin: 0; padding: 0;
}

div.printable-wrapper {
  margin: 0 auto;
  text-align: center;
  width: 900px;
}
div.group-one, div.group-two {
  float: left;
  width: 430px;
}
div.group-one {
  border-right: 1px #5B6B7E solid;
}
table.roster-table td.printable-cell {
  font-size: 11px;
  height: 18px;
  padding: 0;
}

div.roster-wrapper {
  margin: 0 auto;
  text-align: center;
  width: 875px;
}
table.roster-header {
  width: 100%;
}
table.roster-header a, p.logout a {
  color: #5B6B7E;
  font: 12px/12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-decoration: none;
}
table.roster-header a:hover, p.logout a:hover {
  text-decoration: underline;
}
  table.roster-header #first {
    float: left;
  }
  table.roster-header #last {
    float: right;
  }

h3.signout-header {
  color: #5B6B7E;
  font: 18px/18px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin: 0 0 10px 0;
}

table.roster-table {
    border-collapse: collapse;
    color: #5B6B7E;
    font: 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    width: 100%;
}
table.roster-table.first {
    margin-bottom: 50px;
}
table.roster-table a {
    color: #5B6B7E;
    text-decoration: none;
}
table.roster-table a:hover {
    text-decoration: underline;
}
  table.roster-table tr.employee-row-0 {
    background-color: #E5ECF9;
    -webkit-print-color-adjust: exact;
  }
  table.roster-table th {
    font: bold 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    padding: 4px 10px 4px 5px;
    text-align: center;
    vertical-align: middle;
  }
  table.roster-table td {
    height: 26px;
    padding: 4px 10px 4px 5px;
    text-align: center;
    vertical-align: middle;
  }

.admin-title {
  font-family: Arial;
}

.admin-settings {
  background-color: #E5ECF9;
  -webkit-print-color-adjust: exact;
  border: 1px #5B6B7E solid;
  font-family: Arial;
  font-size: 0;
  margin: 0 auto;
  width: 900px;
}

.admin-settings div.status, .admin-settings div.schedule, .admin-settings div.reminder, .admin-settings .hide-status {
  display: inline-block;
  font-size: 12px;
  height: 365px;
  vertical-align: top;
}

.admin-settings div.status, .admin-settings div.reminder, .admin-settings .hide-status {
  width: 300px;
}

.admin-settings div.schedule {
  border-left: 1px #5B6B7E solid;
  border-right: 1px #5B6B7E solid;
  width: 298px;
}

.admin-settings div.show {
  display: inline-block;
}

.admin-settings .hide-status {
  display: none;
}

.admin-settings .admin-notification {
  color: red;
  font-weight: bold;
  margin: 80px auto 0 auto;
  text-align: center;
}

.admin-settings table {
  color: #5B6B7E;
  font-size: 12px;
  text-align: center;
  width: 100%;
}

.admin-settings table.settings-left {
  margin: 10px;
  text-align: left;
}

.admin-settings .btn-fullwidth {
  display: block;
  height: 32px;
  margin: 5px auto;
  width: 128px;
}

.admin-settings .btn-reset {
  display: block;
  height: 48px;
  margin: 0 auto;
  width: 33%;
}

.admin-settings .btn-toggle {
  height: 32px;
  padding: 0;
  width: 64px;
}

.admin-settings a.reset-admin-form {
  color: #5B6B7E;
  float: right;
  position: relative;
  right: 15px;
  top: 15px;
}

.admin-settings .greyed-out, div.admin-settings a.greyed-out, div.admin-settings a.greyed-out:focus, div.admin-settings a.greyed-out:hover {
  color: gray;
}

.admin-settings a.reset-admin-form:hover, a.reset-admin-form:focus, input.admin-field:hover, input.admin-field:focus, .redtextbutton, .admin-settings .settings-details input:hover, .admin-settings .settings-details input:focus {
  color: red;
}

h1.admin-title, .admin-settings div h2 {
  color: #5B6B7E;
  margin: 15px auto;
  text-align: center;
}

.admin-settings hr.admin-splitter {
  width: 90%;
}

.admin-settings input.text-fullwidth {
  text-align: center;
  width: 90%;
}

.admin-settings .details {
  background-color: #E5ECF9;
  -webkit-print-color-adjust: exact;
  border-top: 1px #5B6B7E solid;
  display: inline-block;
  font-size: 12px;
  height: 200px;
  width: 100%;
}

.admin-settings table.settings-details {
  padding-bottom: 25px;
}

.admin-settings .admin-submit-changes {
  display: block;
  margin: 0 auto;
}

.oldform .admin-subpanel table {
}
  .oldform .status.admin-subpanel td.label {
    text-align: right;
  }
  .oldform .status.admin-subpanel td.choices {
    text-align: left;
    width: 50%;
  }
  .oldform .status .tablebreak {
    padding-bottom: 10px;
  }
  .oldform .reminder .tablebreak {
    padding-bottom: 10px;
  }

.form-buttons {
  display: block;
  width: 296px;
  margin: 0 auto;
}
  .form-buttons * {
    float: left;
    margin: 0 10px !important;
  }

.admin-to-roster {
  height: 32px;
  margin: 0;
  width: 128px;
}

.manage-footnote {
  color: #5B6B7E;
  font-family: Arial;
  font-size: 11px;
  text-align: center;
}

.label-employee.disabled, .label-select-all.disabled {
  color: #CCCCCC;
}

div.message {
  color: #5B6B7E;
  font: 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

table.email-table {
    border-collapse: collapse;
    color: #5B6B7E;
    font: 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    width: 100%;
}
  table.email-table th {
    font: bold 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
  }
  table.email-table td {
    height: 26px;
    text-align: center;
    vertical-align: middle;
  }
    table.email-table td input.subject {
      color: #5B6B7E;
      font: 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
      width: 100%;
    }
    table.email-table td textarea.content {
      color: #5B6B7E;
      font: 14px/14px 'Helvetica Neue', Arial, Helvetica, sans-serif;
      resize: none;
      width: 100%;
    }
    table.email-table td input.submit-email {
      height: 50px;
      width: 25%;
    }