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