gosa-core/html/themes/modern/style.css

   1 body, html {
   2   border:0;
   3   margin:0;
   4   background-color:#FFF;
   5   color:#000;
   6   font-size:12px;
   7   font-family:"Lucida Grande",Arial,Verdana,sans-serif;
   8   height:100%;
   9   min-width:1000px;
  10   min-height:700px;
  11 }
  12
  13 .left{
  14   float:left;
  15 }
  16
  17 .right{
  18   float:right;
  19 }
  20
  21 .v-spacer{
  22   height:8px;
  23 }
  24
  25 hr {
  26   border:0;
  27   border-bottom:1px solid #CCC;
  28 }
  29
  30 a:link {
  31   text-decoration:none;
  32   color:#000;
  33 }
  34
  35 a:visited {
  36   text-decoration:none;
  37   color:#000;
  38 }
  39
  40 input[type=checkbox]{
  41   border:1px solid #CCC;
  42 }
  43
  44 input[type=text]{
  45   border:1px solid #CCC;
  46   padding:3px;
  47 }
  48
  49 input[type=text]:active, input[type=text]:focus{
  50   border:1px solid #777;
  51 }
  52
  53 input[type=text]:hover{
  54   border-color:#777;
  55 }
  56
  57 input[disabled] {
  58 color:#888;
  59 background-color:#DDD;
  60 }
  61
  62 textarea[disabled] {
  63 color:#000;
  64 background-color:#DDD;
  65 }
  66
  67 select[disabled] {
  68 color:#000;
  69 background-color:#DDD;
  70 }
  71
  72 h1, h2, h3 {
  73   margin-top:2px;
  74 }
  75
  76 h3 {
  77   font-size:12px;
  78   font-weight:bold;
  79 }
  80
  81 /* Image with migration color */
  82 img, input[type=image] {
  83   border:1px solid red;
  84   background-color:rgba(255,0,0,0.2);
  85 }
  86
  87 /* Image with migration color */
  88 div.img{
  89   background-repeat:no-repeat;
  90   position:relative;
  91 }
  92
  93 div.img div {
  94   background-color:transparent;
  95   background-repeat:no-repeat;
  96   bottom:0;
  97   right:0;
  98   position:absolute;
  99 }
 100
 101
 102 /* Title bar definitions */
 103
 104 div.title-bar{
 105   padding:0px;
 106   height:40px;
 107   border-top:1px solid #111;
 108   border-bottom:1px solid #222;
 109   background:url('images/title-bar.png') repeat-x;
 110   color:#FFF;
 111   cursor:default;
 112 }
 113
 114 div.title-bar ul, div.title-bar ul li{
 115   list-style:none;
 116   display:inline;
 117   margin:0;
 118   padding:0;
 119 }
 120
 121 div.logged-in-label span{
 122   font-weight:bold;
 123 }
 124
 125 li.table-wrapper {
 126   display:table;
 127 }
 128
 129 div.logged-in-label {
 130   display:table-cell;
 131   height:40px;
 132   vertical-align:middle;
 133   padding:0 5px 0 5px;
 134 }
 135
 136 div.logout-label {
 137   display:table-cell;
 138   height:40px;
 139   vertical-align:middle;
 140   padding:0 5px 0 5px;
 141 }
 142
 143 #log-out{
 144   width:16px;
 145   height:16px;
 146   border:0;
 147   background-color:transparent;
 148   background-image:url('images/btn-logout.png');
 149   cursor:pointer;
 150 }
 151
 152 #log-out:hover{
 153   background-image:url('images/btn-logout-hover.png')
 154 }
 155
 156
 157 /* Screen areas */
 158
 159 div.navigation {
 160   float:left;
 161   position:absolute;
 162   width:150px;
 163   min-height:600px;
 164   padding-left:6px;
 165   margin-top:8px;
 166 }
 167
 168 div.plugin-area {
 169   float:right;
 170   position:absolute;
 171   left:164px;
 172   right:0;
 173   padding-right:6px;
 174   min-height:600px;
 175   min-width:700px;
 176   cursor:default;
 177 }
 178
 179
 180 /* Plugin decorations */
 181
 182 .plugin {
 183   clear:both;
 184   padding:5px 8px;
 185   position:relative;
 186   border:1px solid #CCC;
 187   border-radius:5px;
 188   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 189   -webkit-border-radius:5px;
 190   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 191   -moz-border-radius:5px;
 192   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
 193 }
 194
 195 .plugin-actions {
 196   padding-top:5px;
 197   text-align:right;
 198 }
 199
 200
 201 /* Plugin navigation bar */
 202
 203 .plugin-path {
 204   margin-top:8px;
 205   margin-bottom:8px;
 206   height:32px;
 207   background-color:#F8F8F8;
 208   border:1px solid #CCC;
 209   border-radius:5px;
 210   -moz-border-radius:5px;
 211   -webkit-border-radius:5px;
 212   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 213   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 214 }
 215
 216 ul.path-navigation {
 217   list-style:none;
 218   cursor:pointer;
 219   padding:0;
 220   margin:0;
 221   color:#666;
 222 }
 223
 224 ul.path-navigation li {
 225   display:inline;
 226   padding:5px;
 227   padding-top:8px;
 228   height:19px;
 229 }
 230
 231 ul.path-navigation li:hover {
 232   background-color: #E0E0E0;
 233   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 234   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 235 }
 236
 237 div.nav-home {
 238   height:14px;
 239   width:20px;
 240   background-image:url(images/home.png);
 241 }
 242
 243 .right-border {
 244   border-right:1px solid #C2C2C2;
 245 }
 246
 247 .left-border {
 248   border-left:1px solid #C2C2C2;
 249 }
 250
 251
 252 /* Side menu */
 253
 254 div.menu {
 255   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F5F5F5));
 256   background: -moz-linear-gradient(top, #FFF, #F5F5F5);
 257 }
 258
 259 div.menu div {
 260   height:3px;
 261   border-right:1px solid #C2C2C2;
 262   border-left:1px solid #C2C2C2;
 263   border-bottom:1px solid #C2C2C2;
 264   border-bottom-left-radius:5px;
 265   border-bottom-right-radius:5px;
 266   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 267   -webkit-border-bottom-left-radius:5px;
 268   -webkit-border-bottom-right-radius:5px;
 269   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 270   -moz-border-radius:5px;
 271   -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
 272 }
 273
 274 div.menu ul {
 275   list-style:none;
 276   margin:0;
 277   padding:0;
 278 }
 279
 280 div.menu ul li {
 281   padding:5px;
 282   cursor:pointer;
 283   border-left:1px solid #C2C2C2;
 284   border-right:1px solid #C2C2C2;
 285 }
 286
 287 div.menu ul li.current {
 288   padding:5px;
 289   cursor:pointer;
 290   background-color: rgba(0,0,0,0.1);
 291   border-left:1px solid #C2C2C2;
 292   border-right:1px solid #C2C2C2;
 293 }
 294
 295 div.menu ul li:hover {
 296   background-color: #E0E0E0;
 297 }
 298
 299 div.menu ul li.menu-header {
 300   cursor:default;
 301   text-align:center;
 302   font-weight:bold;
 303   color:#FFF;
 304   border:0;
 305   background-color: #415A84;
 306   background: -webkit-gradient(linear, 0 0, 0 100%, from(#5B6B8E), to(#2A4A79));
 307   background: -moz-linear-gradient(top, #5B6B8E, #2A4A79);
 308   border-top-left-radius:5px;
 309   border-top-right-radius:5px;
 310   -moz-border-radius-topleft:5px;
 311   -moz-border-radius-topright:5px;
 312   -webkit-border-top-left-radius:5px;
 313   -webkit-border-top-right-radius:5px;
 314 }
 315
 316
 317 /* Buttons */
 318
 319 .button {
 320   padding:2px 6px;
 321   margin:0;
 322   background-color:#F8F8F8;
 323   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
 324   background: -moz-linear-gradient(top, #FFF, #BBB);
 325   border:1px solid #BBB;
 326   border-radius:2px;
 327   -webkit-border-radius:2px;
 328   -moz-border-radius:2px;
 329   outline:none;
 330 }
 331
 332 .button:active {
 333   background-color:#CCC;
 334   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
 335   background: -moz-linear-gradient(top, #BBB, #FFF);
 336 }
 337
 338 .button:hover {
 339   cursor:pointer;
 340   border-color:#777 !important;
 341 }
 342
 343 .button:focus, .button:active {
 344   border-color:#777;
 345 }
 346
 347
 348 /* Tabs */
 349
 350 .tabs {
 351   width:100%;
 352   height:25px;
 353 }
 354
 355 .tab-content {
 356   padding:5px 8px;
 357   z-index:0;
 358   margin-top:-2px;
 359   position:relative;
 360   border:1px solid #CCC;
 361   border-top-right-radius:5px;
 362   border-bottom-right-radius:5px;
 363   border-bottom-left-radius:5px;
 364   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 365   -webkit-border-top-right-radius:5px;
 366   -webkit-border-bottom-right-radius:5px;
 367   -webkit-border-bottom-left-radius:5px;
 368   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 369   -moz-border-radius-topright:5px;
 370   -moz-border-radius-bottomright:5px;
 371   -moz-border-radius-bottomleft:5px;
 372   -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 373 }
 374
 375 .tabs ul {
 376   margin:0;
 377   padding:0;
 378   list-style:none;
 379 }
 380
 381 .tabs li {
 382   float:left;
 383   margin:0;
 384   padding:4px 8px;
 385   border-top:1px solid #C8C8C8;
 386   border-left:1px solid #C8C8C8;
 387   border-right:1px solid #C8C8C8;
 388   border-top-right-radius:5px;
 389   border-top-left-radius:5px;
 390   -webkit-border-top-right-radius:5px;
 391   -webkit-border-top-left-radius:5px;
 392   -moz-border-radius-topleft:5px;
 393   -moz-border-radius-topright:5px;
 394   background-color:#F8F8F8;
 395   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 396   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 397   color:#AAA;
 398 }
 399
 400 .tabs li.current {
 401   background-color:#FFF;
 402   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 403   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 404   margin-top:-2px;
 405   max-height:14px;
 406   padding-bottom:6px;
 407   border-bottom:1px solid #FFF;
 408   position:relative;
 409   z-index:1;
 410   color:#000;
 411 }
 412
 413 .tabs a {
 414   float:left;
 415   display:block;
 416   text-decoration:none;
 417   font-weight:bold;
 418   color:#777;
 419 }
 420
 421 .tabs li a:visited {
 422   color:#777;
 423 }
 424
 425 .tabs li.current a:visited {
 426   color:#000;
 427 }
 428
 429
 430 /* Fieldsets */
 431
 432 fieldset {
 433   border:0;
 434   padding:4px;
 435   margin:0;
 436 }
 437
 438 fieldset legend{
 439   text-align:left;
 440   padding:0px 0px;
 441   margin-left:0px;
 442   font-weight:bold;
 443 }
 444
 445 fieldset label{
 446   width:8em;
 447   float:left;
 448   text-align:left;
 449   clear:left;
 450   padding-top:3px;
 451   margin-top:3px;
 452 }
 453
 454 fieldset input[type=text]{
 455   float:left;
 456   width:10em;
 457   margin-top:3px;
 458 }
 459
 460 fieldset input[type=checkbox]{
 461   clear:left;
 462   float:left;
 463   margin-top:1px;
 464   margin-left:0;
 465 }
 466
 467 fieldset select{
 468   margin-top:5px;
 469 }
 470
 471 fieldset textarea{
 472   width:100%;
 473   resize:none;
 474   border:1px solid #CCC;
 475 }
 476
 477 fieldset textarea:hover{
 478   border-color:#777;
 479 }
 480
 481 .fieldset-left {
 482   padding-right:10px;
 483   border-right:1px solid #CCC;
 484   height:100%;
 485 }
 486
 487 .fieldset-middle {
 488   padding:0 10px;
 489   border-right:1px solid #CCC;
 490   height:100%;
 491 }
 492
 493 .fieldset-right {
 494   padding:0 10px;
 495   height:100%;
 496 }
 497
 498 /* Containers */
 499
 500 .container{
 501   float:none;
 502   clear:both;
 503   height:100%;
 504 }
 505
 506 .container-element{
 507   float:left;
 508   height:100%;
 509 }
 510
 511 .clear-left{
 512   clear:left;
 513 }
 514
 515 .clear{
 516   clear:both;
 517 }
 518
 519 .line-clear{
 520   clear:both;
 521   padding:2px 0;
 522   border-bottom:1px solid #CCC;
 523 }
 524
 525
 526 /* Icon menu */
 527
 528 .icon-menu-item{
 529   float:left;
 530   padding-top:10px;
 531   padding-bottom:10px;
 532   min-height:70px;
 533   min-width:150px;
 534   cursor:pointer;
 535 }
 536
 537 .icon-menu-item div.img{
 538   float:left;
 539 }
 540
 541 .icon-menu-item div.dsc{
 542   margin-left:55px
 543 }
 544
 545 .icon-menu-item:hover{
 546   background-color: #E0E0E0;
 547 }
 548
 549 .icon-menu-item h1{
 550   font-size:12px;
 551   font-weight:bold;
 552   margin:0;
 553   color:#333;
 554 }
 555
 556 h3.icon-menu-title{
 557   font-size:14px;
 558   font-weight:bold;
 559   margin-top:8px;
 560   color:#333;
 561 }
 562
 563 .icon-menu-item p{
 564   margin:0;
 565   color:#777;
 566 }
 567
 568
 569 /* Errors */
 570
 571 .error {
 572   border-color:red ! important;
 573 }
 574
 575
 576 /* Date picker*/
 577
 578 div.datepicker {
 579   position:absolute;
 580   text-align:center;
 581   border:1px #CCC solid;
 582   font-family:arial;
 583   background:#FFF;
 584   font-size:10px;
 585   padding:0;
 586   box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
 587   -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
 588   -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
 589 }
 590
 591 div.datepicker-calendar table {
 592   font-size:10px;
 593   border:1px solid #FFF;
 594   margin:0;
 595   padding:0;
 596   text-align:center;
 597 }
 598
 599 div.datepicker div.datepicker-header {
 600   font-size:11px;
 601   font-weight:bold;
 602   background:#F0F0F0;
 603   border-bottom:1px solid #CCC;
 604   padding:2px;
 605   text-align:center;
 606 }
 607
 608 div.datepicker table.header {
 609   width:175px;
 610   border:0;
 611   padding:0;
 612   text-align:center;
 613 }
 614
 615 td.prev,td.prev_year,td.next,td.next_year {
 616   width:8%;
 617   cursor:pointer;
 618   font-weight:bold;
 619   line-height:16px;
 620 }
 621
 622 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
 623   background-color:#DDD;
 624 }
 625
 626 td.header {
 627   text-align:center;
 628   width:68%;
 629   font-weight:bold;
 630   line-height:16px;
 631 }
 632
 633 div.datepicker-header {
 634   height:16px;
 635 }
 636
 637 div.datepicker-calendar table tbody tr {
 638   border:1px solid #FFF;
 639   margin:0;
 640   padding:0;
 641 }
 642
 643 div.datepicker-calendar table tbody tr td {
 644   border:1px #EEE solid;
 645   margin:0;
 646   padding:0;
 647   text-align:center;
 648   height:16px;
 649   line-height:16px;
 650   width:21px;
 651   cursor:pointer;
 652 }
 653
 654 div.datepicker-calendar table tbody tr td:hover,div.datepicker-calendar table tbody tr td.outbound:hover,div.datepicker-calendar table tbody tr td.today:hover {
 655   border:1px #CCE9FF solid;
 656   background:#E9F5FF;
 657   cursor:pointer;
 658 }
 659
 660 div.datepicker-calendar table tbody tr td.wday {
 661   border:1px #AAA solid;
 662   background:#CCC;
 663   cursor:text;
 664   width:21px;
 665   height:16px;
 666   line-height:16px;
 667   font-weight:bold;
 668 }
 669
 670 div.datepicker-calendar table tbody tr td.outbound {
 671   background:#F3F3F3;
 672 }
 673
 674 div.datepicker-calendar table tbody tr td.today {
 675   border:1px #CCE9FF solid;
 676   background:#E9F5FF;
 677   background-image:url(../../images/date_active.gif);
 678   background-repeat:no-repeat;
 679   position:top left;
 680   width:21px;
 681   height:16px;
 682   line-height:16px;
 683 }
 684
 685 div.datepicker-calendar table tbody tr td.today:hover {
 686   border:1px #CCE9FF solid;
 687   background:#E9F5FF;
 688   background-image:url(../../images/date_active.gif);
 689   background-repeat:no-repeat;
 690   position:top left;
 691 }
 692
 693 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
 694   cursor:default;
 695   color:#aaa;
 696   width:21px;
 697   height:16px;
 698   line-height:16px;
 699 }
 700
 701 div.datepicker-calendar table tbody tr td.nclick_outbound {
 702   background:#E8E4E4;
 703   width:21px;
 704   height:16px;
 705   line-height:16px;
 706 }
 707
 708 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 709   border:1px #EAEAEA solid;
 710   background:#FFF;
 711 }
 712
 713 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 714   background:#E8E4E4;
 715 }
 716
 717 div.datepicker div.datepicker-footer {
 718   font-size:10px;
 719   background:#F0F0F0;
 720   border-top:1px solid #AAA;
 721   cursor:pointer;
 722   text-align:center;
 723   padding:2px;
 724 }
 725
 726 .date {
 727   float:left;
 728 }
 729
 730 .datepicker-opener-table {
 731   border:1px solid transparent;
 732   padding:0;
 733   border-spacing:0;
 734   margin:0 0 0 3px;
 735   background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
 736   width:18px;
 737   height:18px;
 738   cursor:pointer;
 739 }
 740
 741 .Opera .datepicker-opener-table {
 742   float:right;
 743 }
 744
 745 .IE7 .datepicker-opener-table {
 746   position:relative;
 747   top:0;
 748   left:3px;
 749 }
 750
 751 .datepicker-opener-table:hover {
 752   background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
 753 }
 754
 755 .datepicker-opener {
 756   width:16px;
 757   height:16px;
 758   margin:0 0 0 3px;
 759   cursor:pointer;
 760 }
 761
 762
 763 /* Lists */
 764
 765 div.listContainer {
 766   width:100%;
 767   border-top:1px solid #CCC;
 768   border-bottom:1px solid #CCC;
 769   border-left:1px solid #CCC;
 770   border-right:1px solid #CCC;
 771   border-top-left-radius:2px;
 772   border-top-right-radius:2px;
 773   -moz-border-radius-topleft:2px;
 774   -moz-border-radius-topright:2px;
 775   -webkit-border-top-left-radius:2px;
 776   -webkit-border-top-right-radius:2px;
 777 }
 778
 779 .fixedListHeader tr {
 780   position:relative;
 781   height:auto;
 782   font-weight:bold;
 783 }
 784
 785 .fixedListHeader a {
 786   color:#444;
 787 }
 788
 789 .listHeaderFormat {
 790   margin:3px;
 791   padding:1px;
 792   white-space:nowrap;
 793 }
 794
 795 .listHeaderFormat tr td {
 796   padding:4px;
 797   background-color:#F5F5F5;
 798   color:#444;
 799   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 800   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 801   border-right:1px solid #CCC;
 802   border-bottom:1px solid #CCC;
 803 }
 804
 805 .listScrollContent {
 806   height:100%;
 807   overflow-x:hidden;
 808   overflow-y:auto;
 809 }
 810
 811 .listScrollContent tr {
 812   height:auto;
 813   white-space:nowrap;
 814 }
 815
 816 .listScrollContent tr:nth-child(odd) {
 817   background-color:#FFF;
 818 }
 819
 820 .listScrollContent tr:nth-child(even) {
 821   background-color:#F5F5F5;
 822 }
 823
 824 .listScrollContent tr:last-child {
 825   background-color:#FFF;
 826 }
 827
 828 .listScrollContent tr td:last-child {
 829   padding-right:20px;
 830 }
 831
 832 .listBodyFormat tr td {
 833   color:#000;
 834   margin:3px;
 835   padding:2px;
 836   border-right:1px solid #CCC;
 837   word-wrap:break-word;
 838   white-space:normal;
 839   max-width:500px;
 840 }
 841
 842 div.nlistFooter {
 843   background-color:#F5F5F5;
 844   color:#444;
 845   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 846   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 847   border-left:1px solid #CCC;
 848   border-right:1px solid #CCC;
 849   border-bottom:1px solid #CCC;
 850   border-bottom-left-radius:2px;
 851   border-bottom-right-radius:2px;
 852   -moz-border-radius-bottomleft:2px;
 853   -moz-border-radius-bottomright:2px;
 854   -webkit-border-bottom-left-radius:2px;
 855   -webkit-border-bottom-right-radius:2px;
 856   padding:0;
 857   width:100%;
 858 }
 859
 860
 861 /* List header, Filter, misc. */
 862
 863 #filter {
 864   position:absolute;
 865   right:0;
 866   width:250px;
 867 }
 868
 869 #mainlist {
 870   position:absolute;
 871   right:265px;
 872   left:0;
 873 }
 874
 875 .mainlist-header {
 876   background-color:#F8F8F8;
 877   border:1px solid #CCC;
 878   border-radius:2px;
 879   -moz-border-radius:2px;
 880   -webkit-border-radius:2px;
 881   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 882   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 883   margin-bottom:4px;
 884   margin-right:-2px;
 885 }
 886
 887 .mainlist-header p{
 888   color:#444;
 889   font-weight:bold;
 890   font-size:14px;
 891   margin:4px;
 892 }
 893
 894 .mainlist-header div{
 895   border-top:1px solid #CCC;
 896   background-color:white;
 897 }
 898
 899 ul.mainlist-header-nav {
 900   list-style:none;
 901   cursor:pointer;
 902   padding:0;
 903   margin:0;
 904   color:#666;
 905 }
 906
 907 ul.mainlist-header-nav li {
 908   display:inline;
 909   padding:5px;
 910   padding-top:8px;
 911   height:19px;
 912 }
 913
 914 ul.mainlist-header-nav li:hover {
 915   background-color: #E0E0E0;
 916   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 917   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 918 }
 919
 920
 921 /* Sortable Lists */
 922
 923 div.sortableListContainer {
 924   border:1px solid #AAA;
 925   overflow:auto;
 926   margin-bottom:2px;
 927 }
 928
 929 .sortableListContainer th {
 930   background-color:#D8D8D8;
 931   padding:3px;
 932   text-align:left;
 933   border-left:1px solid #AAA;
 934 }
 935
 936 .sortableListContainer td {
 937   padding:3px;
 938   text-align:left;
 939   border-left:1px solid #AAA;
 940 }
 941
 942 tr.sortableListItem {
 943   background-color:#FFF;
 944   cursor:move;
 945   color:#000;
 946 }
 947
 948 tr.sortableListItemFill {
 949   background-color:#FFF;
 950   cursor:default;
 951 }
 952
 953 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
 954   background:transparent;
 955 }
 956
 957 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
 958   background:transparent;
 959 }
 960
 961 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
 962   background:transparent;
 963 }
 964
 965 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
 966   background:transparent;
 967 }
 968
 969 tr.sortableListItemOdd {
 970   background-color:#F5F5F5;
 971   cursor:move;
 972   color:#000;
 973 }
 974
 975 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
 976   background-color:#EEE;
 977 }
 978
 979 tr.sortableListItemDisabled {
 980   cursor:default;
 981   color:#CCC;
 982 }
 983
 984 table.sortableListTable {
 985   border:0;
 986 }
 987
 988 tr.sortableListItemMarked {
 989   background-color:#FFD;
 990 }
 991
 992
 993 /* Tree List */
 994
 995 ul.treeList,ul.treeList ul {
 996   list-style-type:none;
 997   background:url(../../images/lists/vline.png) repeat-y;
 998   margin:0;
 999   padding:0;
1000 }
1001
1002 ul.treeList ul {
1003   margin-left:10px;
1004 }
1005
1006 ul.treeList a:hover {
1007   background-color:#DDD;
1008 }
1009
1010 a.treeList {
1011   padding:2px;
1012   cursor:pointer;
1013 }
1014
1015 a.treeListSelected {
1016   font-weight:bold;
1017   color:#1010AF;
1018   background-color:#DDD;
1019   padding:2px;
1020   cursor:pointer;
1021 }
1022
1023 a.treeList:hover,a.treeListSelected:hover {
1024   background-color:#DDD;
1025   padding:2px;
1026 }
1027
1028 ul.treeList a {
1029   padding:2px;
1030   cursor:pointer;
1031 }
1032
1033 ul.treeList li {
1034   margin:0;
1035   padding:0 12px;
1036   line-height:20px;
1037   background:url(../../images/lists/node.png) no-repeat;
1038 }
1039
1040 li.treeListSelected a {
1041   font-weight:bold;
1042   color:#1010AF;
1043   padding:2px;
1044 }
1045
1046 ul.treeList li.last {
1047   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1048 }
1049
1050 ul.treeList li:last-child {
1051   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1052 }
1053
1054 div.treeList {
1055   background-color:#FFF;
1056   border:1px solid #AAA;
1057   padding:5px;
1058   position:absolute;
1059   z-index:500;
1060   overflow-y:auto;
1061   float:left;
1062 }
1063
1064 span.informal {
1065   color:#444;
1066   font-style:italic;
1067 }
1068
1069
1070 /* Max height for IE */
1071
1072 * html div.treeList {
1073   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1074 }
1075
1076 span.mark {
1077   color:#B22;
1078 }
1079
1080
1081 /* Message dialog */
1082
1083 div.errorMsgTitle {
1084 width:100%;
1085 font-size:1.4em;
1086 padding-bottom:.3em;
1087 padding-top:.3em;
1088 font-weight:bold;
1089 background-color:#F0F0F0;
1090 }
1091
1092 div.errorMsgDialog {
1093 width:60%;
1094 background-color:#FFF;
1095 border:4px solid red;
1096 z-index:150;
1097 display:none;
1098 position:absolute;
1099 }
1100
1101 div.infoMsgDialog {
1102 width:60%;
1103 background-color:#FFF;
1104 border:2px solid #000;
1105 z-index:150;
1106 display:none;
1107 position:absolute;
1108 }
1109
1110
1111 /* Autocompleter */
1112
1113 div.autocomplete {
1114 position:absolute;
1115 background-color:#FFF;
1116 border:1px solid #AAA;
1117 margin:0;
1118 padding:0;
1119 z-index:600;
1120 overflow:hidden;
1121 word-wrap:break-word;
1122 }
1123
1124 div.autocomplete ul {
1125 list-style-type:none;
1126 margin:0;
1127 padding:0;
1128 }
1129
1130 div.autocomplete ul li {
1131 list-style-type:none;
1132 display:block;
1133 margin:0;
1134 padding:2px;
1135 padding-left:4px;
1136 cursor:pointer;
1137 }
1138
1139 div.autocomplete li:hover {
1140 background-color:#F0F0F0;
1141 }
1142
1143 div.autocomplete ul li.selected {
1144 background-color:#F0F0F0;
1145 }
1146
1147
1148 /* Pulldown menu */
1149
1150 #pulldown {
1151 background:#FFF;
1152 height:23px;
1153 border:1px #CCC solid;
1154 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1155 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1156 }
1157
1158 #pulldown ul {
1159 display:block;
1160 margin:0;
1161 padding:0;
1162 line-height:1em;
1163 list-style:none;
1164 z-index:90;
1165 }
1166
1167 #pulldown ul li {
1168 float:left;
1169 margin:0 3px 0 0;
1170 padding:0;
1171 font-size:12px;
1172 line-height:1 5em;
1173 list-style-type:none;
1174 }
1175
1176 #pulldown ul li a {
1177 float:left;
1178 display:block;
1179 width:auto;
1180 font-weight:normal;
1181 background:transparent;
1182 text-decoration:none;
1183 margin:0;
1184 padding:5px;
1185 }
1186
1187 #pulldown ul li a:hover {
1188 text-decoration:none;
1189 }
1190
1191 #pulldown ul li.sep {
1192 color:#AAA;
1193 padding:.8em 0 .5em;
1194 }
1195
1196 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1197 #pulldown ul li a {
1198 float:none;
1199 }
1200
1201 /* End IE5-Mac hack */
1202 #pulldown ul.level2,#pulldown ul.level3 {
1203 position:absolute;
1204 top:0;
1205 left:0;
1206 visibility:hidden;
1207 border:1px #CCC solid;
1208 background:#FFF;
1209 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1210 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1211 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1212 }
1213
1214 #pulldown ul.level2 li,#pulldown ul.level3 li {
1215 border-bottom:1px solid #fff;
1216 float:none;
1217 margin:0;
1218 padding:0;
1219 width:200px;
1220 }
1221
1222 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1223 padding:5px 9px 5px 5px;
1224 }
1225
1226 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1227 font-weight:normal;
1228 background-color:#418DD4;
1229 background-image:none;
1230 }