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