html/themes/default/style.css

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