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