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-color: #D8D8D8;
  12         color: #000000;
  13         font-weight: normal;
  14         font-size: 10pt;
  15         font-family: sans-serif;
  16         text-align: center;
  17 }
  18
  19 #iconbar {
  20         /* position:fixed; */
  21         position:absolute;
  22         display:block;
  23         top:0px;
  24         left:0px;
  25         width: 15%;
  26         /* height:100%; */
  27         background: #ffffee;
  28         text-align: left;
  29 }
  30
  31 * html #iconbar {
  32         position:absolute;
  33         display:block;
  34         top:0px;
  35         left:0px;
  36         width: 15%;
  37         /* height:100%; */
  38         background: #ffffee;
  39 }
  40
  41 .logo, .logo_citadel {
  42         display: block;
  43         text-align: center;
  44         border-bottom: 1px solid #aaaaaa;
  45         margin: 0;
  46         padding: 0;
  47 }
  48
  49 .logo_citadel a, .logo_citadel img {
  50         border: none;
  51 }
  52
  53 #banner {
  54         position:fixed;
  55         display:block;
  56         top:0px;
  57         left: 15%;
  58         width: 85%;
  59         height: 15%;
  60         background: #445;
  61         text-align: left;
  62 }
  63
  64 * html #banner {
  65         position:absolute;
  66         display:block;
  67         top:0px;
  68         left: 15%;
  69         width: 85%;
  70         height: 15%;
  71         background: #445;
  72 }
  73
  74 #banner .room_banner, #banner .service {
  75         float: left;
  76         width: 48%;
  77 }
  78
  79 .room_banner img,  .service img {
  80         float: left;
  81         margin-top: 0;
  82         margin-left: 0;
  83         margin-bottom: 5px;
  84         margin-right: 5px;
  85 }
  86
  87 .room_banner h1 {
  88         font-size: 14pt;
  89         font-weight: bold;
  90         color: #FFFFEE;
  91         margin: 0;
  92         padding: 2px;
  93 }
  94
  95 .service h1 {
  96         font-size: 12pt;
  97         font-weight: bold;
  98         color: #FFFFEE;
  99         margin: 0;
 100         padding: 2px;
 101 }
 102
 103 .service h2 {
 104         font-size: 11pt;
 105         font-weight: bold;
 106         color: #FFFFEE;
 107 }
 108
 109 .room_banner .infos {
 110         font-size: 8pt;
 111         color: #FFFFEE;
 112         text-align: center;
 113         padding: 2px;
 114         cursor: help;
 115 }
 116
 117 #room_infos {
 118         position: absolute;
 119         top: 0px;
 120         left: 50%;
 121         width: 45%;
 122         padding: 11px;
 123         margin: 0px;
 124         z-index: 100;
 125         color: #666;
 126         background: white;
 127         cursor: pointer;
 128         font-size: 10pt;
 129         color: black;
 130         text-align: left;
 131         padding: 2px;
 132         margin-top: 5px;
 133 }
 134
 135 img.close_infos {
 136         float: right;
 137 }
 138
 139 #banner ul {
 140         float: right;
 141         text-align: right;
 142         width: 48%;
 143         margin: 0;
 144         padding: 0;
 145 }
 146
 147 #banner ul li {
 148         text-align: right;
 149         clear: right;
 150         list-style: none;
 151         margin: 0;
 152         padding: 2px;
 153         white-space: nowrap;
 154 }
 155
 156 li.search {
 157         font-size: 10pt;
 158         float: left;
 159         color: #FFFFFF;
 160 }
 161
 162 li.view {
 163         font-size: 10pt;
 164         float: right;
 165         color: #FFFFFF;
 166 }
 167
 168 li.search form, li.view form {
 169         margin: 0;
 170         padding: 0;
 171 }
 172
 173 li.nummsgs {
 174         font-size: 10pt;
 175         color: #DDDDCC;
 176 }
 177
 178 li.start_page {
 179         font-size: 8pt;
 180         color: #DDDDCC;
 181 }
 182
 183
 184 #navbar {
 185         position: absolute;
 186         bottom: 0px;
 187         left: 0px;
 188 }
 189
 190 #navbar ul {
 191         float: left;
 192         width: 95%;
 193         margin: 0;
 194         padding: 0;
 195         white-space: nowrap;
 196         text-align: left;
 197 }
 198
 199 #navbar ul li {
 200         display: inline;
 201         list-style: none;
 202         margin-top: 0;
 203         margin-right: 5px;
 204         margin-bottom:0 ;
 205         margin-left: 20px;
 206         white-space: nowrap;
 207 }
 208
 209 #navbar ul li img {
 210         margin-top: 0;
 211         margin-right: 2px;
 212         margin-bottom:0 ;
 213         margin-left: 2px;
 214 }
 215
 216 .navbar_link {
 217         font-size: 7pt;
 218         color: #FFFFEE;
 219 }
 220
 221
 222 #important_message {
 223         position:absolute;
 224         top:0px; right:0px;
 225         background-color: #880000;
 226         z-index: 2;
 227 }
 228
 229 #content {
 230         position:fixed;
 231         display:block;
 232         top: 16%;
 233         left: 15%;
 234         width: 85%;
 235         height: 84%;
 236         overflow: auto;
 237         /* overflow-x: hidden; */
 238         text-align: left;
 239 }
 240
 241 * html #content {
 242         position:absolute;
 243         display:block;
 244         top: 16%;
 245         left: 15%;
 246         width: 85%;
 247         height: 84%;
 248         overflow: auto;
 249         /* overflow-x: hidden; */
 250 }
 251
 252 #message_list_hdr {
 253         position:fixed;
 254         display:block;
 255         top: 16%;
 256         left: 15%;
 257         width: 85%;
 258         height: 5%;
 259         overflow: hidden;
 260         font-style: italic;
 261         text-align: left;
 262 }
 263
 264 * html #message_list_hdr {
 265         position:absolute;
 266         display:block;
 267         top: 16%;
 268         left: 15%;
 269         width: 85%;
 270         height: 5%;
 271         overflow: hidden;
 272         font-style: italic;
 273         text-align: left;
 274 }
 275
 276 #message_list {
 277         position:fixed;
 278         display:block;
 279         top: 21%;
 280         left: 15%;
 281         width: 85%;
 282         height: 20%;
 283         overflow: auto;
 284         cursor: pointer;
 285         text-align: left;
 286 }
 287
 288 * html #message_list {
 289         position:absolute;
 290         display:block;
 291         top: 21%;
 292         left: 15%;
 293         width: 85%;
 294         height: 20%;
 295         overflow: auto;
 296         cursor: pointer;
 297 }
 298
 299 #resize_msglist {
 300         position:fixed;
 301         display:block;
 302         top: 41%;
 303         left: 15%;
 304         width: 85%;
 305         height: 1%;
 306         overflow: hidden;
 307         cursor: s-resize;
 308         background-color: #cccccc;
 309 }
 310
 311 * html #resize_msglist {
 312         position:absolute;
 313         display:block;
 314         top: 41%;
 315         left: 15%;
 316         width: 85%;
 317         height: 1%;
 318         overflow: hidden;
 319         cursor: s-resize;
 320 }
 321
 322 #resize_msglist hr {
 323         color: darkgrey;
 324         background-color: darkgrey;
 325         height: 3px;
 326         border: 0;
 327 }
 328
 329 #preview_pane {
 330         position:fixed;
 331         display:block;
 332         top: 42%;
 333         left: 15%;
 334         width: 85%;
 335         height: 58%;
 336         overflow: auto;
 337         text-align: left;
 338 }
 339
 340 * html #preview_pane {
 341         position:absolute;
 342         display:block;
 343         top: 42%;
 344         left: 15%;
 345         width: 85%;
 346         height: 58%;
 347         overflow: auto;
 348 }
 349
 350
 351 .fix_scrollbar_bug {
 352         margin-right:1px;               /* Gecko and other non-broken browsers */
 353         width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 354 }
 355
 356 #button {
 357         width: 100%;
 358         background-color: #ffffee;
 359         color: #aaaaaa;
 360         font-size: 8pt;
 361         list-style: none;
 362         margin: 0;
 363         padding: 0;
 364         border: none;
 365 }
 366
 367 #button li, #button li.switch {
 368         border-bottom: 1px solid #aaaaaa;
 369         margin: 0;
 370 }
 371
 372 #button li.switch {
 373         text-align: center;
 374 }
 375
 376 #button img {
 377         vertical-align: middle;
 378         padding-left: 2px;
 379         padding-right: 5px;
 380 }
 381
 382 #button li a {
 383         display: block;
 384         background-color: #ffffee;
 385         color: #000000;
 386         text-decoration: none;
 387         width: 100%;
 388 }
 389
 390 html>body #button li a {
 391         width: auto;
 392 }
 393
 394 #button li a:hover {
 395         background-image:url(/static/body-background.gif);
 396         color: #000000;
 397 }
 398
 399 a:link {
 400         color: #0000FF;
 401         text-decoration: none;
 402 }
 403
 404 a:visited {
 405         color: #0000FF;
 406         text-decoration: none;
 407 }
 408
 409 a:active {
 410         color: #0000FF;
 411         text-decoration: none;
 412 }
 413
 414 a:hover {
 415         text-decoration: underline;
 416 }
 417
 418 .menubar_link {
 419         font-size: 9pt;
 420 }
 421
 422 .titlebar {
 423         font-size: 12pt;
 424         color: #FFFFEE;
 425 }
 426
 427
 428 .message {
 429         margin: 5px;
 430         padding: 0;
 431         border: 1px solid #999999;
 432         background-color: #CCCCCC;
 433         text-align: left;
 434         clear: both;
 435 }
 436
 437 .message_header, .message_header p {
 438         font-size: 10pt;
 439         color: black;
 440         margin: 0;
 441         padding: 0;
 442         background-color: #CCCCCC;
 443         text-align: left;
 444 }
 445
 446 .message_header .message_subject {
 447         font-style: italic;
 448 }
 449 .mimepart {
 450         margin-top: 15px;
 451         margin-bottom: 15px;
 452         margin-left: 15%;
 453         width: 70%;
 454         padding: 0;
 455         background-color: #FFFFDD;
 456         border: 2px solid lightgrey;
 457 }
 458
 459 .mimepart img {
 460         vertical-align: middle;
 461         float: left;
 462 }
 463
 464 .mimepart div {
 465         vertical-align: middle;
 466         margin: 0 0 15px 0 ;
 467         padding: 5px;
 468         font-size: 11pt;
 469         font-weight: bold;
 470 }
 471
 472 .mimepart div span {
 473         vertical-align: top;
 474         font-style: italic;
 475         display: block;
 476 }
 477
 478 .mimepart dl {
 479         width: 100%;
 480         padding: 5px;
 481 }
 482
 483 .mimepart dl dt {
 484         width: 30%;
 485         float: left;
 486         margin: 0 0 0 0;
 487         padding: .5em;
 488         border-top: 1px solid #999;
 489         font-weight: bold;
 490 }
 491
 492 /* hack ie5 mac \*/
 493 dt { clear: both; }
 494 /* end hack */
 495
 496 .mimepart dl dd {
 497         float: left;
 498         width: 62%;
 499         margin: 0 0 0 0;
 500         padding: .5em;
 501         border-top: 1px solid #999;
 502 }
 503
 504 .mimepart p {
 505         margin-top: 1em;
 506         margin-bottom: 0;
 507         clear: both;
 508 }
 509
 510 .msgbuttons {
 511         float: right;
 512         visibility: hidden;
 513         margin-top: 0;
 514         margin-right: 0;
 515         padding: 0;
 516 }
 517
 518 #delbutton, .buttons a, .msgbuttons a {
 519         font-size: 8pt;
 520         margin-left: 5px;
 521         margin-right: 5px;
 522         padding: 2px;
 523         border-top: 1px solid #CFCFCF;
 524         border-left: 1px solid #CFCFCF;
 525         border-right: 1px solid #808080;
 526         border-bottom: 1px solid #000000;
 527         background-color: #BBBBBB;
 528         color: #000000;
 529         font-weight: bold;
 530         text-align: center;
 531 }
 532
 533 .msgbuttons a span, .buttons span {
 534         display: none;
 535 }
 536
 537 .buttons a:hover, .msgbuttons a:hover {
 538         background-color: #AAAAAA;
 539         text-decoration: none;
 540 }
 541
 542 .message_content {
 543         background-color: white;
 544         margin: 0;
 545         padding: 3px;
 546         clear: both;
 547 }
 548
 549 .message form div label {
 550         display: block;
 551         float: left;
 552         margin: 3px;
 553         width: 9em;
 554         text-align: right;
 555 }
 556
 557 .message form div input, .message form div select {
 558         margin: 3px;
 559 }
 560
 561 .imgedit {
 562         vertical-align: middle;
 563 }
 564
 565 .send_edit_msg {
 566         float: right;
 567         margin-top: 0;
 568         margin-right: 0;
 569         padding-top: 2px;
 570         padding-bottom: 2px;
 571         padding-right: 50px;
 572         padding-left: 50px;
 573 }
 574
 575 .tablabel {
 576         font-size: 10pt;
 577         font-weight: bold;
 578         color: #000000;
 579 }
 580
 581 .boxlabel {
 582         font-size: 8pt;
 583         font-weight: bold;
 584         color: #FFFFEE;
 585 }
 586
 587 .boxlabel a {
 588         color: #FFFFEE;
 589 }
 590
 591 ul.adminitems {
 592         list-style-type: none;
 593 }
 594
 595 ul.adminitems li {
 596         list-style: none;
 597         font-size: 13px;
 598 }
 599
 600 ul.adminitems a {
 601         font-size: 13px;
 602         margin: 5px;
 603         color: #880000;
 604         font-weight: bold;
 605 }
 606
 607 ul.adminitems span {
 608         display: block;
 609         font-size: 8pt;
 610         color: #000088;
 611 }
 612
 613
 614 .customize {
 615         font-size: 8pt;
 616         font-style: italic;
 617         color: #000044;
 618         background-color: #DDDDCC;
 619 }
 620
 621 .room_banner_room_name {
 622 }
 623
 624 .room_banner_room_info {
 625 }
 626
 627 .room_banner_new_messages {
 628 }
 629
 630 .room_banner_start_page {
 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 @media print {
 815         input#toggler, .toolbar { display: none }
 816 }
 817
 818
 819 .treetitle {
 820         padding:2px;
 821         cursor:default;
 822
 823         font-size: 11px;
 824         color: #000000;
 825 }
 826 .editednode {
 827         padding:2px;
 828         cursor:default;
 829         background-color: #FFFFFF;;
 830         color: #000000;
 831
 832         font-size: 11px;
 833 }
 834 .editednodeinput {
 835         background-color: #FFFFFF;;
 836         color: #000000;
 837
 838         width: 150px;
 839         height: 17px;
 840
 841         border-style: solid;
 842         border-width: 1px;
 843         border-color: #000000;
 844
 845         font-size: 11px;
 846 }
 847 .treetitleselectedfocused {
 848         padding:2px;
 849         cursor:default;
 850         background-color: highlight;
 851         color: highlighttext;
 852
 853         font-size: 11px;
 854 }
 855 .treetitleselectedblured {
 856         padding:2px;
 857         cursor:default;
 858         background-color: menu;
 859         color: windowtext;
 860         font-size: 11px;
 861 }
 862
 863
 864
 865 div.auto_complete {
 866         width: 350px;
 867         background: #fff;
 868 }
 869
 870 div.auto_complete ul {
 871         border:1px solid #888;
 872         margin:0;
 873         padding:0;
 874         width:100%;
 875         list-style-type: none;
 876         background: #fff;
 877 }
 878
 879 div.auto_complete ul li {
 880         margin:0;
 881         padding:3px;
 882 }
 883
 884 div.auto_complete ul li.selected {
 885         background-color: #ffc;
 886 }
 887
 888 div.auto_complete ul strong.highlight {
 889         color: #800;
 890         margin:0;
 891         padding:0;
 892 }
 893
 894
 895 .floors_config, .roomops_zap {
 896         border: 0;
 897         background-color: #770000;
 898         width: 100%;
 899 }
 900
 901 .roomops_cell_label {
 902         background-color: #FFFFFF;
 903 }
 904
 905 .roomops_cell, .roomops_cell_edit {
 906         background-color: #CCCCCC;
 907 }
 908
 909 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background {
 910         border: 0;
 911         width: 100%;
 912         background-color: #ffffff;
 913 }
 914
 915 .siteconfig_background {
 916         border: 0;
 917         width: 100%;
 918 }
 919
 920 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
 921         border: 0;
 922         width: 100%;
 923         background-color: #ffffff;
 924 }
 925
 926 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .inetconf_banner, .listsub_banner {
 927         border: 0;
 928         width: 100%;
 929         background-color: #444455;
 930 }
 931
 932 .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
 933         border: 0;
 934         width: 100%;
 935         background-color: #444455;
 936 }
 937
 938 .smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
 939         border: 0;
 940         width: 100%;
 941         background-color: #444455;
 942 }
 943
 944
 945 .vcard_edit_background_alt, .roomops_background_alt {
 946         border: 0;
 947         width: 100%;
 948         background-color: #dddddd;
 949 }
 950
 951
 952 .box {
 953         width: 100%;
 954         padding: 0px;
 955         background-color: #FFFFFF;
 956 }
 957
 958 .boxlabel, .boxcontent {
 959         padding: 5px;
 960 }
 961
 962 .boxlabel {
 963         background-color: #000088;
 964         text-align: center;
 965 }
 966
 967 #login_screen {
 968         margin: 3%;
 969 }
 970
 971 .login_content {
 972         background-color: white;
 973 }
 974
 975 .login_message, .login_hello {
 976         position: relative;
 977         margin-left: auto;
 978         margin-right: auto;
 979         width: 80%;
 980         text-align: center;
 981 }
 982
 983 .login_image {
 984         display: block;
 985         margin-left: auto;
 986         margin-right: auto;
 987         text-align: center;
 988 }
 989
 990 .login_message {
 991         color: red;
 992         font-weight: bold;
 993         font-size: 16px;
 994 }
 995
 996 #login_form {
 997         position: relative;
 998         display: block;
 999         margin-top: 20px;
