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 }
 435
 436 .message_header, .message_header p {
 437         font-size: 10pt;
 438         color: black;
 439         margin: 0;
 440         padding: 0;
 441         background-color: #CCCCCC;
 442         text-align: left;
 443 }
 444
 445 .message_header .message_subject {
 446         font-style: italic;
 447 }
 448 .mimepart {
 449         margin-top: 0;
 450         margin-left: 15%;
 451         width: 55%;
 452         padding: 10px;
 453         background-color: #FFFFDD;
 454 }
 455
 456 .mimepart div {
 457         font-weight: bold;
 458 }
 459
 460 .mimepart div span {
 461         font-style: italic;
 462 }
 463
 464 .mimepart dl, .mimepart dl dt, .mimepart dl dd {
 465         font-size: 10pt;
 466         color: black;
 467         text-align: left;
 468 }
 469 .mimepart dl dt {
 470         display: compact;
 471         font-weight: bold;
 472 }
 473
 474 .msgbuttons {
 475         float: right;
 476         visibility: hidden;
 477         margin-top: 0;
 478         margin-right: 0;
 479         padding: 0;
 480 }
 481
 482 #delbutton, .buttons a, .msgbuttons a {
 483         font-size: 8pt;
 484         margin-left: 5px;
 485         margin-right: 5px;
 486         padding: 2px;
 487         border-top: 1px solid #CFCFCF;
 488         border-left: 1px solid #CFCFCF;
 489         border-right: 1px solid #808080;
 490         border-bottom: 1px solid #000000;
 491         background-color: #BBBBBB;
 492         color: #000000;
 493         font-weight: bold;
 494         text-align: center;
 495 }
 496
 497 .msgbuttons a span, .buttons span {
 498         display: none;
 499 }
 500
 501 .buttons a:hover, .msgbuttons a:hover {
 502         background-color: #AAAAAA;
 503         text-decoration: none;
 504 }
 505
 506 .message_content {
 507         background-color: white;
 508         margin: 0;
 509         padding: 3px;
 510         clear: both;
 511 }
 512
 513 .message form div label {
 514         display: block;
 515         float: left;
 516         margin: 3px;
 517         width: 9em;
 518         text-align: right;
 519 }
 520
 521 .message form div input, .message form div select {
 522         margin: 3px;
 523 }
 524
 525 .imgedit {
 526         vertical-align: middle;
 527 }
 528
 529 .send_edit_msg {
 530         float: right;
 531         margin-top: 0;
 532         margin-right: 0;
 533         padding-top: 2px;
 534         padding-bottom: 2px;
 535         padding-right: 50px;
 536         padding-left: 50px;
 537 }
 538
 539 .tablabel {
 540         font-size: 10pt;
 541         font-weight: bold;
 542         color: #000000;
 543 }
 544
 545 .boxlabel {
 546         font-size: 8pt;
 547         font-weight: bold;
 548         color: #FFFFEE;
 549 }
 550
 551 .boxlabel a {
 552         color: #FFFFEE;
 553 }
 554
 555 ul.adminitems {
 556         list-style-type: none;
 557 }
 558
 559 ul.adminitems li {
 560         list-style: none;
 561         font-size: 13px;
 562 }
 563
 564 ul.adminitems a {
 565         font-size: 13px;
 566         margin: 5px;
 567         color: #880000;
 568         font-weight: bold;
 569 }
 570
 571 ul.adminitems span {
 572         display: block;
 573         font-size: 8pt;
 574         color: #000088;
 575 }
 576
 577
 578 .customize {
 579         font-size: 8pt;
 580         font-style: italic;
 581         color: #000044;
 582         background-color: #DDDDCC;
 583 }
 584
 585 .room_banner_room_name {
 586 }
 587
 588 .room_banner_room_info {
 589 }
 590
 591 .room_banner_new_messages {
 592 }
 593
 594 .room_banner_start_page {
 595 }
 596
 597 .view_name, .search_name, .selectbox, .inputbox {
 598         font-size: 7pt;
 599         background: #444455;
 600         color: #ddddcc;
 601 }
 602
 603 .menubar_bg {
 604         background-color: #FF0000;
 605 }
 606
 607
 608 .roomlist_floor {
 609         font-size: 12pt;
 610         font-weight: bold;
 611         color: #000000;
 612 }
 613
 614 .roomlist_new {
 615         font-size: 10pt;
 616         color: #880000;
 617         font-weight: bold;
 618 }
 619
 620 .roomlist_old {
 621         font-size: 10pt;
 622         color: #000088;
 623 }
 624
 625 .ib_roomlist_floor {
 626         font-size: 8pt;
 627         font-weight: bold;
 628         color: #000000;
 629         cursor: pointer;
 630 }
 631
 632 .ib_roomlist_new {
 633         font-size: 10px;
 634         color: #880000;
 635         font-weight: bold;
 636         cursor: pointer;
 637 }
 638
 639 .ib_roomlist_old {
 640         font-size: 10px;
 641         color: #000088;
 642         cursor: pointer;
 643 }
 644
 645 .mailbox_summary {
 646         font-size: 10pt;
 647         color: #000000;
 648         background-color: #FFFFFF;
 649 }
 650
 651 .mailbox_summary tr {
 652         width: 100%;
 653 }
 654
 655 .mailbox_summary td {
 656         border-top: 1px solid darkgrey;
 657 }
 658
 659 blockquote {
 660         color: navy !important; background-color: RGB(245,245,245) !important;
 661 }
 662 blockquote blockquote {
 663         color: maroon !important; background-color: RGB(235,235,235) !important;
 664 }
 665 blockquote blockquote blockquote {
 666         color: green !important; background-color: RGB(225,225,225) !important;
 667 }
 668 blockquote blockquote blockquote blockquote {
 669         color: purple !important; background-color: RGB(215,215,215) !important;
 670 }
 671 blockquote blockquote blockquote blockquote blockquote {
 672         color: teal !important; background-color: RGB(205,205,205) !important;
 673 }
 674
 675 blockquote pre {
 676         margin-left: 1%;
 677         margin-right: 1%;
 678 }
 679
 680
 681 var sub {
 682         font-style: normal;
 683 }
 684
 685 .note {
 686         font-size: 85%;
 687         margin-left: 10%;
 688 }
 689
 690 .toolbar {
 691         text-align: center;
 692 }
 693
 694 .toolbar IMG {
 695         float: right;
 696 }
 697
 698 .errormsg {
 699         color: #AA0000;
 700         background: none;
 701         font-weight: bold;
 702         font-style: italic;
 703 }
 704
 705 .imsg {
 706         color: #aaaaaa;
 707         background: none;
 708         font-weight: bold;
 709         font-style: italic;
 710         text-align: center;
 711 }
 712
 713 .warning {
 714         color: #FF4500;
 715         background: none;
 716         text-decoration: none;
 717 }
 718
 719 .error strong {
 720         color: #DC143C;
 721         background: #FFD700;
 722         text-decoration: none;
 723 }
 724
 725 .warning strong {
 726         color: #FF4500;
 727         background: #FFD700;
 728         text-decoration: none;
 729 }
 730
 731 .warning a:link, .warning a:visited, .warning a:active {
 732         color: #FF4500;
 733         background: none;
 734         text-decoration: underline;
 735 }
 736
 737 .error a:link, .error a:visited, .error a:active {
 738         color: #DC143C;
 739         background: none;
 740         text-decoration: underline;
 741 }
 742
 743 .error strong a:link, .error strong a:visited, .error strong a:active {
 744         color: #DC143C;
 745         background: #FFD700;
 746 }
 747
 748 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
 749         color: #FF4500;
 750         background: #FFD700;
 751 }
 752
 753 colgroup.entity {
 754         text-align: center;
 755 }
 756
 757 .default {
 758         text-decoration: underline;
 759         font-style: normal;
 760 }
 761
 762 .required {
 763         font-weight: bold;
 764 }
 765
 766 td li.transitional, .elements li.transitional {
 767         font-weight: lighter;
 768         color: #696969;
 769         background: none;
 770 }
 771
 772 td li.frameset, .elements li.frameset {
 773         font-weight: lighter;
 774         color: #808080;
 775         background: none;
 776 }
 777
 778 @media print {
 779         input#toggler, .toolbar { display: none }
 780 }
 781
 782
 783 .treetitle {
 784         padding:2px;
 785         cursor:default;
 786
 787         font-size: 11px;
 788         color: #000000;
 789 }
 790 .editednode {
 791         padding:2px;
 792         cursor:default;
 793         background-color: #FFFFFF;;
 794         color: #000000;
 795
 796         font-size: 11px;
 797 }
 798 .editednodeinput {
 799         background-color: #FFFFFF;;
 800         color: #000000;
 801
 802         width: 150px;
 803         height: 17px;
 804
 805         border-style: solid;
 806         border-width: 1px;
 807         border-color: #000000;
 808
 809         font-size: 11px;
 810 }
 811 .treetitleselectedfocused {
 812         padding:2px;
 813         cursor:default;
 814         background-color: highlight;
 815         color: highlighttext;
 816
 817         font-size: 11px;
 818 }
 819 .treetitleselectedblured {
 820         padding:2px;
 821         cursor:default;
 822         background-color: menu;
 823         color: windowtext;
 824         font-size: 11px;
 825 }
 826
 827
 828
 829 div.auto_complete {
 830         width: 350px;
 831         background: #fff;
 832 }
 833
 834 div.auto_complete ul {
 835         border:1px solid #888;
 836         margin:0;
 837         padding:0;
 838         width:100%;
 839         list-style-type: none;
 840         background: #fff;
 841 }
 842
 843 div.auto_complete ul li {
 844         margin:0;
 845         padding:3px;
 846 }
 847
 848 div.auto_complete ul li.selected {
 849         background-color: #ffc;
 850 }
 851
 852 div.auto_complete ul strong.highlight {
 853         color: #800;
 854         margin:0;
 855         padding:0;
 856 }
 857
 858
 859 .floors_config, .roomops_zap {
 860         border: 0;
 861         background-color: #770000;
 862         width: 100%;
 863 }
 864
 865 .roomops_cell_label {
 866         background-color: #FFFFFF;
 867 }
 868
 869 .roomops_cell, .roomops_cell_edit {
 870         background-color: #CCCCCC;
 871 }
 872
 873 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background {
 874         border: 0;
 875         width: 100%;
 876         background-color: #ffffff;
 877 }
 878
 879 .siteconfig_background {
 880         border: 0;
 881         width: 100%;
 882 }
 883
 884 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
 885         border: 0;
 886         width: 100%;
 887         background-color: #ffffff;
 888 }
 889
 890 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .inetconf_banner, .listsub_banner {
 891         border: 0;
 892         width: 100%;
 893         background-color: #444455;
 894 }
 895
 896 .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
 897         border: 0;
 898         width: 100%;
 899         background-color: #444455;
 900 }
 901
 902 .smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
 903         border: 0;
 904         width: 100%;
 905         background-color: #444455;
 906 }
 907
 908
 909 .vcard_edit_background_alt, .roomops_background_alt {
 910         border: 0;
 911         width: 100%;
 912         background-color: #dddddd;
 913 }
 914
 915
 916 .box {
 917         width: 100%;
 918         padding: 0px;
 919         background-color: #FFFFFF;
 920 }
 921
 922 .boxlabel, .boxcontent {
 923         padding: 5px;
 924 }
 925
 926 .boxlabel {
 927         background-color: #000088;
 928         text-align: center;
 929 }
 930
 931 #login_screen {
 932         margin: 3%;
 933 }
 934
 935 .login_content {
 936         background-color: white;
 937 }
 938
 939 .login_message, .login_hello {
 940         position: relative;
 941         margin-left: auto;
 942         margin-right: auto;
 943         width: 80%;
 944         text-align: center;
 945 }
 946
 947 .login_image {
 948         display: block;
 949         margin-left: auto;
 950         margin-right: auto;
 951         text-align: center;
 952 }
 953
 954 .login_message {
 955         color: red;
 956         font-weight: bold;
 957         font-size: 16px;
 958 }
 959
 960 #login_form {
 961         position: relative;
 962         display: block;
 963         margin-top: 20px;
 964         margin-left: auto;
 965         margin-right: auto;
 966         margin-bottom: 20px;
 967         padding: 6px;
 968         width: 300px;
 969         background-color: #DDDDDD;
 970 }
 971
 972 #login_form input, #login_form label, #login_form select {
 973         display: block;
 974         float: left;
 975         margin: 6px;
 976 }
 977
 978 #login_form label {
 979         width: 130px;
 980         text-align: left;
 981 }
 982
 983 #pname, #uname {
 984         width: 130px;
 985         text-align: left;
 986 }
 987
 988 #login_form br {
 989         clear: left;
 990 }
 991
 992 #login_form .logbuttons {
 993         margin-left: auto;
 994         margin-right: auto;
 995 }
 996
 997 #login_form .logbutton {
 998         width: auto;
 999         text-align: center;
