webcit/static/webcit.css

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