.pagerRow {
  background: #EEEEEE;
  height: 27px;
  margin-bottom: 2px;
}

.skedListTbl {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

.skedListTbl tr td {
  border: none;
  border-collapse: collapse;
}

.period, .periodNoHover {
  background: #e6eef7;
  border: 1px solid #8EB1DD;
  margin: 2px;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.period, .skedListVarRole {
  cursor: pointer;
}

.period:hover, .skedListVarRole:hover {
  background: #AAD5FF;
}

.undefinedPeriod {
  background: #EEEEEE;
  border: 1px solid #8EB1DD;
  display: block;
  height: 100%;
  margin: 2px;

  padding: 5px;
}

.periodName {
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.varContainer {
  text-align: center;
}

.varLocName {
  display: inline-block;
}

.varRoleHighlight {
  font-weight: bold;
}

.skedListVarRole {
  border: 1px solid #8EB1DD;
  margin-top: 2px;
}