1000         margin-left: auto;
1001         margin-right: auto;
1002         margin-bottom: 20px;
1003         padding: 6px;
1004         width: 300px;
1005         background-color: #DDDDDD;
1006 }
1007
1008 #login_form input, #login_form label, #login_form select {
1009         display: block;
1010         float: left;
1011         margin: 6px;
1012 }
1013
1014 #login_form label {
1015         width: 130px;
1016         text-align: left;
1017 }
1018
1019 #pname, #uname {
1020         width: 130px;
1021         text-align: left;
1022 }
1023
1024 #login_form br {
1025         clear: left;
1026 }
1027
1028 #login_form .logbuttons {
1029         margin-left: auto;
1030         margin-right: auto;
1031 }
1032
1033 #login_form .logbutton {
1034         width: auto;
1035         text-align: center;
1036 }
1037
1038 .login_infos {
1039         display: block;
1040         margin-top: 30px;
1041         margin-left: auto;
1042         margin-right: auto;
1043         width: 80% ;
1044         text-align: left;
1045 }
1046
1047 #address_book_popup {
1048         position: absolute;
1049         top: 100px;
1050         right: 25px;
1051         width: 320px;
1052         height: auto;
1053         z-index: 100;
1054         background-color: #fff;
1055         color: #000;
1056         display: none;
1057         border: 1px solid black;
1058 }
1059
1060 #address_book_popup_container_div {
1061         position: relative;
1062         width: 100%;
1063         height: 100%;
1064         background-color: #fbf4ca;
1065 }
1066
1067 #address_book_popup_middle_div {
1068         position: relative;
1069         background-color: #fbf4ca;
1070 }
1071
1072 #address_book_inner_div {
1073         margin: 5px;
1074 }
1075
1076 #address_book_inner_div select {
1077         width: 100%;
1078         background-color: #fbf4ca;
1079 }
1080
1081 .address_book_popup_title {
1082         font-size: 12pt;
1083         background-color: #fbf4ca;
1084         color: #000;
1085 }
1086
1087 .edit_col, .host_col {
1088         display: none;
1089 }
1090
1091 .who_is_online .edit_col, .who_is_online .host_col {
1092         display: block;
1093 }
1094
1095 .message_header, .message_subject {
1096         font-size: 10pt;
1097         color: black;
1098         margin: 0;
1099         padding: 3px;
1100         background-color: #CCCCCC;
1101         text-align: left;
1102 }
1103
1104 .message_subject {
1105         padding-top: 0;
1106         font-style: italic;
1107         float: left;
1108 }
1109
1110 .msgbuttons {
1111         float: right;
1112         visibility: hidden;
1113         margin-top: 0;
1114         margin-right: 0;
1115         padding: 0;
1116 }
1117
1118 #delbutton, .msgbuttons a {
1119         font-size: 7pt;
1120         margin: 1px;
1121         padding: 2px;
1122         padding-left: 5px;
1123         padding-right: 5px;
1124         border-top: 1px solid #CFCFCF;
1125         border-left: 1px solid #CFCFCF;
1126         border-right: 1px solid #808080;
1127         border-bottom: 1px solid #000000;
1128         background-color: #999999;
1129         color: #000000;
1130         font-weight: bold;
1131         text-align: center;
1132 }
1133
1134 .msgbuttons a span {
1135         display: none;
1136 }
1137
1138 .msgbuttons a:hover {
1139         background-color: #AAAAAA;
1140         text-decoration: none;
1141 }
1142
1143 .message_content {
1144         background-color: white;
1145         margin: 0;
1146         padding: 3px;
1147         clear: both;
1148 }
1149
1150 .message form div label {
1151         display: block;
1152         float: left;
1153         margin: 3px;
1154         width: 9em;
1155         text-align: right;
1156 }
1157
1158 .message form div input, .message form div select {
1159         margin: 3px;
1160 }
1161
1162 .imgedit {
1163         vertical-align: middle;
1164 }
1165
1166 .send_edit_msg {
1167         float: right;
1168         margin-top: 0;
1169         margin-right: 0;
1170         padding-top: 2px;
1171         padding-bottom: 2px;
1172         padding-right: 50px;
1173         padding-left: 50px;
1174 }
1175
1176 .tablabel {
1177         font-size: 10pt;
1178         font-weight: bold;
1179         color: #000000;
1180 }
1181
1182 .boxlabel {
1183         font-size: 8pt;
1184         font-weight: bold;
1185         color: #FFFFEE;
1186 }
1187
1188 .boxlabel a {
1189         color: #FFFFEE;
1190 }
1191
1192 ul.adminitems {
1193         list-style-type: none;
1194 }
1195
1196 ul.adminitems li {
1197         list-style: none;
1198         font-size: 13px;
1199 }
1200
1201 ul.adminitems a {
1202         font-size: 13px;
1203         margin: 5px;
1204         color: #880000;
1205         font-weight: bold;
1206 }
1207
1208 ul.adminitems span {
1209         display: block;
1210         font-size: 8pt;
1211         color: #000088;
1212 }
1213
1214
1215 .customize {
1216         font-size: 8pt;
1217         font-style: italic;
1218         color: #000044;
1219         background-color: #DDDDCC;
1220 }
1221
1222 .room_banner_room_name {
1223 }
1224
1225 .room_banner_room_info {
1226 }
1227
1228 .room_banner_new_messages {
1229 }
1230
1231 .room_banner_start_page {
1232 }
1233
1234 .view_name, .search_name, .selectbox, .inputbox {
1235         font-size: 7pt;
1236         background: #444455;
1237         color: #ddddcc;
1238 }
1239
1240 .menubar_bg {
1241         background-color: #FF0000;
1242 }
1243
1244
1245 .roomlist_floor {
1246         font-size: 12pt;
1247         font-weight: bold;
1248         color: #000000;
1249 }
1250
1251 .roomlist_new {
1252         font-size: 10pt;
1253         color: #880000;
1254         font-weight: bold;
1255 }
1256
1257 .roomlist_old {
1258         font-size: 10pt;
1259         color: #000088;
1260 }
1261
1262 .ib_roomlist_floor {
1263         font-size: 8pt;
1264         font-weight: bold;
1265         color: #000000;
1266         cursor: pointer;
1267 }
1268
1269 .ib_roomlist_new {
1270         font-size: 10px;
1271         color: #880000;
1272         font-weight: bold;
1273         cursor: pointer;
1274 }
1275
1276 .ib_roomlist_old {
1277         font-size: 10px;
1278         color: #000088;
1279         cursor: pointer;
1280 }
1281
1282 .mailbox_summary {
1283         font-size: 10pt;
1284         color: #000000;
1285         background-color: #FFFFFF;
1286 }
1287
1288 .mailbox_summary tr {
1289         width: 100%;
1290 }
1291
1292 .mailbox_summary td {
1293         border-top: 1px solid darkgrey;
1294 }
1295
1296 blockquote {
1297         color: navy !important; background-color: RGB(245,245,245) !important;
1298 }
1299 blockquote blockquote {
1300         color: maroon !important; background-color: RGB(235,235,235) !important;
1301 }
1302 blockquote blockquote blockquote {
1303         color: green !important; background-color: RGB(225,225,225) !important;
1304 }
1305 blockquote blockquote blockquote blockquote {
1306         color: purple !important; background-color: RGB(215,215,215) !important;
1307 }
1308 blockquote blockquote blockquote blockquote blockquote {
1309         color: teal !important; background-color: RGB(205,205,205) !important;
1310 }
1311
1312 blockquote pre {
1313         margin-left: 1%;
1314         margin-right: 1%;
1315 }
1316
1317
1318 var sub {
1319         font-style: normal;
1320 }
1321
1322 .note {
1323         font-size: 85%;
1324         margin-left: 10%;
1325 }
1326
1327 .toolbar {
1328         text-align: center;
1329 }
1330
1331 .toolbar IMG {
1332         float: right;
1333 }
1334
1335 .errormsg {
1336         color: #AA0000;
1337         background: none;
1338         font-weight: bold;
1339         font-style: italic;
1340 }
1341
1342 .imsg {
1343         color: #aaaaaa;
1344         background: none;
1345         font-weight: bold;
1346         font-style: italic;
1347         text-align: center;
1348 }
1349
1350 .warning {
1351         color: #FF4500;
1352         background: none;
1353         text-decoration: none;
1354 }
1355
1356 .error strong {
1357         color: #DC143C;
1358         background: #FFD700;
1359         text-decoration: none;
1360 }
1361
1362 .warning strong {
1363         color: #FF4500;
1364         background: #FFD700;
1365         text-decoration: none;
1366 }
1367
1368 .warning a:link, .warning a:visited, .warning a:active {
1369         color: #FF4500;
1370         background: none;
1371         text-decoration: underline;
1372 }
1373
1374 .error a:link, .error a:visited, .error a:active {
1375         color: #DC143C;
1376         background: none;
1377         text-decoration: underline;
1378 }
1379
1380 .error strong a:link, .error strong a:visited, .error strong a:active {
1381         color: #DC143C;
1382         background: #FFD700;
1383 }
1384
1385 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
1386         color: #FF4500;
1387         background: #FFD700;
1388 }
1389
1390 colgroup.entity {
1391         text-align: center;
1392 }
1393
1394 .default {
1395         text-decoration: underline;
1396         font-style: normal;
1397 }
1398
1399 .required {
1400         font-weight: bold;
1401 }
1402
1403 td li.transitional, .elements li.transitional {
1404         font-weight: lighter;
1405         color: #696969;
1406         background: none;
1407 }
1408
1409 td li.frameset, .elements li.frameset {
1410         font-weight: lighter;
1411         color: #808080;
1412         background: none;
1413 }
1414
1415 @media print {
1416         input#toggler, .toolbar { display: none }
1417 }
1418
1419
1420 .treetitle {
1421         padding:2px;
1422         cursor:default;
1423
1424         font-size: 11px;
1425         color: #000000;
1426 }
1427 .editednode {
1428         padding:2px;
1429         cursor:default;
1430         background-color: #FFFFFF;;
1431         color: #000000;
1432
1433         font-size: 11px;
1434 }
1435 .editednodeinput {
1436         background-color: #FFFFFF;;
1437         color: #000000;
1438
1439         width: 150px;
1440         height: 17px;
1441
1442         border-style: solid;
1443         border-width: 1px;
1444         border-color: #000000;
1445
1446         font-size: 11px;
1447 }
1448 .treetitleselectedfocused {
1449         padding:2px;
1450         cursor:default;
1451         background-color: highlight;
1452         color: highlighttext;
1453
1454         font-size: 11px;
1455 }
1456 .treetitleselectedblured {
1457         padding:2px;
1458         cursor:default;
1459         background-color: menu;
1460         color: windowtext;
1461         font-size: 11px;
1462 }
1463
1464
1465
1466 div.auto_complete {
1467         width: 350px;
1468         background: #fff;
1469 }
1470
1471 div.auto_complete ul {
1472         border:1px solid #888;
1473         margin:0;
1474         padding:0;
1475         width:100%;
1476         list-style-type: none;
1477         background: #fff;
1478 }
1479
1480 div.auto_complete ul li {
1481         margin:0;
1482         padding:3px;
1483 }
1484
1485 div.auto_complete ul li.selected {
1486         background-color: #ffc;
1487 }
1488
1489 div.auto_complete ul strong.highlight {
1490         color: #800;
1491         margin:0;
1492         padding:0;
1493 }
1494
1495
1496 .floors_config, .roomops_zap {
1497         border: 0;
1498         background-color: #770000;
1499         width: 100%;
1500 }
1501
1502 .roomops_cell_label {
1503         background-color: #FFFFFF;
1504 }
1505
1506 .roomops_cell, .roomops_cell_edit {
1507         background-color: #CCCCCC;
1508 }
1509
1510 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background {
1511         border: 0;
1512         width: 100%;
1513         background-color: #ffffff;
1514 }
1515
1516 .siteconfig_background {
1517         border: 0;
1518         width: 100%;
1519 }
1520
1521 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
1522         border: 0;
1523         width: 100%;
1524         background-color: #ffffff;
1525 }
1526
1527 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .inetconf_banner, .listsub_banner {
1528         border: 0;
1529         width: 100%;
1530         background-color: #444455;
1531 }
1532
1533 .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
1534         border: 0;
1535         width: 100%;
1536         background-color: #444455;
1537 }
1538
1539 .smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
1540         border: 0;
1541         width: 100%;
1542         background-color: #444455;
1543 }
1544
1545
1546 .vcard_edit_background_alt, .roomops_background_alt {
1547         border: 0;
1548         width: 100%;
1549         background-color: #dddddd;
1550 }
1551
1552
1553 .box {
1554         width: 100%;
1555         padding: 0px;
1556         background-color: #FFFFFF;
1557 }
1558
1559 .boxlabel, .boxcontent {
1560         padding: 5px;
1561 }
1562
1563 .boxlabel {
1564         background-color: #000088;
1565         text-align: center;
1566 }
1567
1568 #login_screen {
1569         margin: 3%;
1570 }
1571
1572 .login_content {
1573         background-color: white;
1574 }
1575
1576 .login_message, .login_hello {
1577         position: relative;
1578         margin-left: auto;
1579         margin-right: auto;
1580         width: 80%;
1581         text-align: center;
1582 }
1583
1584 .login_image {
1585         display: block;
1586         margin-left: auto;
1587         margin-right: auto;
1588         text-align: center;
1589 }
1590
1591 .login_message {
1592         color: red;
1593         font-weight: bold;
1594         font-size: 16px;
1595 }
1596
1597 #login_form {
1598         position: relative;
1599         display: block;
1600         margin-top: 20px;
1601         margin-left: auto;
1602         margin-right: auto;
1603         margin-bottom: 20px;
1604         padding: 6px;
1605         width: 300px;
1606         background-color: #DDDDDD;
1607 }
1608
1609 #login_form input, #login_form label, #login_form select {
1610         display: block;
1611         float: left;
1612         margin: 6px;
1613 }
1614
1615 #login_form label {
1616         width: 130px;
1617         text-align: left;
1618 }
1619
1620 #pname, #uname {
1621         width: 130px;
1622         text-align: left;
1623 }
1624
1625 #login_form br {
1626         clear: left;
1627 }
1628
1629 #login_form .logbuttons {
1630         margin-left: auto;
1631         margin-right: auto;
1632 }
1633
1634 #login_form .logbutton {
1635         width: auto;
1636         text-align: center;
1637 }
1638
1639 .login_infos {
1640         display: block;
1641         margin-top: 30px;
1642         margin-left: auto;
1643         margin-right: auto;
1644         width: 80% ;
1645         text-align: left;
1646 }
1647
1648 #address_book_popup {
1649         position: absolute;
1650         top: 100px;
1651         right: 25px;
1652         width: 320px;
1653         height: auto;
1654         z-index: 100;
1655         background-color: #fff;
1656         color: #000;
1657         display: none;
1658         border: 1px solid black;
1659 }
1660
1661 #address_book_popup_container_div {
1662         position: relative;
1663         width: 100%;
1664         height: 100%;
1665         background-color: #fbf4ca;
1666 }
1667
1668 #address_book_popup_middle_div {
1669         position: relative;
1670         background-color: #fbf4ca;
1671 }
1672
1673 #address_book_inner_div {
1674         margin: 5px;
1675 }
1676
1677 #address_book_inner_div select {
1678         width: 100%;
1679         background-color: #fbf4ca;
1680 }
1681
1682 .address_book_popup_title {
1683         font-size: 12pt;
1684         background-color: #fbf4ca;
1685         color: #000;
1686 }
1687
1688 .edit_col, .host_col {
1689         display: none;
1690 }
1691
1692 .who_is_online .edit_col, .who_is_online .host_col {
1693         display: block;
1694 }
1695
1696 #wholist {
1697         border: 0;
1698         margin: 0;
1699         padding: 0;
1700         max-height: 200px;
1701         overflow: auto;
1702 }
1703
1704 #wholist li {
1705         color: black;
1706         text-align: left;
1707         list-style: none;
1708         border: 0;
1709         margin: 0;
1710         padding: 2px;
1711         white-space: nowrap;
1712         border-top: 1px solid #aaaaaa;
1713 }
1714
1715 #wholist li.activeuser a {
1716         background-color: rgb(255,240,146);
1717         padding-left: 5px;
1718 }
1719
1720 #wholist li.inactiveuser a {
1721         background-color: transparent;
1722         padding-left: 5px;
1723 }
1724
1725 table.altern {
1726         background-color: #ffffff;
1727         width: 100%;
1728 }
1729
1730 table.altern .even {
1731         background-color: #dddddd;
1732 }
1733
1734 table.altern .odd {
1735         background-color: #ffffff;
1736 }