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