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