html {
  height: 100%;
}
body {
  color: #000;
  /*background-color: #204080; */
  /*background:  url(../images/HaldStrand.jpg) no-repeat center fixed; 
  background-size:  cover; */
  background-color:  #ffffff;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

input {
  font-size: 20px;
}
a {
  font-weight: bold; 
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
}
a:active a:link a:visited {
  color: #a0a0a0;
}
a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}

h3 {
  font-size: 16px;
  color: #000;
}

h4 {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding-bottom: 4px;
}
div.copyright {
  color: #808080;
  float: left;
  font-size: 12px;
  font-family: Helvetica;
}
.apache {
  float: right;
}

#newTemperature {
  width:  80px;
}
div.main_content {
  /* margin: auto; */
  width:  400px;
  border: 3px solid green;
  border-radius: 5px;
  padding: 10px;
  background-color: lightblue;
}
#control_div, #message_div, #track_div, #group_div {
  margin: 5px;
  padding: 2px;
  min-width: 240px;
  max-width: 340px; 
  border-style:  solid;
  border-width: 2px;
  border-radius: 5px;
  border-color:  grey;
}
#control_div {
  overflow: auto;
}
#control_div div, #control_div div div, #control_div, #group_div {
  background-color: lightblue;
}
#header {
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #000;
}
#searchbar {
  text-align: center;
  padding: 2px;
  margin: 0;
  float: right;
}
#subheader {
  width: 100%;
  margin: 0px 0px 20px 0px;
  border-bottom: 1px solid #000;
}
#navigation {
  text-align: left;
}
#login {
  text-align: right;
  float: right;
}
.submit {
  font-size: 12px;
  margin: 0;
}
.mono {
  font-family: "Courier New",Courier,monospace;
}

.message_line:hover {
  background-color: blue;
  color: white;    
}


.popup {
  border-style:ridge;
  border-left-color: #e0e0e0;
  border-top-color: #e0e0e0;
  border-right-color: #909090;
  border-bottom-color: #909090;
  border-width: 5px;
  background-color: #D4D0C8;
/*  padding: 5px; */
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}
.popup div:hover {
  background-color: #102070;
  color: white;   
}

.time_entry {
  width: 105px;
  cursor: pointer;
  text-align: center;
}
.select, .time_select {
  color: #000;
  background-color:  #ffffff;
  font-family: Tahoma,Arial,sans-serif;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

.select div:hover {
  background-color: white;
  color: black;   
}
 
p.searchSubject {
  font-weight: bold;
  font-size: 12px;
  padding: 5px 0 0 0;
  margin: 0;
}
p.searchBody {
  padding: 3px 0px 5px 10px;
  margin: 0;
}
div.errorMsg {
  display: block;
  clear: both;
  color: red;
  font-size: 20px;
  background-color: #FFFFFF;
}
div.header {
/*  background-color: #108020; */ 
  border-bottom: 2px solid #000; 
}
.headerText {
  font-size: 24px;  
  float: left;  
}
.headerImg {
  float: right; 
  border: 2px solid #000; 
}

.footer {
/*  background-color: #108020; */
  font-family: tahoma;
}
.MainContent {
  display: block;
  clear: both;
  background-color: #ffffff;
  color: #000000;
/*  border-top: 2px solid #000; */
  border-bottom: 2px solid #000;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
  min-height:  75%;
/*  height: 75%; */
}

.login, .edits {
  display: block;
  border: 1px solid #000;
  background-color: lightblue;
  padding: 10px;
  border-radius: 10px;
}


.login {
  width: 300px; 
}

.edits, .adm_maps {
  flex: 1 1 auto;
  align-self: stretch; 
}

.edits {
  width: 600px; 
}

.edits table {
  font-size: 12px;
}

.alarmEdits, .groupEdits, .queries {
  display: block;
  border: 1px solid #000;
  background-color: lightblue;
  padding: 10px;
  border-radius: 10px;
  max-width: 750px;
  margin: 5px;
}

.groupEdits {
  max-width: 350px;
  margin: 5px;
}

.alarmList {
  overflow: auto;
  min-height: 30px;
  max-height: 200px;
  max-width: 600px;
  padding: 10px;
  border-radius: 10px;
}

.groupList {
  /* height: 200px;  */
  max-width: 300px;
  height: 300px;
  /*width: 400px;
  min-height: 200px;
  max-height: 400px;*/
  overflow-y: auto;
  margin: 10px;
  padding: 10px;
}

.alarmEdits select {
  /* height: 200px;  */
  height: 400px;
  max-height: 400px;
}

.login form {
  display: block;
  background-color: lightblue;
}

.edits form .dataSelect form {
  display: block;
  background-color: #d0d0d0;
}

div.login input {
  width: 250px;
}

#login_button {
  width:  100px;  
  margin: 4px;
  border-radius: 5px;
/*  float: right; */
}

div.login ul, div.main_content ul, .edits ul {
  list-style-type: none;
}

.menuBar {
  clear: both;
  width:  100%;
  border-bottom: 2px solid #000;
  font-size: 20px;
  background-color: white;
}
.menuBarItems {
/*  border-top: 2px solid #000; */
/*  color: #808080; */
  font-weight: bold; 
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  font-size: 20px;
  float: left;
}

.menuBar a {
/*  color: #000099; */
  font-size: 20px;
}
.menuBarName {
  font-weight: bold; 
  font-family: Arial,Helvetica,sans-serif;
  text-decoration: none;
  float: right;    
}

.dataSelect {
  border: 1px solid #000; 
  background-color: #d0d0d0;
  padding: 5px;
  height: 80px;
}

.dataSelect table {
  border: 1px solid black;
  border-collapse: collapse;
  margin: 2px;
  font-size: 12px;
/*  padding: 10px; */
}

.dataSelect td {
/*  valign: top; */
}

#accumulate {
  text-align: center;
}

.dataTable {
  border: 1px solid black;
  display: block;
  clear: both;
}

.dataTable table {
  width: 300px;
  border: 1px solid black;
  margin: 10px;
  padding: 5px;
  border-collapse: collapse;
/*  padding: 10px; */
}

col#dataName {
  background-color: lightgrey;
  border: 1px solid black;
  text-align: center;
}

col#dataValue {
  border: 1px solid black;
  text-align: right;
}

.dataTable th {
    border: 1px solid black;
    text-align: center;
    font-weight: bold;
    background-color: lightgrey;
}

.dataTable tbody td {
    font-size: 90%;

}

.dataTable tbody tr {
/*  border: thin solid black; */
}

.dataTable caption {
    font-size: 90%;
    text-align: left;
}

.dataTable td, .dataTable th, .dataTable caption {
    padding-left: 5px;
}

.dataGraph img {
  margin-top: 10px;
  padding: 8px;
  border: 1px solid black;
  display: block;
}

.showButton {
  margin-top: 5px;
}

.tagList, .fieldList, .unitList, .iconList {
  float: left;
}

.logList table {
  width: 100%;
  overflow:  auto;
}

input {
  border-radius:  5px;
}