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