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