koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

   1 @import url("/intranet-tmpl/prog/en/lib/yui/reset-fonts-grids.css");
   2
   3 a, a:link, a:visited, a:active {
   4         color : #0000CC;
   5 }
   6
   7 a:hover {
   8         color : #669ACC;
   9 }
  10
  11 body {
  12         text-align : left;
  13 }
  14
  15 br.clear {
  16         clear : both;
  17         line-height : 1px;
  18 }
  19
  20 form {
  21         display : inline;
  22 }
  23
  24 h1 {
  25         font-size : 161.6%;
  26         font-weight : bold;
  27 }
  28
  29 h2 {
  30         font-size : 146.5%;
  31         font-weight : bold;
  32 }
  33
  34 h3 {
  35         font-size : 131%;
  36         font-weight : bold;
  37 }
  38
  39 h4 {
  40         font-size : 116%;
  41         font-weight : bold;
  42 }
  43
  44 h5 {
  45         font-size : 100%;
  46         font-weight : bold;
  47 }
  48
  49 h6 {
  50         font-size : 93%;
  51         font-weight : bold;
  52 }
  53
  54 h1,h2,h3,h4,h5,h6 {
  55         margin : .3em 0;
  56 }
  57
  58 p {
  59         margin: .5em 0 .5em 0;
  60 }
  61
  62 strong {
  63         font-weight : bold;
  64 }
  65
  66 em {
  67         font-style : italic;
  68 }
  69
  70 .subfield-label {
  71     font-style : italic;
  72 }
  73
  74 #hd {
  75 }
  76
  77 #navigation {
  78         border-right : 1px solid #BCBCBC;
  79 }
  80
  81 #navigation li {
  82         font-weight : bold;
  83 }
  84
  85 #navigation li li {
  86         font-weight : normal;
  87 }
  88
  89 #navigation input {
  90         font-size : 85%;
  91 }
  92
  93 #ft {
  94 }
  95
  96 .yui-u {
  97 }
  98
  99 #doc, #doc1, #doc2, #doc3 {
 100         padding-top : 1em;
 101 }
 102
 103 #login   {
 104         position : absolute;
 105         top : 3px;
 106         right : .5em;
 107 }
 108
 109 #login a {
 110
 111 }
 112
 113 ul {
 114         padding-left : 1.1em;
 115 }
 116
 117 li {
 118
 119         list-style-type : disc;
 120 }
 121
 122 li li {
 123         list-style-type : circle;
 124 }
 125
 126 #header {
 127         background-color : #F3F3F3;
 128         border-bottom : 1px solid #E8E8E8;
 129 }
 130
 131 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 132     display: block;
 133     clear: both;
 134     content: " ";
 135 }
 136
 137 #sitetitle {
 138 /*      background-image : url("../../img/koha-logo-black.png");
 139         background-position : 5px 2px;
 140         background-repeat : no-repeat;
 141         float : left;
 142         height : 54px;
 143         padding-left : 50px;*/
 144         border-bottom : 1px solid #E8E8E8;
 145 }
 146
 147 #sitetitle h1 {
 148         display : inline;
 149         line-height : 54px;
 150 }
 151
 152 #sitetitle h1 a {
 153         text-decoration : none;
 154 }
 155
 156 #toplevelnav {
 157         float : left;
 158         line-height : 2em;
 159 }
 160
 161 #submenu {
 162         margin : 0 0 .5em 0;
 163         padding : 0;
 164 }
 165
 166 #submenu ul {
 167         margin : 0;
 168         padding : 0;
 169 }
 170
 171 #submenu ul li {
 172         padding-left : 0;
 173 }
 174
 175 /*#toplevelnav ul {
 176         margin : 0;
 177         padding : 0;
 178 }
 179
 180 #toplevelnav li, #submenu li {
 181         display : inline;
 182         border-right : 1px solid #E8E8E8;
 183         padding : 0 .5em;
 184         white-space : nowrap;
 185 }
 186
 187 #toplevelnav li:last-child, #submenu li:last-child {
 188         border : 0;
 189 }*/
 190
 191 table {
 192         border-collapse : collapse;
 193         border-top : 1px solid #BCBCBC;
 194         border-right : 1px solid #BCBCBC;
 195 }
 196
 197 td, th {
 198         border-bottom : 1px solid #BCBCBC;
 199         border-left : 1px solid #BCBCBC;
 200         padding : .2em .3em;
 201 }
 202
 203 td {
 204         background-color : White;
 205 }
 206
 207 th {
 208         background-color : #E8E8E8;
 209         font-weight : bold;
 210 }
 211
 212 tr.highlight td, td.highlight {
 213         background-color : #F3F3F3;
 214 }
 215
 216 td.od {
 217         color : #cc0000;
 218         font-weight : bold;
 219 }
 220
 221 tr.warn td {
 222         background-color: #FF9090;
 223 }
 224
 225 tr.onissue td {
 226         background-color: #FFFFCC;
 227 }
 228
 229 tr.highlight.onissue td {
 230         background-color: #FFFFE1;
 231 }
 232
 233 caption {
 234         font-size : 153.9%;
 235         font-weight : bold;
 236 }
 237
 238 span.problem {
 239         background-color : #FFFFCC;
 240         color : #990000;
 241         font-weight : bold;
 242         line-height : 1.7em;
 243 }
 244
 245 fieldset {
 246         border : 2px solid #EEEEEE;
 247         margin : 1em 1em 1em 0;
 248         padding : 1em;
 249 }
 250
 251 legend {
 252         font-size : 123.1%;
 253         font-weight : bold;
 254         margin : 0 0 0 -1em;
 255         padding : 0;
 256 }
 257
 258 #breadcrumbs {
 259         background-color : #F3F3F3;
 260         border-bottom : 1px solid #E8E8E8;
 261         clear : both;
 262         font-size : 90%;
 263         padding :.2em .5em .4em .5em;
 264 }
 265
 266 #commonsearch {
 267         display : inline;
 268 }
 269
 270
 271 div#header_search {
 272         background-image : url("../../img/koha-logo-medium.gif");
 273         background-position : .5em .5em;
 274         background-repeat : no-repeat;
 275         float: left;
 276         padding-left : 14.2em;
 277         margin: .3em 0 .5em 0;
 278         min-height : 52px;
 279 }
 280
 281 div#header_search input {
 282         font-size : 1.3em;
 283 }
 284
 285 div#header_search ul.link-tabs {
 286         font-family : Arial, Geneva, sans-serif;
 287         margin-bottom : -4px;
 288 }
 289
 290 div#header_search ul.link-tabs li.on a,
 291 div#header_search ul.link-tabs li a,
 292 div#header_search ul.link-tabs li.off a {
 293         padding : 0.1em .5em .2em .5em;
 294 }
 295
 296 div#header_search div.residentsearch {
 297         border : 0;
 298         border-bottom : 1px solid #FF9900;
 299         padding : 0 0 .2em 0;
 300 }
 301
 302 div#reserves,div#checkouts {
 303         border : 1px solid #E8E8E8;
 304         padding : 1em;
 305 }
 306
 307 div#header_search .tip {
 308         font-size: 93%;
 309         color : Gray;
 310 }
 311
 312 .ex {
 313         font-family : "Courier New", Courier, fixed-width;
 314         font-weight : bold;
 315 }
 316
 317 /* ClickMenu Overrides */
 318
 319 ul#toplevelmenu li {
 320         display : inline;
 321         list-style: none;
 322 }
 323
 324 ul#toplevelmenu li ul {
 325 }
 326
 327 div.cmDiv
 328 {
 329         border: 0;
 330         background-color: #F3F3F3;
 331 }
 332
 333 .clickMenu li.more a {
 334         background-image: url("../../img/more-arrow.gif");
 335         background-position: right;
 336         background-repeat: no-repeat;
 337         padding-right : 13px;
 338 }
 339
 340 .clickMenu li.more li a {
 341         background-image : none;
 342         padding-right : 0;
 343         white-space : nowrap;
 344 }
 345
 346 .clickMenu
 347 {
 348         margin: 0;
 349         padding: 0;
 350         cursor: default;
 351 }
 352 .clickMenu, .clickMenu ul
 353 {
 354         list-style: none;
 355 }
 356 .clickMenu ul
 357 {
 358         margin: 0;
 359         padding: 2px;
 360         border: 0;
 361         background-color: #F3F3F3;
 362         min-width: 100px; /* ie doesnt know this :/ */
 363         //float: left;/*ie again*/
 364         //width: 100%;/*and again*/
 365 }
 366 .clickMenu div.outerbox
 367 {
 368         display: none;
 369         min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
 370 }
 371 .clickMenu div.inner
 372 {
 373         //top: 20px; /* for ie */
 374         left: 0;
 375         margin: 0;
 376 }
 377 .clickMenu div.inner div.outerbox
 378 {
 379         margin: 0;
 380         left: 98px;
 381         //left: 90px; /* for ie */
 382         top: -3px;
 383 }
 384 .clickMenu li
 385 {
 386         list-style-type : none;
 387         position: relative;
 388         padding: 0 20px 0 2px;
 389         /*white-space: nowrap; does not really work in ie */
 390 }
 391 .clickMenu li.main
 392 {
 393         float: left;
 394         padding: 0 10px;
 395         background-color: #F3F3F3;
 396         //height: 20px; /* for ie */
 397 }
 398 .clickMenu li.main li
 399 {
 400         z-index: 2;
 401         min-width: 78px;
 402 }
 403 .clickMenu li.hover
 404 {
 405         z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
 406         background-color : transparent;
 407 }
 408 .clickMenu img.liArrow
 409 {
 410         position: absolute;
 411         right: 5px;
 412         top: 0.41em;
 413 }
 414 .clickMenu ul a {
 415         cursor: default;
 416 }
 417
 418 ul.innerBox a {
 419         cursor : pointer;
 420 }
 421
 422 ul.innerBox {
 423         border: 1px solid #E8E8E8;
 424 }
 425
 426 div.yui-b h5 {
 427         font-size : 100%;
 428         margin : .5em 0;
 429 }
 430
 431 dt {
 432         font-size : 110%;
 433         font-weight : bold;
 434 }
 435
 436 dd {
 437         padding : .2em;
 438         text-indent : 1.5em;
 439 }
 440
 441 div#toolbar {
 442         background-color : #F3F3F3;
 443         margin-bottom : .7em;
 444 }
 445
 446 ul.toolbar {
 447         padding-left : 0;
 448 }
 449
 450 .yui-menu-button  {
 451
 452 }
 453
 454 ul.toolbar li {
 455         display : inline;
 456         list-style : none;
 457 }
 458
 459 div.message {
 460    border : 1px solid #6699CC;
 461         width : 33%;
 462         margin : 1em;
 463         padding : .5em;
 464 }
 465
 466 div.patroninfo {
 467         margin-top : -.5em;
 468 }
 469
 470 div.patroninfo h5 {
 471         background-color : #FCFAF3;
 472         /*border-top :  1px solid #CCCC99;
 473         border-left :  1px solid #CCCC99;*/
 474         border-right :  1px solid #CCCC99;
 475         margin-bottom : 0;
 476         padding-left : .5em;
 477         padding-top : .3em;
 478         padding-bottom : .5em;
 479 }
 480
 481 div.patroninfo ul {
 482         /*border : 1px solid #CCCC99;*/
 483         border-right : 1px solid #CCCC99;
 484         border-bottom : 0;
 485         border-top : 0;
 486         background-color : #FCFAF3;
 487         padding-bottom : .5em;
 488 }
 489
 490 div.patroninfo ul li, div.patronviews ul li {
 491         list-style-type : none;
 492 }
 493
 494 div.patronviews {
 495         background-color : #FDFCF7;
 496         /*border-left : 1px solid #CCCC99;
 497         border-bottom : 1px solid #CCCC99;*/
 498         border-right :  1px solid #CCCC99;
 499         border-top : 1px solid #CCCC99;
 500         margin-bottom : .5em;
 501         padding : .5em 0 .5em 0;
 502 }
 503
 504 a.member-edit {
 505         float : right;
 506         background-color : #DBECC8;
 507         margin-top : .5em;
 508         padding : .3em;
 509         text-align : right;
 510         text-decoration : none;
 511 }
 512
 513 fieldset.brief {
 514         border : 1px solid #E8E8E8;
 515 }
 516
 517 fieldset.brief label {
 518         display : block;
 519         font-weight : bold;
 520         padding : .3em 0;
 521 }
 522
 523 fieldset.brief ol, fieldset.brief li {
 524         list-style-type : none;
 525 }
 526
 527 fieldset.brief div.hint, fieldset.rows div.hint {
 528         color : #999999;
 529         font-size : 95%;
 530         margin-bottom : .4em;
 531 }
 532
 533 fieldset.rows {
 534 border-width : 1px;
 535 border-bottom : 1px solid black;
 536 float : left;
 537 font-size : 90%;
 538 clear : left;
 539 margin: .9em 0 0 0;
 540 padding: 0;
 541 width: 100%;
 542 }
 543
 544 fieldset.rows legend {
 545         margin-left: 1em;
 546         font-weight: bold;
 547         font-size : 110%;
 548 }
 549
 550 fieldset.rows label, fieldset.rows span.label {
 551         float: left;
 552         font-weight : bold;
 553         width: 6em;
 554         margin-right: 1em;
 555         text-align: right;
 556 }
 557
 558
 559 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 560         width: 9em;
 561 }
 562
 563 .yui-b fieldset.rows div.hint {
 564         margin-left : 10.5em;
 565 }
 566
 567 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 568         width: 6em;
 569 }
 570
 571 .yui-u fieldset.rows div.hint {
 572         margin-left : 7.5em;
 573 }
 574
 575 fieldset.rows.left label, fieldset.rows.left span.label {
 576         width : 8em;
 577         text-align : left;
 578 }
 579
 580 fieldset.rows ol {
 581 padding: 1em 1em 0 1em;
 582 list-style-type: none;
 583 }
 584
 585 fieldset.rows li {
 586 float : left;
 587 clear : left;
 588 padding-bottom: 1em;
 589 list-style-type: none;
 590 width: 100%;
 591 }
 592
 593 fieldset.rows.left li {
 594         padding-bottom : .4em;
 595 }
 596
 597 fieldset.rows li.radio {
 598         padding-left: 9em;
 599         width : auto;
 600 }
 601
 602 fieldset.rows li.radio label {
 603         float : none;
 604         width : auto;
 605         margin : 0 0 0 1em;
 606 }
 607
 608 fieldset.rows ol.radio label {
 609         width : auto;
 610         float : none;
 611         margin-right : 0;
 612 }
 613
 614 fieldset.rows ol.radio label.radio {
 615         float : left;
 616         width : 12em;
 617         margin-right : 1em;
 618 }
 619
 620 fieldset.rows table {
 621         clear : both;
 622         margin-left : 1em;
 623 }
 624
 625 fieldset.rows td label {
 626         float : none;
 627         font-weight : normal;
 628         width : auto;
 629 }
 630
 631 fieldset.action {
 632         clear : both;
 633         float : none;
 634         border : none;
 635         margin : 0;
 636         padding : 1em 0 .3em 0;
 637         width : auto;
 638 }
 639
 640 a.cancel {
 641         padding-left : 1em;
 642 }
 643
 644 fieldset.rows fieldset.action {
 645         padding : 0 0 1em 1em;
 646 }
 647
 648 fieldset.rows .inputnote {
 649         float : left;
 650         margin : .5em 0 0 10em;
 651 }
 652
 653 .tabs-nav li {
 654         list-style : none;
 655 }
 656
 657 .tabs-nav a, .tabs-nav a span, .tabs-nav span.a {
 658    background : none;
 659         display : block;
 660         padding: .2em .5em .25em .5em;
 661 }
 662
 663 .tabs-nav a, .tabs-nav span.a {
 664     z-index : auto;
 665 }
 666
 667 .tabs-nav .tabs-selected a, .tabs-nav .tabs-selected span.a {
 668         background-color : #FFFFCC;
 669         border-top: 1px solid #FFFFCC;
 670         border-right: 1px solid #FF9900;
 671         border-bottom: 1px solid #FF9900;
 672         border-left: 1px solid #FFCC66;
 673         font-weight : bold;
 674         text-align : center;
 675         text-decoration : none;
 676         top : -1px;
 677 }
 678
 679 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 680     background-position : inherit;
 681     outline: 0; /* prevent dotted border in Firefox */
 682 }
 683 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active, .tabs-nav span.a {
 684     background-position: inherit;
 685 }
 686
 687 .tabs-nav .tabs-selected a:hover {
 688         color : #0000CC;
 689 }
 690
 691 .tabs-nav li.tabs-selected {
 692         background-color : #FFFFCC;
 693 }
 694
 695 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active, .tabs-nav span.a {
 696          background : none;
 697     outline: 0; /* prevent dotted border in Firefox */
 698 }
 699
 700 .tabs-container {
 701     border-top: 0;
 702     padding : inherit;
 703     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 704 }
 705 .tabs-loading em {
 706     padding: inherit;
 707     background: none;
 708 }
 709 .toptabs {
 710         margin-top : 1em;
 711 }
 712
 713 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 714     top: 0;
 715  }
 716
 717 .toptabs .tabs-nav li {
 718         margin-right : .5em;
 719 }
 720
 721 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 722         background-color : #F3F3F3;
 723         border-top : 1px solid #E8E8E8;
 724         border-left : 1px solid #E8E8E8;
 725         border-right : 1px solid #E8E8E8;
 726         border-bottom : 0;
 727         text-align : center;
 728         text-decoration : none;
 729 }
 730
 731 .toptabs .tabs-nav li.tabs-selected  {
 732         background-color : #FFF;
 733 }
 734
 735 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 736         background-color : #FFF;
 737         border-top : 1px solid #E8E8E8;
 738         border-left : 1px solid #E8E8E8;
 739         border-right : 1px solid #E8E8E8;
 740         border-bottom : 1px solid #FFF;
 741         margin-bottom : -5px;
 742         text-align : center;
 743 }
 744
 745 .toptabs.numbered .tabs-nav li {
 746         min-width : 3em;
 747 }
 748
 749 .toptabs .tabs-container {
 750         border : 1px solid #E8E8E8;
 751         padding : 1em;
 752 }
 753
 754 .checkedout {
 755         color : #999999;
 756         font-style : italic;
 757 }
 758
 759 .subfield_not_filled {
 760         background-color : #FFFF99;
 761 }
 762 .content_hidden {
 763     visibility:hidden; /* you propably don't need to change this one */
 764     display:none;
 765 }
 766
 767 /* the property for the displayed tab */
 768 .content_visible {
 769     visibility:visible; /* you propably don't need to change this one */
 770     display:block;
 771 }
 772 #addbiblio a, #addchild a, #newentry a {
 773         padding-left : 34px;
 774         background-image: url("/intranet-tmpl/prog/img/toolbar-new.gif");
 775         background-position : center left;
 776         background-repeat : no-repeat;
 777 }
 778
 779 #deletebiblio button, #deletebiblio a, #deletepatron a {
 780         padding-left : 34px;
 781         background-image: url("/intranet-tmpl/prog/img/toolbar-delete.gif");
 782         background-position : center left;
 783         background-repeat : no-repeat;
 784 }
 785
 786 #printbiblio button, #printbiblio a {
 787         padding-left : 34px;
 788         background-image: url("/intranet-tmpl/prog/img/toolbar-print.gif");
 789         background-position : center left;
 790         background-repeat : no-repeat;
 791 }
 792
 793 #addtoshelf button, #addtoshelf a {
 794         padding-left : 34px;
 795         background-image: url("/intranet-tmpl/prog/img/toolbar-add-to-shelf.gif");
 796         background-position : center left;
 797         background-repeat : no-repeat;
 798 }
 799
 800 #placehold a {
 801         padding-left : 34px;
 802         background-image: url("/intranet-tmpl/prog/img/toolbar-hold.gif");
 803         background-position : center left;
 804         background-repeat : no-repeat;
 805 }
 806
 807 div.error {
 808         border : 2px dashed #990000;
 809         background-color : #FFFF99;
 810         padding : .5em;
 811         margin : 1em;
 812 }
 813
 814 ol.bibliodetails {
 815         float: left;
 816         margin : 0 0 1em 1em;
 817 }
 818
 819 ol.bibliodetails li {
 820         border-bottom: 1px solid #E8E8E8;
 821         list-style-type : none;
 822         padding : .1em;
 823 }
 824
 825 ol.bibliodetails span.label {
 826         border-right : 1px solid #E8E8E8;
 827         float : left;
 828         font-weight: bold;
 829         width: 12em;
 830         margin-right: 1em;
 831 }
 832
 833 div.sysprefs h3 {
 834         margin : .2em 0 .2em .4em;
 835 }
 836
 837 div.sysprefs dl {
 838         margin-left : 1.5em;
 839 }
 840
 841 div.sysprefs div.hint {
 842         width : 25%;
 843         float : right;
 844         padding : .5em;
 845         margin : .7em;
 846 }
 847
 848 tr.highlight td {
 849         background-color : #F6F6F6;
 850 }
 851
 852 #circ_circulation_issue label {
 853         font-size: 105%;
 854         font-weight : bold;
 855 }
 856
 857 #circ_circulation_issue div.hint {
 858         color : #666666;
 859         margin: .2em 0;
 860 }
 861
 862 tr.expired td {
 863         color : #999999;
 864 }
 865
 866 span.expired {
 867         color : #990000;
 868         font-style : italic;
 869 }
 870
 871 div.subfield_line label {
 872     font-size:75%;
 873     float: left;
 874     width: 200px;
 875     text-align: left;
 876     clear:left;
 877 }
 878
 879 div.help {
 880         margin: .9em 0 0 0;
 881 }
 882
 883 .blocker {
 884         color : #990000;
 885 }
 886
 887 .circmessage li {
 888         list-style : url(../../img/arrow-bullet.gif);
 889         margin-bottom : .2em;
 890 }
 891
 892 div.circmessage:first-child {
 893         margin-top : 1em;
 894 }
 895
 896 div.circmessage {
 897         border: 1px solid #CCC;
 898         padding: .4em;
 899         margin-bottom : .3em;
 900 }
 901
 902 span.circ-hlt {
 903         color : #cc0000;
 904         font-weight : bold;
 905 }
 906
 907 div.first fieldset {
 908         margin-right : 0;
 909 }
 910
 911 .dialog {
 912   width: 50%;
 913   float:left;
 914   background: url(../../img/dropshadow-alpha.png) no-repeat bottom right !important;
 915   background: url(../../img/dropshadow.gif) no-repeat bottom right;
 916   margin: 10px 0 0 10px !important;
 917   margin: 10px 0 0 5px;
 918   }
 919
 920 .dialog div {
 921   background: none !important;
 922   background: url(../../img/dropshadow-mask.gif) no-repeat left top;
 923   padding: 0 !important;
 924   padding: 0 6px 6px 0;
 925   }
 926
 927 .dialog div.confirm {
 928   background-color: #fff;
 929   background : url(../../img/dialog-bg.gif) repeat-x left 0 !important;
 930   font: 1em sans-serif;
 931   border: 1px solid #bcbcbc;
 932   padding: 4px !important;
 933   margin: -6px 6px 6px -6px !important;
 934   margin: 0;
 935   text-align : center;
 936   }
 937
 938  div.confirm input {
 939         background-color : #FFF;
 940         border : 1px solid #bcbcbc;
 941         margin : .4em;
 942         padding : .4em .4em .4em 25px;
 943  }
 944
 945  div.confirm input.approve {
 946         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
 947  }
 948
 949  div.confirm input.deny {
 950         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
 951  }
 952
 953  div.confirm input:hover {
 954         background-color : #ffc;
 955  }
 956
 957  div.results {
 958         padding : .7em 0;
 959  }
 960
 961  .accesskey {
 962         text-decoration : underline;
 963  }
 964
 965  #changelanguage {
 966         background-color : #F3F3F3;
 967         border-top : 1px solid #E8E8E8;
 968         font-size : 93%;
 969         margin-top : 2em;
 970         padding : .3em .5em .5em .5em;
 971  }
 972
 973  #changelanguage ul {
 974         margin : 0;
 975         padding : 0;
 976  }
 977
 978  #changelanguage li {
 979         border-left : 1px solid #CCC;
 980         display : inline;
 981         list-style : none;
 982         padding : 0 .5em;
 983  }
 984
 985  #changelanguage li:first-child {
 986         border-left : 0;
 987  }