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