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 .listBodyFormat tr td {
 768   color:#000;
 769   margin:3px;
 770   padding:2px;
 771   border-right:1px solid #CCC;
 772   word-wrap:break-word;
 773   white-space:normal;
 774   max-width:500px;
 775 }
 776
 777 div.nlistFooter {
 778   background-color:#F5F5F5;
 779   color:#444;
 780   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 781   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 782   border-left:1px solid #CCC;
 783   border-right:1px solid #CCC;
 784   border-bottom:1px solid #CCC;
 785   border-bottom-left-radius:2px;
 786   border-bottom-right-radius:2px;
 787   -moz-border-radius-bottomleft:2px;
 788   -moz-border-radius-bottomright:2px;
 789   -webkit-border-bottom-left-radius:2px;
 790   -webkit-border-bottom-right-radius:2px;
 791   padding:0;
 792   width:100%;
 793 }
 794
 795
 796 /* List header, Filter, misc. */
 797
 798 #filter {
 799   position:absolute;
 800   right:0;
 801   width:250px;
 802 }
 803
 804 #mainlist {
 805   position:absolute;
 806   right:265px;
 807   left:0;
 808 }
 809
 810 .mainlist-header {
 811   background-color:#F8F8F8;
 812   border:1px solid #CCC;
 813   border-radius:2px;
 814   -moz-border-radius:2px;
 815   -webkit-border-radius:2px;
 816   background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
 817   background: -moz-linear-gradient(top, #F8F8F8, #EEE);
 818   margin-bottom:4px;
 819   margin-right:-2px;
 820 }
 821
 822 .mainlist-header p{
 823   color:#444;
 824   font-weight:bold;
 825   font-size:14px;
 826   margin:4px;
 827 }
 828
 829 .mainlist-header div.mainlist-nav{
 830   border-top:1px solid #CCC;
 831   background-color:white;
 832 }
 833
 834 ul.mainlist-header-nav {
 835   list-style:none;
 836   cursor:pointer;
 837   padding:0;
 838   margin:0;
 839   color:#666;
 840 }
 841
 842 ul.mainlist-header-nav li {
 843   display:inline;
 844   padding:5px;
 845   padding-top:8px;
 846   height:19px;
 847 }
 848
 849 ul.mainlist-header-nav li:hover {
 850   background-color: #E0E0E0;
 851   background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEE), to(#E0E0E0));
 852   background: -moz-linear-gradient(top, #EEE, #E0E0E0);
 853 }
 854
 855
 856 /* Sortable Lists */
 857
 858 div.sortableListContainer {
 859   border:1px solid #AAA;
 860   overflow:auto;
 861   margin-bottom:2px;
 862 }
 863
 864 .sortableListContainer th {
 865   background-color:#D8D8D8;
 866   padding:3px;
 867   text-align:left;
 868   border-left:1px solid #AAA;
 869 }
 870
 871 .sortableListContainer td {
 872   padding:3px;
 873   text-align:left;
 874   border-left:1px solid #AAA;
 875 }
 876
 877 tr.sortableListItem {
 878   background-color:#FFF;
 879   cursor:move;
 880   color:#000;
 881 }
 882
 883 tr.sortableListItemFill {
 884   background-color:#FFF;
 885   cursor:default;
 886 }
 887
 888 tr.sortableListItemOdd ::-moz-selection,tr.sortableListItem ::-moz-selection {
 889   background:transparent;
 890 }
 891
 892 tr.sortableListItemOdd ::selection,tr.sortableListItem ::selection {
 893   background:transparent;
 894 }
 895
 896 tr.sortableListItemOdd code::-moz-selection,tr.sortableListItem code::-moz-selection {
 897   background:transparent;
 898 }
 899
 900 tr.sortableListItemOdd code::selection,tr.sortableListItem code::selection {
 901   background:transparent;
 902 }
 903
 904 tr.sortableListItemOdd {
 905   background-color:#F5F5F5;
 906   cursor:move;
 907   color:#000;
 908 }
 909
 910 tr.sortableListItem:hover,tr.sortableListItemOdd:hover {
 911   background-color:#EEE;
 912 }
 913
 914 tr.sortableListItemDisabled {
 915   cursor:default;
 916   color:#CCC;
 917 }
 918
 919 table.sortableListTable {
 920   border:0;
 921 }
 922
 923 tr.sortableListItemMarked {
 924   background-color:#FFD;
 925 }
 926
 927
 928 /* Tree List */
 929
 930 ul.treeList,ul.treeList ul {
 931   list-style-type:none;
 932   background:url(../../images/lists/vline.png) repeat-y;
 933   margin:0;
 934   padding:0;
 935 }
 936
 937 ul.treeList ul {
 938   margin-left:10px;
 939 }
 940
 941 ul.treeList a:hover {
 942   background-color:#DDD;
 943 }
 944
 945 a.treeList {
 946   padding:2px;
 947   cursor:pointer;
 948 }
 949
 950 a.treeListSelected {
 951   font-weight:bold;
 952   color:#1010AF;
 953   background-color:#DDD;
 954   padding:2px;
 955   cursor:pointer;
 956 }
 957
 958 a.treeList:hover,a.treeListSelected:hover {
 959   background-color:#DDD;
 960   padding:2px;
 961 }
 962
 963 ul.treeList a {
 964   padding:2px;
 965   cursor:pointer;
 966 }
 967
 968 ul.treeList li {
 969   margin:0;
 970   padding:0 12px;
 971   line-height:20px;
 972   background:url(../../images/lists/node.png) no-repeat;
 973 }
 974
 975 li.treeListSelected a {
 976   font-weight:bold;
 977   color:#1010AF;
 978   padding:2px;
 979 }
 980
 981 ul.treeList li.last {
 982   background:#fff url(../../images/lists/lastnode.png) no-repeat;
 983 }
 984
 985 ul.treeList li:last-child {
 986   background:#fff url(../../images/lists/lastnode.png) no-repeat;
 987 }
 988
 989 div.treeList {
 990   background-color:#FFF;
 991   border:1px solid #AAA;
 992   padding:5px;
 993   position:absolute;
 994   z-index:500;
 995   overflow-y:auto;
 996   float:left;
 997 }
 998
 999 span.informal {
1000   color:#444;
1001   font-style:italic;
1002 }
1003
1004
1005 /* Max height for IE */
1006
1007 * html div.treeList {
1008   height: expression( this.scrollHeight > 500 ? "500px" : "auto" );
1009 }
1010
1011 span.mark {
1012   color:#B22;
1013 }
1014
1015
1016 /* Message dialog */
1017
1018 div.errorMsgTitle {
1019 width:100%;
1020 font-size:1.4em;
1021 padding-bottom:.3em;
1022 padding-top:.3em;
1023 font-weight:bold;
1024 background-color:#F0F0F0;
1025 }
1026
1027 div.errorMsgDialog {
1028 width:60%;
1029 background-color:#FFF;
1030 border:4px solid red;
1031 z-index:150;
1032 display:none;
1033 position:absolute;
1034 }
1035
1036 div.infoMsgDialog {
1037 width:60%;
1038 background-color:#FFF;
1039 border:2px solid #000;
1040 z-index:150;
1041 display:none;
1042 position:absolute;
1043 }
1044
1045
1046 /* Autocompleter */
1047
1048 div.autocomplete {
1049 position:absolute;
1050 background-color:#FFF;
1051 border:1px solid #AAA;
1052 margin:0;
1053 padding:0;
1054 z-index:600;
1055 overflow:hidden;
1056 word-wrap:break-word;
1057 }
1058
1059 div.autocomplete ul {
1060 list-style-type:none;
1061 margin:0;
1062 padding:0;
1063 }
1064
1065 div.autocomplete ul li {
1066 list-style-type:none;
1067 display:block;
1068 margin:0;
1069 padding:2px;
1070 padding-left:4px;
1071 cursor:pointer;
1072 }
1073
1074 div.autocomplete li:hover {
1075 background-color:#F0F0F0;
1076 }
1077
1078 div.autocomplete ul li.selected {
1079 background-color:#F0F0F0;
1080 }
1081
1082
1083 /* Pulldown menu */
1084
1085 #pulldown {
1086 background:#FFF;
1087 height:23px;
1088 border:1px #CCC solid;
1089 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
1090 background: -moz-linear-gradient(top, #F8F8F8, #EEE);
1091 }
1092
1093 #pulldown ul {
1094 display:block;
1095 margin:0;
1096 padding:0;
1097 line-height:1em;
1098 list-style:none;
1099 z-index:90;
1100 }
1101
1102 #pulldown ul li {
1103 float:left;
1104 margin:0 3px 0 0;
1105 padding:0;
1106 font-size:12px;
1107 line-height:1 5em;
1108 list-style-type:none;
1109 }
1110
1111 #pulldown ul li a {
1112 float:left;
1113 display:block;
1114 width:auto;
1115 font-weight:normal;
1116 background:transparent;
1117 text-decoration:none;
1118 margin:0;
1119 padding:5px;
1120 }
1121
1122 #pulldown ul li a:hover {
1123 text-decoration:none;
1124 }
1125
1126 #pulldown ul li.sep {
1127 color:#AAA;
1128 padding:.8em 0 .5em;
1129 }
1130
1131 /* Commented Backslash Hack hides rule from IE5-Mac \*/
1132 #pulldown ul li a {
1133 float:none;
1134 }
1135
1136 /* End IE5-Mac hack */
1137 #pulldown ul.level2,#pulldown ul.level3 {
1138 position:absolute;
1139 top:0;
1140 left:0;
1141 visibility:hidden;
1142 border:1px #CCC solid;
1143 background:#FFF;
1144 box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
1145 -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
1146 -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
1147 }
1148
1149 #pulldown ul.level2 li,#pulldown ul.level3 li {
1150 border-bottom:1px solid #fff;
1151 float:none;
1152 margin:0;
1153 padding:0;
1154 width:200px;
1155 }
1156
1157 #pulldown ul.level2 li a,#pulldown ul.level3 li a {
1158 padding:5px 9px 5px 5px;
1159 }
1160
1161 #pulldown ul.level2 li a:hover,#pulldown ul.level3 li a:hover {
1162 font-weight:normal;
1163 background-color:#418DD4;
1164 background-image:none;
1165 }