webcit/static/webcit.css

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