ListTest/3/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.listfooter {
  31         background:#E5E5E5;
  32         border-top:1px solid #C0C0C0;
  33         padding:3px;
  34         height:16px;
  35 }
  36
  37 td.scrollhead {
  38         vertical-align:top;
  39         padding:0px;
  40 }
  41
  42 td.scrollbody {
  43         vertical-align:top;
  44         padding:0px;
  45 }
  46
  47 div.scrollbody {
  48         background-color:#ffffff;
  49         overflow:auto;
  50         text-align:left;
  51 }
  52
  53 td.listheader#icon {
  54         width:20px;
  55 }
  56
  57 td.listheader#entry {
  58 }
  59
  60 td.listheader#property {
  61         width:50px;
  62 }
  63
  64 td.listheader#info {
  65         width:200px;
  66 }
  67
  68 td.listheader#properties7 {
  69         width:136px;
  70 }
  71
  72 td.listheader#properties8 {
  73         width:152px;
  74 }
  75
  76 td.listheader#properties9 {
  77         width:168px;
  78 }
  79
  80 td.listheader#properties10 {
  81         width:186px;
  82 }
  83
  84 td.listheader#actions {
  85         width:52px;
  86         border-right:0px;
  87         text-align:right;
  88 }
  89
  90 td.listheader#scrollbar {
  91         width:13px;
  92         border-right:0px;
  93 }
  94
  95 tr.rowxp0 {
  96         background:white;
  97 }
  98
  99 tr.rowxp0:hover {
 100         background-color:#D8D8D8;
 101 }
 102
 103 td.list0 {
 104         background:transparent;
 105         border-right:1px solid #B0B0B0;
 106         padding:3px;
 107         height:22px;
 108 }
 109
 110 td.list0#icon {
 111         width:20px;
 112         text-align:center;
 113 }
 114
 115 td.list0#entry {
 116 }
 117
 118 td.list0#info {
 119         width:200px;
 120 }
 121
 122 td.list0#property {
 123         width:50px;
 124 }
 125
 126 td.list0#properties7 {
 127         width:136px;
 128 }
 129
 130 td.list0#properties8 {
 131         width:152px;
 132 }
 133
 134 td.list0#properties9 {
 135         width:168px;
 136 }
 137
 138 td.list0#properties10 {
 139         width:186px;
 140 }
 141
 142 td.list0#actions {
 143         width:52px;
 144         border-right:0px;
 145         text-align:right;
 146 }
 147
 148 tr.rowxp1 {
 149         background:#F0F0F0;
 150 }
 151
 152 tr.rowxp1:hover {
 153         background-color:#D8D8D8;
 154 }
 155
 156 td.list1 {
 157         background:transparent;
 158         border-right:1px solid #C0C0C0;
 159         padding:3px;
 160         height:22px;
 161 }
 162
 163 td.list1nohighlight {
 164         background:white;
 165         border-right:1px solid #C0C0C0;
 166         padding:3px;
 167         height:22px;
 168 }
 169 td.list1nohighlightdisabled {
 170         background-color:#DFDBD7;
 171         border-right:1px solid #C0C0C0;
 172         padding:3px;
 173         height:22px;
 174 }
 175
 176
 177 td.list1#fill {
 178         height:100%;
 179 }
 180
 181 td.list1#icon {
 182         width:0px;
 183         text-align:center;
 184 }
 185
 186 td.list1#entry {
 187 }
 188
 189 td.list1#info {
 190         width:200px;
 191 }
 192
 193 td.list1#property {
 194         width:50px;
 195 }
 196
 197 td.list1#properties7 {
 198         width:136px;
 199 }
 200
 201 td.list1#properties8 {
 202         width:152px;
 203 }
 204
 205 td.list1#properties9 {
 206         width:168px;
 207 }
 208
 209 td.list1#properties10 {
 210         width:186px;
 211 }
 212
 213 td.list1#actions {
 214         width:52px;
 215         border-right:0px;
 216         text-align:right;
 217 }
 218
 219 body {
 220         margin-left:0px;
 221         margin-right:0px;
 222         margin-top:0px;
 223         margin-bottom:0px;
 224         background-color:white;
 225         color:#00008F;
 226         font-family:arial,helvetica,sans-serif;
 227         font-size:12px;
 228 }
 229
 230 h1 {
 231         font-size:14px;
 232         color: #00378a;
 233 }
 234
 235 h2, h3, h4, h5, h6 {
 236         font-size:13px;
 237         color:#00378a;
 238 }
 239
 240 td, p, b {
 241         font-size:12px;
 242 }
 243
 244 /* Title bar */
 245 a.maintitlebar, div.maintitlebar {
 246         font-family:arial,helvetica,sans-serif;
 247         text-decoration:none;
 248         color:#00348B;
 249         font-size:12px;
 250         text-align:center;
 251         vertical-align:middle;
 252 }
 253
 254 a.maintitlebar:hover {
 255         text-decoration:none;
 256         background-color:#B0D3A0;
 257         cursor:pointer;
 258 }
 259
 260 p.menuheader {
 261         font-family:arial,helvetica,sans-serif;
 262         color:#00008F;
 263         text-decoration:none;
 264         border-bottom:1px solid #AAA;
 265         font-weight:bold;
 266         background-color:#F0F0F0;
 267         font-size:12px;
 268         text-align:center;
 269         vertical-align:middle;
 270         padding:5px;
 271         margin-top:0px;
 272         margin-bottom:3px;
 273 }
 274
 275 p.menuitem {
 276         font-family:arial,helvetica,sans-serif;
 277         color:#00008F;
 278         text-decoration:none;
 279         font-weight:normal;
 280         font-size:12px;
 281         text-align:left;
 282         padding-left:15px;
 283         padding-top:2px;
 284         padding-bottom:2px;
 285         vertical-align:middle;
 286         margin:2px;
 287         background-color:white;
 288         padding-right:5px;
 289 }
 290
 291 p.menuitem:hover {
 292         background-color:#F0F0F0;
 293         cursor:pointer;
 294 }
 295
 296 table.menuitem {
 297         width:100%;
 298         margin-top:10px;
 299         margin-bottom:10px;
 300         margin-right:10px;
 301         background-color:#f0f0f0;
 302 }
 303
 304 table.menuitem:hover {
 305         background-color:#F0F0F0;
 306         cursor:pointer;
 307 }
 308
 309
 310 td.phonelist:hover {
 311         background-color:#d2d2d2;
 312 }
 313
 314 td.phonelist {
 315         border-right:1px solid #B0B0B0;
 316 }
 317
 318 h1.menuheader {
 319         border-style:solid;
 320         border-color:#AAA;
 321         width:100%;
 322         border-top-width:1px;
 323         border-bottom-width:0px;
 324         border-left-width:0px;
 325         border-right-width:0px;
 326         padding-top:10px;
 327         padding-bottom:0px;
 328 }
 329
 330 div.copynotice{
 331         border-style:solid;
 332         border-color:#AAA;
 333         width:100%;
 334         border-top-width:1px;
 335         border-bottom-width:0px;
 336         border-left-width:0px;
 337         border-right-width:0px;
 338         padding-top:3px;
 339         padding-bottom:0px;
 340         text-align:right;
 341         font-family:arial,helvetica,sans-serif;
 342         font-size:10px;
 343 }
 344
 345 a:link {
 346         text-decoration:none;
 347         color:#00008f;
 348 }
 349
 350 a:visited {
 351         text-decoration:none;
 352         color:#00008f;
 353 }
 354
 355 a.menuitem:link {
 356         text-decoration:none;
 357         color:#00008f;
 358 }
 359
 360 a.menuitem:visited {
 361         text-decoration:none;
 362         color:#00008f;
 363 }
 364
 365 a.menuitem:hover {
 366         text-decoration:none;
 367 }
 368
 369 a.iconmenu:link {
 370         text-decoration:none;
 371         color:#00008f;
 372 }
 373
 374 td.iconmenu:hover {
 375         background-color:#F0F0F0;
 376         cursor:pointer;
 377 }
 378
 379 a.iconmenu:visited {
 380         text-decoration:none;
 381         color:#00008f;
 382 }
 383
 384 a.iconmenu:hover {
 385         text-decoration:none;
 386 }
 387
 388 h1.plugtop{
 389         width:100%;
 390         padding-bottom:6px;
 391         text-align:left;
 392         font-family:arial,helvetica,sans-serif;
 393         font-size:24px;
 394 }
 395
 396 div.plugtop {
 397         width:100%;
 398         border-bottom:1px solid #B0B0B0;
 399         padding-top:0px;
 400         padding-bottom:6px;
 401         margin-bottom: 0px;
 402         text-align:left;
 403         vertical-align:middle;
 404         background-color:#F0F0F0;
 405         font-family:arial,helvetica,sans-serif;
 406         font-weight:bold;
 407         font-size:24px;
 408 }
 409
 410 div.pluginfo {
 411         border-bottom:1px solid #AAA;
 412         width:100%;
 413         padding-top:2px;
 414         padding-bottom:2px;
 415         margin-bottom:10px;
 416         text-align:right;
 417         vertical-align:middle;
 418         background-color:#F8F8F8;
 419         font-family:arial,helvetica,sans-serif;
 420         font-size:11px;
 421 }
 422
 423 p.seperator {
 424         border-style:solid;
 425         border-color:#AAA;
 426         width:100%;
 427         border-top-width:0px;
 428         border-bottom-width:1px;
 429         border-left-width:0px;
 430         border-right-width:0px;
 431         padding-top:0px;
 432         padding-bottom:0px;
 433         margin-top:0px;
 434         margin-bottom:0px;
 435         text-align:left;
 436 }
 437
 438 p.plugbottom {
 439         border-style:solid;
 440         border-color:#a0a0a0;
 441         width:100%;
 442         border-top-width:1px;
 443         border-bottom-width:0px;
 444         border-left-width:0px;
 445         border-right-width:0px;
 446         padding-top:10px;
 447         padding-bottom:0px;
 448         text-align:right;
 449         font-family:arial,helvetica,sans-serif;
 450 }
 451
 452 font.must {
 453         color:red;
 454         font-family:arial,helvetica,sans-serif;
 455 }
 456
 457 div.tab_active {
 458         text-align:center;
 459         background-color:#f8f8f8;
 460         border-style:solid;
 461         border-color:#999;
 462         border-top-width:1px;
 463         border-bottom-width:0px;
 464         border-left-width:1px;
 465         border-right-width:1px;
 466         margin-top:0px;
 467         padding-top:2px;
 468         padding-bottom:8px;
 469         padding-left:8px;
 470         padding-right:8px;
 471 }
 472
 473 div#notify {
 474        background-image: url("../../images/lamp.png");
 475        background-repeat:no-repeat;
 476        background-position:1px 1px;
 477        padding-left:18px;
 478 }
 479
 480 div.tab_left {
 481         text-align:center;
 482         background-color:#D0D0D0;
 483         border-style:solid;
 484         border-color:#999;
 485         border-top-width:1px;
 486         border-bottom-width:1px;
 487         border-left-width:1px;
 488         border-right-width:0px;
 489         margin-top:5px;
 490         padding-top:1px;
 491         padding-bottom:5px;
 492         padding-left:8px;
 493         padding-right:8px;
 494 }
 495
 496 div.tab_right {
 497         text-align:center;
 498         background-color:#D0D0D0;
 499         border-style:solid;
 500         border-color:#999;
 501         border-top-width:1px;
 502         border-bottom-width:1px;
 503         border-left-width:0px;
 504         border-right-width:1px;
 505         margin-top:5px;
 506         padding-top:1px;
 507         padding-left:8px;
 508         padding-right:8px;
 509         padding-bottom:5px;
 510 }
 511
 512 div.tab_near_active {
 513         text-align:center;
 514         background-color:#D0D0D0;
 515         border-style:solid;
 516         border-color:#999;
 517         border-top-width:1px;
 518         border-bottom-width:1px;
 519         border-left-width:1px;
 520         border-right-width:1px;
 521         margin-top:5px;
 522         padding-top:1px;
 523         padding-left:8px;
 524         padding-right:8px;
 525         padding-bottom:5px;
 526 }
 527
 528 div.tab_border {
 529         width:100%;
 530         border-style:solid;
 531         border-color:#999;
 532         border-top-width:0px;
 533         border-bottom-width:1px;
 534         border-left-width:0px;
 535         border-right-width:0px;
 536 }
 537
 538 a.tab_active, input.tab_active {
 539         border:0px;
 540         margin:0px;
 541         height:22px;
 542         font-family:arial,helvetica,sans-serif;
 543         text-decoration:none;
 544         color:#00008F;
 545         font-size:13px;
 546         font-weight:bold;
 547 }
 548
 549 a.tab_right, input.tab_right {
 550         height:20px;
 551         border:0px;
 552         margin:0px;
 553         font-family:arial,helvetica,sans-serif;
 554         text-decoration:none;
 555         color:#00008F;
 556         font-size:13px;
 557         font-weight:bold;
 558 }
 559
 560 a.tab_left, input.tab_left {
 561         height:20px;
 562         border:0px;
 563         margin:0px;
 564         font-family:arial,helvetica,sans-serif;
 565         text-decoration:none;
 566         color:#00008F;
 567         font-size:13px;
 568         font-weight:bold;
 569 }
 570
 571 a.tab_near_active, input.tab_near_active {
 572         height:20px;
 573         border:0px;
 574         margin:0px;
 575         font-family:arial,helvetica,sans-serif;
 576         background-color:#D0D0D0;
 577         text-decoration:none;
 578         color:#00008F;
 579         font-size:13px;
 580         font-weight:bold;
 581 }
 582
 583 img.center {
 584         text-align:center;
 585         vertical-align:middle;
 586 }
 587
 588 input.center {
 589         text-align:left;
 590         vertical-align:middle;
 591 }
 592
 593 select.center {
 594         text-align:left;
 595         vertical-align:middle;
 596 }
 597
 598 a.center {
 599         text-align:left;
 600         vertical-align:middle;
 601 }
 602
 603 /********************** Template migration *********************/
 604
 605 /* Login screen */
 606 div.gosaLoginSpacer {
 607         height:100px;
 608 }
 609
 610 table.gosaLoginMask {
 611         background-color:#8b898b;
 612         text-align:center;
 613         border:0px;
 614 }
 615
 616 td.gosaLoginBack {
 617         width:606px;
 618         height:406px;
 619         background:url(images/login.png);
 620         vertical-align:top;
 621 }
 622
 623 div.gosaLoginBack {
 624         padding-top:35px;
 625         margin-left:100px;
 626         margin-right:50px;
 627         padding-bottom:0px;
 628         vertical-align:top;
 629 }
 630
 631 p.gosaLoginHeader {
 632         text-align:center;
 633         font-size:14px;
 634         font-weight:bold;
 635         margin-bottom:15px;
 636 }
 637
 638 p.gosaLoginWarning {
 639         text-align:center;
 640         color:red;
 641         font-weight:bold;
 642         font-size:12px;
 643 }
 644
 645 /* Account Expired screen */
 646 td.gosaAccountExpiredBack {
 647   width:550px;
 648   height:300px;
 649   background:url(images/accountexpired.png);
 650   vertical-align:top;
 651 }
 652
 653 div.gosaAccountExpiredBack {
 654   padding-top:40px;
 655   margin-left:90px;
 656   margin-right:50px;
 657   padding-bottom:0px;
 658   vertical-align:top;
 659 }
 660
 661 p.gosaAccountExpiredHeader {
 662   text-align:left;
 663   font-size:14px;
 664   font-weight:bold;
 665   margin-bottom:15px;
 666 }
 667
 668 table.framework {
 669         height:100%;
 670         border:0px;
 671         border-spacing:0px;
 672         padding:0px;
 673         margin-left:3px;
 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: #A9FBA6;
 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:#F0F0F0;
 711         border:1px solid #AAA;
 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 solid #AAA;
 748         width:95%;
 749         margin-left:20px;
 750 }
 751
 752 td.check {
 753         border-right:1px solid #AAA;
 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: #A9FBA6;
 808         height:30px;
 809         padding:4px 5px 2px 5px;
 810         border-bottom: 1px solid #999;
 811 }
 812
 813 div.setup_menu {
 814         background-color: #F8F8F8;
 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 solid #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 solid #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 solid #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: default;
 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: default;
 946 }
 947
 948
 949
 950 /*
 951         Setup step 2 styles
 952 */
 953
 954 /* used to hide display info div */
 955 div.solution_visible {
 956         display: block;
 957         width: 100%;
 958         text-align:left;
 959 }
 960
 961 /* Container headline */
 962 h2.step2_container_title {
 963         background-color:#F0F0F0;
 964         border: solid 1px #CCCCCC;
 965         width:100%;
 966         padding:3px;
 967 }
 968
 969 /* Container for name and status */
 970 div.step2_entry_container {
 971         padding:3px;
 972         width:99%;
 973         cursor:default;
 974 }
 975
 976 /* Container for name and status, when status is failed */
 977 div.step2_entry_container_info {
 978         padding:3px;
 979         border: 1px solid #AAAAAA;
 980         width:99%;
 981         cursor:default;
 982 }
 983
 984 /* Text shown for each entry */
 985 div.step2_entry_name {
 986         float:left;
 987         padding-bottom:4px;
 988         vertical-align: middle;
 989 }
 990
 991 /* Status container */
 992 div.step2_entry_status {
 993         float:none;
 994         text-align:right;
 995         padding-bottom:4px;
 996         vertical-align: middle;
 997 }
 998
 999 /* Status failed */
