html/themes/default/style.css

   1 table.listframe {
   2         width:600px;
   3         background:#F3F3F3;
   4 }
   5
   6 tr.listrow {
   7         background:#EAEAEA;
   8 }
   9
  10 tr.rowxp {
  11 }
  12
  13 tr.rowxp:hover {
  14         background-color:#D8D8D8;
  15 }
  16
  17 td.listheader {
  18         background:#E5E5E5;
  19         font-weight:bold;
  20         border-right:1px solid #C0C0C0;
  21         border-bottom: 1px solid #b0b0b0;
  22         padding:3px;
  23         height:22px;
  24 }
  25
  26 td.scrollhead {
  27         vertical-align:top;
  28         padding:0px;
  29 }
  30
  31 td.scrollbody {
  32         vertical-align:top;
  33         padding:0px;
  34 }
  35
  36 div.scrollbody {
  37         background-color:#ffffff;
  38         overflow:auto;
  39         text-align:left;
  40 }
  41
  42 td.listheader#icon {
  43         width:20px;
  44 }
  45
  46 td.listheader#entry {
  47 }
  48
  49 td.listheader#property {
  50         width:50px;
  51 }
  52
  53 td.listheader#info {
  54         width:200px;
  55 }
  56
  57 td.listheader#properties7 {
  58         width:136px;
  59 }
  60
  61 td.listheader#properties8 {
  62         width:152px;
  63 }
  64
  65 td.listheader#properties9 {
  66         width:168px;
  67 }
  68
  69 td.listheader#properties10 {
  70         width:186px;
  71 }
  72
  73 td.listheader#actions {
  74         width:52px;
  75         border-right:0px;
  76         text-align:right;
  77 }
  78
  79 td.listheader#scrollbar {
  80         width:13px;
  81         border-right:0px;
  82 }
  83
  84 tr.rowxp0 {
  85         background:white;
  86 }
  87
  88 tr.rowxp0:hover {
  89         background-color:#D8D8D8;
  90 }
  91
  92 td.list0 {
  93         background:transparent;
  94         border-right:1px solid #B0B0B0;
  95         padding:3px;
  96         height:22px;
  97 }
  98
  99 td.list0#icon {
 100         width:20px;
 101         text-align:center;
 102 }
 103
 104 td.list0#entry {
 105 }
 106
 107 td.list0#info {
 108         width:200px;
 109 }
 110
 111 td.list0#property {
 112         width:50px;
 113 }
 114
 115 td.list0#properties7 {
 116         width:136px;
 117 }
 118
 119 td.list0#properties8 {
 120         width:152px;
 121 }
 122
 123 td.list0#properties9 {
 124         width:168px;
 125 }
 126
 127 td.list0#properties10 {
 128         width:186px;
 129 }
 130
 131 td.list0#actions {
 132         width:52px;
 133         border-right:0px;
 134         text-align:right;
 135 }
 136
 137 tr.rowxp1 {
 138         background:#F0F0F0;
 139 }
 140
 141 tr.rowxp1:hover {
 142         background-color:#D8D8D8;
 143 }
 144
 145 td.list1 {
 146         background:transparent;
 147         border-right:1px solid #C0C0C0;
 148         padding:3px;
 149         height:22px;
 150 }
 151
 152 td.list1nohighlight {
 153         background:white;
 154         border-right:1px solid #C0C0C0;
 155         padding:3px;
 156         height:22px;
 157 }
 158
 159 td.list1#fill {
 160         height:100%;
 161 }
 162
 163 td.list1#icon {
 164         width:0px;
 165         text-align:center;
 166 }
 167
 168 td.list1#entry {
 169 }
 170
 171 td.list1#info {
 172         width:200px;
 173 }
 174
 175 td.list1#property {
 176         width:50px;
 177 }
 178
 179 td.list1#properties7 {
 180         width:136px;
 181 }
 182
 183 td.list1#properties8 {
 184         width:152px;
 185 }
 186
 187 td.list1#properties9 {
 188         width:168px;
 189 }
 190
 191 td.list1#properties10 {
 192         width:186px;
 193 }
 194
 195 td.list1#actions {
 196         width:52px;
 197         border-right:0px;
 198         text-align:right;
 199 }
 200
 201 body {
 202         margin-left:0px;
 203         margin-right:0px;
 204         margin-top:0px;
 205         margin-bottom:0px;
 206         background-color:white;
 207         background-image:url("images/border.png");
 208         background-repeat:repeat-y;
 209         color:#00008F;
 210         font-family:arial,helvetica,sans-serif;
 211         font-size:12px;
 212 }
 213
 214 h1 {
 215         font-size:14px;
 216         color: #00378a;
 217 }
 218
 219 h2, h3, h4, h5, h6 {
 220         font-size:13px;
 221         color:#00378a;
 222 }
 223
 224 td, p, b {
 225         font-size:12px;
 226 }
 227
 228 /* Title bar */
 229 a.maintitlebar, div.maintitlebar {
 230         font-family:arial,helvetica,sans-serif;
 231         text-decoration:none;
 232         color:#00348B;
 233         font-size:12px;
 234         text-align:center;
 235         vertical-align:middle;
 236 }
 237
 238 a.maintitlebar:hover {
 239         text-decoration:none;
 240         background-color:#B0D3A0;
 241 }
 242
 243 p.menuheader {
 244         font-family:arial,helvetica,sans-serif;
 245         color:#00378a;
 246         text-decoration:none;
 247         background-color:#CDF6BD;
 248         font-weight:bold;
 249         font-size:12px;
 250         text-align:center;
 251         width:100%;
 252         vertical-align:middle;
 253         padding:3px;
 254         margin-top:20px;
 255 }
 256
 257 p.menuitem {
 258         font-family:arial,helvetica,sans-serif;
 259         color:#00378a;
 260         text-decoration:none;
 261         font-weight:normal;
 262         font-size:12px;
 263         text-align:left;
 264         padding-left:15px;
 265         padding-top:2px;
 266         padding-bottom:2px;
 267         vertical-align:middle;
 268         margin:2px;
 269         background-color:#dfffdf;
 270         padding-right:5px;
 271 }
 272
 273 p.menuitem:hover {
 274         background-color:#d2f6c2;
 275 }
 276
 277 table.menuitem {
 278         width:100%;
 279         margin-top:10px;
 280         margin-bottom:10px;
 281         margin-right:10px;
 282         background-color:#f0f0f0;
 283 }
 284
 285 table.menuitem:hover {
 286         background-color:#c5c5c5;
 287 }
 288
 289
 290 td.phonelist:hover {
 291         background-color:#d2d2d2;
 292 }
 293
 294 td.phonelist {
 295         border-right:1px solid #B0B0B0;
 296 }
 297
 298 h1.menuheader {
 299         border-style:solid;
 300         border-color:#707070;
 301         width:100%;
 302         border-top-width:1px;
 303         border-bottom-width:0px;
 304         border-left-width:0px;
 305         border-right-width:0px;
 306         padding-top:10px;
 307         padding-bottom:0px;
 308 }
 309
 310 div.copynotice{
 311         border-style:solid;
 312         border-color:#707070;
 313         width:100%;
 314         border-top-width:1px;
 315         border-bottom-width:0px;
 316         border-left-width:0px;
 317         border-right-width:0px;
 318         padding-top:3px;
 319         padding-bottom:0px;
 320         text-align:right;
 321         font-family:arial,helvetica,sans-serif;
 322         font-size:10px;
 323 }
 324
 325 a:link {
 326         text-decoration:none;
 327         color:#00008f;
 328 }
 329
 330 a:visited {
 331         text-decoration:none;
 332         color:#00008f;
 333 }
 334
 335 a.menuitem:link {
 336         text-decoration:none;
 337         color:#00008f;
 338 }
 339
 340 a.menuitem:visited {
 341         text-decoration:none;
 342         color:#00008f;
 343 }
 344
 345 a.menuitem:hover {
 346         text-decoration:none;
 347 }
 348
 349 a.iconmenu:link {
 350         text-decoration:none;
 351         color:#00008f;
 352 }
 353
 354 td.iconmenu:hover {
 355         background-color:#e0e0e0;
 356 }
 357
 358 a.iconmenu:visited {
 359         text-decoration:none;
 360         color:#00008f;
 361 }
 362
 363 a.iconmenu:hover {
 364         text-decoration:none;
 365 }
 366
 367 h1.plugtop{
 368         border-style:solid;
 369         border-color:#707070;
 370         width:100%;
 371         border-top-width:0px;
 372         border-bottom-width:1px;
 373         border-left-width:0px;
 374         border-right-width:0px;
 375         padding-top:0px;
 376         margin-top:0px;
 377         padding-bottom:6px;
 378         text-align:left;
 379         background-color:red;
 380         font-family:arial,helvetica,sans-serif;
 381         font-size:24px;
 382 }
 383
 384 div.plugtop {
 385         border-style:solid;
 386         border-color:#b0b0b0;
 387         width:100%;
 388         border-top-color:#e0e0f0;
 389         border-top-width:6px;
 390         border-bottom-width:1px;
 391         border-left-width:0px;
 392         border-right-width:0px;
 393         padding-top:0px;
 394         padding-bottom:6px;
 395         margin-bottom: 0px;
 396         text-align:left;
 397         vertical-align:middle;
 398         background-color:#e0e0f0;
 399         font-family:arial,helvetica,sans-serif;
 400         font-weight:bold;
 401         font-size:24px;
 402 }
 403
 404 div.pluginfo {
 405         border:solid;
 406         border:0px;
 407         width:100%;
 408         padding-top:2px;
 409         padding-bottom:2px;
 410         margin-bottom:10px;
 411         text-align:right;
 412         vertical-align:middle;
 413         background-color:#c0c0e0;
 414         font-family:arial,helvetica,sans-serif;
 415         font-size:11px;
 416 }
 417
 418 p.seperator {
 419         border-style:solid;
 420         border-color:#a0a0a0;
 421         width:100%;
 422         border-top-width:0px;
 423         border-bottom-width:1px;
 424         border-left-width:0px;
 425         border-right-width:0px;
 426         padding-top:0px;
 427         padding-bottom:0px;
 428         margin-top:0px;
 429         margin-bottom:0px;
 430         text-align:left;
 431 }
 432
 433 p.plugbottom {
 434         border-style:solid;
 435         border-color:#a0a0a0;
 436         width:100%;
 437         border-top-width:1px;
 438         border-bottom-width:0px;
 439         border-left-width:0px;
 440         border-right-width:0px;
 441         padding-top:10px;
 442         padding-bottom:0px;
 443         text-align:right;
 444         font-family:arial,helvetica,sans-serif;
 445 }
 446
 447 font.must {
 448         color:red;
 449         font-family:arial,helvetica,sans-serif;
 450 }
 451
 452 div.tab_active {
 453         text-align:center;
 454         height:25px;
 455         background-color:#f0f0f0;
 456         border-style:solid;
 457         border-color:black;
 458         border-top-width:1px;
 459         border-bottom-width:0px;
 460         border-left-width:1px;
 461         border-right-width:1px;
 462         margin-top:0px;
 463         padding-top:1px;
 464         padding-left:8px;
 465         padding-right:8px;
 466 }
 467
 468 div.tab_left {
 469         text-align:center;
 470         height:20px;
 471         background-color:#c0c0c0;
 472         border-style:solid;
 473         border-color:black;
 474         border-top-width:1px;
 475         border-bottom-width:1px;
 476         border-left-width:1px;
 477         border-right-width:0px;
 478         margin-top:5px;
 479         padding-top:1px;
 480         padding-left:8px;
 481         padding-right:8px;
 482 }
 483
 484 div.tab_right {
 485         text-align:center;
 486         height:20px;
 487         background-color:#c0c0c0;
 488         border-style:solid;
 489         border-color:black;
 490         border-top-width:1px;
 491         border-bottom-width:1px;
 492         border-left-width:0px;
 493         border-right-width:1px;
 494         margin-top:5px;
 495         padding-top:1px;
 496         padding-left:8px;
 497         padding-right:8px;
 498 }
 499
 500 div.tab_near_active {
 501         text-align:center;
 502         height:20px;
 503         background-color:#c0c0c0;
 504         border-style:solid;
 505         border-color:black;
 506         border-top-width:1px;
 507         border-bottom-width:1px;
 508         border-left-width:1px;
 509         border-right-width:1px;
 510         margin-top:5px;
 511         padding-top:1px;
 512         padding-left:8px;
 513         padding-right:8px;
 514 }
 515
 516 div.tab_border {
 517         width:100%;
 518         height:20px;
 519         border-style:solid;
 520         border-color:black;
 521         border-top-width:0px;
 522         border-bottom-width:1px;
 523         border-left-width:0px;
 524         border-right-width:0px;
 525 }
 526
 527 a.tab_active, input.tab_active {
 528         border:0px;
 529         margin:0px;
 530         height:22px;
 531         font-family:arial,helvetica,sans-serif;
 532         background-color:#f0f0f0;
 533         text-decoration:none;
 534         color:#00348B;
 535         font-size:13px;
 536         font-weight:bold;
 537 }
 538
 539 a.tab_right, input.tab_right {
 540         height:20px;
 541         border:0px;
 542         margin:0px;
 543         font-family:arial,helvetica,sans-serif;
 544         background-color:#c0c0c0;
 545         text-decoration:none;
 546         color:#00348b;
 547         font-size:13px;
 548         font-weight:bold;
 549 }
 550
 551 a.tab_left, input.tab_left {
 552         height:20px;
 553         border:0px;
 554         margin:0px;
 555         font-family:arial,helvetica,sans-serif;
 556         background-color:#c0c0c0;
 557         text-decoration:none;
 558         color:#00348b;
 559         font-size:13px;
 560         font-weight:bold;
 561 }
 562
 563 a.tab_near_active, input.tab_near_active {
 564         height:20px;
 565         border:0px;
 566         margin:0px;
 567         font-family:arial,helvetica,sans-serif;
 568         background-color:#c0c0c0;
 569         text-decoration:none;
 570         color:#00348b;
 571         font-size:13px;
 572         font-weight:bold;
 573 }
 574
 575 img.center {
 576         text-align:center;
 577         vertical-align:middle;
 578 }
 579
 580 input.center {
 581         text-align:left;
 582         vertical-align:middle;
 583 }
 584
 585 select.center {
 586         text-align:left;
 587         vertical-align:middle;
 588 }
 589
 590 a.center {
 591         text-align:left;
 592         vertical-align:middle;
 593 }
 594
 595 /********************** Template migration *********************/
 596
 597 /* Login screen */
 598 div.gosaLoginSpacer {
 599         height:100px;
 600 }
 601
 602 table.gosaLoginMask {
 603         background-color:#8b898b;
 604         text-align:center;
 605         border:0px;
 606 }
 607
 608 td.gosaLoginBack {
 609         width:606px;
 610         height:406px;
 611         background:url(images/login.png);
 612         vertical-align:top;
 613 }
 614
 615 div.gosaLoginBack {
 616         padding-top:35px;
 617         margin-left:100px;
 618         margin-right:50px;
 619         padding-bottom:0px;
 620         vertical-align:top;
 621 }
 622
 623 p.gosaLoginHeader {
 624         text-align:center;
 625         font-size:14px;
 626         font-weight:bold;
 627         margin-bottom:15px;
 628 }
 629
 630 p.gosaLoginWarning {
 631         text-align:center;
 632         color:red;
 633         font-weight:bold;
 634         font-size:12px;
 635 }
 636
 637 /* Account Expired screen */
 638 td.gosaAccountExpiredBack {
 639   width:550px;
 640   height:300px;
 641   background:url(images/accountexpired.png);
 642   vertical-align:top;
 643 }
 644
 645 div.gosaAccountExpiredBack {
 646   padding-top:40px;
 647   margin-left:90px;
 648   margin-right:50px;
 649   padding-bottom:0px;
 650   vertical-align:top;
 651 }
 652
 653 p.gosaAccountExpiredHeader {
 654   text-align:left;
 655   font-size:14px;
 656   font-weight:bold;
 657   margin-bottom:15px;
 658 }
 659
 660 table.framework {
 661         width:100%;
 662         height:100%;
 663         border:0px;
 664         border-spacing:0px;
 665         padding:0px;
 666         margin:0px;
 667         background-color:#cdf6bd;
 668         vertical-align:top;
 669 }
 670
 671 table.maintab {
 672         width:100%;
 673         height:100%;
 674         border:0px;
 675         border-spacing:0px;
 676         padding:0px;
 677         margin:0px;
 678         background-color:#cdf6bd;
 679         vertical-align:top;
 680 }
 681
 682
 683 input {
 684         font-size:12px;
 685 }
 686
 687 input:focus {
 688         font-size:12px;
 689 }
 690
 691 select {
 692         font-size:12px;
 693 }
 694
 695 textarea {
 696         font-size:12px;
 697 }
 698
 699 textarea:focus {
 700         font-size:12px;
 701 }
 702
 703 div.contentboxh {
 704         background-color:#e8e8e8;
 705         border:1px solid #b0b0b0;
 706         border-bottom-width:0px;
 707         height:26px;
 708         vertical-align:middle;
 709 }
 710
 711 p.contentboxh {
 712         margin:2px;
 713         font-family:arial,helvetica,sans-serif;
 714         font-size:16px;
 715         font-weight:bold;
 716         vertical-align:middle;
 717 }
 718
 719 div.contentboxb {
 720         border:1px solid #b0b0b0;
 721         border-top-width:0px;
 722         vertical-align:middle;
 723 }
 724
 725 p.contentboxb {
 726         padding-bottom:0px;
 727         margin:0px;
 728         border:4px solid #f8f8f8;
 729         vertical-align:middle;
 730 }
 731
 732 a.alphaselect:hover {
 733         text-decoration:none;
 734         background-color:#a0a0a0;
 735         color:white;
 736 }
 737
 738 table.check {
 739         background-color:#e1e1f1;
 740         color:black;
 741         border:1px dashed #a0a0a0;
 742         width:95%;
 743         margin-left:20px;
 744 }
 745
 746 td.check {
 747         border-right:1px dashed #a0a0a0;
 748 }
 749
 750 option.select {
 751         background-repeat:no-repeat;
 752         background-position:0px top;
 753         border:0;
 754         padding-left:20px;
 755         padding-bottom:1px;
 756         height:18px;
 757 }
 758
 759 input.menubar{
 760         text-decoration:none;
 761         height:19px;
 762         padding:0px;
 763         width:100%;
 764 }
 765
 766 td.tbhead {
 767         border-right:1px solid #B0B0B0;
 768         border-bottom:1px solid #B0B0B0;
 769 }
 770
 771 td.tbrhead {
 772         border-bottom:1px solid #B0B0B0;
 773 }
 774
 775 /************************
 776  * Sieve
 777  *  The following styles are
 778  *  used to display the sieve
 779  *  management user interface
 780  ************************/
 781
 782 /* Editing dialog styles
 783  */
 784
 785 table.sieve_default_table {
 786     width:100%;
 787     margin: 0px;
 788     border-spacing: 0px ;
 789     padding:0px;
 790 }
 791
 792
 793 /* Editing surface */
 794 table.editing_surface {
 795     width:100%;
 796     margin: 0px;
 797     padding:0px;
 798 }
 799
 800 /* Editing surface menu */
 801 td.editing_surface_menu {
 802     background-color: #EEE;
 803     border: 1px solid #BBB;
 804     padding:5px;
 805 }
 806
 807 /* Editing surface content */
 808 td.editing_surface_content {
 809     background-color: #FFFFFF;
 810     margin: 0px;
 811     padding:0px;
 812 }
 813
 814 /* Error message will be displayed as follows */
 815 div.sieve_error_msgs {
 816     background-color: #ff8d00;
 817     color: #000000;
 818     padding:5px;
 819     background-image: url("images/warning.png");
 820     background-repeat: no-repeat;
 821     font-weight: bold;
 822 }
 823
 824 /* Source editing area */
 825 textarea.editing_source {
 826     width:100%;
 827     height:330px;
 828 }
 829
 830
 831 /*************
 832  * Object container
 833  *************/
 834
 835 /* The container itself */
 836 table.object_container_container {
 837     width:100%;
 838     border-spacing: 0px ;
 839     background-color: #F8F8F8;
 840     border: solid 1px #AAAAAA;
 841 }
 842
 843 /* Container cell top left */
 844 td.object_container_cell_top_left {
 845     background-color: #EEE;
 846     text-align:center;
 847 }
 848
 849 /* Container cell top right */
 850 td.object_container_cell_top_right {
 851     background-color: #EEE;
 852     text-align:left;
 853     padding:2px;
 854     border-bottom: solid 1px #AAAAAA;
 855 }
 856 /* Container cell bottom left */
 857 td.object_container_cell_bottom_left {
 858     width:5px;
 859     background-color: #EEE;
 860     text-align:center;
 861     border-right: solid 1px #AAAAAA;
 862 }
 863
 864
 865 /*************
 866  * Sieve comment
 867  *************/
 868
 869 /* Container */
 870 table.sieve_comment_container {
 871     margin:0px;
 872     padding:0px;
 873     border-spacing: 0px ;
 874     width:100%;
 875     background-color: #F8F8F8;
 876 }
 877
 878 /* Editing area */
 879 textarea.sieve_comment_area {
 880     width:100%;
 881     height:80px;
 882 }
 883
 884
 885 /*************
 886  * Sieve require
 887  *************/
 888
 889 /* Container */
 890 table.sieve_require_container {
 891     margin:0px;
 892     padding:0px;
 893     border-spacing: 0px ;
 894     width:100%;
 895     background-color: #F8F8F8;
 896 }
 897 /* Editing area */
 898 input.sieve_require_input {
 899     width:100%;
 900     border-spacing: 0px ;
 901 }
 902
 903
 904 /*************
 905  * Sieve fileinto
 906  *************/
 907
 908 /* Container */
 909 table.sieve_fileinto_container {
 910     margin:0px;
 911     padding:0px;
 912     border-spacing: 0px ;
 913     width:100%;
 914     background-color: #F8F8F8;
 915 }
 916
 917 /* Editing area */
 918 input.sieve_fileinto_input {
 919     width:300px;
 920 }
 921 select.sieve_fileinto_input {
 922     width:300px;
 923 }
 924
 925
 926 /*************
 927  * Sieve keep
 928  *************/
 929
 930 /* Container */
 931 table.sieve_keep_container {
 932     margin:0px;
 933     padding:0px;
 934     border-spacing: 0px ;
 935     width:100%;
 936     background-color: #F8F8F8;
 937 }
 938 /* Editing area */
 939 td.sieve_keep_input {
 940     padding-left:20px;
 941 }
 942
 943
 944 /*************
 945  * Sieve discard
 946  *************/
 947
 948 /* Container */
 949 table.sieve_discard_container {
 950     margin:0px;
 951     padding:0px;
 952     border-spacing: 0px ;
 953     width:100%;
 954     background-color: #F8F8F8;
 955 }
 956
 957 /* Editing area */
 958 td.sieve_discard_input {
 959     padding-left:20px;
 960 }
 961
 962
 963 /*************
 964  * Sieve redirect
 965  *************/
 966
 967 /* Container */
 968 table.sieve_redirect_container {
 969     margin:0px;
 970     padding:0px;
 971     border-spacing: 0px ;
 972     width:100%;
 973     background-color: #F8F8F8;
 974 }
 975
 976 /* Editing area */
 977 td.sieve_redirect_input {
 978     padding-left:20px;
 979 }
 980 textarea.sieve_redirect_input {
 981     width:100%;
 982     height:30px;
 983 }
 984
 985
 986 /*************
 987  * Sieve reject
 988  *************/
 989
 990 /* Container */
 991 table.sieve_reject_container {
 992     margin:0px;
 993     padding:0px;
 994     border-spacing: 0px ;
 995     width:100%;
 996     background-color: #F8F8F8;
 997 }
 998
 999 /* Editing area */
