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