1000 div.step2_failed {
1001         color:red;
1002         padding-bottom:4px;
1003 }
1004
1005 /* Status failed but not necessary for setup */
1006 div.step2_warning {
1007         color:orange;
1008         padding-bottom:4px;
1009 }
1010
1011 /* Status successful */
1012 div.step2_successful {
1013         color:green;
1014 }
1015
1016 /* Text used in info div. */
1017 div.step2_failed_text {
1018         background-repeat: no-repeat;
1019         padding-left: 25px;
1020 }
1021
1022 /* Text used in info div. On warnings */
1023 div.step2_warning_text{
1024         background-repeat: no-repeat;
1025         padding-left: 25px;
1026 }
1027
1028
1029 /*
1030         Setup step 4 styles
1031 */
1032
1033 li.step4_name, div.step4_name {
1034         float:left;
1035         width:25%;
1036         height:2.0em;
1037 }
1038
1039 li.step4_value, div.step4_value {
1040         float:left;
1041         width:50%;
1042         height:2.0em;
1043 }
1044
1045 ul.step4_container, div.step4_container {
1046         height:2.0em;
1047         margin-top:2px;
1048         margin-left:2px;
1049         margin-right:2px;
1050 }
1051
1052
1053 /************************
1054  * Sieve
1055  *  The following styles are
1056  *  used to display the sieve
1057  *  management user interface
1058  ************************/
1059
1060 /* Editing dialog styles
1061  */
1062
1063 table.sieve_default_table {
1064         width:100%;
1065         margin: 0px;
1066         border-spacing: 0px ;
1067         padding:0px;
1068 }
1069
1070
1071 /* Editing surface */
1072 table.editing_surface {
1073         width:100%;
1074         margin: 0px;
1075         padding:0px;
1076 }
1077
1078 /* Editing surface menu */
1079 td.editing_surface_menu {
1080         background-color: #EEE;
1081         border: 1px solid #BBB;
1082         padding:5px;
1083 }
1084
1085 /* Editing surface content */
1086 td.editing_surface_content {
1087         background-color: #FFFFFF;
1088         margin: 0px;
1089         padding:0px;
1090 }
1091
1092 /* Error message will be displayed as follows */
1093 div.sieve_error_msgs {
1094         background-color: #ff8d00;
1095         color: #000000;
1096         padding:5px;
1097         background-image: url("images/warning.png");
1098         background-repeat: no-repeat;
1099         font-weight: bold;
1100 }
1101
1102 /* Source editing area */
1103 textarea.editing_source {
1104         width:100%;
1105         height:330px;
1106 }
1107
1108
1109 /*************
1110  * Object container
1111  *************/
1112
1113 /* The container itself */
1114 table.object_container_container {
1115         width:100%;
1116         border-spacing: 0px ;
1117         background-color: #F8F8F8;
1118         border: solid 1px #AAAAAA;
1119 }
1120
1121 /* Container cell top left */
1122 td.object_container_cell_top_left {
1123         background-color: #EEE;
1124         text-align:center;
1125 }
1126
1127 /* Container cell top right */
1128 td.object_container_cell_top_right {
1129         background-color: #EEE;
1130         text-align:left;
1131         padding:2px;
1132         border-bottom: solid 1px #AAAAAA;
1133 }
1134
1135 /* Container cell bottom left */
1136 td.object_container_cell_bottom_left {
1137         width:5px;
1138         background-color: #EEE;
1139         text-align:center;
1140         border-right: solid 1px #AAAAAA;
1141 }
1142
1143
1144 /*************
1145  * Sieve comment
1146  *************/
1147
1148 /* Container */
1149 table.sieve_comment_container {
1150         margin:0px;
1151         padding:0px;
1152         border-spacing: 0px ;
1153         width:100%;
1154         background-color: #F8F8F8;
1155 }
1156
1157 /* Editing area */
1158 textarea.sieve_comment_area {
1159         width:100%;
1160         height:80px;
1161 }
1162
1163
1164 /*************
1165  * Sieve require
1166  *************/
1167
1168 /* Container */
1169 table.sieve_require_container {
1170         margin:0px;
1171         padding:0px;
1172         border-spacing: 0px ;
1173         width:100%;
1174         background-color: #F8F8F8;
1175 }
1176
1177 /* Editing area */
1178 input.sieve_require_input {
1179         width:100%;
1180         border-spacing: 0px ;
1181 }
1182
1183
1184 /*************
1185  * Sieve fileinto
1186  *************/
1187
1188 /* Container */
1189 table.sieve_fileinto_container {
1190         margin:0px;
1191         padding:0px;
1192         border-spacing: 0px ;
1193         width:100%;
1194         background-color: #F8F8F8;
1195 }
1196
1197 /* Editing area */
1198 input.sieve_fileinto_input {
1199         width:300px;
1200 }
1201 select.sieve_fileinto_input {
1202         width:300px;
1203 }
1204
1205
1206 /*************
1207  * Sieve keep
1208  *************/
1209
1210 /* Container */
1211 table.sieve_keep_container {
1212         margin:0px;
1213         padding:0px;
1214         border-spacing: 0px ;
1215         width:100%;
1216         background-color: #F8F8F8;
1217 }
1218
1219 /* Editing area */
1220 td.sieve_keep_input {
1221         padding-left:20px;
1222 }
1223
1224
1225 /*************
1226  * Sieve discard
1227  *************/
1228
1229 /* Container */
1230 table.sieve_discard_container {
1231         margin:0px;
1232         padding:0px;
1233         border-spacing: 0px ;
1234         width:100%;
1235         background-color: #F8F8F8;
1236 }
1237
1238 /* Editing area */
1239 td.sieve_discard_input {
1240         padding-left:20px;
1241 }
1242
1243
1244 /*************
1245  * Sieve redirect
1246  *************/
1247
1248 /* Container */
1249 table.sieve_redirect_container {
1250         margin:0px;
1251         padding:0px;
1252         border-spacing: 0px ;
1253         width:100%;
1254         background-color: #F8F8F8;
1255 }
1256
1257 /* Editing area */
1258 td.sieve_redirect_input {
1259         padding-left:20px;
1260 }
1261 textarea.sieve_redirect_input {
1262         width:100%;
1263         height:30px;
1264 }
1265
1266
1267 /*************
1268  * Sieve reject
1269  *************/
1270
1271 /* Container */
1272 table.sieve_reject_container {
1273         margin:0px;
1274         padding:0px;
1275         border-spacing: 0px ;
1276         width:100%;
1277         background-color: #F8F8F8;
1278 }
1279
1280 /* Editing area */
1281 td.sieve_reject_input {
1282         padding-left:20px;
1283 }
1284 textarea.sieve_reject_input {
1285         width:100%;
1286         height:55px;
1287 }
1288
1289
1290 /*************
1291  * Sieve end
1292  *************/
1293
1294 /* Container */
1295 table.sieve_stop_container {
1296         margin:0px;
1297         padding:0px;
1298         border-spacing: 0px ;
1299         width:100%;
1300         background-color: #F8F8F8;
1301 }
1302
1303 /* Editing area */
1304 td.sieve_stop_input {
1305         padding-left:20px;
1306 }
1307
1308
1309 /*************
1310  * Sieve vacation
1311  *************/
1312
1313 /* Container */
1314 table.sieve_vacation_container {
1315         margin:0px;
1316         padding:0px;
1317         border-spacing: 0px ;
1318         width:100%;
1319         background-color: #F8F8F8;
1320 }
1321
1322 /* Editing area */
1323 td.sieve_vacation_input {
1324         padding-left:20px;
1325 }
1326
1327 /* Editing area */
1328 textarea.sieve_vacation_input {
1329         width:100%;
1330         height : 55px;
1331 }
1332
1333
1334 /*************
1335  * Sieve allof
1336  *************/
1337
1338 table.sieve_allof_container {
1339     width:100%;
1340     border-spacing: 0px ;
1341     margin: 0px;
1342     padding:0px;
1343         border: solid 1px #999999;
1344 }
1345
1346 /* Container */
1347 td.sieve_allof_left {
1348         text-align:center;
1349         vertical-align: middle;
1350         width:35px;
1351         background-color: #CCCCCC;
1352         border: solid 0px #EEE;
1353 }
1354
1355 /* Container */
1356 td.sieve_allof_right {
1357         background-color:#BDBDBD ;
1358 }
1359
1360 /*************
1361  * Sieve anyof
1362  *************/
1363
1364 table.sieve_anyof_container {
1365     width:100%;
1366     margin: 0px;
1367     border-spacing: 0px ;
1368     padding:0px;
1369         border: solid 2px #CCCCCC;
1370 }
1371
1372 /* Container */
1373 td.sieve_anyof_left {
1374         text-align:center;
1375         vertical-align: middle;
1376         width:35px;
1377         background-color: #CCCCCC;
1378         border: solid 0px #EEEEEE
1379 }
1380
1381 /* Container */
1382 td.sieve_anyof_right {
1383         background-color:#BDBDBD ;
1384         border: solid 1px #AAAAAA;
1385 }
1386
1387 /*************
1388  * Sieve Test Cases
1389  *************/
1390
1391 table.sieve_test_container {
1392         width:100%;
1393         background-color:#F8F8F8;
1394         margin: 0px;
1395         border-spacing: 0px ;
1396         padding:0px;
1397         border: solid 1px #AAAAAA;
1398 }
1399
1400 table.sieve_test_case {
1401         width:100%;
1402         margin: 0px;
1403         border-spacing: 0px ;
1404         padding:0px;
1405 }
1406
1407
1408
1409 td.container_, div.container_{
1410         padding-left:2px;
1411         border-left: solid 2px #F8F8F8;
1412 }
1413
1414 td.container_:hover,div.container_:hover {
1415         border-left: solid 2px black;
1416         display:block;
1417 }
1418
1419 /************
1420  * PHP Layers Menu - used in MultiSelectDialog -> ManagementLists
1421  ************/
1422
1423
1424 .khorbar    {
1425     color: black;
1426     background-color: #FFFFFF;
1427     border: 1px outset #666663;
1428         padding:2px;
1429 }
1430
1431 .khorbaritem    {
1432     float: left;
1433     white-space: nowrap;
1434     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1435     font-size: 12px;
1436 }
1437
1438 .khorbaritem a  {
1439     display: block;
1440     text-decoration: none;
1441 }
1442
1443 .khorbaritem a:link {
1444     color: #000000;
1445     text-decoration: none;
1446 }
1447
1448 .khorbaritem a:visited  {
1449     color: #000000;
1450     text-decoration: none;
1451 }
1452
1453 .khorbaritem a:hover    {
1454     color: #000000;
1455     background-color: #FFFFFF;
1456     text-decoration: none;
1457 }
1458
1459 .khorbaritem a:active   {
1460     color: #ff0000;
1461     text-decoration: none;
1462 }
1463
1464 .kverbar    {
1465     color: black;
1466     border: 1px outset #666663
1467 }
1468
1469 .ksubmenu   {
1470     position: absolute;
1471     left: 0;
1472     top: 0;
1473     visibility: hidden;
1474 }
1475
1476 .submenu    {
1477     position: absolute;
1478     left: 0;
1479     top: 0;
1480     visibility: hidden;
1481 }
1482
1483 .subframe   {
1484     position: relative;
1485     display: block;
1486     background-color: #FFFFFF;
1487     border: 1px outset #666663;
1488         padding:2px;
1489 }
1490
1491 .item   {
1492     text-align: left;
1493     white-space: nowrap;
1494     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1495     font-size: 12px;
1496         padding-top:2px;
1497 }
1498
1499 .item div {
1500     position: relative;
1501     display: block;
1502     text-decoration: none;
1503 }
1504
1505 .item :hover   {
1506     color: #ffffff;
1507     background-color: #4b6983;
1508     text-decoration: none;
1509 }
1510
1511
1512
1513 .ksubframe  {
1514     position: relative;
1515     display: block;
1516     background-color: #f9f9f0;
1517 }
1518
1519 .kitem  {
1520     text-align: left;
1521     white-space: nowrap;
1522     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1523     font-size: 12px;
1524 }
1525
1526 .separator {
1527     background-color: #ff0000;
1528     border-top: 1px solid #c6c6bf;
1529     border-bottom: 1px solid #ffffff;
1530     margin: 2px 5px 2px 5px;    /* top right bottom left */
1531     height: 0;
1532     font-size: 1px;
1533     line-height: 0;
1534 }
1535