webcit/static/webcit.css

   1
   2 * html {
   3         overflow: hidden;
   4 }
   5
   6 body {
   7         margin:0;
   8         padding: 0 0 0 0;
   9         height: 100%;
  10         overflow: auto;
  11         background: rgb(100,100,200) url(/static/gradient_background.jpg) repeat-x;
  12         color: black;
  13         font-weight: normal;
  14         font-size: 10pt;
  15         font-family: sans-serif;
  16         text-align: center;
  17 }
  18
  19 #global {
  20         margin: 0;
  21         padding: 0;
  22 }
  23
  24 #iconbar {
  25         /* position:fixed; */
  26         position:absolute;
  27         display:block;
  28         top:0px;
  29         left:0px;
  30         width: 15%;
  31         /* height:100%; */
  32         background: #ffffee;
  33         text-align: left;
  34 }
  35
  36 * html #iconbar {
  37         position:absolute;
  38         display:block;
  39         top:0px;
  40         left:0px;
  41         width: 15%;
  42         /* height:100%; */
  43         background: #ffffee;
  44 }
  45
  46 .logo, .logo_citadel {
  47         display: block;
  48         text-align: center;
  49         border-bottom: 1px solid #aaaaaa;
  50         margin: 0;
  51         padding: 0;
  52 }
  53
  54 .logo_citadel a, .logo_citadel img {
  55         border: none;
  56 }
  57
  58 #banner {
  59         position:fixed;
  60         display:block;
  61         top:0px;
  62         left: 15%;
  63         width: 85%;
  64         height: 15%;
  65         background: #445;
  66         text-align: left;
  67 }
  68
  69 * html #banner {
  70         position:absolute;
  71         display:block;
  72         top:0px;
  73         left: 15%;
  74         width: 85%;
  75         height: 15%;
  76         background: #445;
  77 }
  78
  79 #banner .room_banner {
  80         float: left;
  81         width: 48%;
  82 }
  83
  84 #banner img {
  85         float: left;
  86         margin-top: 0;
  87         margin-left: 0;
  88         margin-bottom: 5px;
  89         margin-right: 5px;
  90 }
  91
  92 #banner h1 {
  93         font-size: 14pt;
  94         font-weight: bold;
  95         color: #FFFFEE;
  96         margin: 0;
  97         padding: 2px;
  98 }
  99
 100 #banner h2 {
 101         font-size: 11pt;
 102         font-weight: bold;
 103         color: #FFFFEE;
 104 }
 105
 106 .room_banner .infos {
 107         font-size: 8pt;
 108         color: #FFFFEE;
 109         text-align: center;
 110         padding: 2px;
 111         cursor: help;
 112 }
 113
 114 #room_infos {
 115         position: absolute;
 116         top: 0px;
 117         left: 50%;
 118         width: 45%;
 119         padding: 11px;
 120         margin: 0px;
 121         z-index: 100;
 122         color: #666;
 123         background: white;
 124         cursor: pointer;
 125         font-size: 10pt;
 126         color: black;
 127         text-align: left;
 128         padding: 2px;
 129         margin-top: 5px;
 130 }
 131
 132 img.close_infos {
 133         float: right;
 134 }
 135
 136 #banner ul {
 137         float: right;
 138         text-align: right;
 139         width: 48%;
 140         margin: 0;
 141         padding: 0;
 142 }
 143
 144 #banner ul li {
 145         text-align: right;
 146         clear: right;
 147         list-style: none;
 148         margin: 0;
 149         padding: 2px;
 150         white-space: nowrap;
 151 }
 152
 153 li.search {
 154         font-size: 10pt;
 155         float: left;
 156         color: #FFFFFF;
 157 }
 158
 159 li.view {
 160         font-size: 10pt;
 161         float: right;
 162         color: #FFFFFF;
 163 }
 164
 165 li.search form, li.view form {
 166         margin: 0;
 167         padding: 0;
 168 }
 169
 170 li.nummsgs {
 171         font-size: 10pt;
 172         color: #DDDDCC;
 173 }
 174
 175 li.start_page {
 176         font-size: 8pt;
 177         color: #DDDDCC;
 178 }
 179
 180
 181 #navbar {
 182         position: absolute;
 183         bottom: 0px;
 184         left: 0px;
 185 }
 186
 187 #navbar ul {
 188         float: left;
 189         width: 95%;
 190         margin: 0;
 191         padding: 0;
 192         white-space: nowrap;
 193         text-align: left;
 194 }
 195
 196 #navbar ul li {
 197         display: inline;
 198         list-style: none;
 199         margin-top: 0;
 200         margin-right: 5px;
 201         margin-bottom:0 ;
 202         margin-left: 20px;
 203         white-space: nowrap;
 204 }
 205
 206 #navbar ul li img {
 207         float: none;
 208         margin-top: 0;
 209         margin-right: 2px;
 210         margin-bottom:0 ;
 211         margin-left: 2px;
 212 }
 213
 214 .navbar_link {
 215         font-size: 7pt;
 216         color: #FFFFEE;
 217 }
 218
 219
 220 #important_message {
 221         position:absolute;
 222         top:0px; right:0px;
 223         background-color: #880000;
 224         z-index: 2;
 225 }
 226
 227 #content {
 228         position:fixed;
 229         display:block;
 230         top: 16%;
 231         left: 15%;
 232         width: 85%;
 233         height: 84%;
 234         overflow: auto;
 235         /* overflow-x: hidden; */
 236         text-align: left;
 237 }
 238
 239 * html #content {
 240         position:absolute;
 241         display:block;
 242         top: 16%;
 243         left: 15%;
 244         width: 85%;
 245         height: 84%;
 246         overflow: auto;
 247         /* overflow-x: hidden; */
 248 }
 249
 250 .service {
 251         text-align: center;
 252 }
 253
 254 .instructions {
 255
 256 }
 257
 258 #message_list_hdr {
 259         position:fixed;
 260         display:block;
 261         top: 16%;
 262         left: 15%;
 263         width: 85%;
 264         height: 5%;
 265         overflow: hidden;
 266         font-style: italic;
 267         text-align: left;
 268 }
 269
 270 * html #message_list_hdr {
 271         position:absolute;
 272         display:block;
 273         top: 16%;
 274         left: 15%;
 275         width: 85%;
 276         height: 5%;
 277         overflow: hidden;
 278         font-style: italic;
 279         text-align: left;
 280 }
 281
 282 #message_list {
 283         position:fixed;
 284         display:block;
 285         top: 21%;
 286         left: 15%;
 287         width: 85%;
 288         height: 20%;
 289         overflow: auto;
 290         cursor: pointer;
 291         text-align: left;
 292 }
 293
 294 * html #message_list {
 295         position:absolute;
 296         display:block;
 297         top: 21%;
 298         left: 15%;
 299         width: 85%;
 300         height: 20%;
 301         overflow: auto;
 302         cursor: pointer;
 303 }
 304
 305 #resize_msglist {
 306         position:fixed;
 307         display:block;
 308         top: 41%;
 309         left: 15%;
 310         width: 85%;
 311         height: 1%;
 312         overflow: hidden;
 313         cursor: s-resize;
 314         background-color: #cccccc;
 315         background-image:url(/static/resizegrippy.gif);
 316         background-repeat: no-repeat;
 317         background-position: center;
 318 }
 319
 320 * html #resize_msglist {
 321         position:absolute;
 322         display:block;
 323         top: 41%;
 324         left: 15%;
 325         width: 85%;
 326         height: 1%;
 327         overflow: hidden;
 328         cursor: s-resize;
 329 }
 330
 331 #resize_msglist hr {
 332         color: darkgrey;
 333         background-color: darkgrey;
 334         height: 3px;
 335         border: 0;
 336 }
 337
 338 #preview_pane {
 339         position:fixed;
 340         display:block;
 341         top: 42%;
 342         left: 15%;
 343         width: 85%;
 344         height: 58%;
 345         overflow: auto;
 346         text-align: left;
 347 }
 348
 349 * html #preview_pane {
 350         position:absolute;
 351         display:block;
 352         top: 42%;
 353         left: 15%;
 354         width: 85%;
 355         height: 58%;
 356         overflow: auto;
 357 }
 358
 359
 360 .fix_scrollbar_bug {
 361         margin-right:1px;               /* Gecko and other non-broken browsers */
 362         width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 363 }
 364
 365 #button {
 366         width: 100%;
 367         background-color: #ffffee;
 368         color: #aaaaaa;
 369         font-size: 8pt;
 370         list-style: none;
 371         margin: 0;
 372         padding: 0;
 373         border: none;
 374 }
 375
 376 #button li, #button li.switch {
 377         border-bottom: 1px solid #aaaaaa;
 378         margin: 0;
 379 }
 380
 381 #button li.switch {
 382         text-align: center;
 383 }
 384
 385 #button img {
 386         vertical-align: middle;
 387         padding-left: 2px;
 388         padding-right: 5px;
 389 }
 390
 391 #button li a {
 392         display: block;
 393         background-color: #ffffee;
 394         color: #000000;
 395         text-decoration: none;
 396         width: 100%;
 397 }
 398
 399 html>body #button li a {
 400         width: auto;
 401 }
 402
 403 #button li a:hover {
 404         background-image:url(/static/body-background.gif);
 405         color: #000000;
 406 }
 407
 408 a:link {
 409         color: #0000FF;
 410         text-decoration: none;
 411 }
 412
 413 a:visited {
 414         color: #0000FF;
 415         text-decoration: none;
 416 }
 417
 418 a:active {
 419         color: #0000FF;
 420         text-decoration: none;
 421 }
 422
 423 a:hover {
 424         text-decoration: underline;
 425 }
 426
 427 .menubar_link {
 428         font-size: 9pt;
 429 }
 430
 431 .titlebar {
 432         font-size: 12pt;
 433         color: #FFFFEE;
 434 }
 435
 436 .selector_top, .selector_bottom {
 437         text-align: center;
 438 }
 439
 440 .message {
 441         margin: 5px;
 442         padding: 0;
 443         border: 1px solid #999999;
 444         background-color: #CCCCCC;
 445         text-align: left;
 446         clear: both;
 447 }
 448
 449 .message_header, .message_header p {
 450         font-size: 10pt;
 451         color: black;
 452         margin: 0;
 453         padding: 0;
 454         background-color: #CCCCCC;
 455         text-align: left;
 456 }
 457
 458 .message_header .message_subject {
 459         font-style: italic;
 460 }
 461 .mimepart {
 462         margin-top: 15px;
 463         margin-bottom: 15px;
 464         margin-left: 15%;
 465         width: 70%;
 466         padding: 0;
 467         background-color: #FFFFDD;
 468         border: 2px solid lightgrey;
 469 }
 470
 471 .mimepart img {
 472         vertical-align: middle;
 473         float: left;
 474 }
 475
 476 .mimepart div {
 477         vertical-align: middle;
 478         margin: 0 0 15px 0 ;
 479         padding: 5px;
 480         font-size: 11pt;
 481         font-weight: bold;
 482 }
 483
 484 .mimepart div span {
 485         vertical-align: top;
 486         font-style: italic;
 487         display: block;
 488 }
 489
 490 .mimepart dl {
 491         width: 100%;
 492         padding: 5px;
 493 }
 494
 495 .mimepart dl dt {
 496         width: 30%;
 497         float: left;
 498         margin: 0 0 0 0;
 499         padding: .5em;
 500         border-top: 1px solid #999;
 501         font-weight: bold;
 502 }
 503
 504 /* hack ie5 mac \*/
 505 dt { clear: both; }
 506 /* end hack */
 507
 508 .mimepart dl dd {
 509         float: left;
 510         width: 62%;
 511         margin: 0 0 0 0;
 512         padding: .5em;
 513         border-top: 1px solid #999;
 514 }
 515
 516 .mimepart p {
 517         margin-top: 1em;
 518         margin-bottom: 0;
 519         clear: both;
 520 }
 521
 522 .msgbuttons {
 523         float: right;
 524         visibility: hidden;
 525         margin-top: 0;
 526         margin-right: 0;
 527         padding: 0;
 528 }
 529
 530 #delbutton, .buttons a, .msgbuttons a {
 531         font-size: 8pt;
 532         margin-left: 5px;
 533         margin-right: 5px;
 534         padding: 2px;
 535         border-top: 1px solid #CFCFCF;
 536         border-left: 1px solid #CFCFCF;
 537         border-right: 1px solid #808080;
 538         border-bottom: 1px solid #000000;
 539         background-color: #BBBBBB;
 540         color: #000000;
 541         font-weight: bold;
 542         text-align: center;
 543 }
 544
 545 .msgbuttons a span, .buttons span {
 546         display: none;
 547 }
 548
 549 .buttons a:hover, .msgbuttons a:hover {
 550         background-color: #AAAAAA;
 551         text-decoration: none;
 552 }
 553
 554 .message_content {
 555         background-color: white;
 556         margin: 0;
 557         padding: 3px;
 558         clear: both;
 559 }
 560
 561 .message form div label {
 562         display: block;
 563         float: left;
 564         margin: 3px;
 565         width: 9em;
 566         text-align: right;
 567 }
 568
 569 .message form div input, .message form div select {
 570         margin: 3px;
 571 }
 572
 573 .imgedit {
 574         vertical-align: middle;
 575 }
 576
 577 .send_edit_msg {
 578         float: right;
 579         margin-top: 0;
 580         margin-right: 0;
 581         padding-top: 2px;
 582         padding-bottom: 2px;
 583         padding-right: 50px;
 584         padding-left: 50px;
 585 }
 586
 587 .tablabel {
 588         font-size: 10pt;
 589         font-weight: bold;
 590         color: #000000;
 591 }
 592
 593 .boxlabel {
 594         font-size: 8pt;
 595         font-weight: bold;
 596         color: #FFFFEE;
 597 }
 598
 599 .boxlabel a {
 600         color: #FFFFEE;
 601 }
 602
 603 ul.adminitems {
 604         list-style-type: none;
 605 }
 606
 607 ul.adminitems li {
 608         list-style: none;
 609         font-size: 13px;
 610 }
 611
 612 ul.adminitems a {
 613         font-size: 13px;
 614         margin: 5px;
 615         color: #880000;
 616         font-weight: bold;
 617 }
 618
 619 ul.adminitems span {
 620         display: block;
 621         font-size: 8pt;
 622         color: #000088;
 623 }
 624
 625
 626 .customize {
 627         font-size: 8pt;
 628         font-style: italic;
 629         color: #000044;
 630         background-color: #DDDDCC;
 631 }
 632
 633 .view_name, .search_name, .selectbox, .inputbox {
 634         font-size: 7pt;
 635         background: #444455;
 636         color: #ddddcc;
 637 }
 638
 639 .menubar_bg {
 640         background-color: #FF0000;
 641 }
 642
 643
 644 .roomlist_floor {
 645         font-size: 12pt;
 646         font-weight: bold;
 647         color: #000000;
 648 }
 649
 650 .roomlist_new {
 651         font-size: 10pt;
 652         color: #880000;
 653         font-weight: bold;
 654 }
 655
 656 .roomlist_old {
 657         font-size: 10pt;
 658         color: #000088;
 659 }
 660
 661 .ib_roomlist_floor {
 662         font-size: 8pt;
 663         font-weight: bold;
 664         color: #000000;
 665         cursor: pointer;
 666 }
 667
 668 .ib_roomlist_new {
 669         font-size: 10px;
 670         color: #880000;
 671         font-weight: bold;
 672         cursor: pointer;
 673 }
 674
 675 .ib_roomlist_old {
 676         font-size: 10px;
 677         color: #000088;
 678         cursor: pointer;
 679 }
 680
 681 .mailbox_summary {
 682         font-size: 10pt;
 683         color: #000000;
 684         background-color: #FFFFFF;
 685 }
 686
 687 .mailbox_summary tr {
 688         width: 100%;
 689 }
 690
 691 .mailbox_summary td {
 692         border-top: 1px solid darkgrey;
 693 }
 694
 695 blockquote {
 696         color: navy !important; background-color: RGB(245,245,245) !important;
 697 }
 698 blockquote blockquote {
 699         color: maroon !important; background-color: RGB(235,235,235) !important;
 700 }
 701 blockquote blockquote blockquote {
 702         color: green !important; background-color: RGB(225,225,225) !important;
 703 }
 704 blockquote blockquote blockquote blockquote {
 705         color: purple !important; background-color: RGB(215,215,215) !important;
 706 }
 707 blockquote blockquote blockquote blockquote blockquote {
 708         color: teal !important; background-color: RGB(205,205,205) !important;
 709 }
 710
 711 blockquote pre {
 712         margin-left: 1%;
 713         margin-right: 1%;
 714 }
 715
 716
 717 var sub {
 718         font-style: normal;
 719 }
 720
 721 .note {
 722         font-size: 85%;
 723         margin-left: 10%;
 724 }
 725
 726 .toolbar {
 727         text-align: center;
 728 }
 729
 730 .toolbar IMG {
 731         float: right;
 732 }
 733
 734 .errormsg {
 735         color: #AA0000;
 736         background: none;
 737         font-weight: bold;
 738         font-style: italic;
 739 }
 740
 741 .imsg {
 742         color: #aaaaaa;
 743         background: none;
 744         font-weight: bold;
 745         font-style: italic;
 746         text-align: center;
 747 }
 748
 749 .warning {
 750         color: #FF4500;
 751         background: none;
 752         text-decoration: none;
 753 }
 754
 755 .error strong {
 756         color: #DC143C;
 757         background: #FFD700;
 758         text-decoration: none;
 759 }
 760
 761 .warning strong {
 762         color: #FF4500;
 763         background: #FFD700;
 764         text-decoration: none;
 765 }
 766
 767 .warning a:link, .warning a:visited, .warning a:active {
 768         color: #FF4500;
 769         background: none;
 770         text-decoration: underline;
 771 }
 772
 773 .error a:link, .error a:visited, .error a:active {
 774         color: #DC143C;
 775         background: none;
 776         text-decoration: underline;
 777 }
 778
 779 .error strong a:link, .error strong a:visited, .error strong a:active {
 780         color: #DC143C;
 781         background: #FFD700;
 782 }
 783
 784 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
 785         color: #FF4500;
 786         background: #FFD700;
 787 }
 788
 789 colgroup.entity {
 790         text-align: center;
 791 }
 792
 793 .default {
 794         text-decoration: underline;
 795         font-style: normal;
 796 }
 797
 798 .required {
 799         font-weight: bold;
 800 }
 801
 802 td li.transitional, .elements li.transitional {
 803         font-weight: lighter;
 804         color: #696969;
 805         background: none;
 806 }
 807
 808 td li.frameset, .elements li.frameset {
 809         font-weight: lighter;
 810         color: #808080;
 811         background: none;
 812 }
 813
 814
 815 @media print {
 816         input#toggler, .toolbar { display: none }
 817 }
 818
 819
 820 .treetitle {
 821         padding:2px;
 822         cursor:default;
 823
 824         font-size: 11px;
 825         color: #000000;
 826 }
 827 .editednode {
 828         padding:2px;
 829         cursor:default;
 830         background-color: #FFFFFF;;
 831         color: #000000;
 832
 833         font-size: 11px;
 834 }
 835 .editednodeinput {
 836         background-color: #FFFFFF;;
 837         color: #000000;
 838
 839         width: 150px;
 840         height: 17px;
 841
 842         border-style: solid;
 843         border-width: 1px;
 844         border-color: #000000;
 845
 846         font-size: 11px;
 847 }
 848 .treetitleselectedfocused {
 849         padding:2px;
 850         cursor:default;
 851         background-color: highlight;
 852         color: highlighttext;
 853
 854         font-size: 11px;
 855 }
 856 .treetitleselectedblured {
 857         padding:2px;
 858         cursor:default;
 859         background-color: menu;
 860         color: windowtext;
 861         font-size: 11px;
 862 }
 863
 864
 865
 866 div.auto_complete {
 867         width: 350px;
 868         background: #fff;
 869 }
 870
 871 div.auto_complete ul {
 872         border:1px solid #888;
 873         margin:0;
 874         padding:0;
 875         width:100%;
 876         list-style-type: none;
 877         background: #fff;
 878 }
 879
 880 div.auto_complete ul li {
 881         margin:0;
 882         padding:3px;
 883 }
 884
 885 div.auto_complete ul li.selected {
 886         background-color: #ffc;
 887 }
 888
 889 div.auto_complete ul strong.highlight {
 890         color: #800;
 891         margin:0;
 892         padding:0;
 893 }
 894
 895
 896 .floors_config, .roomops_zap {
 897         border: 0;
 898         background-color: #770000;
 899         width: 100%;
 900 }
 901
 902 .roomops_cell_label {
 903         background-color: #FFFFFF;
 904 }
 905
 906 .roomops_cell, .roomops_cell_edit {
 907         background-color: #CCCCCC;
 908 }
 909
 910 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background {
 911         border: 0;
 912         width: 100%;
 913         background-color: #ffffff;
 914 }
 915
 916 .siteconfig_background {
 917         border: 0;
 918         width: 100%;
 919 }
 920
 921 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
 922         border: 0;
 923         width: 100%;
 924         background-color: #ffffff;
 925 }
 926
 927 .vcard_edit_background_alt, .roomops_background_alt {
 928         border: 0;
 929         width: 100%;
 930         background-color: #dddddd;
 931 }
 932
 933
 934 .box {
 935         width: 100%;
 936         padding: 0px;
 937         background-color: #FFFFFF;
 938 }
 939
 940 .boxlabel, .boxcontent {
 941         padding: 5px;
 942 }
 943
 944 .boxlabel {
 945         background-color: #000088;
 946         text-align: center;
 947 }
 948
 949 #login_screen {
 950         margin: 3%;
 951 }
 952
 953 .login_content {
 954         background-color: white;
 955 }
 956
 957 .login_message, .login_hello {
 958         position: relative;
 959         margin-left: auto;
 960         margin-right: auto;
 961         width: 80%;
 962         text-align: center;
 963 }
 964
 965 .login_image {
 966         display: block;
 967         margin-left: auto;
 968         margin-right: auto;
 969         text-align: center;
 970 }
 971
 972 .login_message {
 973         color: red;
 974         font-weight: bold;
 975         font-size: 16px;
 976 }
 977
 978 #login_form {
 979         position: relative;
 980         display: block;
 981         margin-top: 20px;
 982         margin-left: auto;
 983         margin-right: auto;
 984         margin-bottom: 20px;
 985         padding: 6px;
 986         width: 300px;
 987         background-color: #DDDDDD;
 988 }
 989
 990 #login_form input, #login_form label, #login_form select {
 991         display: block;
 992         float: left;
 993         margin: 6px;
 994 }
 995
 996 #login_form label {
 997         width: 130px;
 998         text-align: left;
 999 }
