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