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