body {
  font-family: arial, "lucida console", sans-serif;
  font-size: 9pt;
  margin: 0 0 0 0;
  padding-top: 70px;
}

table {
  font-family: arial, "lucida console", sans-serif;
}

a {
  font-family: arial, "lucida console", sans-serif;
  color: #0057a4;
}

h3 {
  font:
    bold 14px/1.2em "Helvetica Neue",
    Helvetica,
    sans-serif;
  font-family: "breuer_text_medium", Arial, sans-serif;
  color: #002f5f;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

/*  override the defaults to make the logo fit */
.navbar-brand,
.navbar-nav li a {
  line-height: 60px;
  height: 60px;
  padding-top: 0;
}

/* The table used to lay out the page */
#container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #ddd;
}

/* The table used for the HMI only page */
#hmicontainer {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  background-color: #ddd;
}

/* The top panel of the container table */
#top {
  padding: 0;
  background-color: #fff;
}

#top p {
  font-size: 8pt;
  margin: 0;
}

#top a {
  font-size: 8pt;
  margin: 0;
}

/* The left panel of the container table */
#leftnav {
  vertical-align: top;
  width: 200px;
  padding: 5px;
  background-color: #ffffff;
}

#leftnav p {
  margin: 0 0 5px 0;
  text-align: right;
}

#leftnav table {
  font-size: 8pt;
}

#leftnav td {
  padding: 0 0 0 0;
}

#leftnav hr {
  width: 100%;
}

/* Used in the leftnav pane to display which page is currently being viewed */
p.thispage {
  background-color: #0057a4;
  color: white;
}

/* The main content panel of the container table */
#content {
  width: 82%;
  height: 95%;
  background-color: #ffffff;
  vertical-align: top;
}

.separated_data {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #e37222;
}

.svheading h2 {
  font-family: arial, "lucida console", sans-serif;
  font-size: 16pt;
  font-weight: normal;
  margin: 0 0 0 0;
}

#content h2 {
  font-family: arial, "lucida console", sans-serif;
  font-size: 16pt;
  font-weight: normal;
  margin: 0 0 0 0;
}

#content th {
  font-weight: normal;
  font-size: 8pt;
}

/* The section header bar used in the main content pane */
tr.sectionhdr {
  background-color: #ddd;
  border: 1px solid white;
}

/* Used to set the indent level of the text in the section header */
td.level1 {
  text-align: left;
  padding: 0 0 0 5px;
}

/* Used to set the indent level of the text in the section body */
td.level2 {
  text-align: left;
  padding: 0 0 0 15px;
}

/* The footer pane of the container table */
#footer {
  clear: both;
  margin: 0;
  padding: 5px;
  color: #333;
  background-color: #ddd;
  text-align: center;
}

#footer p {
  font-size: 8pt;
  margin: 0 0 0 0;
}

/* Used to format the data timestamp, which is updated by AJAX */
p.DataTimestamp {
  text-align: center;
}

table.summary {
  font-size: 10pt;
  border: 1px solid #c0c0c0;
  margin: 5px;
}

th.summary {
  text-align: left;
  border-bottom: 2px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

td.summary {
  text-align: right;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}

/* Used to format the field labels in all administrative edit forms */
td.label {
  vertical-align: top;
}

/* tables */
table.tablesorter {
  font-family: arial;
  background-color: #ffffff;
  margin: 10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  background-color: #e6eeee;
  border: 1px solid #fff;
  font-size: 8pt;
  padding: 2px;
}
table.tablesorter thead tr .header {
  background-image: url(bg.gif);
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter tbody td {
  color: #3d3d3d;
  padding: 2px;
  background-color: #fff;
  vertical-align: top;
}
table.tablesorter tbody tr.odd td {
  background-color: #f0f0f6;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #8dbdd8;
}

td.state {
  text-align: center;
  width: 180px;
}

td.number {
  text-align: right;
  padding: 0 5px 0 0;
  width: 110px;
}

td.fwnumber {
  text-align: right;
  padding: 0 5px 0 0;
  width: 50px;
}

td.badnum {
  color: gray;
  font-style: italic;
  text-align: right;
  padding: 0 5px 0 0;
  width: 110px;
}

td.fwbadnum {
  color: gray;
  font-style: italic;
  text-align: right;
  padding: 0 5px 0 0;
  width: 50px;
}

span.hiddenSpan {
  display: none;
}