#logo { color: #22bb22; font-size: 20pt; font-style: bold; }
#header { color: #bb2222; }
.useraction { float: right;  padding: 3pt; }
.userdomain { float: right;  padding: 3pt; }
#logout { float: right; padding: 3pt; }
#flashtext {  }
#flash { text-align: center; border-style: solid; border-color: #22aa22; margin-left: 30%; margin-right: 30%; }
#errortext {  }
#error { text-align: center; border-style: solid; border-color: #aa2222; margin-left: 30%; margin-right: 30%; }

.plottitle { text-align: center; }
.plotrow { border-style: solid; border-color: blue; text-align: center; display: flex; justify-content: center; }
.plotframe { border-style: solid; border-color: green; display: inline-block; margin: 5pt; }
.chartcontainer1 { position: relative; height: 30em; }
.chartcontainer2 { position: relative; height: 20em; }

.fullwidth { width: 95%; }
.halfwidth { width: 48%; }

#timebox { display: flex; justify-content: center; flex-direction: column; padding: 0.5em; }
#timenav { text-align: center; }
#timeindicator { text-align: center; padding: 0.2em; }
#durationnav { text-align: center; padding: 0.2em; }
#timereset { text-align: center; padding: 0.3em; }

#topconfig { text-align: center;  }
#botbox { position: relative; top: .0em; }
#botboxlabel { position: relative; top: -.6em }

/* Login form */
#loginformbox {  display: flex; justify-content: center; }
#loginform { }
#innerformbox { width: 25em; text-align: right; }
.entryline { padding: 3px; }
.submitbutton { text-align: right; padding: 1em; }
input { height: 2.5em; border: lightgray solid; }
input:focus { outline: 0; }
label { }