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