[2] | 1 | #debug {
|
---|
| 2 | background-color: #990066;
|
---|
[24] | 3 | padding: 2px;
|
---|
[2] | 4 | }
|
---|
| 5 |
|
---|
| 6 | /* General settings */
|
---|
| 7 | body {
|
---|
| 8 | font-family: Verdana, Helvetica, sans-serif;
|
---|
| 9 | font-size: 12px;
|
---|
| 10 | margin-left: 0px;
|
---|
| 11 | margin-right: 0px;
|
---|
| 12 | /* background-color: #deadDD;*/
|
---|
[39] | 13 | background-color: #f8f8f8;
|
---|
[2] | 14 | }
|
---|
| 15 | hr {
|
---|
| 16 | background-color: #666;
|
---|
| 17 | height: 1px;
|
---|
| 18 | border: 0;
|
---|
| 19 | }
|
---|
[38] | 20 | img {
|
---|
| 21 | border: 0px;
|
---|
| 22 | }
|
---|
[84] | 23 | /* Use Gecko-style list elements */
|
---|
| 24 | ul, ol, li {
|
---|
| 25 | margin-left: 0;
|
---|
| 26 | padding-left: 40px;
|
---|
[100] | 27 | /* border: thin solid #FF0000;*/
|
---|
[84] | 28 | }
|
---|
[38] | 29 | fieldset {
|
---|
| 30 | border: none;
|
---|
| 31 | padding: 0px;
|
---|
| 32 | margin: 0px;
|
---|
| 33 | }
|
---|
[2] | 34 |
|
---|
| 35 | table.login {
|
---|
| 36 | text-align: center;
|
---|
| 37 | border: thin solid #000000;
|
---|
| 38 | background-color: #CCCCFF;
|
---|
| 39 | }
|
---|
| 40 | table.list {
|
---|
| 41 | background-color: #F0F0F0;
|
---|
| 42 | }
|
---|
[38] | 43 | table.container {
|
---|
| 44 | background-color: #FFFFFF;
|
---|
| 45 | border: none;
|
---|
| 46 | }
|
---|
[2] | 47 | table.wholepage {
|
---|
| 48 | width: 100%;
|
---|
| 49 | }
|
---|
[65] | 50 | table.border {
|
---|
| 51 | border: thin solid #000000;
|
---|
| 52 | }
|
---|
[38] | 53 |
|
---|
[2] | 54 | tr.row0 {
|
---|
| 55 | background-color: #FFFFFF;
|
---|
| 56 | }
|
---|
| 57 | tr.row1 {
|
---|
| 58 | background-color: #DDDDDD;
|
---|
| 59 | }
|
---|
| 60 | tr.tableheader {
|
---|
| 61 | background-color: #CCCCCC;
|
---|
| 62 | padding: 3px;
|
---|
[48] | 63 | text-align: left;
|
---|
[2] | 64 | }
|
---|
| 65 | tr.darkrowheader {
|
---|
| 66 | background-color: #CCCCCC;
|
---|
| 67 | padding: 3px;
|
---|
| 68 | }
|
---|
| 69 | tr.datalinelight {
|
---|
| 70 | background-color: #F0F0F0;
|
---|
[48] | 71 | text-align: left;
|
---|
[2] | 72 | }
|
---|
[38] | 73 |
|
---|
[65] | 74 | th {
|
---|
| 75 | background-color: #F0F0F0;
|
---|
| 76 | font-size: 1.1em;
|
---|
| 77 | font-weight:normal;
|
---|
| 78 | padding: 4px;
|
---|
| 79 | }
|
---|
| 80 |
|
---|
[2] | 81 | td.tblsubmit {
|
---|
[38] | 82 | background-color: #F0F0F0;
|
---|
[2] | 83 | text-align: center;
|
---|
| 84 | }
|
---|
| 85 | td.inputlabel {
|
---|
| 86 | text-align: right;
|
---|
| 87 | padding: 3px;
|
---|
| 88 | }
|
---|
[39] | 89 | td.datahead_l {
|
---|
| 90 | background-color: #F0F0F0;
|
---|
| 91 | border-bottom: 1px solid #666666;
|
---|
| 92 | text-align: left;
|
---|
| 93 | }
|
---|
| 94 | td.datahead_s {
|
---|
| 95 | background-color: #F0F0F0;
|
---|
| 96 | border-bottom: 1px solid #666666;
|
---|
| 97 | width: 1%;
|
---|
| 98 | white-space: nowrap;
|
---|
| 99 | }
|
---|
[59] | 100 | td.data_nowrap {
|
---|
| 101 | white-space: nowrap;
|
---|
| 102 | }
|
---|
[2] | 103 | td.data {
|
---|
| 104 | padding: 3px;
|
---|
| 105 | }
|
---|
| 106 | td.title {
|
---|
| 107 | text-align: center;
|
---|
| 108 | }
|
---|
| 109 | td.menu {
|
---|
| 110 | width: 200px;
|
---|
| 111 | white-space: nowrap;
|
---|
| 112 | border: thin solid #000000;
|
---|
| 113 | background-color: #ffccee;
|
---|
| 114 | vertical-align: top;
|
---|
| 115 | }
|
---|
| 116 | td.defaults {
|
---|
| 117 | background-color: #DDDDDD;
|
---|
| 118 | }
|
---|
[34] | 119 | td.errhead {
|
---|
| 120 | font-weight: bold;
|
---|
| 121 | font-size: 110%;
|
---|
| 122 | color: red;
|
---|
| 123 | background-color: #404040;
|
---|
| 124 | text-align: center;
|
---|
| 125 | padding: 3px;
|
---|
| 126 | border: solid 2px #FF0000;
|
---|
| 127 | }
|
---|
[33] | 128 | td.err {
|
---|
| 129 | border: solid 2px #FF0000;
|
---|
| 130 | color: red;
|
---|
| 131 | background-color: #e0e0e0;
|
---|
| 132 | }
|
---|
| 133 | td.warn {
|
---|
| 134 | border: solid 2px #FFFF00;
|
---|
| 135 | color: #333300;
|
---|
| 136 | background-color: #e0e0e0;
|
---|
| 137 | }
|
---|
[41] | 138 | td.leftthird {
|
---|
| 139 | width: 36%;
|
---|
| 140 | text-align: left;
|
---|
| 141 | }
|
---|
| 142 | td.rightthird {
|
---|
| 143 | width: 36%;
|
---|
| 144 | text-align: right;
|
---|
| 145 | }
|
---|
[65] | 146 | td.border {
|
---|
| 147 | background-color: #e0e0e0;
|
---|
| 148 | border: solid 1px #101010;
|
---|
| 149 | padding: 2px;
|
---|
| 150 | }
|
---|
| 151 | td.noaccess {
|
---|
[146] | 152 | background-color: #ffd8d8;
|
---|
| 153 | color: #3f0000;
|
---|
[65] | 154 | }
|
---|
[33] | 155 |
|
---|
[2] | 156 | .meat {
|
---|
| 157 | align: center;
|
---|
| 158 | width: 100%;
|
---|
| 159 | }
|
---|
| 160 | input {
|
---|
| 161 | font-size: 10px;
|
---|
| 162 | }
|
---|
[65] | 163 |
|
---|
[69] | 164 |
|
---|
[2] | 165 | /* general classes */
|
---|
[144] | 166 | .result {
|
---|
| 167 | border: solid 1px #00CC00;
|
---|
| 168 | color: #000000;
|
---|
| 169 | background-color: #f0f0f0;
|
---|
| 170 | text-align: center;
|
---|
| 171 | padding: 5px;
|
---|
| 172 | width: 50%;
|
---|
| 173 | }
|
---|
| 174 | .warning {
|
---|
| 175 | border: solid 2px #FFFF00;
|
---|
| 176 | color: #333300;
|
---|
| 177 | background-color: #e0e0e0;
|
---|
| 178 | text-align: center;
|
---|
| 179 | padding: 5px;
|
---|
| 180 | width: 70%;
|
---|
| 181 | }
|
---|
[2] | 182 | .errmsg {
|
---|
| 183 | font-weight: bold;
|
---|
| 184 | font-family: Verdana, Arial, Helvetica, sans-serif;
|
---|
| 185 | font-size:100%;
|
---|
| 186 | color: red;
|
---|
| 187 | background-color: #404040;
|
---|
| 188 | text-align: center;
|
---|
| 189 | border: thin solid #FFFFFF;
|
---|
| 190 | padding: 5px;
|
---|
| 191 | width: 70%;
|
---|
| 192 | }
|
---|
| 193 | .right {
|
---|
| 194 | right: 3px;
|
---|
| 195 | }
|
---|
[39] | 196 | .center {
|
---|
| 197 | text-align: center;
|
---|
| 198 | }
|
---|
[128] | 199 | /* not sure this really does what I think it does. is it really not
|
---|
| 200 | possible to center an arbitrary <blah> in some other arbitrary <foo>? */
|
---|
| 201 | .loccenter {
|
---|
| 202 | margin-left: 10%;
|
---|
| 203 | margin-right: 10%;
|
---|
| 204 | }
|
---|
[100] | 205 | .maintitle {
|
---|
| 206 | font-size: 1.3em;
|
---|
| 207 | }
|
---|
[2] | 208 |
|
---|
[100] | 209 |
|
---|
[2] | 210 | #header {
|
---|
| 211 | border-bottom: thin solid #000000;
|
---|
| 212 | clear: both;
|
---|
| 213 | float: left;
|
---|
| 214 | width: 100%;
|
---|
| 215 | }
|
---|
| 216 | #footer {
|
---|
| 217 | border-top: thin solid #000000;
|
---|
| 218 | clear: both;
|
---|
| 219 | }
|
---|
| 220 | #contact {
|
---|
| 221 | font-size: 10px;
|
---|
| 222 | position: absolute;
|
---|
| 223 | right: 10px;
|
---|
| 224 | text-align: right;
|
---|
| 225 | }
|
---|
| 226 |
|
---|
| 227 | #main {
|
---|
| 228 | position: relative;
|
---|
| 229 | float: right;
|
---|
| 230 | width: 100%;
|
---|
| 231 | }
|
---|
| 232 | #login {
|
---|
| 233 | margin-top: 50px;
|
---|
| 234 | margin-bottom: 50px;
|
---|
| 235 | padding: 3px;
|
---|
| 236 | border: thin solid #000000;
|
---|
| 237 | }
|
---|
| 238 | #tableholder {
|
---|
| 239 | padding: 2px;
|
---|
| 240 | background: #FFFFFF;
|
---|
| 241 | width: 70%;
|
---|
| 242 | }
|
---|
| 243 | #menu {
|
---|
| 244 | border-right: thin solid #000000;
|
---|
| 245 | margin-right: 5px;
|
---|
[66] | 246 | padding: 5px;
|
---|
[2] | 247 | }
|
---|
[39] | 248 | #soadetail {
|
---|
| 249 | text-align: left;
|
---|
| 250 | }
|
---|
| 251 | /* somewhat generic/reusable */
|
---|
[41] | 252 | #datatablewrapper {
|
---|
| 253 | border: none;
|
---|
[39] | 254 | width: 98%;
|
---|
[41] | 255 | margin-left: 1%;
|
---|
[100] | 256 | margin-right: 1%;
|
---|
| 257 | vertical-align: top;
|
---|
[39] | 258 | }
|
---|
[100] | 259 | table.csubtable {
|
---|
| 260 | margin-left: auto;
|
---|
| 261 | margin-right: auto;
|
---|
| 262 | }
|
---|
| 263 | td.main {
|
---|
| 264 | vertical-align: top;
|
---|
| 265 | }
|
---|
[117] | 266 |
|
---|
| 267 | /* Allow current group in list to be easily flagged */
|
---|
| 268 | /* For reasons of "CSS is stupid" you apparently can't apply the font to the <li> *eyeroll* */
|
---|
| 269 | label.curgrp {
|
---|
| 270 | font-weight: bold;
|
---|
| 271 | font-size: 1.2em;
|
---|
| 272 | }
|
---|
| 273 | span.curgrp {
|
---|
| 274 | font-weight: bold;
|
---|
| 275 | font-size: 1.2em;
|
---|
| 276 | }
|
---|