1000 td.sieve_reject_input {
1001     padding-left:20px;
1002 }
1003 textarea.sieve_reject_input {
1004     width:100%;
1005     height:55px;
1006 }
1007
1008
1009 /*************
1010  * Sieve end
1011  *************/
1012
1013 /* Container */
1014 table.sieve_stop_container {
1015     margin:0px;
1016     padding:0px;
1017     border-spacing: 0px ;
1018     width:100%;
1019     background-color: #F8F8F8;
1020 }
1021
1022 /* Editing area */
1023 td.sieve_stop_input {
1024     padding-left:20px;
1025 }
1026
1027
1028 /*************
1029  * Sieve vacation
1030  *************/
1031
1032 /* Container */
1033 table.sieve_vacation_container {
1034     margin:0px;
1035     padding:0px;
1036     border-spacing: 0px ;
1037     width:100%;
1038     background-color: #F8F8F8;
1039 }
1040
1041 /* Editing area */
1042 td.sieve_vacation_input {
1043     padding-left:20px;
1044 }
1045
1046 /* Editing area */
1047 textarea.sieve_vacation_input {
1048     width:100%;
1049     height : 55px;
1050 }
1051
1052
1053 /*************
1054  * Sieve allof
1055  *************/
1056
1057 table.sieve_allof_container {
1058     width:100%;
1059     border-spacing: 0px ;
1060     margin: 0px;
1061     padding:0px;
1062     border: solid 1px #999999;
1063 }
1064
1065 /* Container */
1066 td.sieve_allof_left {
1067     text-align:center;
1068     vertical-align: middle;
1069     width:35px;
1070     background-color: #CCCCCC;
1071     border: solid 0px #EEE;
1072 }
1073
1074 /* Container */
1075 td.sieve_allof_right {
1076     background-color:#BDBDBD ;
1077 }
1078
1079 /*************
1080  * Sieve anyof
1081  *************/
1082
1083 table.sieve_anyof_container {
1084     width:100%;
1085     margin: 0px;
1086     border-spacing: 0px ;
1087     padding:0px;
1088     border: solid 2px #CCCCCC;
1089 }
1090
1091 /* Container */
1092 td.sieve_anyof_left {
1093     text-align:center;
1094     vertical-align: middle;
1095     width:35px;
1096     background-color: #CCCCCC;
1097     border: solid 0px #EEEEEE
1098 }
1099
1100 /* Container */
1101 td.sieve_anyof_right {
1102     background-color:#BDBDBD ;
1103     border: solid 1px #AAAAAA;
1104 }
1105 /*************
1106  * Sieve Test Cases
1107  *************/
1108
1109 table.sieve_test_container {
1110     width:100%;
1111     background-color:#F8F8F8;
1112     margin: 0px;
1113     border-spacing: 0px ;
1114     padding:0px;
1115     border: solid 1px #AAAAAA;
1116 }
1117
1118 table.sieve_test_case {
1119     width:100%;
1120     margin: 0px;
1121     border-spacing: 0px ;
1122     padding:0px;
1123 }
1124
1125
1126
1127 td.container_, div.container_{
1128     padding-left:2px;
1129     border-left: solid 2px #F8F8F8;
1130 }
1131
1132 td.container_:hover,div.container_:hover {
1133     border-left: solid 2px black;
1134     display:block;
1135 }
1136
1137
1138 /*********
1139  * Setup
1140  *********/
1141
1142 /* The body style */
1143 body.setup_body {
1144     margin-left:0px;
1145     margin-right:0px;
1146     margin-top:0px;
1147     margin-bottom:0px;
1148     color:#00008F;
1149     font-family:arial,helvetica,sans-serif;
1150     font-size:12px;
1151     background-color: white;
1152     background-image: none;
1153 }
1154
1155 /* The setup complete setup dialog */
1156 div.setup_dialog {
1157     background-color:#FFF;
1158     text-align: left;
1159 }
1160
1161 /* Header col */
1162 div.setup_header {
1163     background-color: #A9FBA6;
1164     height:30px;
1165     padding:4px 5px 2px 5px;
1166     border-bottom: 1px solid #999;
1167 }
1168
1169 div.setup_menu {
1170     background-color: #F8F8F8;
1171     padding:4px 5px 4px 5px;
1172     border-bottom: 1px solid #B0B0B0;
1173 }
1174
1175 /* Setup content header container */
1176 div.setup_plug_header_container {
1177 }
1178
1179 /* Setup content container */
1180 div.setup_contents_container {
1181 }
1182 /* Setup footer */
1183 div.setup_bottom {
1184     clear: left;
1185     background-color:#DDDDDD;
1186     border-top: solid 1px red;
1187 }
1188
1189 /*******
1190 <div.setup_header_and_content_container_1>
1191  <div.setup_header_and_content_container_2>
1192   <div.setup_plug_header>
1193   </div>
1194   <div.setup_content>
1195   </div>
1196  </div>
1197 </div>
1198 ********/
1199
1200 /* Header col */
1201 div.setup_plug_header {
1202     padding: 10px;
1203     border-bottom: solid 1px #D0D0D0;
1204     background-color: #E0E0F0;
1205     border: 10px solid #FFFFFF;
1206
1207 }
1208
1209 /* Content col */
1210 div.setup_contents {
1211     margin-right:2px;
1212     background-color:white;
1213     width:80%;
1214     margin-left:20%;
1215     border:1px solid #AAAAAA;
1216     padding:2px;
1217 }
1218
1219 /* default.*/
1220 div.default {
1221     padding: 2px;
1222     vertical-align: middle;
1223 }
1224
1225 /* Navigation col */
1226 div.setup_navigation {
1227     width:19%;
1228     background-color:white;
1229     padding-left: 2px;
1230     padding-right: 2px;
1231     border:1px solid #AAAAAA;
1232     float:left;
1233 }
1234
1235
1236 /* Navigation title */
1237 div.setup_navigation_title {
1238     font-size: 1.2em;
1239     font-weight: bold;
1240     text-decoration:none;
1241     width:100%;
1242     padding-top:8px;
1243     padding-bottom:8px;
1244     border-top:1px dashed #AAAAAA;
1245 }
1246
1247 /* The box used for each setup step */
1248 a.navigation_element, div.navigation_element {
1249     text-decoration:none;
1250     padding-top:8px;
1251     padding-bottom:8px;
1252     border-top:1px dashed #AAAAAA;
1253     width:100%;
1254 }
1255
1256 /* The box used for each setup step */
1257 a.navigation_element_active, div.navigation_element_active {
1258     text-decoration:none;
1259     width:100%;
1260     padding-top:8px;
1261     padding-bottom:8px;
1262     border-top:1px dashed #AAAAAA;
1263     background-color:#F0F0F0;
1264 }
1265
1266 /* An enabled setup step will use this style in navigation*/
1267 div.navigation_title_active {
1268     font-size: 1.2em;
1269     background-color:#F0F0F0;
1270     font-weight: bold;
1271     cursor: default;
1272     padding: 3px;
1273 }
1274
1275 /* Disabled setup steps */
1276 div.navigation_title_disabled {
1277     font-size: 1.2em;
1278     font-weight: bold;
1279     padding: 3px;
1280     cursor: default;
1281     text-decoration:none;
1282     color: #AAAAAA;
1283 }
1284
1285 /* Disabled setup steps */
1286 div.navigation_title_inactive {
1287     font-size: 1.2em;
1288     font-weight: bold;
1289     text-decoration:none;
1290     cursor: pointer;
1291     padding: 3px;
1292 }
1293
1294 /* The style for the info of an active setup */
1295 div.navigation_info {
1296     font-size: 1em;
1297     color: black;
1298     padding: 4px 4px 3px 23px;
1299     margin: 0px;
1300     cursor: default;
1301 }
1302
1303 /*
1304     Setup step 2 styles
1305 */
1306
1307 /* used to hide display info div */
1308 div.solution_visible {
1309     display: block;
1310     width: 100%;
1311     text-align:left;
1312 }
1313
1314 /* Container headline */
1315 h2.step2_container_title {
1316     background-color:#F0F0F0;
1317     border: solid 1px #CCCCCC;
1318     width:100%;
1319     padding:3px;
1320 }
1321
1322 /* Container for name and status */
1323 div.step2_entry_container {
1324     padding:3px;
1325     width:99%;
1326     cursor:default;
1327 }
1328
1329 /* Container for name and status, when status is failed */
1330 div.step2_entry_container_info {
1331     padding:3px;
1332     border: 1px dashed #AAAAAA;
1333     width:99%;
1334     cursor:default;
1335 }
1336
1337 /* Text shown for each entry */
1338 div.step2_entry_name {
1339     float:left;
1340     padding-bottom:4px;
1341     vertical-align: middle;
1342 }
1343
1344 /* Status container */
1345 div.step2_entry_status {
1346     float:none;
1347     text-align:right;
1348     padding-bottom:4px;
1349     vertical-align: middle;
1350 }
1351
1352 /* Status failed */
1353 div.step2_failed {
1354     color:red;
1355     padding-bottom:4px;
1356 }
1357
1358 /* Status failed but not necessary for setup */
1359 div.step2_warning {
1360     color:orange;
1361     padding-bottom:4px;
1362 }
1363
1364 /* Status successful */
1365 div.step2_successful {
1366     color:green;
1367 }
1368
1369 /* Text used in info div. */
1370 div.step2_failed_text {
1371     background-repeat: no-repeat;
1372     padding-left: 25px;
1373 }
1374
1375 /* Text used in info div. On warnings */
1376 div.step2_warning_text{
1377     background-repeat: no-repeat;
1378     padding-left: 25px;
1379 }
1380 /*
1381     Setup step 4 styles
1382 */
1383
1384 li.step4_name, div.step4_name {
1385     float:left;
1386     width:20%;
1387     height:2.0em;
1388 }
1389
1390 li.step4_value, div.step4_value {
1391     float:left;
1392     width:50%;
1393     height:2.0em;
1394 }
1395
1396 ul.step4_container, div.step4_container {
1397     height:2.0em;
1398     margin-top:2px;
1399     margin-left:2px;
1400     margin-right:2px;
1401 }
1402
1403