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