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