static/default.css

   1 /***********************************************/
   2 /* emx_nav_right.css                           */
   3 /* Use with template Halo_rightNav.html        */
   4 /***********************************************/
   5
   6 /***********************************************/
   7 /* HTML tag styles                             */
   8 /***********************************************/
   9
  10 body {
  11         font-family: Arial,sans-serif;
  12         color: #333333;
  13         line-height: 1.166;
  14         margin: 0px;
  15         padding: 0px;
  16         background: #cccccc;
  17 /*      url("/siteimages/bg_grad.jpg") fixed;   */
  18 }
  19
  20
  21 /******* hyperlink and anchor tag styles *******/
  22
  23 a:link, a:visited {
  24         color: #005fa9;
  25         text-decoration: none;
  26 }
  27
  28 a:hover {
  29         text-decoration: underline;
  30 }
  31
  32
  33 /************** header tag styles **************/
  34
  35 h1 {
  36         font: bold 120% Arial ,sans-serif;
  37         color: #334d55;
  38         margin: 0px;
  39         padding: 0px;
  40 }
  41
  42 h2 {
  43         font: bold 114% Arial ,sans-serif;
  44         color: #006699;
  45         margin: 0px;
  46         padding: 0px;
  47 }
  48
  49 h3 {
  50         font: bold 100% Arial ,sans-serif;
  51         color: #334d55;
  52         margin: 0px;
  53         padding: 0px;
  54 }
  55
  56 h3.pointer {
  57         cursor: pointer;
  58         /* cursor: hand; */
  59 }
  60
  61 h4 {
  62         font: bold 100% Arial ,sans-serif;
  63         color: #333333;
  64         margin: 0px;
  65         padding: 0px;
  66 }
  67
  68 h5 {
  69         font: 100% Arial ,sans-serif;
  70         color: #334d55;
  71         margin: 0px;
  72         padding: 0px;
  73 }
  74
  75
  76 /*************** list tag styles ***************/
  77
  78 ul.menu {
  79         list-style: none;
  80         margin: 0px 0px 0px 15px;
  81         padding-left: 5px;
  82         border-left: 1px dotted #000;
  83 }
  84
  85 ul.top {
  86         list-style: none;
  87         margin: 0px 0px 0px 15px;
  88         padding-left: 5px;
  89         border-left: 0px;
  90 }
  91
  92 ul.no_indent {
  93         list-style: none;
  94         padding: 0px;
  95 }
  96
  97 .attach_ul {
  98         margin-bottom: 0px;
  99 }
 100
 101 .attach_ul + ul {
 102         margin-top: 0px;
 103 }
 104
 105
 106 /***********************************************/
 107 /* Layout Divs                                 */
 108 /***********************************************/
 109
 110 #pagecell1 {
 111         position: absolute;
 112         top: 2%;
 113         left: 2%;
 114         right: 2%;
 115         width: 96%;
 116         background-color: #ffffff;
 117 }
 118
 119 #tl {
 120         position: absolute;
 121         top: -1px;
 122         left: -1px;
 123         margin: 0px;
 124         padding: 0px;
 125         z-index: 100;
 126 }
 127
 128 #tr {
 129         position: absolute;
 130         top: -1px;
 131         right: -1px;
 132         margin: 0px;
 133         padding: 0px;
 134         z-index: 100;
 135 }
 136
 137 #masthead {
 138         position: absolute;
 139         top: 0px;
 140         left: 2%;
 141         right: 2%;
 142         width: 95.6%;
 143 }
 144
 145 #pageNav {
 146         float: right;
 147         width: 178px;
 148         padding: 0px;
 149         background-color: #F5f7f7;
 150         border-left: 1px solid #cccccc;
 151         font: small Verdana,sans-serif;
 152 }
 153
 154 #content {
 155         padding: 0px 10px 0px 0px;
 156         margin: 0px 178px 0px 0px;
 157 }
 158
 159
 160 /***********************************************/
 161 /* Component Divs                              */
 162 /***********************************************/
 163 #siteName {
 164         margin: 0px;
 165         padding: 16px 0px 8px 0px;
 166         color: #ffffff;
 167         font-weight: normal;
 168 }
 169
 170
 171 /************** utility styles *****************/
 172
 173 #utility {
 174         font: 75% Verdana,sans-serif;
 175         position: absolute;
 176         top: 16px;
 177         right: 0px;
 178         color: #919999;
 179 }
 180
 181 #utility a {
 182         color: #ffffff;
 183 }
 184
 185 #utility a:hover {
 186         text-decoration: underline;
 187 }
 188
 189
 190 /************** pageName styles ****************/
 191
 192 #pageName {
 193         padding: 0px 0px 14px 10px;
 194         margin: 0px;
 195         border-bottom: 1px solid #ccd2d2;
 196         z-index: 2;
 197 }
 198
 199 #pageName h2 {
 200         font: bold 175% Arial,sans-serif;
 201         color: #000000;
 202         margin: 0px;
 203         padding: 0px;
 204 }
 205
 206 /*
 207 #pageLogo {
 208         position: absolute;
 209         top: 8px;
 210         left: 10px;
 211         z-index: 5;
 212 }
 213 */
 214
 215
 216 /************* globalNav styles ****************/
 217
 218 #globalNav {
 219         position: relative;
 220         width: 100%;
 221         min-width: 640px;
 222         height: 32px;
 223         color: #cccccc;
 224         padding: 0px;
 225         margin: 0px;
 226         background-image: url("siteimages/glbnav_background.gif");
 227 }
 228
 229 #globalNav img {
 230         margin-bottom: -4px;
 231 }
 232
 233 #gnl {
 234         position: absolute;
 235         top: 0px;
 236         left:0px;
 237 }
 238
 239 #gnr {
 240         position: absolute;
 241         top: 0px;
 242         right:0px;
 243 }
 244
 245 #globalLink {
 246         position: absolute;
 247         top: 6px;
 248         height: 22px;
 249         min-width: 640px;
 250         padding: 0px;
 251         margin: 0px;
 252         left: 10px;
 253         z-index: 100;
 254 }
 255
 256
 257 a.glink, a.glink:visited {
 258         font-size: small;
 259         color: #000000;
 260         font-weight: bold;
 261         margin: 0px;
 262         padding: 2px 5px 4px 5px;
 263         border-right: 1px solid #8fb8bc;
 264 }
 265
 266 a.glink:hover {
 267         background-image: url("siteimages/glblnav_selected.gif");
 268         text-decoration: none;
 269 }
 270
 271 .skipLinks {
 272         display: none;
 273 }
 274
 275
 276 /************ subglobalNav styles **************/
 277
 278 .subglobalNav {
 279         position: absolute;
 280         top: 84px;
 281         left: 0px;
 282         /*width: 100%;*/
 283         min-width: 640px;
 284         height: 20px;
 285         padding: 0px 0px 0px 10px;
 286         visibility: hidden;
 287         color: #ffffff;
 288 }
 289
 290 .subglobalNav a:link, .subglobalNav a:visited {
 291         font-size: 80%;
 292         color: #ffffff;
 293 }
 294
 295 .subglobalNav a:hover {
 296         color: #cccccc;
 297 }
 298
 299
 300 /*************** search styles *****************/
 301 /*
 302 #listshow {
 303         z-order: 101;
 304 }
 305 */
 306
 307 #search {
 308         position: absolute;
 309         top: 125px;
 310         right: 0px;
 311 }
 312
 313 #search form {
 314         position: absolute;
 315         top: 125px;
 316         right: 300px;
 317 }
 318 #search input {
 319         font-size: 11px;
 320 }
 321
 322 #search1 {
 323         position: absolute;
 324         top: 85px;
 325         right: 300px;
 326 }
 327
 328 #search2 {
 329         position: absolute;
 330         top: 100px;
 331         right: 300px;
 332 }
 333
 334 #search3 {
 335         position: absolute;
 336         top: 85px;
 337         right: 240px;
 338 }
 339
 340 #search4 {
 341         position: absolute;
 342         top: 100px;
 343         right: 226px;
 344 }
 345
 346 #googlead {
 347         position: absolute;
 348         top: 5px;
 349         right: 0px;
 350         z-index: -10;
 351 }
 352
 353 #search input {
 354         font-size: 70%;
 355         margin: 0px 0px 0px 10px;
 356 }
 357
 358 #search a:link, #search a:visited {
 359         font-size: 80%;
 360         font-weight: bold;
 361
 362 }
 363
 364 #search a:hover {
 365         margin: 0px;
 366 }
 367
 368
 369 /************* breadCrumb styles ***************/
 370
 371 #breadCrumb {
 372         padding: 5px 0px 5px 10px;
 373         font: small Verdana,sans-serif;
 374         color: #aaaaaa;
 375 }
 376
 377 #breadCrumb a {
 378         color: #aaaaaa;
 379 }
 380
 381 #breadCrumb a:hover {
 382         color: #005fa9;
 383         text-decoration: underline;
 384 }
 385
 386
 387 /************** feature styles *****************/
 388
 389 .feature {
 390         padding: 0px 0px 10px 10px;
 391         font-size: 80%;
 392         min-height: 200px;
 393         height: 200px;
 394 }
 395
 396 .feature {
 397         height: auto;
 398 }
 399
 400 .feature h3 {
 401         font: bold 175% Arial,sans-serif;
 402         color: #000000;
 403         padding: 30px 0px 5px 0px;
 404 }
 405
 406 .feature img {
 407         float: left;
 408         padding: 0px 10px 0px 0px;
 409 }
 410
 411
 412 /*************** story styles ******************/
 413
 414 .story {
 415         padding: 10px 0px 0px 10px;
 416         font-size: 80%;
 417         min-height: 450px;
 418 }
 419
 420 .story h3 {
 421         font: bold 125% Arial,sans-serif;
 422         color: #000000;
 423 }
 424
 425 .story a.capsule {
 426         font: bold 1em Arial,sans-serif;
 427         color: #005FA9;
 428         display: block;
 429         padding-bottom: 5px;
 430 }
 431
 432 .story a.capsule:hover {
 433         text-decoration: underline;
 434 }
 435
 436 td.storyLeft {
 437         padding-right: 12px;
 438 }
 439
 440
 441 /************** siteInfo styles ****************/
 442
 443 #siteInfo {
 444         clear: both;
 445         border-top: 1px solid #cccccc;
 446         font-size: small;
 447         color: #cccccc;
 448         padding: 10px 10px 10px 10px;
 449 }
 450
 451
 452 /************ sectionLinks styles **************/
 453
 454 #sectionLinks {
 455         margin: 0px;
 456         padding: 0px;
 457 }
 458
 459 #sectionLinks h3 {
 460         padding: 10px 0px 2px 10px;
 461         border-bottom: 1px solid #cccccc;
 462 }
 463
 464 #sectionLinks a:link, #sectionLinks a:visited {
 465         display: block;
 466         border-top: 1px solid #ffffff;
 467         border-bottom: 1px solid #cccccc;
 468         background-image: url("siteimages/bg_nav.jpg");
 469         font-weight: bold;
 470         padding: 3px 0px 3px 10px;
 471         color: #21536A;
 472 }
 473
 474 #sectionLinks a:hover {
 475         border-top: 1px solid #cccccc;
 476         background-color: #DDEEFF;
 477         background-image: none;
 478         font-weight: bold;
 479         text-decoration: none;
 480 }
 481
 482
 483 /************* relatedLinks styles **************/
 484
 485 .relatedLinks {
 486         margin: 0px;
 487         padding: 0px 0px 10px 10px;
 488         border-bottom: 1px solid #cccccc;
 489 }
 490
 491 .relatedLinks h3 {
 492         padding: 10px 0px 2px 0px;
 493 }
 494
 495 .relatedLinks a {
 496         display: block;
 497 }
 498
 499
 500 /**************** advert styles *****************/
 501
 502 #advert {
 503         padding: 10px;
 504 }
 505
 506 #advert img {
 507         display: block;
 508 }
 509
 510
 511 /********************* end **********************/
 512
 513 .DataTD input, .DataTD textarea {
 514         font-size: 92%;
 515 }
 516
 517 .DataTD select, .DataTD option {
 518         font-size: 92%;
 519 }
 520
 521 .DataTD {
 522         background-color: #e2e2e2;
 523         border-style: inset;
 524         border-width: 1px;
 525         font-size: 8pt;
 526         color: #000000;
 527         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 528
 529         background: #ffffff;
 530         padding: 1px 5px 1px 5px;
 531         border: 1px #cfcfcf solid;
 532         border-left: 1px #cfcfcf dotted;
 533         border-right: 1px #cfcfcf dotted;
 534 }
 535
 536 .DataTDGrey {
 537         background-color: #EFEDED;
 538         border-style: inset;
 539         border-width: 1px;
 540         font-size: 8pt;
 541         color: #000000;
 542         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 543
 544         padding: 1px 5px 1px 5px;
 545         border: 1px #CFCFCF solid;
 546         border-left: 1px #cfcfcf dotted;
 547         border-right: 1px #cfcfcf dotted;
 548 }
 549
 550 .DataTDNotDotted {
 551         background-color: #e2e2e2;
 552         border-style: inset;
 553         border-width: 1px;
 554         font-size: 8pt;
 555         color: #000000;
 556         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 557
 558         background: #ffffff;
 559         padding: 1px 5px 1px 5px;
 560         border: 1px #CFCFCF solid;
 561         border-left: 1px #cfcfcf solid;
 562         border-right: 1px #cfcfcf solid;
 563 }
 564
 565 .DataTDError {
 566     border-style: inset;
 567     border-width: 1px;
 568     font-size: 8pt;
 569     color: #ff0000;
 570     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 571
 572     background: #ffffff;
 573     padding: 1px 5px 1px 5px;
 574     border: 1px #cfcfcf solid;
 575     border-left: 1px #cfcfcf dotted;
 576     border-right: 1px #cfcfcf dotted;
 577 }
 578 .wrapper {
 579         border-collapse: collapse;
 580         font-family: verdana, sans-serif;
 581         font-size: 11px;
 582         text-align: center;
 583         margin-left:auto;
 584         margin-right:auto;
 585 }
 586
 587 td.greytxt {
 588         color: #cccccc;
 589         font-size: smaller;
 590         text-align: right;
 591         vertical-align: bottom;
 592 }
 593 .bold, .primaryemailaddress {
 594         font-weight:bold;
 595 }
 596 .italic, .deletedemailaddress {
 597         font-style:italic;
 598 }
 599 .title {
 600         background: #e2e2e2;
 601         font-weight: bold;
 602         padding: 1px 5px 1px 5px;
 603         border: 1px solid #cfcfcf;
 604         border-bottom: 3px double #cfcfcf;
 605         border-top: 1px solid #656565;
 606         text-align: center;
 607 }
 608
 609 .errmsg {
 610         font-weight: bold;
 611         color: #FF0000;
 612 }
 613
 614 .ac_menu {
 615         border: 1px solid black
 616 }
 617
 618 .ac_normal {
 619         background-color: #ffffff;
 620         cursor: pointer;
 621 }
 622
 623 .ac_highlight {
 624         background-color: #3366cc;
 625         color: white;
 626         cursor: pointer;
 627 }
 628
 629 .ac_normal .a {
 630         font-size: 13px;
 631         color: black;
 632 }
 633
 634 .ac_highlight .a {
 635         font-size: 13px;
 636 }
 637
 638 .ac_normal .d {
 639         float: right;
 640         font-size: 10px;
 641         color: green;
 642 }
 643
 644 .ac_highlight .d {
 645         float: right;
 646         font-size: 10px;
 647 }
 648
 649
 650 /************** sponsorInfo styles ****************/
 651
 652 div.sponsorinfo {
 653         clear: both;
 654         border-top: 1px solid #cccccc;
 655         font-size: small;
 656         color: #000000;
 657         padding: 10px 10px 10px 10px;
 658 }
 659
 660 img.sponsorlogo {
 661         margin-left: 10px;
 662         margin-right: 10px;
 663         border: 0px none;
 664         vertical-align: middle;
 665 }
 666
 667
 668 /************ Newsbox *************/
 669
 670 #lnews {        /* class for the text "Latest News" */
 671         font-size: small;
 672         font-variant: small-caps;
 673 }
 674
 675 div.newsbox {
 676         border-top: 1px solid #cccccc;
 677         color: #101010;
 678         padding: 10px 10px 10px 10px;
 679 }
 680
 681
 682 /************ SQL Performance ***********/
 683
 684 div.footerbar {
 685         clear: both;
 686         border-top: 1px solid #cccccc;
 687         font-size: small;
 688         color: black;
 689         padding: 10px 10px 10px 10px;
 690 }
 691
 692
 693 /************ Honeypot  ***********/
 694
 695 .robotic {
 696         display: none;
 697 }
 698
 699
 700 /************  unicode fallbacks ***********/
 701
 702 /* Some embedding of font */
 703 @font-face {
 704         font-family: 'Source Code Pro';
 705         src: local('Source Code Pro');
 706 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
 707 }
 708
 709 @font-face {
 710         font-family: 'Last Resort';
 711         src: local('LastResort');
 712 /*  src: url(/res/fonts/LastResort.ttf); */
 713 }
 714
 715 .accountdetail {
 716         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
 717         font-size: 1.1em;
 718 }
 719
 720 .accountdetail.fname {
 721 }
 722
 723 .accountdetail.mname {
 724 }
 725
 726 .accountdetail.lname {
 727         font-weight: bold;
 728 }
 729
 730 .accountdetail.suffix {
 731 }