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