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