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   z-index: 600;
1593 }
1594
1595 div.autocomplete ul {
1596   list-style-type:none;
1597   margin:0;
1598   padding:0;
1599 }
1600
1601 div.autocomplete ul li {
1602   list-style-type:none;
1603   display:block;
1604   margin:0;
1605   padding:2px;
1606   padding-left:4px;
1607   cursor:pointer;
1608 }
1609
1610 div.autocomplete li:hover{
1611   background-color: #F0F0F0;
1612 }
1613
1614 div.autocomplete ul li.selected { background-color: #F0F0F0;}
1615
1616 #pulldown {
1617         background: #FFFFFF;
1618         height: 23px;
1619         border-top: 1px #D0D0D0 solid;
1620         border-left: 1px #D0D0D0 solid;
1621         border-bottom: 1px #808080 solid;
1622         border-right: 1px #808080 solid;
1623 }
1624
1625 #pulldown  ul {
1626         display: block;
1627         margin: 0;
1628         padding: 0;
1629         line-height: 1em;
1630         list-style: none;
1631         z-index: 90
1632 }
1633
1634 #pulldown  ul li {
1635         float: left;
1636         margin: 0 3px 0 0;
1637         padding: 0;
1638         font-size: 12px;
1639         line-height: 1, 5em;
1640         list-style-type: none;
1641 }
1642
1643 #pulldown ul li a {
1644         float: left;
1645         display: block;
1646         width: auto;
1647         font-weight: normal;
1648         background: transparent;
1649         text-decoration: none;
1650         margin: 0;
1651         padding: 5px 5px 5px 5px;
1652 }
1653
1654 #pulldown  ul li a:hover {
1655         text-decoration: none;
1656 }
1657
1658 #pulldown  ul li.sep {
1659         color: #AAA;
1660         padding: 0.8em 0em 0.5em 0em;
1661 }
1662
1663 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1664 #pulldown  ul li a {
1665         float: none;
1666 }
1667
1668 /* End IE5-Mac hack */
1669 #pulldown  ul.level2, #pulldown ul.level3 {
1670         position: absolute;
1671         top: 0px;
1672         left: 0px;
1673         visibility: hidden;
1674         border-top: 1px #D0D0D0 solid;
1675         border-left: 1px #D0D0D0 solid;
1676         border-bottom: 1px #808080 solid;
1677         border-right: 1px #808080 solid;
1678         background: #FFFFFF;
1679 }
1680
1681 #pulldown  ul.level2 li, #pulldown ul.level3 li {
1682         border-bottom: 1px solid #fff;
1683         float: none;
1684         margin: 0;
1685         padding: 0;
1686         width: 200px;
1687 }
1688
1689 #pulldown  ul.level2 li a, #pulldown ul.level3 li a {
1690         padding: 5px 9px 5px 5px;
1691 }
1692
1693 #pulldown  ul.level2 li a:hover,#pulldown  ul.level3 li a:hover {
1694         font-weight: normal;
1695         background-color: #418DD4;
1696         background-image: none;
1697 }
1698
1699 input[disabled] {
1700   color:#888;
1701   background-color:#DDD;
1702 }
1703
1704 textarea[disabled] {
1705   color:black;
1706   background-color:#DDD;
1707 }
1708
1709 select[disabled] {
1710   color:black;
1711   background-color:#DDD;
1712 }
1713
1714 div.datepicker {
1715         position:absolute;
1716         text-align:center;
1717         border: 1px #AAA solid;
1718         font-family:arial;
1719         background:#FFF;
1720         font-size:10px;
1721         padding:0;
1722 }
1723 div.datepicker-calendar table {
1724         font-size:10px;
1725         border:1px solid #FFF;
1726         margin:0;
1727         padding:0;
1728         text-align:center;
1729 }
1730 div.datepicker div.datepicker-header {
1731         font-size:11px;
1732         font-weight:bold;
1733         background:#F0F0F0;
1734         border-bottom:1px solid #AAA;
1735         padding:2px;
1736         text-align:center;
1737 }
1738 div.datepicker table.header {
1739         width:175px;
1740         border:0;
1741         padding:0;
1742         text-align:center;
1743 }
1744 td.prev,
1745 td.prev_year,
1746 td.next,
1747 td.next_year {
1748         width:8%;
1749         cursor:pointer;
1750         font-weight:bold;
1751         line-height:16px;
1752 }
1753 td.prev:hover,
1754 td.prev_year:hover,
1755 td.next:hover,
1756 td.next_year:hover {
1757         background-color:#D0D0D0;
1758 }
1759 td.header {
1760         text-align:center;
1761         width:68%;
1762         font-weight:bold;
1763         line-height:16px;
1764 }
1765 div.datepicker-header {
1766         height:16px;
1767 }
1768 div.datepicker-calendar table tbody tr {
1769         border:1px solid #FFF;
1770         margin:0;
1771         padding:0;
1772 }
1773 div.datepicker-calendar table tbody tr td {
1774         border:1px #EAEAEA solid;
1775         margin:0;
1776         padding:0;
1777         text-align:center;
1778         height:16px;
1779         line-height:16px;
1780         width:21px;
1781         cursor:pointer;
1782 }
1783 div.datepicker-calendar table tbody tr td:hover,
1784 div.datepicker-calendar table tbody tr td.outbound:hover,
1785 div.datepicker-calendar table tbody tr td.today:hover {
1786         border:1px #CCE9FF solid;
1787         background:#E9F5FF;
1788         cursor:pointer;
1789 }
1790 div.datepicker-calendar table tbody tr td.wday {
1791         border:1px #AAA solid;
1792         background:#CCCCCC;
1793         cursor:text;
1794         width:21px;
1795         height:16px;
1796         line-height:16px;
1797         font-weight:bold;
1798 }
1799 div.datepicker-calendar table tbody tr td.outbound {
1800         background:#F4F3F3;
1801 }
1802 div.datepicker-calendar table tbody tr td.today {
1803         border:1px #CCE9FF solid;
1804         background:#E9F5FF;
1805         background-image:url(../../images/date_active.gif);
1806         background-repeat:no-repeat;
1807         position:top left;
1808         width:21px;
1809         height:16px;
1810         line-height:16px;
1811 }
1812 div.datepicker-calendar table tbody tr td.today:hover {
1813         border:1px #CCE9FF solid;
1814         background:#E9F5FF;
1815         background-image:url(../../images/date_active.gif);
1816         background-repeat:no-repeat;
1817         position:top left;
1818 }
1819 div.datepicker-calendar table tbody tr td.nclick,
1820 div.datepicker-calendar table tbody tr td.nclick_outbound {
1821         cursor:default;
1822         color:#aaa;
1823         width:21px;
1824         height:16px;
1825         line-height:16px;
1826 }
1827 div.datepicker-calendar table tbody tr td.nclick_outbound {
1828         background:#E8E4E4;
1829         width:21px;
1830         height:16px;
1831         line-height:16px;
1832 }
1833 div.datepicker-calendar table tbody tr td.nclick:hover,
1834 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1835         border:1px #EAEAEA solid;
1836         background:#FFF;
1837 }
1838 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
1839         background:#E8E4E4;
1840 }
1841 div.datepicker div.datepicker-footer {
1842         font-size:10px;
1843         background:#F0F0F0;
1844         border-top:1px solid #AAA;
1845         cursor:pointer;
1846         text-align:center;
1847         padding:2px;
1848 }
1849
1850 .date {
1851         float:left;
1852 }
1853 .datepicker-opener-table {
1854         border:1px solid transparent;
1855         padding:0;
1856         border-spacing:0;
1857         margin:0 0 0 3px;
1858         background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
1859         width:18px;
1860         height:18px;
1861         cursor:pointer;
1862 }
1863 .Opera .datepicker-opener-table {
1864         float:right;
1865 }
1866 .IE7 .datepicker-opener-table {
1867         position:relative;
1868         top:0;
1869         left:3px;
1870 }
1871 .datepicker-opener-table:hover {
1872         background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
1873 }
1874 .datepicker-opener {
1875         width:16px;
1876         height:16px;
1877         margin:0 0 0 3px;
1878         cursor:pointer;
1879 }
1880
1881 /********************************
1882  *           L i s t s          *
1883  ********************************/
1884
1885 /* List border */
1886 div.listContainer {
1887         border-top: 1px solid #AAA;
1888         border-bottom: 1px solid #AAA;
1889         border-left: 1px solid #AAA;
1890 }
1891
1892 .fixedListHeader tr {
1893         position: relative;
1894         height: auto;
1895 }
1896
1897 .listHeaderFormat {
1898         margin: 3px;
1899         padding: 1px;
1900         white-space: nowrap;
1901 }
1902
1903 .listHeaderFormat tr td {
1904         border-right: 1px solid #AAA;
1905         padding: 2px;
1906         background-color: #F5F5F5;
1907 }
1908
1909 .listScrollContent {
1910         height:100px;
1911         overflow-x:hidden;
1912         overflow-y:auto;
1913 }
1914
1915 .listScrollContent tr {
1916         height: auto;
1917         white-space: nowrap;
1918 }
1919
1920 .listScrollContent tr td:last-child {
1921         padding-right: 20px;
1922 }
1923
1924 .listBodyFormat tr td {
1925         color: #000000;
1926         margin: 3px;
1927         padding: 2px;
1928         border-right: 1px solid #AAA;
1929         word-wrap:break-word;
1930         white-space:normal;
1931         overflow: hidden;
1932         max-width:500px;
1933 }
1934
1935 td.nlistFooter {
1936         background-color:#E5E5E5;
1937         border-left:1px solid #C0C0C0;
1938         border-right:1px solid #C0C0C0;
1939         border-bottom:1px solid #C0C0C0;
1940         padding:3px;
1941         height:16px;
1942 }
1943
1944 /* Sortable Lists */
1945 div.sortableListContainer {
1946     border: 1px solid #AAA;
1947     overflow: auto;
1948     margin-bottom:2px;
1949 }
1950
1951 .sortableListContainer th{
1952     background-color: #D8D8D8;
1953     padding: 3px;
1954     text-align:left;
1955     border-left:1px solid #AAA;
1956 }
1957
1958 .sortableListContainer td{
1959     padding: 3px;
1960     text-align:left;
1961     border-left:1px solid #AAA;
1962 }
1963
1964 tr.sortableListItem {
1965     background-color: white;
1966     cursor:move;
1967     color: black;
1968 }
1969
1970 tr.sortableListItemFill {
1971     background-color: white;
1972     cursor:default;
1973 }
1974
1975 tr.sortableListItemOdd ::-moz-selection, tr.sortableListItem ::-moz-selection{
1976         background:transparent;
1977 }
1978
1979 tr.sortableListItemOdd ::selection, tr.sortableListItem ::selection {
1980         background:transparent;
1981 }
1982
1983 tr.sortableListItemOdd code::-moz-selection, tr.sortableListItem code::-moz-selection {
1984         background:transparent;
1985 }
1986
1987 tr.sortableListItemOdd code::selection, tr.sortableListItem code::selection {
1988         background:transparent;
1989 }
1990
1991
1992 tr.sortableListItemOdd {
1993     background-color: #F5F5F5;
1994     cursor:move;
1995     color: black;
1996 }
1997 tr.sortableListItem:hover, tr.sortableListItemOdd:hover {
1998     background-color: #EEE;
1999 }
2000 tr.sortableListItemDisabled {
2001     cursor:default;
2002     color: #CCC;
2003 }
2004
2005
2006 table.sortableListTable {
2007     border: 0px;
2008 }
2009
2010 tr.sortableListItemMarked {
2011     background-color: #FFD;
2012 }
2013
2014 /* Tree List */
2015
2016 ul.treeList, ul.treeList ul {
2017     list-style-type: none;
2018     background: url(../../images/lists/vline.png) repeat-y;
2019     margin: 0;
2020     padding: 0;
2021 }
2022
2023 ul.treeList ul {
2024     margin-left: 10px;
2025 }
2026
2027 ul.treeList a:hover {
2028     background-color: #DDD
2029 }
2030
2031 a.treeList {
2032     padding: 2px;
2033 }
2034
2035 a.treeListSelected {
2036     font-weight: bold;
2037     color: #1010AF;
2038     background-color:#DDD;
2039     padding: 2px;
2040 }
2041
2042 a.treeList:hover, a.treeListSelected:hover {
2043     background-color: #DDD;
2044     padding: 2px;
2045 }
2046
2047 ul.treeList a {
2048     padding: 2px;
2049 }
2050
2051 ul.treeList li {
2052     margin: 0;
2053     padding: 0 12px;
2054     line-height: 20px;
2055     background: url(../../images/lists/node.png) no-repeat;
2056 }
2057
2058 li.treeListSelected a {
2059     font-weight: bold;
2060     color: #1010AF;
2061     padding: 2px;
2062 }
2063
2064 ul.treeList li.last {
2065     background: #fff url(../../images/lists/lastnode.png) no-repeat;
2066 }
2067
2068 ul.treeList li:last-child {
2069     background: #fff url(../../images/lists/lastnode.png) no-repeat;
2070 }
2071
2072 div.treeList {
2073     background-color:white;
2074     border: 1px solid #AAA;
2075     padding: 5px;
2076     height: 500px;
2077     position: fixed;
2078     z-index: 500;
2079     overflow-y: auto;
2080     float: left;
2081 }
2082