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: #f0f0f9;/* changed from #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: 600;
  28 }
  29
  30 h2 {
  31 font-size: 11px;
  32 margin: 0px;
  33 padding-top: 3px;
  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: 3px solid #5272ab; /*change from #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 border-top: 3px solid #9bb3e0; /*added*/
  87 top: 88px; /*change from 90 */
  88 left: 0px;
  89 width: 100%;
  90 height: 73px; /*change from 63 */
  91 background-color: #e1e5ec;
  92 color: #31568c;
  93 font-weight: bold;
  94 }
  95
  96 div.search span {
  97 position: absolute;
  98 left: 74px;
  99 top: 28px;
 100 }
 101
 102 div.search div.simple {
 103 position: absolute;
 104 left: 225px;
 105 top: 25px;
 106 }
 107
 108 div.search div.advanced {
 109 position: absolute;
 110 right: 249px;
 111 top: 47px;
 112 text-align: right;
 113 }
 114
 115
 116 input.search {
 117 background-color: #ffffff;
 118 color: #000000;
 119 border: 1px solid #a5acb2;
 120 height: 17px;
 121 line-height: 17px;
 122 width: 500px;
 123 margin-top: -1px;
 124 }
 125
 126 input.advSearch {
 127 background-color: #ffffff;
 128 color: #000000;
 129 border: 1px solid #a5acb2;
 130 height: 17px;
 131 line-height: 17px;
 132 width: 400px;
 133 margin-top: 5px;
 134 }
 135
 136 div.main {
 137 width: 100%;
 138 background-color:#f0f0f9; /*changed from #ffffff;*/
 139 /*removed background-image: url(../gfx/background.gif);*/
 140 /*removed background-position: 0px 271px;*/
 141 /*removed background-repeat: repeat-y;*/
 142 color: #002863;
 143 position: relative;
 144 top: 105px; /*change from 108*/
 145 left: 0px;
 146 }
 147
 148 div.clear {
 149 clear: both;
 150 }
 151
 152 div.leftbar {
 153 float: left;
 154 background-color: #e1e5ec; /*added*/
 155 width: 209px;
 156 height: 100%;
 157 margin-bottom: 10px;
 158 margin-right: 17px;
 159 padding-bottom: 20px; /*added*/
 160 color: #000000;
 161 }
 162
 163 div.head {
 164 padding: 0px;
 165 width: 100%;
 166 height: 25px;
 167 background-color: #c1cbd9;
 168 font-size: 11px;
 169 /*removed margin-bottom: 3px;*/
 170 color: #002863;
 171 }
 172
 173 div.margin {
 174 padding-left: 13px;
 175 padding-top: 2px;
 176 padding-right: 13px;
 177 }
 178
 179 div.content {
 180 float: right;
 181 width: 754px;
 182 background-color: #ffffff;
 183 color: #002863;
 184 }
 185
 186 div.motd {
 187 float: right;
 188 width: 754px;
 189 }
 190
 191
 192 input.button {
 193 color: #ffffff;
 194 font: bold 11px verdana;
 195 vertical-align: top;
 196 margin-left: 8px;
 197 }
 198
 199 div.search a {
 200 margin-left: 30px;
 201 color: #31568c;
 202 text-decoration: underline;
 203 font-weight: normal;
 204 line-height: 15px;
 205 }
 206
 207 a {
 208 cursor: pointer;
 209 color: #5d82b7;
 210 text-decoration: none;
 211 }
 212
 213 a:visited {
 214 color: #a0689d;
 215 }
 216
 217 a:hover {
 218 text-decoration: underline;
 219 }
 220
 221 div.clear {
 222 clear: both;
 223 }
 224
 225 div.resultNum {
 226 width: 44px;
 227 float: left;
 228 line-height: 20px;
 229 margin-bottom: 10px;
 230 text-indent: 10px;
 231 font-size: 10px;
 232 font-weight: bold;
 233 clear: both;
 234 }
 235
 236 div.record {
 237 font-size: 12px;
 238 float: left;
 239 width: 675px;
 240 margin-bottom: 10px;
 241 line-height: 20px;
 242 }
 243
 244 div.record a.recTitle{
 245 font-weight: bold;
 246 }
 247
 248 div.record a.recAuthor{
 249 font-style: italic;
 250 }
 251
 252 a.close {
 253 float: left;
 254 padding: 5px;
 255 width: 18px;
 256 height: 20px;
 257 border: 1px solid #aec0db;
 258 border-left: 0px;
 259 text-align: center;
 260 margin-top: -6px;
 261 }
 262
 263 a.close img {
 264 margin-top: 6px;
 265 }
 266
 267 /*added*/
 268 div.records {
 269     margin-top: 10px;
 270 }
 271
 272 div.records a.select {
 273 float: left;
 274 width: 651px;
 275 font-weight: bold;
 276 line-height: 20px;
 277 padding: 5px;
 278 margin-top: -6px;
 279 border: 1px solid #aec0db;
 280 }
 281
 282 div.detail {
 283 border-top: 1px solid #aec0db;
 284 border-bottom: 1px solid #aec0db;
 285 padding: 5px 5px 5px 10px;
 286 background-color: #e1e5ec;
 287 /*removed border: 1px solid #aec0db;*/
 288 /*removed border-top: 0px;*/
 289 /*removed margin-left: 44px;*/
 290 /*removed margin-bottom: 5px;*/
 291 width: 475px;
 292 float: left;
 293 clear: left;
 294 }
 295
 296 div.results {
 297 float: left;
 298 color: #002863;
 299 background-color: #e1e5ec;
 300 padding-left: 10px;
 301 padding-right: 20px;
 302 padding-top: 5px;
 303 height: 50px;
 304 line-height: 25px;
 305 margin-bottom: 12px;
 306 }
 307
 308 div.bottom {
 309 float: left;
 310 color: #000000;
 311 background-color: #e1e5ec;
 312 padding-left: 10px;
 313 padding-right: 20px;
 314 height: 28px;
 315 line-height: 28px;
 316 }
 317
 318 div#breadcrumb {
 319 border-bottom: 1px solid #e1e5ec;
 320 float: left;
 321 background-color: #f6f6f9;
 322 padding-left: 0px;
 323 padding-right: 0px;
 324 margin-bottom: 10px;
 325 width: inherit;
 326 line-height: 28px;
 327 }
 328
 329 div#breadcrumb span{
 330 margin-right: 1px;
 331 margin-left: 5px;
 332 }
 333
 334 div#breadcrumb a:hover {
 335 text-decoration: line-through;
 336 }
 337
 338 strong#filter{
 339 margin-right: -5px;
 340 margin-left: 5px;
 341 }
 342
 343 table {
 344 padding: 0px;
 345 margin: 0px;
 346 border-collapse: collapse;
 347 }
 348
 349 td {
 350 color: #000000;
 351 }
 352
 353 td.item {
 354 width: 100px;
 355 color: #31568c;
 356 }
 357
 358 div.detail a {
 359 background: none;
 360 padding: 0px;
 361 margin: 0px;
 362 }
 363
 364 div.sortBox{
 365 float: right;
 366 }
 367
 368 div.showing {
 369 padding-top: 3px; /*added*/
 370 float: left;
 371 clear: left;
 372 }
 373
 374 div.pages {
 375 float: right;
 376 }
 377
 378 div.pages a.page, div.pages a.select  {
 379 text-decoration: underline;
 380 padding-left: 2px;
 381 padding-right: 2px;
 382 }
 383
 384 div.pages a.select {
 385 text-decoration: none;
 386 font-weight: bold;
 387 }
 388
 389 a.previous_inactive {
 390 background-image: url(../gfx/previous_inactive.gif);
 391 color: #757575;
 392 }
 393
 394 a.previous_active {
 395 background-image: url(../gfx/previous_active.gif);
 396 }
 397
 398 a.next_inactive {
 399 background-image: url(../gfx/next_inactive.gif);
 400 color: #757575;
 401 }
 402
 403 a.next_active {
 404 background-image: url(../gfx/next_active.gif);
 405 }
 406
 407 a.previous_active, a.previous_inactive {
 408 margin-right: 10px;
 409 text-decoration: none;
 410 padding-left: 10px;
 411 background-position: 0px 4px;
 412 background-repeat: no-repeat;
 413 }
 414
 415 a.next_inactive, a.next_active {
 416 margin-left: 10px;
 417 padding-right: 10px;
 418 background-position: 100% 4px;
 419 background-repeat: no-repeat;
 420 text-decoration: none;
 421 }
 422
 423 div.leftbar a {
 424 display: block;
 425 padding-left: 20px;
 426 }
 427
 428 a span {
 429 color: #959595;
 430 }
 431
 432 a.selected {
 433 background-image: url(../gfx/minus.gif);
 434 background-position: 0px 2px;
 435 background-repeat: no-repeat;
 436 text-transform: capitalize;
 437 font-weight: bold;
 438 font-size: 10px;
 439 line-height: 13px;
 440 }
 441
 442 a.unselected {
 443 background-image: url(../gfx/plus.gif);
 444 background-position: 0px 2px;
 445 background-repeat: no-repeat;
 446 text-transform: capitalize;
 447 font-weight: bold;
 448 font-size: 10px;
 449 line-height: 13px;
 450 }
 451
 452 a.sub {
 453 text-indent: -10px;
 454 font-size: 10px;
 455 line-height: 13px;
 456 }
 457
 458 span.green {
 459 color: #63b05d;
 460 font-weight: bold;
 461 }
 462
 463 hr { /*removed div.leftbar*/
 464 border: 0px;
 465 border-bottom: 1px solid #c5cedc;
 466 height: 1px;
 467 line-height: 8px;
 468 }
 469
 470 div.trailer {
 471 border-top: 1px solid #e1e5ec;
 472 border-bottom: 2px solid #f4f4f9;
 473 background-color: #f6f6f9; /* #ffffff;*/
 474 width: 100%;
 475 height: 24px; /*change from 37*/
 476 padding-top: 4px;
 477 text-indent: 227px;
 478 }