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