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