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 /*** hide top menu ***/
 500 #pageNav > div > ul.menu {
 501         padding-left: 0;
 502         border-left: none;
 503         margin: 0;
 504 }
 505 #pageNav > div{
 506         padding: 0;
 507 }
 508
 509 #pageNav > div > h3.pointer {
 510         display: none;
 511 }
 512
 513 /**************** advert styles *****************/
 514
 515 #advert {
 516         padding: 10px;
 517 }
 518
 519 #advert img {
 520         display: block;
 521 }
 522
 523
 524 /********************* end **********************/
 525 .DataTDGrey {
 526         background-color: #EFEDED;
 527         border-style: inset;
 528         border-width: 1px;
 529         font-size: 8pt;
 530         color: #000000;
 531         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 532
 533         padding: 1px 5px 1px 5px;
 534         border: 1px #CFCFCF solid;
 535         border-left: 1px #cfcfcf dotted;
 536         border-right: 1px #cfcfcf dotted;
 537 }
 538
 539 .DataTDNotDotted {
 540         background-color: #e2e2e2;
 541         border-style: inset;
 542         border-width: 1px;
 543         font-size: 8pt;
 544         color: #000000;
 545         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 546
 547         background: #ffffff;
 548         padding: 1px 5px 1px 5px;
 549         border: 1px #CFCFCF solid;
 550         border-left: 1px #cfcfcf solid;
 551         border-right: 1px #cfcfcf solid;
 552 }
 553
 554 .DataTDError {
 555     border-style: inset;
 556     border-width: 1px;
 557     font-size: 8pt;
 558     color: #ff0000;
 559     font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 560
 561     background: #ffffff;
 562     padding: 1px 5px 1px 5px;
 563     border: 1px #cfcfcf solid;
 564     border-left: 1px #cfcfcf dotted;
 565     border-right: 1px #cfcfcf dotted;
 566 }
 567 .wrapper {
 568         border-collapse: collapse;
 569         font-family: verdana, sans-serif;
 570         font-size: 11px;
 571         margin-left:auto;
 572         margin-right:auto;
 573         width: 700px;
 574 }
 575
 576 .wrapper .check{
 577         text-align: center;
 578 }
 579 .wrapper td.radio input[type=radio]{
 580         float: left;
 581         width: 13px;
 582         margin: 3px;
 583 }
 584 .wrapper td.radio span.name{
 585         font-weight: bold;
 586         padding-bottom: 4px;
 587         margin-top: 3px;
 588 /*      display: inline;*/
 589 }
 590 .wrapper td.radio div.addinfo{
 591 /*      display: inline;*/
 592         padding-left: 19px;
 593 }
 594
 595 .wrapper td.radio div.elements{
 596         clear: both;
 597         height: 10px;
 598 }
 599
 600 td.greytxt {
 601         color: #cccccc;
 602         font-size: smaller;
 603         text-align: right;
 604         vertical-align: bottom;
 605 }
 606 .bold, .primaryemailaddress {
 607         font-weight:bold;
 608 }
 609 .italic, .deletedemailaddress {
 610         font-style:italic;
 611 }
 612 .title {
 613         background: #e2e2e2;
 614         font-weight: bold;
 615         padding: 1px 5px 1px 5px;
 616         border: 1px solid #cfcfcf;
 617         border-bottom: 3px double #cfcfcf;
 618         border-top: 1px solid #656565;
 619         text-align: center;
 620 }
 621
 622 .errmsg {
 623         font-weight: bold;
 624         color: #FF0000;
 625 }
 626
 627 .ac_menu {
 628         border: 1px solid black
 629 }
 630
 631 .ac_normal {
 632         background-color: #ffffff;
 633         cursor: pointer;
 634 }
 635
 636 .ac_highlight {
 637         background-color: #3366cc;
 638         color: white;
 639         cursor: pointer;
 640 }
 641
 642 .ac_normal .a {
 643         font-size: 13px;
 644         color: black;
 645 }
 646
 647 .ac_highlight .a {
 648         font-size: 13px;
 649 }
 650
 651 .ac_normal .d {
 652         float: right;
 653         font-size: 10px;
 654         color: green;
 655 }
 656
 657 .ac_highlight .d {
 658         float: right;
 659         font-size: 10px;
 660 }
 661
 662
 663 /************** sponsorInfo styles ****************/
 664
 665 div.sponsorinfo {
 666         clear: both;
 667         border-top: 1px solid #cccccc;
 668         font-size: small;
 669         color: #000000;
 670         padding: 10px 10px 10px 10px;
 671 }
 672
 673 img.sponsorlogo {
 674         margin-left: 10px;
 675         margin-right: 10px;
 676         border: 0px none;
 677         vertical-align: middle;
 678 }
 679
 680
 681 /************ Newsbox *************/
 682
 683 #lnews {        /* class for the text "Latest News" */
 684         font-size: small;
 685         font-variant: small-caps;
 686 }
 687
 688 div.newsbox {
 689         border-top: 1px solid #cccccc;
 690         color: #101010;
 691         padding: 10px 10px 10px 10px;
 692 }
 693
 694
 695 /************ SQL Performance ***********/
 696
 697 div.footerbar {
 698         clear: both;
 699         border-top: 1px solid #cccccc;
 700         font-size: small;
 701         color: black;
 702         padding: 10px 10px 10px 10px;
 703 }
 704
 705
 706 /************ Honeypot  ***********/
 707
 708 .robotic {
 709         display: none;
 710 }
 711
 712
 713 /************  unicode fallbacks ***********/
 714
 715 /* Some embedding of font */
 716 @font-face {
 717         font-family: 'Source Code Pro';
 718         src: local('Source Code Pro');
 719 /*  src: url(/res/fonts/SourceCodePro-Medium.ttf); */
 720 }
 721
 722 @font-face {
 723         font-family: 'Last Resort';
 724         src: local('LastResort');
 725 /*  src: url(/res/fonts/LastResort.ttf); */
 726 }
 727
 728 .accountdetail {
 729         font-family: 'Source Code Pro', 'Lucida Console', 'Arial Unicode MS', monospace, 'Last Resort';
 730         font-size: 1.1em;
 731 }
 732
 733 .accountdetail.fname, .accountdetail .fname {
 734 }
 735
 736 .accountdetail.mname {
 737 }
 738
 739 .accountdetail.lname, .accountdetail .lname {
 740         font-weight: bold;
 741 }
 742
 743 .accountdetail.suffix {
 744 }
 745 ul.menu.hidden{
 746         display: none;
 747 }
 748 img{
 749         border: 0;
 750 }
 751 formMandatory{
 752         color: red;
 753 }
 754 .experthidden{
 755         display:none;
 756 }
 757 .expertoff{
 758         display:none;
 759 }
 760 pre{
 761         word-wrap: break-word;
 762         white-space: pre-wrap;
 763 }
 764
 765 .dataTable td {
 766         background-color: #e2e2e2;
 767         border-style: inset;
 768         border-width: 1px;
 769         font-size: 8pt;
 770         color: #000000;
 771         font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
 772
 773         background: #ffffff;
 774         padding: 1px 5px 1px 5px;
 775         border: 1px #cfcfcf solid;
 776         border-left: 1px #cfcfcf dotted;
 777         border-right: 1px #cfcfcf dotted;
 778 }
 779
 780 .dataTable td input {
 781         width: 98%;
 782         margin-left: 1%;
 783         margin-right: 1%;
 784 }
 785
 786 .dataTable th {
 787         background: #e2e2e2;
 788         font-weight: bold;
 789         padding: 1px 5px 1px 5px;
 790         border: 1px solid #cfcfcf;
 791         border-bottom: 3px double #cfcfcf;
 792         border-top: 1px solid #656565;
 793         text-align: center;
 794 }
 795
 796 .dataTable input, .dataTable textarea {
 797         font-size: 92%;
 798 }
 799
 800 .dataTable select, .dataTable option {
 801         font-size: 92%;
 802 }
 803 .dataTable textarea{
 804         width: 100%;
 805 }
 806
 807 pre.string{
 808         display: inline;
 809 }
 810
 811 .loginbox {background:#F5F7F7;border:2px solid #cccccc;margin:0px auto;height:auto;width:300px;padding:1em;text-align:center;}
 812 .loginbox .smalltext {font-size:10px;}
 813 .loginbox label {width:100px;display:block;float:left;}
 814 .loginbox text {width:166px;display:block;float:left;}
 815 .loginbox br {clear:left;}
 816 .loginbox h1 {font-size:1.9em;text-align:center;}