static/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: 10px;
  39         padding: 0px;
  40 }
  41
  42 h2 {
  43         font: bold 114% Arial ,sans-serif;
  44         color: #006699;
  45         margin: 10px;
  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 /*************** content styles ******************/
 413
 414 .content {
 415         padding: 10px 0px 0px 10px;
 416         font-size: 80%;
 417         min-height: 450px;
 418 }
 419
 420 .content h3 {
 421         font: bold 125% Arial,sans-serif;
 422         color: #000000;
 423 }
 424
 425 .content a.capsule {
 426         font: bold 1em Arial,sans-serif;
 427         color: #005FA9;
 428         display: block;
 429         padding-bottom: 5px;
 430 }
 431
 432 .content 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 #pageNav div {
 486         margin: 0px;
 487         padding: 0px 0px 10px 10px;
 488         border-bottom: 1px solid #cccccc;
 489 }
 490
 491 #pageNav div h3 {
 492         padding: 10px 0px 2px 0px;
 493 }
 494
 495 #pageNav div 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 .DataTDGrey {
 513         background-color: #EFEDED;
 514         border-style: inset;
 515         border-width: 1px;
 516         font-size: 8pt;
 517         color: #000000;
 518         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 519
 520         padding: 1px 5px 1px 5px;
 521         border: 1px #CFCFCF solid;
 522         border-left: 1px #cfcfcf dotted;
 523         border-right: 1px #cfcfcf dotted;
 524 }
 525
 526 .DataTDNotDotted {
 527         background-color: #e2e2e2;
 528         border-style: inset;
 529         border-width: 1px;
 530         font-size: 8pt;
 531         color: #000000;
 532         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 533
 534         background: #ffffff;
 535         padding: 1px 5px 1px 5px;
 536         border: 1px #CFCFCF solid;
 537         border-left: 1px #cfcfcf solid;
 538         border-right: 1px #cfcfcf solid;
 539 }
 540
 541 .DataTDError {
 542     border-style: inset;
 543     border-width: 1px;
 544     font-size: 8pt;
 545     color: #ff0000;
 546     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 547
 548     background: #ffffff;
 549     padding: 1px 5px 1px 5px;
 550     border: 1px #cfcfcf solid;
 551     border-left: 1px #cfcfcf dotted;
 552     border-right: 1px #cfcfcf dotted;
 553 }
 554 .wrapper {
 555         border-collapse: collapse;
 556         font-family: verdana, sans-serif;
 557         font-size: 11px;
 558         text-align: center;
 559         margin-left:auto;
 560         margin-right:auto;
 561         width: 700px;
 562 }
 563
 564 td.greytxt {
 565         color: #cccccc;
 566         font-size: smaller;
 567         text-align: right;
 568         vertical-align: bottom;
 569 }
 570 .bold, .primaryemailaddress {
 571         font-weight:bold;
 572 }
 573 .italic, .deletedemailaddress {
 574         font-style:italic;
 575 }
 576 .title {
 577         background: #e2e2e2;
 578         font-weight: bold;
 579         padding: 1px 5px 1px 5px;
 580         border: 1px solid #cfcfcf;
 581         border-bottom: 3px double #cfcfcf;
 582         border-top: 1px solid #656565;
 583         text-align: center;
 584 }
 585
 586 .errmsg {
 587         font-weight: bold;
 588         color: #FF0000;
 589 }
 590
 591 .ac_menu {
 592         border: 1px solid black
 593 }
 594
 595 .ac_normal {
 596         background-color: #ffffff;
 597         cursor: pointer;
 598 }
 599
 600 .ac_highlight {
 601         background-color: #3366cc;
 602         color: white;
 603         cursor: pointer;
 604 }
 605
 606 .ac_normal .a {
 607         font-size: 13px;
 608         color: black;
 609 }
 610
 611 .ac_highlight .a {
 612         font-size: 13px;
 613 }
 614
 615 .ac_normal .d {
 616         float: right;
 617         font-size: 10px;
 618         color: green;
 619 }
 620
 621 .ac_highlight .d {
 622         float: right;
 623         font-size: 10px;
 624 }
 625
 626
 627 /************** sponsorInfo styles ****************/
 628
 629 div.sponsorinfo {
 630         clear: both;
 631         border-top: 1px solid #cccccc;
 632         font-size: small;
 633         color: #000000;
 634         padding: 10px 10px 10px 10px;
 635 }
 636
 637 img.sponsorlogo {
 638         margin-left: 10px;
 639         margin-right: 10px;
 640         border: 0px none;
 641         vertical-align: middle;
 642 }
 643
 644
 645 /************ Newsbox *************/
 646
 647 #lnews {        /* class for the text "Latest News" */
 648         font-size: small;
 649         font-variant: small-caps;
 650 }
 651
 652 div.newsbox {
 653         border-top: 1px solid #cccccc;
 654         color: #101010;
 655         padding: 10px 10px 10px 10px;
 656 }
 657
 658
 659 /************ SQL Performance ***********/
 660
 661 div.footerbar {
 662         clear: both;
 663         border-top: 1px solid #cccccc;
 664         font-size: small;
 665         color: black;
 666         padding: 10px 10px 10px 10px;
 667 }
 668
 669
 670 /************ Honeypot  ***********/
 671
 672 .robotic {
 673         display: none;
 674 }
 675
 676
 677 /************  unicode fallbacks ***********/
 678
 679 /* Some embedding of font */
 680 @font-face {
 681         font-family: 'Source Code Pro';
 682         src: local('Source Code Pro');
 683 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
 684 }
 685
 686 @font-face {
 687         font-family: 'Last Resort';
 688         src: local('LastResort');
 689 /*  src: url(/res/fonts/LastResort.ttf); */
 690 }
 691
 692 .accountdetail {
 693         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
 694         font-size: 1.1em;
 695 }
 696
 697 .accountdetail.fname, .accountdetail .fname {
 698 }
 699
 700 .accountdetail.mname {
 701 }
 702
 703 .accountdetail.lname, .accountdetail .lname {
 704         font-weight: bold;
 705 }
 706
 707 .accountdetail.suffix {
 708 }
 709 ul.menu.hidden{
 710         display: none;
 711 }
 712 img{
 713         border: 0;
 714 }
 715 formMandatory{
 716         color: red;
 717 }
 718 .experthidden{
 719         display:none;
 720 }
 721 .expertoff{
 722         display:none;
 723 }
 724 pre{
 725         word-wrap: break-word;
 726         white-space: pre-wrap;
 727 }
 728
 729 .dataTable td {
 730         background-color: #e2e2e2;
 731         border-style: inset;
 732         border-width: 1px;
 733         font-size: 8pt;
 734         color: #000000;
 735         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 736
 737         background: #ffffff;
 738         padding: 1px 5px 1px 5px;
 739         border: 1px #cfcfcf solid;
 740         border-left: 1px #cfcfcf dotted;
 741         border-right: 1px #cfcfcf dotted;
 742 }
 743
 744 .dataTable th {
 745         background: #e2e2e2;
 746         font-weight: bold;
 747         padding: 1px 5px 1px 5px;
 748         border: 1px solid #cfcfcf;
 749         border-bottom: 3px double #cfcfcf;
 750         border-top: 1px solid #656565;
 751         text-align: center;
 752 }
 753
 754 .dataTable input, .dataTable textarea {
 755         font-size: 92%;
 756 }
 757
 758 .dataTable select, .dataTable option {
 759         font-size: 92%;
 760 }
 761 .dataTable textarea{
 762         width: 100%;
 763 }