1000
1001 #pname, #uname {
1002         width: 130px;
1003         text-align: left;
1004 }
1005
1006 #login_form br {
1007         clear: left;
1008 }
1009
1010 #login_form .logbuttons {
1011         margin-left: auto;
1012         margin-right: auto;
1013 }
1014
1015 #login_form .logbutton {
1016         width: auto;
1017         text-align: center;
1018 }
1019
1020 .login_infos {
1021         display: block;
1022         margin-top: 30px;
1023         margin-left: auto;
1024         margin-right: auto;
1025         width: 80% ;
1026         text-align: left;
1027 }
1028
1029 #address_book_popup {
1030         position: absolute;
1031         top: 100px;
1032         right: 25px;
1033         width: 320px;
1034         height: auto;
1035         z-index: 100;
1036         background-color: #fff;
1037         color: #000;
1038         display: none;
1039         border: 1px solid black;
1040 }
1041
1042 #address_book_popup_container_div {
1043         position: relative;
1044         width: 100%;
1045         height: 100%;
1046         background-color: #fbf4ca;
1047 }
1048
1049 #address_book_popup_middle_div {
1050         position: relative;
1051         background-color: #fbf4ca;
1052 }
1053
1054 #address_book_inner_div {
1055         margin: 5px;
1056 }
1057
1058 #address_book_inner_div select {
1059         width: 100%;
1060         background-color: #fbf4ca;
1061 }
1062
1063 .address_book_popup_title {
1064         font-size: 12pt;
1065         background-color: #fbf4ca;
1066         color: #000;
1067 }
1068
1069 .edit_col, .host_col {
1070         display: none;
1071 }
1072
1073 .who_is_online .edit_col, .who_is_online .host_col {
1074         display: block;
1075 }
1076
1077 #wholist {
1078         border: 0;
1079         margin: 0;
1080         padding: 0;
1081         max-height: 200px;
1082         overflow: auto;
1083 }
1084
1085 #wholist li {
1086         color: black;
1087         text-align: left;
1088         list-style: none;
1089         border: 0;
1090         margin: 0;
1091         padding: 2px;
1092         white-space: nowrap;
1093         border-top: 1px solid #aaaaaa;
1094 }
1095
1096 #wholist li.activeuser a {
1097         background-color: rgb(255,240,146);
1098         padding-left: 5px;
1099 }
1100
1101 #wholist li.inactiveuser a {
1102         background-color: transparent;
1103         padding-left: 5px;
1104 }
1105
1106 table.altern {
1107         background-color: #ffffff;
1108         width: 98%;
1109 }
1110
1111 table.altern .even {
1112         background-color: #dddddd;
1113 }
1114
1115 table.altern .odd {
1116         background-color: #ffffff;
1117 }