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