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