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[type=text] {
 699         border:1px solid #AAA;
 700         padding:2px;
 701 }
 702
 703 input[type=text]:focus, input[type=password]:focus {
 704         border:1px solid #333;
 705 }
 706
 707
 708 input[type=password] {
 709         border:1px solid #AAA;
 710         padding:2px;
 711 }
 712
 713
 714 input:focus {
 715         font-size:12px;
 716 }
 717
 718 select {
 719         font-size:12px;
 720 }
 721
 722 textarea {
 723         border:1px solid #AAA;
 724         font-size:12px;
 725 }
 726
 727 textarea:focus {
 728         font-size:12px;
 729 }
 730
 731 div.contentboxh {
 732         background-color:#F0F0F0;
 733         border:1px solid #AAA;
 734         border-bottom-width:0px;
 735         height:26px;
 736         vertical-align:middle;
 737 }
 738
 739 p.contentboxh {
 740         margin:2px;
 741         font-family:arial,helvetica,sans-serif;
 742         font-size:16px;
 743         font-weight:bold;
 744         vertical-align:middle;
 745 }
 746
 747 div.contentboxb {
 748         border:1px solid #b0b0b0;
 749         border-top-width:0px;
 750         vertical-align:middle;
 751 }
 752
 753 p.contentboxb {
 754         padding-bottom:0px;
 755         margin:0px;
 756         border:4px solid #f8f8f8;
 757         vertical-align:middle;
 758 }
 759
 760 a.alphaselect:hover {
 761         text-decoration:none;
 762         background-color:#a0a0a0;
 763         color:white;
 764 }
 765
 766 table.check {
 767         background-color:#e1e1f1;
 768         color:black;
 769         border:1px solid #AAA;
 770         width:95%;
 771         margin-left:20px;
 772 }
 773
 774 td.check {
 775         border-right:1px solid #AAA;
 776 }
 777
 778 option.select {
 779         background-repeat:no-repeat;
 780         background-position:0px top;
 781         border:0;
 782         padding-left:20px;
 783         padding-bottom:1px;
 784         height:18px;
 785 }
 786
 787 input.menubar{
 788         text-decoration:none;
 789         height:19px;
 790         padding:0px;
 791         width:100%;
 792 }
 793
 794 td.tbhead {
 795         border-right:1px solid #B0B0B0;
 796         border-bottom:1px solid #B0B0B0;
 797 }
 798
 799 td.tbrhead {
 800         border-bottom:1px solid #B0B0B0;
 801 }
 802
 803
 804 /*********
 805  * Setup
 806  *********/
 807
 808 /* The body style */
 809 body.setup_body {
 810         margin-left:0px;
 811         margin-right:0px;
 812         margin-top:0px;
 813         margin-bottom:0px;
 814         color:#00008F;
 815         font-family:arial,helvetica,sans-serif;
 816         font-size:12px;
 817         background-color: white;
 818         background-image: none;
 819 }
 820
 821 /* The setup complete setup dialog */
 822 div.setup_dialog {
 823         background-color:#FFF;
 824         text-align: left;
 825 }
 826
 827 /* Header col */
 828 div.setup_header {
 829         background-color: #A9FBA6;
 830         height:30px;
 831         padding:4px 5px 2px 5px;
 832         border-bottom: 1px solid #999;
 833 }
 834
 835 div.setup_menu {
 836         background-color: #F8F8F8;
 837         padding:4px 5px 4px 5px;
 838         border-bottom: 1px solid #B0B0B0;
 839 }
 840
 841 /* Setup content header container */
 842 div.setup_plug_header_container {
 843 }
 844
 845 /* Setup content container */
 846 div.setup_contents_container {
 847 }
 848
 849 /* Setup footer */
 850 div.setup_bottom {
 851         clear: left;
 852         background-color:#DDDDDD;
 853         border-top: solid 1px red;
 854 }
 855
 856 /*******
 857 <div.setup_header_and_content_container_1>
 858  <div.setup_header_and_content_container_2>
 859   <div.setup_plug_header>
 860   </div>
 861   <div.setup_content>
 862   </div>
 863  </div>
 864 </div>
 865 ********/
 866
 867 /* Header col */
 868 div.setup_plug_header {
 869         padding: 10px;
 870         border-bottom: solid 1px #D0D0D0;
 871         background-color: #E0E0F0;
 872         border: 10px solid #FFFFFF;
 873
 874 }
 875
 876 /* Content col */
 877 div.setup_contents {
 878         margin-right:2px;
 879         background-color:white;
 880         width:80%;
 881         margin-left:20%;
 882         border:1px solid #AAAAAA;
 883         padding:2px;
 884 }
 885
 886 /* default.*/
 887 div.default {
 888         padding: 2px;
 889         vertical-align: middle;
 890 }
 891
 892 /* Navigation col */
 893 div.setup_navigation {
 894         width:19%;
 895         background-color:white;
 896         padding-left: 2px;
 897         padding-right: 2px;
 898         border:1px solid #AAAAAA;
 899         float:left;
 900 }
 901
 902
 903 /* Navigation title */
 904 div.setup_navigation_title {
 905         font-size: 1.2em;
 906         font-weight: bold;
 907         text-decoration:none;
 908         width:100%;
 909         padding-top:8px;
 910         padding-bottom:8px;
 911         border-top:1px solid #AAAAAA;
 912 }
 913
 914 /* The box used for each setup step */
 915 a.navigation_element, div.navigation_element {
 916         text-decoration:none;
 917         padding-top:8px;
 918         padding-bottom:8px;
 919         border-top:1px solid #AAAAAA;
 920         width:100%;
 921 }
 922
 923 /* The box used for each setup step */
 924 a.navigation_element_active, div.navigation_element_active {
 925         text-decoration:none;
 926         width:100%;
 927         padding-top:8px;
 928         padding-bottom:8px;
 929         border-top:1px solid #AAAAAA;
 930         background-color:#F0F0F0;
 931 }
 932
 933 /* An enabled setup step will use this style in navigation*/
 934 div.navigation_title_active {
 935         font-size: 1.2em;
 936         background-color:#F0F0F0;
 937         font-weight: bold;
 938         cursor: default;
 939         padding: 3px;
 940 }
 941
 942 /* Disabled setup steps */
 943 div.navigation_title_disabled {
 944         font-size: 1.2em;
 945         font-weight: bold;
 946         padding: 3px;
 947         cursor: default;
 948         text-decoration:none;
 949         color: #AAAAAA;
 950 }
 951
 952 /* Disabled setup steps */
 953 div.navigation_title_inactive {
 954         font-size: 1.2em;
 955         font-weight: bold;
 956         text-decoration:none;
 957         cursor: pointer;
 958         padding: 3px;
 959 }
 960
 961 /* The style for the info of an active setup */
 962 div.navigation_info {
 963         font-size: 1em;
 964         color: black;
 965         padding: 4px 4px 3px 23px;
 966         margin: 0px;
 967         cursor: default;
 968 }
 969
 970
 971
 972 /*
 973         Setup step 2 styles
 974 */
 975
 976 /* used to hide display info div */
 977 div.solution_visible {
 978         display: block;
 979         width: 100%;
 980         text-align:left;
 981 }
 982
 983 /* Container headline */
 984 h2.step2_container_title {
 985         background-color:#F0F0F0;
 986         border: solid 1px #CCCCCC;
 987         width:100%;
 988         padding:3px;
 989 }
 990
 991 /* Container for name and status */
 992 div.step2_entry_container {
 993         padding:3px;
 994         width:99%;
 995         cursor:default;
 996 }
 997
 998 /* Container for name and status, when status is failed */
 999 div.step2_entry_container_info {
1000         padding:3px;
1001         border: 1px solid #AAAAAA;
1002         width:99%;
1003         cursor:default;
1004 }
1005
1006 /* Text shown for each entry */
1007 div.step2_entry_name {
1008         float:left;
1009         padding-bottom:4px;
1010         vertical-align: middle;
1011 }
1012
1013 /* Status container */
1014 div.step2_entry_status {
1015         float:none;
1016         text-align:right;
1017         padding-bottom:4px;
1018         vertical-align: middle;
1019 }
1020
1021 /* Status failed */
1022 div.step2_failed {
1023         color:red;
1024         padding-bottom:4px;
1025 }
1026
1027 /* Status failed but not necessary for setup */
1028 div.step2_warning {
1029         color:orange;
1030         padding-bottom:4px;
1031 }
1032
1033 /* Status successful */
1034 div.step2_successful {
1035         color:green;
1036 }
1037
1038 /* Text used in info div. */
1039 div.step2_failed_text {
1040         background-repeat: no-repeat;
1041         padding-left: 25px;
1042 }
1043
1044 /* Text used in info div. On warnings */
1045 div.step2_warning_text{
1046         background-repeat: no-repeat;
1047         padding-left: 25px;
1048 }
1049
1050
1051 /*
1052         Setup step 4 styles
1053 */
1054
1055 li.step4_name, div.step4_name {
1056         float:left;
1057         width:33%;
1058         height:2.0em;
1059 }
1060
1061 li.step4_value, div.step4_value {
1062         float:left;
1063         width:50%;
1064         height:2.0em;
1065 }
1066
1067 ul.step4_container, div.step4_container {
1068         height:2.0em;
1069         margin-top:2px;
1070         margin-left:2px;
1071         margin-right:2px;
1072 }
1073
1074
1075 /************************
1076  * Sieve
1077  *  The following styles are
1078  *  used to display the sieve
1079  *  management user interface
1080  ************************/
1081
1082 /* Editing dialog styles
1083  */
1084
1085 table.sieve_default_table {
1086         width:100%;
1087         margin: 0px;
1088         border-spacing: 0px ;
1089         padding:0px;
1090 }
1091
1092
1093 /* Editing surface */
1094 table.editing_surface {
1095         width:100%;
1096         margin: 0px;
1097         padding:0px;
1098 }
1099
1100 /* Editing surface menu */
1101 td.editing_surface_menu {
1102         background-color: #EEE;
1103         border: 1px solid #BBB;
1104         padding:5px;
1105 }
1106
1107 /* Editing surface content */
1108 td.editing_surface_content {
1109         background-color: #FFFFFF;
1110         margin: 0px;
1111         padding:0px;
1112 }
1113
1114 /* Error message will be displayed as follows */
1115 div.sieve_error_msgs {
1116         background-color: #ff8d00;
1117         color: #000000;
1118         padding:5px;
1119         background-image: url(images/warning.png);
1120         background-repeat: no-repeat;
1121         font-weight: bold;
1122 }
1123
1124 /* Source editing area */
1125 textarea.editing_source {
1126         width:100%;
1127         height:330px;
1128 }
1129
1130
1131 /*************
1132  * Object container
1133  *************/
1134
1135 /* The container itself */
1136 table.object_container_container {
1137         width:100%;
1138         border-spacing: 0px ;
1139         background-color: #F8F8F8;
1140         border: solid 1px #AAAAAA;
1141 }
1142
1143 /* Container cell top left */
1144 td.object_container_cell_top_left {
1145         background-color: #EEE;
1146         text-align:center;
1147 }
1148
1149 /* Container cell top right */
1150 td.object_container_cell_top_right {
1151         background-color: #EEE;
1152         text-align:left;
1153         padding:2px;
1154         border-bottom: solid 1px #AAAAAA;
1155 }
1156
1157 /* Container cell bottom left */
1158 td.object_container_cell_bottom_left {
1159         width:5px;
1160         background-color: #EEE;
1161         text-align:center;
1162         border-right: solid 1px #AAAAAA;
1163 }
1164
1165
1166 /*************
1167  * Sieve comment
1168  *************/
1169
1170 /* Container */
1171 table.sieve_comment_container {
1172         margin:0px;
1173         padding:0px;
1174         border-spacing: 0px ;
1175         width:100%;
1176         background-color: #F8F8F8;
1177 }
1178
1179 /* Editing area */
1180 textarea.sieve_comment_area {
1181         width:100%;
1182         height:80px;
1183 }
1184
1185
1186 /*************
1187  * Sieve require
1188  *************/
1189
1190 /* Container */
1191 table.sieve_require_container {
1192         margin:0px;
1193         padding:0px;
1194         border-spacing: 0px ;
1195         width:100%;
1196         background-color: #F8F8F8;
1197 }
1198
1199 /* Editing area */
1200 input.sieve_require_input {
1201         width:100%;
1202         border-spacing: 0px ;
1203 }
1204
1205
1206 /*************
1207  * Sieve fileinto
1208  *************/
1209
1210 /* Container */
1211 table.sieve_fileinto_container {
1212         margin:0px;
1213         padding:0px;
1214         border-spacing: 0px ;
1215         width:100%;
1216         background-color: #F8F8F8;
1217 }
1218
1219 /* Editing area */
1220 input.sieve_fileinto_input {
1221         width:300px;
1222 }
1223 select.sieve_fileinto_input {
1224         width:300px;
1225 }
1226
1227
1228 /*************
1229  * Sieve keep
1230  *************/
1231
1232 /* Container */
1233 table.sieve_keep_container {
1234         margin:0px;
1235         padding:0px;
1236         border-spacing: 0px ;
1237         width:100%;
1238         background-color: #F8F8F8;
1239 }
1240
1241 /* Editing area */
1242 td.sieve_keep_input {
1243         padding-left:20px;
1244 }
1245
1246
1247 /*************
1248  * Sieve discard
1249  *************/
1250
1251 /* Container */
1252 table.sieve_discard_container {
1253         margin:0px;
1254         padding:0px;
1255         border-spacing: 0px ;
1256         width:100%;
1257         background-color: #F8F8F8;
1258 }
1259
1260 /* Editing area */
1261 td.sieve_discard_input {
1262         padding-left:20px;
1263 }
1264
1265
1266 /*************
1267  * Sieve redirect
1268  *************/
1269
1270 /* Container */
1271 table.sieve_redirect_container {
1272         margin:0px;
1273         padding:0px;
1274         border-spacing: 0px ;
1275         width:100%;
1276         background-color: #F8F8F8;
1277 }
1278
1279 /* Editing area */
1280 td.sieve_redirect_input {
1281         padding-left:20px;
1282 }
1283 textarea.sieve_redirect_input {
1284         width:100%;
1285         height:30px;
1286 }
1287
1288
1289 /*************
1290  * Sieve reject
1291  *************/
1292
1293 /* Container */
1294 table.sieve_reject_container {
1295         margin:0px;
1296         padding:0px;
1297         border-spacing: 0px ;
1298         width:100%;
1299         background-color: #F8F8F8;
1300 }
1301
1302 /* Editing area */
1303 td.sieve_reject_input {
1304         padding-left:20px;
1305 }
1306 textarea.sieve_reject_input {
1307         width:100%;
1308         height:55px;
1309 }
1310
1311
1312 /*************
1313  * Sieve end
1314  *************/
1315
1316 /* Container */
1317 table.sieve_stop_container {
1318         margin:0px;
1319         padding:0px;
1320         border-spacing: 0px ;
1321         width:100%;
1322         background-color: #F8F8F8;
1323 }
1324
1325 /* Editing area */
1326 td.sieve_stop_input {
1327         padding-left:20px;
1328 }
1329
1330
1331 /*************
1332  * Sieve vacation
1333  *************/
1334
1335 /* Container */
1336 table.sieve_vacation_container {
1337         margin:0px;
1338         padding:0px;
1339         border-spacing: 0px ;
1340         width:100%;
1341         background-color: #F8F8F8;
1342 }
1343
1344 /* Editing area */
1345 td.sieve_vacation_input {
1346         padding-left:20px;
1347 }
1348
1349 /* Editing area */
1350 textarea.sieve_vacation_input {
1351         width:100%;
1352         height : 55px;
1353 }
1354
1355
1356 /*************
1357  * Sieve allof
1358  *************/
1359
1360 table.sieve_allof_container {
1361     width:100%;
1362     border-spacing: 0px ;
1363     margin: 0px;
1364     padding:0px;
1365         border: solid 1px #999999;
1366 }
1367
1368 /* Container */
1369 td.sieve_allof_left {
1370         text-align:center;
1371         vertical-align: middle;
1372         width:35px;
1373         background-color: #CCCCCC;
1374         border: solid 0px #EEE;
1375 }
1376
1377 /* Container */
1378 td.sieve_allof_right {
1379         background-color:#BDBDBD ;
1380 }
1381
1382 /*************
1383  * Sieve anyof
1384  *************/
1385
1386 table.sieve_anyof_container {
1387     width:100%;
1388     margin: 0px;
1389     border-spacing: 0px ;
1390     padding:0px;
1391         border: solid 2px #CCCCCC;
1392 }
1393
1394 /* Container */
1395 td.sieve_anyof_left {
1396         text-align:center;
1397         vertical-align: middle;
1398         width:35px;
1399         background-color: #CCCCCC;
1400         border: solid 0px #EEEEEE
1401 }
1402
1403 /* Container */
1404 td.sieve_anyof_right {
1405         background-color:#BDBDBD ;
1406         border: solid 1px #AAAAAA;
1407 }
1408
1409 /*************
1410  * Sieve Test Cases
1411  *************/
1412
1413 table.sieve_test_container {
1414         width:100%;
1415         background-color:#F8F8F8;
1416         margin: 0px;
1417         border-spacing: 0px ;
1418         padding:0px;
1419         border: solid 1px #AAAAAA;
1420 }
1421
1422 table.sieve_test_case {
1423         width:100%;
1424         margin: 0px;
1425         border-spacing: 0px ;
1426         padding:0px;
1427 }
1428
1429
1430
1431 td.container_, div.container_{
1432         padding-left:2px;
1433         border-left: solid 2px #F8F8F8;
1434 }
1435
1436 td.container_:hover,div.container_:hover {
1437         border-left: solid 2px black;
1438         display:block;
1439 }
1440
1441 /************
1442  * PHP Layers Menu - used in MultiSelectDialog -> ManagementLists
1443  ************/
1444
1445
1446 .khorbar    {
1447     color: black;
1448     background-color: #FFFFFF;
1449     border: 1px outset #666663;
1450         padding:2px;
1451 }
1452
1453 .khorbaritem    {
1454     float: left;
1455     white-space: nowrap;
1456     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1457     font-size: 12px;
1458 }
1459
1460 .khorbaritem a  {
1461     display: block;
1462     text-decoration: none;
1463 }
1464
1465 .khorbaritem a:link {
1466     color: #000000;
1467     text-decoration: none;
1468 }
1469
1470 .khorbaritem a:visited  {
1471     color: #000000;
1472     text-decoration: none;
1473 }
1474
1475 .khorbaritem a:hover    {
1476     color: #000000;
1477     background-color: #FFFFFF;
1478     text-decoration: none;
1479 }
1480
1481 .khorbaritem a:active   {
1482     color: #ff0000;
1483     text-decoration: none;
1484 }
1485
1486 .kverbar    {
1487     color: black;
1488     border: 1px outset #666663
1489 }
1490
1491 .ksubmenu   {
1492     position: absolute;
1493     left: 0;
1494     top: 0;
1495     visibility: hidden;
1496 }
1497
1498 .submenu    {
1499     position: absolute;
1500     left: 0;
1501     top: 0;
1502     visibility: hidden;
1503 }
1504
1505 .subframe   {
1506     position: relative;
1507     display: block;
1508     background-color: #FFFFFF;
1509     border: 1px outset #666663;
1510         padding:2px;
1511 }
1512
1513 .item   {
1514     text-align: left;
1515     white-space: nowrap;
1516     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1517     font-size: 12px;
1518         padding-top:2px;
1519 }
1520
1521 .item div {
1522     position: relative;
1523     display: block;
1524     text-decoration: none;
1525 }
1526
1527 .item :hover   {
1528     color: #ffffff;
1529     background-color: #4b6983;
1530     text-decoration: none;
1531 }
1532
1533
1534
1535 .ksubframe  {
1536     position: relative;
1537     display: block;
1538     background-color: #f9f9f0;
1539 }
1540
1541 .kitem  {
1542     text-align: left;
1543     white-space: nowrap;
1544     font-family: bitstream vera sans, luxi sans, verdana, geneva, arial, helvetica, sans-serif;
1545     font-size: 12px;
1546 }
1547
1548 .separator {
1549     background-color: #ff0000;
1550     border-top: 1px solid #c6c6bf;
1551     border-bottom: 1px solid #ffffff;
1552     margin: 2px 5px 2px 5px;    /* top right bottom left */
1553     height: 0;
1554     font-size: 1px;
1555     line-height: 0;
1556 }
1557
1558 div.errorMsgTitle {
1559         width:100%;
1560         font-size: 1.4em;
1561         padding-bottom:0.3em;
1562         padding-top:0.3em;
1563         font-weight:bold;
1564         background-color: #F0F0F0;
1565 }
1566
1567 div.errorMsgDialog {
1568         width:60%;
1569         background-color:white;
1570         border:4px solid red;
1571         z-index:150;
1572         display: none;
1573         position:absolute;
1574 }
1575
1576 div.infoMsgDialog {
1577         width:60%;
1578         background-color:white;
1579         border: 2px solid black;
1580         z-index:150;
1581         display: none;
1582         position:absolute;
1583 }
1584
1585 div.autocomplete {
1586   position:absolute;
1587   width:250px;
1588   background-color: #FFF;
1589   border:1px solid #AAA;
1590   margin:0;
1591   padding:0;
1592 }
1593
1594 div.autocomplete ul {
1595   list-style-type:none;
1596   margin:0;
1597   padding:0;
1598 }
1599
1600 div.autocomplete ul li {
1601   list-style-type:none;
1602   display:block;
1603   margin:0;
1604   padding:2px;
1605   padding-left:4px;
1606   cursor:pointer;
1607 }
1608
1609 div.autocomplete li:hover{
1610   background-color: #F0F0F0;
1611 }
1612
1613 div.autocomplete ul li.selected { background-color: #F0F0F0;}
1614
1615 #pulldown {
1616         background: #FFFFFF;
1617         height: 23px;
1618         border-top: 1px #D0D0D0 solid;
1619         border-left: 1px #D0D0D0 solid;
1620         border-bottom: 1px #808080 solid;
1621         border-right: 1px #808080 solid;
1622 }
1623
1624 #pulldown  ul {
1625         display: block;
1626         margin: 0;
1627         padding: 0;
1628         line-height: 1em;
1629         list-style: none;
1630         z-index: 90
1631 }
1632
1633 #pulldown  ul li {
1634         float: left;
1635         margin: 0 3px 0 0;
1636         padding: 0;
1637         font-size: 12px;
1638         line-height: 1, 5em;
1639         list-style-type: none;
1640 }
1641
1642 #pulldown ul li a {
1643         float: left;
1644         display: block;
1645         width: auto;
1646         font-weight: normal;
1647         background: transparent;
1648         text-decoration: none;
1649         margin: 0;
1650         padding: 5px 5px 5px 5px;
1651 }
1652
1653 #pulldown  ul li a:hover {
1654         text-decoration: none;
1655 }
1656
1657 #pulldown  ul li.sep {
1658         color: #AAA;
1659         padding: 0.8em 0em 0.5em 0em;
1660 }
1661
1662 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1663 #pulldown  ul li a {
1664         float: none;
1665 }
1666
1667 /* End IE5-Mac hack */
1668 #pulldown  ul.level2, #pulldown ul.level3 {
1669         position: absolute;
1670         top: 0px;
1671         left: 0px;
1672         visibility: hidden;
1673         border-top: 1px #D0D0D0 solid;
1674         border-left: 1px #D0D0D0 solid;
1675         border-bottom: 1px #808080 solid;
1676         border-right: 1px #808080 solid;
1677         background: #FFFFFF;
1678 }
1679
1680 #pulldown  ul.level2 li, #pulldown ul.level3 li {
1681         border-bottom: 1px solid #fff;
1682         float: none;
1683         margin: 0;
1684         padding: 0;
1685         width: 200px;
1686 }
1687
1688 #pulldown  ul.level2 li a, #pulldown ul.level3 li a {
1689         padding: 5px 9px 5px 5px;
1690 }
1691
1692 #pulldown  ul.level2 li a:hover,#pulldown  ul.level3 li a:hover {
1693         font-weight: normal;
1694         background-color: #418DD4;
1695         background-image: none;
1696 }
1697
1698 input[disabled] {
1699   color:#888;
1700   background-color:#DDD;
1701 }
1702
1703 textarea[disabled] {
1704   color:black;
1705   background-color:#DDD;
1706 }
1707
1708 select[disabled] {
1709   color:black;
1710   background-color:#DDD;
1711 }
1712
1713 div.datepicker {
1714         position:absolute;
1715         text-align:center;
1716         border: 1px #AAA solid;
1717         font-family:arial;
1718         background:#FFF;
1719         font-size:10px;
1720         padding:0;
1721 }
1722 div.datepicker-calendar table {
1723         font-size:10px;
1724         border:1px solid #FFF;
1725         margin:0;
1726         padding:0;
1727         text-align:center;
1728 }
1729 div.datepicker div.datepicker-header {
1730         font-size:11px;
1731         font-weight:bold;
1732         background:#F0F0F0;
1733         border-bottom:1px solid #AAA;
1734         padding:2px;
1735         text-align:center;
1736 }
1737 div.datepicker table.header {
1738         width:175px;
1739         border:0;
1740         padding:0;
1741         text-align:center;
1742 }
1743 td.prev,
1744 td.prev_year,
1745 td.next,
1746 td.next_year {
1747         width:8%;
1748         cursor:pointer;
1749         font-weight:bold;
1750         line-height:16px;
1751 }
1752 td.prev:hover,
1753 td.prev_year:hover,
1754 td.next:hover,
1755 td.next_year:hover {
1756         background-color:#D0D0D0;
1757 }
1758 td.header {
1759         text-align:center;
1760         width:68%;
1761         font-weight:bold;
1762         line-height:16px;
1763 }
1764 div.datepicker-header {
1765         height:16px;
1766 }
1767 div.datepicker-calendar table tbody tr {
1768         border:1px solid #FFF;
1769         margin:0;
1770         padding:0;
1771 }
1772 div.datepicker-calendar table tbody tr td {
1773         border:1px #EAEAEA solid;
1774         margin:0;
1775         padding:0;
1776         text-align:center;
1777         height:16px;
1778         line-height:16px;
1779         width:21px;
1780         cursor:pointer;
1781 }
1782 div.datepicker-calendar table tbody tr td:hover,
1783 div.datepicker-calendar table tbody tr td.outbound:hover,
1784 div.datepicker-calendar table tbody tr td.today:hover {
1785         border:1px #CCE9FF solid;
1786         background:#E9F5FF;
1787         cursor:pointer;
1788 }
1789 div.datepicker-calendar table tbody tr td.wday {
1790         border:1px #AAA solid;
1791         background:#CCCCCC;
1792         cursor:text;
1793         width:21px;
1794         height:16px;
1795         line-height:16px;
1796         font-weight:bold;
1797 }
1798 div.datepicker-calendar table tbody tr td.outbound {
1799         background:#F4F3F3;
1800 }
1801 div.datepicker-calendar table tbody tr td.today {
1802         border:1px #CCE9FF solid;
1803         background:#E9F5FF;
1804         background-image:url(../../images/date_active.gif);
1805         background-repeat:no-repeat;
1806         position:top left;
1807         width:21px;
1808         height:16px;
1809         line-height:16px;
1810 }
1811 div.datepicker-calendar table tbody tr td.today:hover {
1812         border:1px #CCE9FF solid;
1813         background:#E9F5FF;
1814         background-image:url(../../images/date_active.gif);
1815         background-repeat:no-repeat;
1816         position:top left;
1817 }
1818 div.datepicker-calendar table tbody tr td.nclick,
1819 div.datepicker-calendar table tbody tr td.nclick_outbound {
1820         cursor:default;
1821         color:#aaa;
1822         width:21px;
1823         height:16px;
1824         line-height:16px;
1825 }
1826 div.datepicker-calendar table tbody tr td.nclick_outbound {
1827         background:#E8E4E4;
1828         width:21px;
1829         height:16px;
1830         line-height:16px;
1831 }
1832 div.datepicker-calendar table tbody tr td.nclick:hover,
1833 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1834         border:1px #EAEAEA solid;
1835         background:#FFF;
1836 }
1837 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1838         background:#E8E4E4;
1839 }
1840 div.datepicker div.datepicker-footer {
1841         font-size:10px;
1842         background:#F0F0F0;
1843         border-top:1px solid #AAA;
1844         cursor:pointer;
1845         text-align:center;
1846         padding:2px;
1847 }
1848
1849 .date {
1850         float:left;
1851 }
1852 .datepicker-opener-table {
1853         border:1px solid transparent;
1854         padding:0;
1855         border-spacing:0;
1856         margin:0 0 0 3px;
1857         background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
1858         width:18px;
1859         height:18px;
1860         cursor:pointer;
1861 }
1862 .Opera .datepicker-opener-table {
1863         float:right;
1864 }
1865 .IE7 .datepicker-opener-table {
1866         position:relative;
1867         top:0;
1868         left:3px;
1869 }
1870 .datepicker-opener-table:hover {
1871         background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
1872 }
1873 .datepicker-opener {
1874         width:16px;
1875         height:16px;
1876         margin:0 0 0 3px;
1877         cursor:pointer;
1878 }
1879
1880 /********************************
1881  *           L i s t s          *
1882  ********************************/
1883
1884 /* List border */
1885 div.listContainer {
1886         border-top: 1px solid #AAA;
1887         border-bottom: 1px solid #AAA;
1888         border-left: 1px solid #AAA;
1889 }
1890
1891 .fixedListHeader tr {
1892         position: relative;
1893         height: auto;
1894 }
1895
1896 .listHeaderFormat {
1897         margin: 3px;
1898         padding: 1px;
1899         white-space: nowrap;
1900 }
1901
1902 .listHeaderFormat tr td {
1903         border-right: 1px solid #AAA;
1904         padding: 2px;
1905         background-color: #F5F5F5;
1906 }
1907
1908 .listScrollContent {
1909         height:100px;
1910         overflow-x:hidden;
1911         overflow-y:auto;
1912 }
1913
1914 .listScrollContent tr {
1915         height: auto;
1916         white-space: nowrap;
1917 }
1918
1919 .listScrollContent tr td:last-child {
1920         padding-right: 20px;
1921 }
1922
1923 .listBodyFormat tr td {
1924         color: #000000;
1925         margin: 3px;
1926         padding: 2px;
1927         border-right: 1px solid #AAA;
1928         word-wrap:break-word;
1929         white-space:normal;
1930         overflow: hidden;
1931         max-width:500px;
1932 }
1933
1934 td.nlistFooter {
1935         background-color:#E5E5E5;
1936         border-left:1px solid #C0C0C0;
1937         border-right:1px solid #C0C0C0;
1938         border-bottom:1px solid #C0C0C0;
1939         padding:3px;
1940         height:16px;
1941 }
1942
1943 /* Sortable Lists */
1944 div.sortableListContainer {
1945     border: 1px solid #AAA;
1946     overflow: auto;
1947     margin-bottom:2px;
1948 }
1949
1950 .sortableListContainer th{
1951     background-color: #D8D8D8;
1952     padding: 3px;
1953     text-align:left;
1954     border-left:1px solid #AAA;
1955 }
1956
1957 .sortableListContainer td{
1958     padding: 3px;
1959     text-align:left;
1960     border-left:1px solid #AAA;
1961 }
1962
1963 tr.sortableListItem {
1964     background-color: white;
1965     cursor:move;
1966     color: black;
1967 }
1968
1969 tr.sortableListItemFill {
1970     background-color: white;
1971     cursor:default;
1972 }
1973
1974 tr.sortableListItemOdd ::-moz-selection, tr.sortableListItem ::-moz-selection{
1975         background:transparent;
1976 }
1977
1978 tr.sortableListItemOdd ::selection, tr.sortableListItem ::selection {
1979         background:transparent;
1980 }
1981
1982 tr.sortableListItemOdd code::-moz-selection, tr.sortableListItem code::-moz-selection {
1983         background:transparent;
1984 }
1985
1986 tr.sortableListItemOdd code::selection, tr.sortableListItem code::selection {
1987         background:transparent;
1988 }
1989
1990
1991 tr.sortableListItemOdd {
1992     background-color: #F5F5F5;
1993     cursor:move;
1994     color: black;
1995 }
1996 tr.sortableListItem:hover, tr.sortableListItemOdd:hover {
1997     background-color: #EEE;
1998 }
1999 tr.sortableListItemDisabled {
2000     cursor:default;
2001     color: #CCC;
2002 }
2003
2004
2005 table.sortableListTable {
2006     border: 0px;
2007 }
2008
2009 tr.sortableListItemMarked {
2010     background-color: #FFD;
2011 }
2012
2013 /* Tree List */
2014
2015 ul.treeList, ul.treeList ul {
2016     list-style-type: none;
2017     background: url(../../images/lists/vline.png) repeat-y;
2018     margin: 0;
2019     padding: 0;
2020 }
2021
2022 ul.treeList ul {
2023     margin-left: 10px;
2024 }
2025
2026 ul.treeList a:hover {
2027     background-color: #DDD
2028 }
2029
2030 a.treeList {
2031     padding: 2px;
2032 }
2033
2034 a.treeListSelected {
2035     font-weight: bold;
2036     color: red;
2037     padding: 2px;
2038 }
2039
2040 a.treeList:hover, a.treeListSelected:hover {
2041     background-color: #DDD;
2042     padding: 2px;
2043 }
2044
2045 ul.treeList a {
2046     padding: 2px;
2047 }
2048
2049 ul.treeList li {
2050     margin: 0;
2051     padding: 0 12px;
2052     line-height: 20px;
2053     background: url(../../images/lists/node.png) no-repeat;
2054 }
2055
2056 li.treeListSelected a {
2057     color: red;
2058     padding: 2px;
2059 }
2060
2061 ul.treeList li.last {
2062     background: #fff url(../../images/lists/lastnode.png) no-repeat;
2063 }
2064
2065 ul.treeList li:last-child {
2066     background: #fff url(../../images/lists/lastnode.png) no-repeat;
2067 }
2068
2069 div.treeList {
2070     background-color:white;
2071     border: 1px solid #AAA;
2072     padding: 5px;
2073     height: 500px;
2074     position: fixed;
2075     z-index: 500;
2076     overflow-y: auto;
2077     float: left;
2078 }
2079