gosa-core/html/themes/modern/style.css

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