1#content { 2 position: relative; 3 text-align: center; 4 border: 1px solid #666666; 5 margin: 0 auto; 6} 7 8#header { 9 display: flex; 10 justify-content: space-between; 11} 12 13#header h2, #header a { 14 line-height: 1.1; 15 margin:5px 0 0 0; 16} 17 18#header #info, #header #headerButtons { 19 display: flex; 20 flex-direction: column; 21} 22 23#header #headerButtons { 24 align-items: flex-end; 25} 26 27#title { 28 position: relative; 29 margin: 0 auto; 30 color: #016A9D; 31 height: 30px; 32 font-size: 13px; 33 font-weight: bold; 34 line-height: 20px; 35} 36 37#topPanel { 38 position: relative; 39 height: 220px; 40 margin: 4px auto 6px; 41} 42 43#topPanel #imagePanel 44{ 45 width: 50%; 46 float: left; 47 text-align: right; 48} 49 50#topPanel #image { 51 margin: 0 auto; 52 text-align: right; 53 margin-right: 2px; 54 background-color: #eeeeee; 55 border: 1px solid #c8c8c8; 56 position: relative; 57 width: 100%; 58} 59 60#topPanel #image img { 61 width: auto; 62 max-width: 100%; 63 height: 100%; 64 position: absolute; 65 top: 0; 66 bottom: 0; 67 left: 0; 68 right: 0; 69} 70 71#topPanel #dataPanel { 72 width: 45%; 73 float: left; 74 text-align: left; 75 margin-left: 2px; 76} 77 78#topPanel #textPanel { 79 text-align: left; 80 width: 100%; 81 margin: 0 auto; 82 color: #016A9D; 83 font-size: 11px; 84 font-weight: bold; 85 line-height: 14px; 86 background-color: #eeeeee; 87 border: 1px solid #c8c8c8; 88 padding: 2px; 89} 90 91#topPanel #navPanel { 92 width: 100%; 93 height: 70px; 94 margin: 4px auto; 95} 96 97#topPanel #navPanel input { 98 background-color: #eeeeee; 99 border: 1px solid #c8c8c8; 100 padding: 5px; 101} 102 103#chartPanel { 104 clear: both; 105 position: relative; 106 margin: 0 auto; 107} 108 109#chartPanel #chart { 110 position: relative; 111 border: 1px solid black; 112 margin: 0 auto; 113 z-index: 0; 114} 115 116#chartPanel #activity { 117 position: absolute; 118 top: 0; 119 left: 0; 120 text-align: center; 121 border-bottom: 1px solid #cccccc; 122 width: 100%; 123} 124 125#chartPanel div.activity { 126 position: absolute; 127 bottom: 0; 128 z-index: 3; 129 width: 0.17%; 130} 131 132#chartPanel .events { 133 position: absolute; 134 text-align: center; 135 left: 0; 136 width: 100%; 137 background-color: #fcfcfc; 138 border-bottom: 1px solid black; 139} 140 141#chartPanel .event { 142 position: absolute; 143 bottom: 0px; 144 z-index: 3; 145} 146 147#chartLabels { 148 margin: 25px auto 0; 149 text-align: center; 150} 151 152#range { 153 width: 30%; 154 margin: 0 auto; 155 color: #016A9D; 156 font-size: 11px; 157 font-weight: bold; 158 line-height: 20px; 159} 160 161#key { 162 float: right; 163 margin-top: -4px; 164 text-align: right; 165} 166 167span.keyEntry { 168} 169 170div.keyBox { 171 position: relative; 172 display: inline-block; 173 border: 1px solid black; 174 width: 16px; 175 height: 16px; 176 top: 4px; 177 margin-left: 4px; 178} 179 180div.majGridX { 181 position: absolute; 182 z-index: 1; 183 top: 0px; 184 width: 1px; 185 border-left: dotted 1px #cccccc; 186} 187 188div.majTickX { 189 position: absolute; 190 bottom: -7px; 191 width: 1px; 192 height: 7px; 193 border-left: solid 1px black; 194} 195 196div.majLabelX { 197 position: absolute; 198 text-align: center; 199 bottom: -20px; 200 width: 50px; 201 font-size: 9px; 202 font-weight: normal; 203} 204 205div.majGridY { 206 position: absolute; 207 z-index: 1; 208 left: 0px; 209 height: 1px; 210 border-top: dotted 1px #cccccc; 211} 212 213div.majTickY { 214 position: absolute; 215 left: -7px; 216 height: 1px; 217 width: 7px; 218 border-top: solid 1px black; 219} 220 221div.majLabelY { 222 position: absolute; 223 text-align: right; 224 left: -30px; 225 width: 20px; 226 font-size: 9px; 227 font-weight: normal; 228} 229 230div.tlzoom { 231 position: absolute; 232 z-index: 2; 233 bottom: 0px; 234} 235 236