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