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