div#idIpaWpDivDate {
  width: 33ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

div#idIpaVwDateSelector {
  margin-bottom: 10px;
  text-align: center;
}

div#idIpaWpPeriodWind {
  width: 22ch;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

table.ipaSummary {
  border: 1px solid black;
  border-spacing: 0;
  width: 30ch;
  margin-left: auto;
  margin-right: auto;
}

div.ipaVwContainer table.ipaSummary td {
  padding-left: 5px;
  padding-right: 5px;
}

td.ipaAvgLabel, td.ipaAvgValue {
  background: #acf;
}

td.ipaMaxLabel, td.ipaMaxValue {
  background: #fcc;
}

td.ipaMaxtsLabel, td.ipaMaxtsValue {
  background: #ffc;
}
td.ipaFromLabel, td.ipaFromValue {
  background: #ca5;
}

td.ipaToLabel, td.ipaToValue {
  background: #bf9;
}

table.ipaTraffic {
  border: 1px solid black;
  border-spacing: 0;
  width: 30ch;
  margin-left: auto;
  margin-right: auto;
}

table.ipaTraffic td {
  padding-left: 5px;
  padding-right: 5px;
}

td.ipaTrafficDateTime {
  background: #bf9;
}

td.ipaTrafficPeriod {
  background: #ffc;
}

td.ipaTrafficDownload {
  background: #42d4f4;
}

td.ipaTrafficUpload {
  background: #fc0;
}

td.ipaTrafficTotal {
  background: #f96;
}

div.ipaVwElementWidth {
  width: 400px;
}

div.ipaVwElementWidthHeight {
  width: 400px;
  max-height: 500px;
}

div.ipaVwElementCenter {
  text-align: center;
}

div.ipaWpElementCenter {
  text-align: center;
}

div.ipaNoData {
  background: #ddd;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  margin: 5px;
}

div.ipaStaleData {
  background: #fdd;
  text-align: center;
  margin: 5px;
}

div.ipaStatus {
  background: #fdd;
  text-align: center;
  margin: 5px;
}

div.ipaStatusOk {
  background: #dfd;
}

div.ipaStatusHide {
  display: none;
}

.ipaSpinnerContainer {
  position: relative;
}