1000 }
1001
1002 .login_infos {
1003         display: block;
1004         margin-top: 30px;
1005         margin-left: auto;
1006         margin-right: auto;
1007         width: 80% ;
1008         text-align: left;
1009 }
1010
1011 #address_book_popup {
1012         position: absolute;
1013         top: 100px;
1014         right: 25px;
1015         width: 320px;
1016         height: auto;
1017         z-index: 100;
1018         background-color: #fff;
1019         color: #000;
1020         display: none;
1021         border: 1px solid black;
1022 }
1023
1024 #address_book_popup_container_div {
1025         position: relative;
1026         width: 100%;
1027         height: 100%;
1028         background-color: #fbf4ca;
1029 }
1030
1031 #address_book_popup_middle_div {
1032         position: relative;
1033         background-color: #fbf4ca;
1034 }
1035
1036 #address_book_inner_div {
1037         margin: 5px;
1038 }
1039
1040 #address_book_inner_div select {
1041         width: 100%;
1042         background-color: #fbf4ca;
1043 }
1044
1045 .address_book_popup_title {
1046         font-size: 12pt;
1047         background-color: #fbf4ca;
1048         color: #000;
1049 }
1050
1051 .edit_col, .host_col {
1052         display: none;
1053 }
1054
1055 .who_is_online .edit_col, .who_is_online .host_col {
1056         display: block;
1057 }
1058
1059 #wholist {
1060         border: 0;
1061         margin: 0;
1062         padding: 0;
1063         max-height: 200px;
1064         overflow: auto;
1065 }
1066
1067 #wholist li {
1068         color: black;
1069         text-align: left;
1070         list-style: none;
1071         border: 0;
1072         margin: 0;
1073         padding: 2px;
1074         white-space: splay: compact;
1075
1076 }
1077
1078 .message_header, .message_subject {
1079         font-size: 10pt;
1080         color: black;
1081         margin: 0;
1082         padding: 3px;
1083         background-color: #CCCCCC;
1084         text-align: left;
1085 }
1086
1087 .message_subject {
1088         padding-top: 0;
1089         font-style: italic;
1090         float: left;
1091 }
1092
1093 .msgbuttons {
1094         float: right;
1095         visibility: hidden;
1096         margin-top: 0;
1097         margin-right: 0;
1098         padding: 0;
1099 }
1100
1101 #delbutton, .msgbuttons a {
1102         font-size: 7pt;
1103         margin: 1px;
1104         padding: 2px;
1105         padding-left: 5px;
1106         padding-right: 5px;
1107         border-top: 1px solid #CFCFCF;
1108         border-left: 1px solid #CFCFCF;
1109         border-right: 1px solid #808080;
1110         border-bottom: 1px solid #000000;
1111         background-color: #999999;
1112         color: #000000;
1113         font-weight: bold;
1114         text-align: center;
1115 }
1116
1117 .msgbuttons a span {
1118         display: none;
1119 }
1120
1121 .msgbuttons a:hover {
1122         background-color: #AAAAAA;
1123         text-decoration: none;
1124 }
1125
1126 .message_content {
1127         background-color: white;
1128         margin: 0;
1129         padding: 3px;
1130         clear: both;
1131 }
1132
1133 .message form div label {
1134         display: block;
1135         float: left;
1136         margin: 3px;
1137         width: 9em;
1138         text-align: right;
1139 }
1140
1141 .message form div input, .message form div select {
1142         margin: 3px;
1143 }
1144
1145 .imgedit {
1146         vertical-align: middle;
1147 }
1148
1149 .send_edit_msg {
1150         float: right;
1151         margin-top: 0;
1152         margin-right: 0;
1153         padding-top: 2px;
1154         padding-bottom: 2px;
1155         padding-right: 50px;
1156         padding-left: 50px;
1157 }
1158
1159 .tablabel {
1160         font-size: 10pt;
1161         font-weight: bold;
1162         color: #000000;
1163 }
1164
1165 .boxlabel {
1166         font-size: 8pt;
1167         font-weight: bold;
1168         color: #FFFFEE;
1169 }
1170
1171 .boxlabel a {
1172         color: #FFFFEE;
1173 }
1174
1175 ul.adminitems {
1176         list-style-type: none;
1177 }
1178
1179 ul.adminitems li {
1180         list-style: none;
1181         font-size: 13px;
1182 }
1183
1184 ul.adminitems a {
1185         font-size: 13px;
1186         margin: 5px;
1187         color: #880000;
1188         font-weight: bold;
1189 }
1190
1191 ul.adminitems span {
1192         display: block;
1193         font-size: 8pt;
1194         color: #000088;
1195 }
1196
1197
1198 .customize {
1199         font-size: 8pt;
1200         font-style: italic;
1201         color: #000044;
1202         background-color: #DDDDCC;
1203 }
1204
1205 .room_banner_room_name {
1206 }
1207
1208 .room_banner_room_info {
1209 }
1210
1211 .room_banner_new_messages {
1212 }
1213
1214 .room_banner_start_page {
1215 }
1216
1217 .view_name, .search_name, .selectbox, .inputbox {
1218         font-size: 7pt;
1219         background: #444455;
1220         color: #ddddcc;
1221 }
1222
1223 .menubar_bg {
1224         background-color: #FF0000;
1225 }
1226
1227
1228 .roomlist_floor {
1229         font-size: 12pt;
1230         font-weight: bold;
1231         color: #000000;
1232 }
1233
1234 .roomlist_new {
1235         font-size: 10pt;
1236         color: #880000;
1237         font-weight: bold;
1238 }
1239
1240 .roomlist_old {
1241         font-size: 10pt;
1242         color: #000088;
1243 }
1244
1245 .ib_roomlist_floor {
1246         font-size: 8pt;
1247         font-weight: bold;
1248         color: #000000;
1249         cursor: pointer;
1250 }
1251
1252 .ib_roomlist_new {
1253         font-size: 10px;
1254         color: #880000;
1255         font-weight: bold;
1256         cursor: pointer;
1257 }
1258
1259 .ib_roomlist_old {
1260         font-size: 10px;
1261         color: #000088;
1262         cursor: pointer;
1263 }
1264
1265 .mailbox_summary {
1266         font-size: 10pt;
1267         color: #000000;
1268         background-color: #FFFFFF;
1269 }
1270
1271 .mailbox_summary tr {
1272         width: 100%;
1273 }
1274
1275 .mailbox_summary td {
1276         border-top: 1px solid darkgrey;
1277 }
1278
1279 blockquote {
1280         color: navy !important; background-color: RGB(245,245,245) !important;
1281 }
1282 blockquote blockquote {
1283         color: maroon !important; background-color: RGB(235,235,235) !important;
1284 }
1285 blockquote blockquote blockquote {
1286         color: green !important; background-color: RGB(225,225,225) !important;
1287 }
1288 blockquote blockquote blockquote blockquote {
1289         color: purple !important; background-color: RGB(215,215,215) !important;
1290 }
1291 blockquote blockquote blockquote blockquote blockquote {
1292         color: teal !important; background-color: RGB(205,205,205) !important;
1293 }
1294
1295 blockquote pre {
1296         margin-left: 1%;
1297         margin-right: 1%;
1298 }
1299
1300
1301 var sub {
1302         font-style: normal;
1303 }
1304
1305 .note {
1306         font-size: 85%;
1307         margin-left: 10%;
1308 }
1309
1310 .toolbar {
1311         text-align: center;
1312 }
1313
1314 .toolbar IMG {
1315         float: right;
1316 }
1317
1318 .errormsg {
1319         color: #AA0000;
1320         background: none;
1321         font-weight: bold;
1322         font-style: italic;
1323 }
1324
1325 .imsg {
1326         color: #aaaaaa;
1327         background: none;
1328         font-weight: bold;
1329         font-style: italic;
1330         text-align: center;
1331 }
1332
1333 .warning {
1334         color: #FF4500;
1335         background: none;
1336         text-decoration: none;
1337 }
1338
1339 .error strong {
1340         color: #DC143C;
1341         background: #FFD700;
1342         text-decoration: none;
1343 }
1344
1345 .warning strong {
1346         color: #FF4500;
1347         background: #FFD700;
1348         text-decoration: none;
1349 }
1350
1351 .warning a:link, .warning a:visited, .warning a:active {
1352         color: #FF4500;
1353         background: none;
1354         text-decoration: underline;
1355 }
1356
1357 .error a:link, .error a:visited, .error a:active {
1358         color: #DC143C;
1359         background: none;
1360         text-decoration: underline;
1361 }
1362
1363 .error strong a:link, .error strong a:visited, .error strong a:active {
1364         color: #DC143C;
1365         background: #FFD700;
1366 }
1367
1368 .warning strong a:link, .warning strong a:visited, .warning strong a:active {
1369         color: #FF4500;
1370         background: #FFD700;
1371 }
1372
1373 colgroup.entity {
1374         text-align: center;
1375 }
1376
1377 .default {
1378         text-decoration: underline;
1379         font-style: normal;
1380 }
1381
1382 .required {
1383         font-weight: bold;
1384 }
1385
1386 td li.transitional, .elements li.transitional {
1387         font-weight: lighter;
1388         color: #696969;
1389         background: none;
1390 }
1391
1392 td li.frameset, .elements li.frameset {
1393         font-weight: lighter;
1394         color: #808080;
1395         background: none;
1396 }
1397
1398 @media print {
1399         input#toggler, .toolbar { display: none }
1400 }
1401
1402
1403 .treetitle {
1404         padding:2px;
1405         cursor:default;
1406
1407         font-size: 11px;
1408         color: #000000;
1409 }
1410 .editednode {
1411         padding:2px;
1412         cursor:default;
1413         background-color: #FFFFFF;;
1414         color: #000000;
1415
1416         font-size: 11px;
1417 }
1418 .editednodeinput {
1419         background-color: #FFFFFF;;
1420         color: #000000;
1421
1422         width: 150px;
1423         height: 17px;
1424
1425         border-style: solid;
1426         border-width: 1px;
1427         border-color: #000000;
1428
1429         font-size: 11px;
1430 }
1431 .treetitleselectedfocused {
1432         padding:2px;
1433         cursor:default;
1434         background-color: highlight;
1435         color: highlighttext;
1436
1437         font-size: 11px;
1438 }
1439 .treetitleselectedblured {
1440         padding:2px;
1441         cursor:default;
1442         background-color: menu;
1443         color: windowtext;
1444         font-size: 11px;
1445 }
1446
1447
1448
1449 div.auto_complete {
1450         width: 350px;
1451         background: #fff;
1452 }
1453
1454 div.auto_complete ul {
1455         border:1px solid #888;
1456         margin:0;
1457         padding:0;
1458         width:100%;
1459         list-style-type: none;
1460         background: #fff;
1461 }
1462
1463 div.auto_complete ul li {
1464         margin:0;
1465         padding:3px;
1466 }
1467
1468 div.auto_complete ul li.selected {
1469         background-color: #ffc;
1470 }
1471
1472 div.auto_complete ul strong.highlight {
1473         color: #800;
1474         margin:0;
1475         padding:0;
1476 }
1477
1478
1479 .floors_config, .roomops_zap {
1480         border: 0;
1481         background-color: #770000;
1482         width: 100%;
1483 }
1484
1485 .roomops_cell_label {
1486         background-color: #FFFFFF;
1487 }
1488
1489 .roomops_cell, .roomops_cell_edit {
1490         background-color: #CCCCCC;
1491 }
1492
1493 .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background {
1494         border: 0;
1495         width: 100%;
1496         background-color: #ffffff;
1497 }
1498
1499 .siteconfig_background {
1500         border: 0;
1501         width: 100%;
1502 }
1503
1504 .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
1505         border: 0;
1506         width: 100%;
1507         background-color: #ffffff;
1508 }
1509
1510 .auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .inetconf_banner, .listsub_banner {
1511         border: 0;
1512         width: 100%;
1513         background-color: #444455;
1514 }
1515
1516 .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
1517         border: 0;
1518         width: 100%;
1519         background-color: #444455;
1520 }
1521
1522 .smtpqueue_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
1523         border: 0;
1524         width: 100%;
1525         background-color: #444455;
1526 }
1527
1528
1529 .vcard_edit_background_alt, .roomops_background_alt {
1530         border: 0;
1531         width: 100%;
1532         background-color: #dddddd;
1533 }
1534
1535
1536 .box {
1537         width: 100%;
1538         padding: 0px;
1539         background-color: #FFFFFF;
1540 }
1541
1542 .boxlabel, .boxcontent {
1543         padding: 5px;
1544 }
1545
1546 .boxlabel {
1547         background-color: #000088;
1548         text-align: center;
1549 }
1550
1551 #login_screen {
1552         margin: 3%;
1553 }
1554
1555 .login_content {
1556         background-color: white;
1557 }
1558
1559 .login_message, .login_hello {
1560         position: relative;
1561         margin-left: auto;
1562         margin-right: auto;
1563         width: 80%;
1564         text-align: center;
1565 }
1566
1567 .login_image {
1568         display: block;
1569         margin-left: auto;
1570         margin-right: auto;
1571         text-align: center;
1572 }
1573
1574 .login_message {
1575         color: red;
1576         font-weight: bold;
1577         font-size: 16px;
1578 }
1579
1580 #login_form {
1581         position: relative;
1582         display: block;
1583         margin-top: 20px;
1584         margin-left: auto;
1585         margin-right: auto;
1586         margin-bottom: 20px;
1587         padding: 6px;
1588         width: 300px;
1589         background-color: #DDDDDD;
1590 }
1591
1592 #login_form input, #login_form label, #login_form select {
1593         display: block;
1594         float: left;
1595         margin: 6px;
1596 }
1597
1598 #login_form label {
1599         width: 130px;
1600         text-align: left;
1601 }
1602
1603 #pname, #uname {
1604         width: 130px;
1605         text-align: left;
1606 }
1607
1608 #login_form br {
1609         clear: left;
1610 }
1611
1612 #login_form .logbuttons {
1613         margin-left: auto;
1614         margin-right: auto;
1615 }
1616
1617 #login_form .logbutton {
1618         width: auto;
1619         text-align: center;
1620 }
1621
1622 .login_infos {
1623         display: block;
1624         margin-top: 30px;
1625         margin-left: auto;
1626         margin-right: auto;
1627         width: 80% ;
1628         text-align: left;
1629 }
1630
1631 #address_book_popup {
1632         position: absolute;
1633         top: 100px;
1634         right: 25px;
1635         width: 320px;
1636         height: auto;
1637         z-index: 100;
1638         background-color: #fff;
1639         color: #000;
1640         display: none;
1641         border: 1px solid black;
1642 }
1643
1644 #address_book_popup_container_div {
1645         position: relative;
1646         width: 100%;
1647         height: 100%;
1648         background-color: #fbf4ca;
1649 }
1650
1651 #address_book_popup_middle_div {
1652         position: relative;
1653         background-color: #fbf4ca;
1654 }
1655
1656 #address_book_inner_div {
1657         margin: 5px;
1658 }
1659
1660 #address_book_inner_div select {
1661         width: 100%;
1662         background-color: #fbf4ca;
1663 }
1664
1665 .address_book_popup_title {
1666         font-size: 12pt;
1667         background-color: #fbf4ca;
1668         color: #000;
1669 }
1670
1671 .edit_col, .host_col {
1672         display: none;
1673 }
1674
1675 .who_is_online .edit_col, .who_is_online .host_col {
1676         display: block;
1677 }
1678
1679 #wholist {
1680         border: 0;
1681         margin: 0;
1682         padding: 0;
1683         max-height: 200px;
1684         overflow: auto;
1685 }
1686
1687 #wholist li {
1688         color: black;
1689         text-align: left;
1690         list-style: none;
1691         border: 0;
1692         margin: 0;
1693         padding: 2px;
1694         white-space: nowrap;
1695         border-top: 1px solid #aaaaaa;
1696 }
1697
1698 #wholist li.activeuser a {
1699         background-color: rgb(255,240,146);
1700         padding-left: 5px;
1701 }
1702
1703 #wholist li.inactiveuser a {
1704         background-color: transparent;
1705         padding-left: 5px;
1706 }
1707
1708 table.altern {
1709         background-color: #ffffff;
1710         width: 100%;
1711 }
1712
1713 table.altern .even {
1714         background-color: #dddddd;
1715 }
1716
1717 table.altern .odd {
1718         background-color: #ffffff;
1719 }