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