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   margin-bottom:6px;
 323   background-color:#F8F8F8;
 324   background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#BBB));
 325   background: -moz-linear-gradient(top, #FFF, #BBB);
 326   border:1px solid #BBB;
 327   border-radius:2px;
 328   -webkit-border-radius:2px;
 329   -moz-border-radius:2px;
 330   outline:none;
 331 }
 332
 333 .button:active {
 334   background-color:#CCC;
 335   background: -webkit-gradient(linear, 0 100%, 0 0, from(#FFF), to(#BBB));
 336   background: -moz-linear-gradient(top, #BBB, #FFF);
 337 }
 338
 339 .button:hover {
 340   cursor:pointer;
 341   border-color:#777 !important;
 342 }
 343
 344 .button:focus, .button:active {
 345   border-color:#777;
 346 }
 347
 348
 349 /* Tabs */
 350
 351 .tabs {
 352   width:100%;
 353   height:25px;
 354 }
 355
 356 .tab-content {
 357   padding:5px 8px;
 358   z-index:0;
 359   margin-top:-2px;
 360   position:relative;
 361   border:1px solid #CCC;
 362   border-top-right-radius:5px;
 363   border-bottom-right-radius:5px;
 364   border-bottom-left-radius:5px;
 365   box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 366   -webkit-border-top-right-radius:5px;
 367   -webkit-border-bottom-right-radius:5px;
 368   -webkit-border-bottom-left-radius:5px;
 369   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
 370   -moz-border-radius-topright:5px;
 371   -moz-border-radius-bottomright:5px;
 372   -moz-border-radius-bottomleft:5px;
 373   -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
 374 }
 375
 376 .tabs ul {
 377   margin:0;
 378   padding:0;
 379   list-style:none;
 380 }
 381
 382 .tabs li {
 383   float:left;
 384   margin:0;
 385   padding:4px 8px;
 386   border-top:1px solid #C8C8C8;
 387   border-left:1px solid #C8C8C8;
 388   border-right:1px solid #C8C8C8;
 389   border-top-right-radius:5px;
 390   border-top-left-radius:5px;
 391   -webkit-border-top-right-radius:5px;
 392   -webkit-border-top-left-radius:5px;
 393   -moz-border-radius-topleft:5px;
 394   -moz-border-radius-topright:5px;
 395   background-color:#F8F8F8;
 396   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 397   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 398   color:#333;
 399   cursor:pointer;
 400 }
 401
 402 .tabs li:hover {
 403   background-color:#FFF;
 404   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 405   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 406 }
 407
 408 .tabs li.current {
 409   background-color:#FFF;
 410   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#FFF));
 411   background: -moz-linear-gradient(top, #F8F8F8, #FFF);
 412   margin-top:-2px;
 413   max-height:14px;
 414   padding-bottom:6px;
 415   border-bottom:1px solid #FFF;
 416   position:relative;
 417   z-index:1;
 418   color:#222;
 419   cursor:pointer;
 420 }
 421
 422
 423 /* Fieldsets */
 424
 425 fieldset {
 426   border:0;
 427   padding:4px;
 428   margin:0;
 429 }
 430
 431 fieldset legend{
 432   text-align:left;
 433   padding:0px 0px;
 434   margin-left:0px;
 435   font-weight:bold;
 436 }
 437
 438 fieldset label{
 439   width:8em;
 440   float:left;
 441   text-align:left;
 442   clear:left;
 443   padding-top:3px;
 444   margin-top:3px;
 445 }
 446
 447 fieldset input[type=text]{
 448   float:left;
 449   width:10em;
 450   margin-top:3px;
 451 }
 452
 453 fieldset input[type=checkbox]{
 454   clear:left;
 455   float:left;
 456   margin-top:1px;
 457   margin-left:0;
 458 }
 459
 460 fieldset select{
 461   margin-top:5px;
 462 }
 463
 464 fieldset textarea{
 465   width:100%;
 466   resize:none;
 467   border:1px solid #CCC;
 468 }
 469
 470 fieldset textarea:hover{
 471   border-color:#777;
 472 }
 473
 474 .fieldset-left {
 475   padding-right:10px;
 476   border-right:1px solid #CCC;
 477   height:100%;
 478 }
 479
 480 .fieldset-middle {
 481   padding:0 10px;
 482   border-right:1px solid #CCC;
 483   height:100%;
 484 }
 485
 486 .fieldset-right {
 487   padding:0 10px;
 488   height:100%;
 489 }
 490
 491 /* Containers */
 492
 493 .container{
 494   float:none;
 495   clear:both;
 496   height:100%;
 497 }
 498
 499 .container-element{
 500   float:left;
 501   height:100%;
 502 }
 503
 504 .clear-left{
 505   clear:left;
 506 }
 507
 508 .clear{
 509   clear:both;
 510 }
 511
 512 .line-clear{
 513   clear:both;
 514   padding:2px 0;
 515   border-bottom:1px solid #CCC;
 516 }
 517
 518
 519 /* Icon menu */
 520
 521 .icon-menu-item{
 522   float:left;
 523   padding-top:10px;
 524   padding-bottom:10px;
 525   min-height:70px;
 526   min-width:150px;
 527   cursor:pointer;
 528 }
 529
 530 .icon-menu-item div.img{
 531   float:left;
 532 }
 533
 534 .icon-menu-item div.dsc{
 535   margin-left:55px
 536 }
 537
 538 .icon-menu-item:hover{
 539   background-color: #E0E0E0;
 540 }
 541
 542 .icon-menu-item h1{
 543   font-size:12px;
 544   font-weight:bold;
 545   margin:0;
 546   color:#333;
 547 }
 548
 549 h3.icon-menu-title{
 550   font-size:14px;
 551   font-weight:bold;
 552   margin-top:8px;
 553   color:#333;
 554 }
 555
 556 .icon-menu-item p{
 557   margin:0;
 558   color:#777;
 559 }
 560
 561
 562 /* Errors */
 563
 564 .error {
 565   border-color:red ! important;
 566 }
 567
 568
 569 /* Date picker*/
 570
 571 div.datepicker {
 572   position:absolute;
 573   text-align:center;
 574   border:1px #CCC solid;
 575   font-family:arial;
 576   background:#FFF;
 577   font-size:10px;
 578   padding:0;
 579   box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
 580   -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
 581   -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
 582 }
 583
 584 div.datepicker-calendar table {
 585   font-size:10px;
 586   border:1px solid #FFF;
 587   margin:0;
 588   padding:0;
 589   text-align:center;
 590 }
 591
 592 div.datepicker div.datepicker-header {
 593   font-size:11px;
 594   font-weight:bold;
 595   background:#F0F0F0;
 596   border-bottom:1px solid #CCC;
 597   padding:2px;
 598   text-align:center;
 599 }
 600
 601 div.datepicker table.header {
 602   width:175px;
 603   border:0;
 604   padding:0;
 605   text-align:center;
 606 }
 607
 608 td.prev,td.prev_year,td.next,td.next_year {
 609   width:8%;
 610   cursor:pointer;
 611   font-weight:bold;
 612   line-height:16px;
 613 }
 614
 615 td.prev:hover,td.prev_year:hover,td.next:hover,td.next_year:hover {
 616   background-color:#DDD;
 617 }
 618
 619 td.header {
 620   text-align:center;
 621   width:68%;
 622   font-weight:bold;
 623   line-height:16px;
 624 }
 625
 626 div.datepicker-header {
 627   height:16px;
 628 }
 629
 630 div.datepicker-calendar table tbody tr {
 631   border:1px solid #FFF;
 632   margin:0;
 633   padding:0;
 634 }
 635
 636 div.datepicker-calendar table tbody tr td {
 637   border:1px #EEE solid;
 638   margin:0;
 639   padding:0;
 640   text-align:center;
 641   height:16px;
 642   line-height:16px;
 643   width:21px;
 644   cursor:pointer;
 645 }
 646
 647 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 {
 648   border:1px #CCE9FF solid;
 649   background:#E9F5FF;
 650   cursor:pointer;
 651 }
 652
 653 div.datepicker-calendar table tbody tr td.wday {
 654   border:1px #AAA solid;
 655   background:#CCC;
 656   cursor:text;
 657   width:21px;
 658   height:16px;
 659   line-height:16px;
 660   font-weight:bold;
 661 }
 662
 663 div.datepicker-calendar table tbody tr td.outbound {
 664   background:#F3F3F3;
 665 }
 666
 667 div.datepicker-calendar table tbody tr td.today {
 668   border:1px #CCE9FF solid;
 669   background:#E9F5FF;
 670   background-image:url(../../images/date_active.gif);
 671   background-repeat:no-repeat;
 672   position:top left;
 673   width:21px;
 674   height:16px;
 675   line-height:16px;
 676 }
 677
 678 div.datepicker-calendar table tbody tr td.today:hover {
 679   border:1px #CCE9FF solid;
 680   background:#E9F5FF;
 681   background-image:url(../../images/date_active.gif);
 682   background-repeat:no-repeat;
 683   position:top left;
 684 }
 685
 686 div.datepicker-calendar table tbody tr td.nclick,div.datepicker-calendar table tbody tr td.nclick_outbound {
 687   cursor:default;
 688   color:#aaa;
 689   width:21px;
 690   height:16px;
 691   line-height:16px;
 692 }
 693
 694 div.datepicker-calendar table tbody tr td.nclick_outbound {
 695   background:#E8E4E4;
 696   width:21px;
 697   height:16px;
 698   line-height:16px;
 699 }
 700
 701 div.datepicker-calendar table tbody tr td.nclick:hover,div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 702   border:1px #EAEAEA solid;
 703   background:#FFF;
 704 }
 705
 706 div.datepicker-calendar table tbody tr td.nclick_outbound:hover {
 707   background:#E8E4E4;
 708 }
 709
 710 div.datepicker div.datepicker-footer {
 711   font-size:10px;
 712   background:#F0F0F0;
 713   border-top:1px solid #AAA;
 714   cursor:pointer;
 715   text-align:center;
 716   padding:2px;
 717 }
 718
 719 .date {
 720   float:left;
 721 }
 722
 723 .datepicker-opener-table {
 724   border:1px solid transparent;
 725   padding:0;
 726   border-spacing:0;
 727   margin:0 0 0 3px;
 728   background:transparent url(../../images/datepicker.gif) no-repeat 0 0;
 729   width:18px;
 730   height:18px;
 731   cursor:pointer;
 732 }
 733
 734 .Opera .datepicker-opener-table {
 735   float:right;
 736 }
 737
 738 .IE7 .datepicker-opener-table {
 739   position:relative;
 740   top:0;
 741   left:3px;
 742 }
 743
 744 .datepicker-opener-table:hover {
 745   background:transparent url(../../images/datepicker_ro.gif) no-repeat 0 0;
 746 }
 747
 748 .datepicker-opener {
 749   width:16px;
 750   height:16px;
 751   margin:0 0 0 3px;
 752   cursor:pointer;
 753 }
 754
 755
 756 /* Lists */
 757
 758 div.listContainer {
 759   width:100%;
 760   border-top:1px solid #CCC;
 761   border-bottom:1px solid #CCC;
 762   border-left:1px solid #CCC;
 763   border-right:1px solid #CCC;
 764   border-top-left-radius:2px;
 765   border-top-right-radius:2px;
 766   -moz-border-radius-topleft:2px;
 767   -moz-border-radius-topright:2px;
 768   -webkit-border-top-left-radius:2px;
 769   -webkit-border-top-right-radius:2px;
 770 }
 771
 772 .fixedListHeader tr {
 773   position:relative;
 774   height:auto;
 775   font-weight:bold;
 776 }
 777
 778 .fixedListHeader a {
 779   color:#444;
 780 }
 781
 782 .listHeaderFormat {
 783   margin:3px;
 784   padding:1px;
 785   white-space:nowrap;
 786 }
 787
 788 .listHeaderFormat tr td {
 789   padding:4px;
 790   background-color:#F5F5F5;
 791   color:#444;
 792   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 793   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 794   border-right:1px solid #CCC;
 795   border-bottom:1px solid #CCC;
 796 }
 797
 798 .listScrollContent {
 799   height:100%;
 800   overflow-x:hidden;
 801   overflow-y:auto;
 802 }
 803
 804 .listScrollContent tr {
 805   height:auto;
 806   white-space:nowrap;
 807 }
 808
 809 .listScrollContent tr:nth-child(odd) {
 810   background-color:#FFF;
 811 }
 812
 813 .listScrollContent tr:nth-child(even) {
 814   background-color:#F5F5F5;
 815 }
 816
 817 .listScrollContent tr:last-child {
 818   background-color:#FFF;
 819 }
 820
 821 .listScrollContent tr td:last-child {
 822   padding-right:20px;
 823 }
 824
 825 .listBodyFormat tr td {
 826   color:#000;
 827   margin:3px;
 828   padding:2px;
 829   border-right:1px solid #CCC;
 830   word-wrap:break-word;
 831   white-space:normal;
 832   max-width:500px;
 833 }
 834
 835 div.nlistFooter {
 836   background-color:#F5F5F5;
 837   color:#444;
 838   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 839   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 840   border-left:1px solid #CCC;
 841   border-right:1px solid #CCC;
 842   border-bottom:1px solid #CCC;
 843   border-bottom-left-radius:2px;
 844   border-bottom-right-radius:2px;
 845   -moz-border-radius-bottomleft:2px;
 846   -moz-border-radius-bottomright:2px;
 847   -webkit-border-bottom-left-radius:2px;
 848   -webkit-border-bottom-right-radius:2px;
 849   padding:0;
 850   width:100%;
 851 }
 852
 853
 854 /* List header, Filter, misc. */
 855
 856 #filter {
 857   position:absolute;
 858   right:0;
 859   width:250px;
 860 }
 861
 862 #mainlist {
 863   position:absolute;
 864   right:265px;
 865   left:0;
 866 }
 867
 868 .mainlist-header {
 869   background-color:#F8F8F8;
 870   border:1px solid #CCC;
 871   border-radius:2px;
 872   -moz-border-radius:2px;
 873   -webkit-border-radius:2px;
 874   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 875   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 876   margin-bottom:4px;
 877   margin-right:-2px;
 878 }
 879
 880 .mainlist-header p{
 881   color:#444;
 882   font-weight:bold;
 883   font-size:14px;
 884   margin:4px;
 885 }
 886
 887 .mainlist-header div{
 888   border-top:1px solid #CCC;
 889   background-color:white;
 890 }
 891
 892 ul.mainlist-header-nav {
 893   list-style:none;
 894   cursor:pointer;
 895   padding:0;
 896   margin:0;
 897   color:#666;
 898 }
 899
 900 ul.mainlist-header-nav li {
 901   display:inline;
 902   padding:5px;
 903   padding-top:8px;
 904   height:19px;
 905 }
 906
 907 ul.mainlist-header-nav li:hover {
 908   background-color: #E0E0E0;
 909   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 910   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 911 }
 912
 913
 914 /* Sortable Lists */
 915
 916 div.sortableListContainer {
 917   border:1px solid #AAA;
 918   overflow:auto;
 919   margin-bottom:2px;
 920 }
 921
 922 .sortableListContainer th {
 923   background-color:#D8D8D8;
 924   padding:3px;
 925   text-align:left;
 926   border-left:1px solid #AAA;
 927 }
 928
 929 .sortableListContainer td {
 930   padding:3px;
 931   text-align:left;
 932   border-left:1px solid #AAA;
 933 }
 934
 935 tr.sortableListItem {
 936   background-color:#FFF;
 937   cursor:move;
 938   color:#000;
 939 }
 940
 941 tr.sortableListItemFill {
 942   background-color:#FFF;
 943   cursor:default;
 944 }
 945
 946 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
 947   background:transparent;
 948 }
 949
 950 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
 951   background:transparent;
 952 }
 953
 954 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
 955   background:transparent;
 956 }
 957
 958 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
 959   background:transparent;
 960 }
 961
 962 tr.sortableListItemOdd {
 963   background-color:#F5F5F5;
 964   cursor:move;
 965   color:#000;
 966 }
 967
 968 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
 969   background-color:#EEE;
 970 }
 971
 972 tr.sortableListItemDisabled {
 973   cursor:default;
 974   color:#CCC;
 975 }
 976
 977 table.sortableListTable {
 978   border:0;
 979 }
 980
 981 tr.sortableListItemMarked {
 982   background-color:#FFD;
 983 }
 984
 985
 986 /* Tree List */
 987
 988 ul.treeList,ul.treeList ul {
 989   list-style-type:none;
 990   background:url(../../images/lists/vline.png) repeat-y;
 991   margin:0;
 992   padding:0;
 993 }
 994
 995 ul.treeList ul {
 996   margin-left:10px;
 997 }
 998
 999 ul.treeList a:hover {
1000   background-color:#DDD;
1001 }
1002
1003 a.treeList {
1004   padding:2px;
1005   cursor:pointer;
1006 }
1007
1008 a.treeListSelected {
1009   font-weight:bold;
1010   color:#1010AF;
1011   background-color:#DDD;
1012   padding:2px;
1013   cursor:pointer;
1014 }
1015
1016 a.treeList:hover,a.treeListSelected:hover {
1017   background-color:#DDD;
1018   padding:2px;
1019 }
1020
1021 ul.treeList a {
1022   padding:2px;
1023   cursor:pointer;
1024 }
1025
1026 ul.treeList li {
1027   margin:0;
1028   padding:0 12px;
1029   line-height:20px;
1030   background:url(../../images/lists/node.png) no-repeat;
1031 }
1032
1033 li.treeListSelected a {
1034   font-weight:bold;
1035   color:#1010AF;
1036   padding:2px;
1037 }
1038
1039 ul.treeList li.last {
1040   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1041 }
1042
1043 ul.treeList li:last-child {
1044   background:#fff url(../../images/lists/lastnode.png) no-repeat;
1045 }
1046
1047 div.treeList {
1048   background-color:#FFF;
1049   border:1px solid #AAA;
1050   padding:5px;
1051   position:absolute;
1052   z-index:500;
1053   overflow-y:auto;
1054   float:left;
1055 }
1056
1057 span.informal {
1058   color:#444;
1059   font-style:italic;
1060 }
1061
1062
1063 /* Max height for IE */
1064
1065 * html div.treeList {
1066   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1067 }
1068
1069 span.mark {
1070   color:#B22;
1071 }
1072
1073
1074 /* Message dialog */
1075
1076 div.errorMsgTitle {
1077 width:100%;
1078 font-size:1.4em;
1079 padding-bottom:.3em;
1080 padding-top:.3em;
1081 font-weight:bold;
1082 background-color:#F0F0F0;
1083 }
1084
1085 div.errorMsgDialog {
1086 width:60%;
1087 background-color:#FFF;
1088 border:4px solid red;
1089 z-index:150;
1090 display:none;
1091 position:absolute;
1092 }
1093
1094 div.infoMsgDialog {
1095 width:60%;
1096 background-color:#FFF;
1097 border:2px solid #000;
1098 z-index:150;
1099 display:none;
1100 position:absolute;
1101 }
1102
1103
1104 /* Autocompleter */
1105
1106 div.autocomplete {
1107 position:absolute;
1108 background-color:#FFF;
1109 border:1px solid #AAA;
1110 margin:0;
1111 padding:0;
1112 z-index:600;
1113 overflow:hidden;
1114 word-wrap:break-word;
1115 }
1116
1117 div.autocomplete ul {
1118 list-style-type:none;
1119 margin:0;
1120 padding:0;
1121 }
1122
1123 div.autocomplete ul li {
1124 list-style-type:none;
1125 display:block;
1126 margin:0;
1127 padding:2px;
1128 padding-left:4px;
1129 cursor:pointer;
1130 }
1131
1132 div.autocomplete li:hover {
1133 background-color:#F0F0F0;
1134 }
1135
1136 div.autocomplete ul li.selected {
1137 background-color:#F0F0F0;
1138 }
1139
1140
1141 /* Pulldown menu */
1142
1143 #pulldown {
1144 background:#FFF;
1145 height:23px;
1146 border:1px #CCC solid;
1147 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1148 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1149 }
1150
1151 #pulldown ul {
1152 display:block;
1153 margin:0;
1154 padding:0;
1155 line-height:1em;
1156 list-style:none;
1157 z-index:90;
1158 }
1159
1160 #pulldown ul li {
1161 float:left;
1162 margin:0 3px 0 0;
1163 padding:0;
1164 font-size:12px;
1165 line-height:1 5em;
1166 list-style-type:none;
1167 }
1168
1169 #pulldown ul li a {
1170 float:left;
1171 display:block;
1172 width:auto;
1173 font-weight:normal;
1174 background:transparent;
1175 text-decoration:none;
1176 margin:0;
1177 padding:5px;
1178 }
1179
1180 #pulldown ul li a:hover {
1181 text-decoration:none;
1182 }
1183
1184 #pulldown ul li.sep {
1185 color:#AAA;
1186 padding:.8em 0 .5em;
1187 }
1188
1189 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1190 #pulldown ul li a {
1191 float:none;
1192 }
1193
1194 /* End IE5-Mac hack */
1195 #pulldown ul.level2,#pulldown ul.level3 {
1196 position:absolute;
1197 top:0;
1198 left:0;
1199 visibility:hidden;
1200 border:1px #CCC solid;
1201 background:#FFF;
1202 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1203 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1204 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1205 }
1206
1207 #pulldown ul.level2 li,#pulldown ul.level3 li {
1208 border-bottom:1px solid #fff;
1209 float:none;
1210 margin:0;
1211 padding:0;
1212 width:200px;
1213 }
1214
1215 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1216 padding:5px 9px 5px 5px;
1217 }
1218
1219 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1220 font-weight:normal;
1221 background-color:#418DD4;
1222 background-image:none;
1223 }