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