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

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