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: 200;
  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: 160px;
}

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

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

span.hiddenSpan {
    display:none;
}

.echo {
  border: 1px solid;
  padding: 2px;
}