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