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