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