www/masterkey/css/styles.css

   1 html {
   2 overflow-y: scroll;
   3 }
   4
   5 html, body {
   6 background-color:#f0f0f9; /*#335382;*/
   7 color: #002863;
   8 font: 11px verdana, arial, sans-serif;
   9 }
  10
  11 div.container {
  12 position: relative;
  13 width: 980px;
  14 background-color: #ffffff;
  15 color: #002863;
  16 margin-left: auto;
  17 margin-right: auto;
  18 height: 100%;
  19 }
  20
  21 img {
  22 border: none;
  23 }
  24
  25 strong {
  26 color: #31568c;
  27 font-weight: bold;
  28 }
  29
  30 h2 {
  31 font-size: 11px;
  32 margin: 0px;
  33 padding: 0px;
  34 line-height: 13px;
  35 }
  36
  37 select {
  38 border: 1px solid #7f9db9;
  39 }
  40
  41 div.topbar {
  42 background-color: #002863;
  43 color: #ffffff;
  44 height: 85px;
  45 position: absolute;
  46 left: 0px;
  47 top: 0px;
  48 width: 100%;
  49 border-bottom: 5px solid #f0f0f9; /*#335382;*/
  50 }
  51
  52 #logo {
  53 position: relative;
  54 left: 39px;
  55 top: 28px;
  56 }
  57
  58 div.topmenu {
  59 position: absolute;
  60 left: 245px;
  61 top: 53px;
  62 text-align: right;
  63 width: 573px;
  64 padding-top: 4px;
  65 border-top: 1px solid #335382;
  66 height: 25px;
  67 }
  68
  69 div.topmenu a {
  70 color: #ffffff;
  71 font: bold 11px verdana, arial, sans-serif;
  72 padding-left: 41px;
  73 }
  74
  75 div.bluebox {
  76 width: 124px;
  77 height: 59px;
  78 background-color: #31568c;
  79 position: absolute;
  80 right: 19px;
  81 top: 14px;
  82 }
  83
  84 div.search {
  85 position: relative;
  86 top: 90px;
  87 left: 0px;
  88 width: 100%;
  89 height: 73px;
  90 background-color: #e1e5ec;
  91 color: #31568c;
  92 font-weight: bold;
  93 }
  94
  95 div.search span {
  96 position: absolute;
  97 left: 74px;
  98 top: 28px;
  99 }
 100
 101 div.search div {
 102 position: absolute;
 103 left: 225px;
 104 top: 25px;
 105 }
 106
 107 input.search {
 108 background-color: #ffffff;
 109 color: #000000;
 110 border: 1px solid #a5acb2;
 111 height: 17px;
 112 line-height: 17px;
 113 width: 500px;
 114 margin-top: -1px;
 115 }
 116
 117 div.main {
 118 width: 100%;
 119 background-color: #ffffff;
 120 background-image: url(../gfx/background.gif);
 121 background-position: 0px 271px;
 122 background-repeat: repeat-y;
 123 color: #002863;
 124 position: relative;
 125 top: 108px;
 126 left: 0px;
 127 }
 128
 129 div.clear {
 130 clear: both;
 131 }
 132
 133 div.leftbar {
 134 float: left;
 135 width: 209px;
 136 height: 100%;
 137 margin-bottom: 10px;
 138 margin-right: 17px;
 139 color: #000000;
 140 }
 141
 142 div.head {
 143 padding: 0px;
 144 width: 100%;
 145 height: 55px;
 146 background-color: #c1cbd9;
 147 font-size: 10px;
 148 margin-bottom: 8px;
 149 }
 150
 151 div.margin {
 152 padding-left: 13px;
 153 padding-top: 10px;
 154 padding-right: 13px;
 155 }
 156
 157 div.content {
 158 float: right;
 159 width: 754px;
 160 background-color: #ffffff;
 161 color: #002863;
 162 }
 163
 164 input.button {
 165 color: #ffffff;
 166 font: bold 11px verdana;
 167 vertical-align: top;
 168 margin-left: 8px;
 169 }
 170
 171 div.search a {
 172 margin-left: 30px;
 173 color: #31568c;
 174 text-decoration: underline;
 175 font-weight: normal;
 176 line-height: 15px;
 177 }
 178
 179 a {
 180 color: #5d82b7;
 181 text-decoration: none;
 182 }
 183
 184 a:visited {
 185 color: #a0689d;
 186 }
 187
 188 a:hover {
 189 text-decoration: underline;
 190 }
 191
 192 div.clear {
 193 clear: both;
 194 }
 195
 196 a.result {
 197 width: 44px;
 198 float: left;
 199 line-height: 20px;
 200 margin-bottom: 5px;
 201 text-indent: 10px;
 202 clear: both;
 203 }
 204
 205 div.record {
 206 float: left;
 207 width: 675px;
 208 margin-bottom: 5px;
 209 line-height: 20px;
 210 }
 211
 212 a.close {
 213 float: left;
 214 padding: 5px;
 215 width: 18px;
 216 height: 20px;
 217 border: 1px solid #aec0db;
 218 border-left: 0px;
 219 text-align: center;
 220 margin-top: -6px;
 221 }
 222
 223 a.close img {
 224 margin-top: 6px;
 225 }
 226
 227 div.records a.select {
 228 float: left;
 229 width: 651px;
 230 font-weight: bold;
 231 line-height: 20px;
 232 padding: 5px;
 233 margin-top: -6px;
 234 border: 1px solid #aec0db;
 235 }
 236
 237 div.detail {
 238 padding: 5px 5px 5px 10px;
 239 border: 1px solid #aec0db;
 240 border-top: 0px;
 241 margin-left: 44px;
 242 margin-bottom: 5px;
 243 width: 675px;
 244 float: left;
 245 clear: left;
 246 }
 247
 248 div.results {
 249 float: left;
 250 color: #000000;
 251 background-color: #e1e5ec;
 252 padding-left: 10px;
 253 padding-right: 20px;
 254 padding-top: 5px;
 255 height: 50px;
 256 line-height: 25px;
 257 margin-bottom: 12px;
 258 }
 259
 260 div.bottom {
 261 float: left;
 262 color: #000000;
 263 background-color: #e1e5ec;
 264 padding-left: 10px;
 265 padding-right: 20px;
 266 height: 28px;
 267 line-height: 28px;
 268 }
 269
 270 table {
 271 padding: 0px;
 272 margin: 0px;
 273 border-collapse: collapse;
 274 }
 275
 276 td {
 277 color: #000000;
 278 }
 279
 280 td.item {
 281 width: 100px;
 282 color: #31568c;
 283 }
 284
 285 div.detail a {
 286 background: none;
 287 padding: 0px;
 288 margin: 0px;
 289 }
 290
 291 div.showing {
 292 float: left;
 293 clear: left;
 294 }
 295
 296 div.pages {
 297 float: right;
 298 }
 299
 300 div.pages a.page, div.pages a.select  {
 301 text-decoration: underline;
 302 padding-left: 2px;
 303 padding-right: 2px;
 304 }
 305
 306 div.pages a.select {
 307 text-decoration: none;
 308 font-weight: bold;
 309 }
 310
 311 a.previous_inactive {
 312 background-image: url(../gfx/previous_inactive.gif);
 313 color: #757575;
 314 }
 315
 316 a.previous_active {
 317 background-image: url(../gfx/previous_active.gif);
 318 }
 319
 320 a.next_inactive {
 321 background-image: url(../gfx/next_inactive.gif);
 322 color: #757575;
 323 }
 324
 325 a.next_active {
 326 background-image: url(../gfx/next_active.gif);
 327 }
 328
 329 a.previous_active, a.previous_inactive {
 330 margin-right: 10px;
 331 text-decoration: none;
 332 padding-left: 10px;
 333 background-position: 0px 4px;
 334 background-repeat: no-repeat;
 335 }
 336
 337 a.next_inactive, a.next_active {
 338 margin-left: 10px;
 339 padding-right: 10px;
 340 background-position: 100% 4px;
 341 background-repeat: no-repeat;
 342 text-decoration: none;
 343 }
 344
 345 div.leftbar a {
 346 display: block;
 347 padding-left: 20px;
 348 }
 349
 350 a span {
 351 color: #959595;
 352 }
 353
 354 a.selected {
 355 background-image: url(../gfx/minus.gif);
 356 background-position: 0px 2px;
 357 background-repeat: no-repeat;
 358 text-transform: capitalize;
 359 font-weight: bold;
 360 font-size: 10px;
 361 line-height: 13px;
 362 }
 363
 364 a.unselected {
 365 background-image: url(../gfx/plus.gif);
 366 background-position: 0px 2px;
 367 background-repeat: no-repeat;
 368 text-transform: capitalize;
 369 font-weight: bold;
 370 font-size: 10px;
 371 line-height: 13px;
 372 }
 373
 374 a.sub {
 375 text-indent: 15px;
 376 font-size: 10px;
 377 line-height: 13px;
 378 }
 379
 380 span.green {
 381 color: #63b05d;
 382 font-weight: bold;
 383 }
 384
 385 div.leftbar hr {
 386 border: 0px;
 387 border-bottom: 1px solid #c5cedc;
 388 height: 1px;
 389 line-height: 8px;
 390 }
 391
 392 div.trailer {
 393 background-color: #ffffff;
 394 width: 100%;
 395 height: 37px;
 396 padding-top: 3px;
 397 text-indent: 227px;
 398 }