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