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