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