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