koha-tmpl/opac-tmpl/prog/en/css/opac.css

   1 @import url("../../en/lib/yui/reset-fonts-grids.css");
   2
   3 a {
   4         font-weight : bold;
   5 }
   6
   7 a, a:visited {
   8         color : #006699;
   9 }
  10
  11 a:hover {
  12         color : #990033;
  13 }
  14
  15 body {
  16         background-color : white;
  17         text-align : left;
  18         padding : 0 0 2.5em 0;
  19 }
  20
  21 caption {
  22         font-size : 140%;
  23         text-align : left;
  24         font-weight : bold;
  25 }
  26
  27 fieldset {
  28         border : 2px solid #EEEEEE;
  29         margin : 1em 1em 1em 0;
  30         padding : 1em;
  31 }
  32
  33 fieldset.rows {
  34 border-width : 1px;
  35 border-bottom : 1px solid black;
  36 float : left;
  37 font-size : 90%;
  38 clear : left;
  39 margin: .9em 0 0 0;
  40 padding: 0;
  41 width: 100%;
  42 }
  43
  44 fieldset.rows legend {
  45         margin-left: 1em;
  46         font-weight: bold;
  47         font-size : 110%;
  48 }
  49
  50 fieldset.rows label, fieldset.rows span.label {
  51         float: left;
  52         font-weight : bold;
  53         width: 9em;
  54         margin-right: 1em;
  55         text-align: right;
  56 }
  57
  58 fieldset.rows fieldset {
  59         border-width : 1px;
  60         margin : 0;
  61         padding : .3em;
  62 }
  63
  64 fieldset.rows ol {
  65 padding: 1em 1em 0 1em;
  66 list-style-type: none;
  67 }
  68
  69 fieldset.rows li {
  70 float : left;
  71 clear : left;
  72 padding-bottom: 1em;
  73 list-style-type: none;
  74 width: 100%;
  75 }
  76
  77 fieldset.rows.left li {
  78         padding-bottom : .4em;
  79 }
  80
  81 fieldset.rows li.radio {
  82         padding-left: 9em;
  83         width : auto;
  84 }
  85
  86 fieldset.rows li.radio label {
  87         float : none;
  88         width : auto;
  89         margin : 0 0 0 1em;
  90 }
  91
  92 fieldset.rows ol.radio label {
  93         width : auto;
  94         float : none;
  95         margin-right : 0;
  96 }
  97
  98 fieldset.rows ol.radio label.radio {
  99         float : left;
 100         width : 12em;
 101         margin-right : 1em;
 102 }
 103
 104 fieldset.rows table {
 105         clear : both;
 106         margin-left : 1em;
 107 }
 108
 109 fieldset.rows td label {
 110         float : none;
 111         font-weight : normal;
 112         width : auto;
 113 }
 114
 115 fieldset.action {
 116         clear : both;
 117         float : none;
 118         border : none;
 119         margin : 0;
 120         padding : 1em 0 .3em 0;
 121         width : auto;
 122 }
 123
 124 form {
 125         display : inline;
 126         margin : 0;
 127         padding : 0;
 128 }
 129
 130 h1 {
 131         font-size : 138.5%;
 132 }
 133
 134 h1#library {
 135         font-size : 100%
 136         font-weight : normal;
 137         margin : .2em 0 .2em .5em;
 138 }
 139
 140
 141 h1#libraryname {
 142         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 143         border: 0;
 144         margin:0;
 145         padding:0;
 146         width:120px;
 147 }
 148
 149 h1#libraryname a {
 150         border:0;
 151         cursor:pointer;
 152         display:block;
 153         height:0px !important;
 154         margin:0;
 155         overflow:hidden;
 156         padding:40px 0 0;
 157         text-decoration:none;
 158         width:120px;
 159 }
 160
 161 div#cartmenubutton {
 162         background:transparent url(../../images/cart-button.gif) no-repeat scroll 0%;
 163         border: 0;
 164         float : left;
 165         margin:0 10px 0 0;
 166         padding:0;
 167         width:68px;
 168 }
 169
 170 div#cartmenubutton a {
 171         border:0;
 172         cursor:pointer;
 173         display:block;
 174         height:0px !important;
 175         margin:0;
 176         overflow:hidden;
 177         padding:40px 0 0;
 178         text-decoration:none;
 179         width:68px;
 180 }
 181
 182 div#listmenubutton {
 183         background:transparent url(../../images/lists-button.gif) no-repeat scroll 0%;
 184         border: 0;
 185         float : left;
 186         margin:0;
 187         padding:0;
 188         width:84px;
 189 }
 190
 191 div#listmenubutton a {
 192         border:0;
 193         cursor:pointer;
 194         display:block;
 195         height:0px !important;
 196         margin:0;
 197         overflow:hidden;
 198         padding:40px 0 0;
 199         text-decoration:none;
 200         width:84px;
 201 }
 202
 203 h1,h2,h3,h4,h5,h6 {
 204         font-weight : bold;
 205         margin : .5em 0;
 206 }
 207
 208 h2 {
 209         font-size : 131%;
 210 }
 211
 212 h2.author {
 213         text-indent : .5em;
 214 }
 215
 216 h3 {
 217         font-size : 123.1%;
 218 }
 219
 220 h4 {
 221         font-size : 116%;
 222 }
 223
 224 h5 {
 225         font-size : 108%;
 226 }
 227
 228 h6 {
 229         font-size : 100%;
 230 }
 231
 232 input[type=submit], input[type=button], input[type=reset] {
 233         background-color : #6BA037;
 234         border:1px outset #666666;
 235         color : #FFFFFF;
 236         font-size : 93%;
 237         font-weight : bold;
 238         padding : 2px;
 239 }
 240
 241 input[type=submit]:active, input[type=button], input[type=reset] {
 242         border: 1px inset #666666;
 243 }
 244
 245 p.searchresults {
 246         background-color : #EFF1DC;
 247 }
 248
 249 table {
 250         border-collapse : collapse;
 251         margin : 1em 0;
 252         border-right : 1px solid #dddddd;
 253         border-top : 1px solid #dddddd;
 254 }
 255
 256 td,th {
 257         border-left : 1px solid #dddddd;
 258         border-bottom : 1px solid #dddddd;
 259         padding : 3px 5px;
 260 }
 261
 262 th {
 263         background-color:#EFF1DC;
 264         font-weight : bold;
 265         padding : 2px 4px;
 266 }
 267
 268 th.sum {
 269         text-align: right;
 270 }
 271
 272 td.sum {
 273         background-color: #FFC;
 274         font-weight: bold;
 275 }
 276
 277 th[scope=row] {
 278         text-align : right;
 279 }
 280
 281 tr.highlight td, tr.highlight th {
 282         background-color : #F3F3F3;
 283         border : 1px solid #DDDDDD;
 284         border-right : 1px solid #DDDDDD;
 285 }
 286
 287 ul {
 288         list-style : disc;
 289         padding-left : 1em;
 290 }
 291
 292 li {
 293         list-style : disc;
 294 }
 295
 296 p.availability {
 297         font-size : 87%;
 298 }
 299
 300 .available {
 301         color : #006600;
 302 }
 303
 304 .inwait {
 305         background-color : #33CC99;
 306 }
 307
 308 /* css styles for reserves color alerts */
 309 .onloan {
 310         background-color : #FFED3D;
 311 }
 312
 313 .other {
 314         background-color : #FF0000;
 315 }
 316
 317 /* "problem" enhancement */
 318 .problem {
 319         color : white;
 320         background-color : red;
 321 }
 322
 323 .reserved {
 324         background-color : #8EBAFF;
 325 }
 326
 327 /* style for search terms in catalogsearch */
 328 .term {
 329         background-color : #ffffe0;
 330         color : #990033;
 331 }
 332
 333 a .term {
 334         text-decoration : underline;
 335 }
 336
 337 .transfered {
 338         background-color : #F9FF9A;
 339 }
 340
 341 /* action buttons */
 342 #action {
 343         margin-top : .5em;
 344 }
 345
 346 #action li {
 347         list-style : none;
 348 }
 349
 350 #action a {
 351         background-color : #F3F3F3;
 352         border : 1px solid #E8E8E8;
 353         display : block;
 354         margin : .2em;
 355         padding : .5em;
 356         text-decoration : none;
 357 }
 358
 359 /* the itemtype list in advanced search */
 360 #advsearch-itemtype table {
 361         border-collapse : separate;
 362         border-spacing : 3px;
 363         border : 0px;
 364         margin : 0px;
 365         background-color : white;
 366         border : 0px solid #D8DEB8;
 367 }
 368
 369 #advsearch-itemtype table tr td {
 370         background-color : #F8F8EB;
 371         border : 0px;
 372         margin : 0px;
 373         width : 700px;
 374 }
 375
 376 #advsearch-itemtype td {
 377         font-size : 0.8em;
 378         background-color : #F8F8EB;
 379 }
 380
 381 #auth {
 382         float : left;
 383 }
 384
 385 #facets {
 386
 387 }
 388
 389 /* the footer */
 390 #footer {
 391         margin-top : 30px;
 392         margin-left : 30%;
 393         margin-right : 20%;
 394         border-top : 1px solid #384b73;
 395         color : #384b73;
 396         font-size : 1em;
 397         text-align : center;
 398 }
 399
 400 /* facets bloc */
 401 /* the USER information block */
 402 #librarian_information {
 403         float : right;
 404         font-size : 10pt;
 405 }
 406
 407 #members {
 408         font-size : 85%;
 409         padding : 4px 0 4px 0;
 410         color : #000066;
 411 }
 412
 413 #members a {
 414         text-decoration : none;
 415 }
 416
 417 #members a.logout {
 418         color : #cc3333;
 419         font-weight : bold;
 420         padding : 0 .3em 0 .3em;
 421         text-decoration : none;
 422 }
 423
 424 #members li:first-child {
 425         border-right : 1px solid black;
 426 }
 427
 428 #members li {
 429         display : inline;
 430         list-style : none;
 431         margin : 0;
 432         padding : 0 .5em;
 433 }
 434
 435 #members ul {
 436         margin : 0;
 437         padding : 0;
 438         text-align : right;
 439 }
 440
 441 #opac-main-search {
 442         background-image : url( ../../images/menu-background.gif);
 443         background-repeat : repeat-x;
 444         background-color : #739ACF;
 445         border-top : 1px solid #335599;
 446         border-bottom : 1px solid #335599;
 447         padding : .7em 0 .4em .5em;
 448         color : #FFFFCC;
 449         font-size : 108%;
 450         line-height : 116%;
 451 }
 452
 453 #opac-main-search a, #opac-main-search a, #opac-main-search a:visited {
 454         color : #FFFFCC;
 455 }
 456
 457 #opac-main-search a:hover {
 458         color : #FFFFFF;
 459 }
 460
 461 #opac-main-search form {
 462         display : inline;
 463         padding-right : 1em;
 464 }
 465
 466 #opac-main-search label {
 467         font-weight : bold;
 468 }
 469
 470 /***********************************************************/
 471 /* the user menu, for user option (and biblio detail view) */
 472 /***********************************************************/
 473
 474 .suggestion {
 475         background-color : #EEEEEB;
 476         border : 1px solid #DDDED3;
 477         margin : 10px auto;
 478         padding : 4px;
 479         width : 35%;
 480 }
 481
 482 #facets ul {
 483         margin : 0;
 484         padding : 0;
 485 }
 486
 487 #facets ul li {
 488         font-weight : bold;
 489         text-align : left;
 490         list-style : none;
 491 }
 492
 493 #facets ul ul li {
 494         border : 0;
 495         font-size : 85%;
 496         font-weight : normal;
 497         padding : 2px;
 498         text-align : left;
 499 }
 500
 501 #facets ul ul li a {
 502         font-weight : normal;
 503         text-decoration : underline;
 504 }
 505
 506 #facets h4 {
 507         font-size : 93%;
 508         padding:3px;
 509         text-align:center;
 510         background-color:#E7E7CA;
 511         line-height:1.8em;
 512         margin-left:-1px;
 513         margin-right:-1px;
 514         margin-top:-1px;
 515 }
 516
 517 #breadcrumbs {
 518         padding : .7em;
 519 }
 520
 521 strong {
 522         font-weight : bold;
 523 }
 524
 525 em {
 526         font-style : italic;
 527 }
 528
 529 #catalogue_detail_biblio p span.label {
 530         font-weight : bold;
 531 }
 532
 533 #catalogue_detail_biblio p {
 534         padding-bottom: .6em;
 535 }
 536
 537 .toptabs {
 538         margin-top : 1em;
 539 }
 540
 541 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 542     top: 0;
 543  }
 544
 545 .toptabs .tabs-nav li {
 546         margin-right : .5em;
 547 }
 548
 549 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 550         background-color : #F3F3F3;
 551         border-top : 1px solid #E8E8E8;
 552         border-left : 1px solid #E8E8E8;
 553         border-right : 1px solid #E8E8E8;
 554         border-bottom : 0;
 555         text-align : center;
 556         text-decoration : none;
 557 }
 558
 559 .toptabs .tabs-nav li.tabs-selected  {
 560         background-color : #FFF;
 561 }
 562
 563 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 564         background-color : #FFF;
 565         border-top : 1px solid #E8E8E8;
 566         border-left : 1px solid #E8E8E8;
 567         border-right : 1px solid #E8E8E8;
 568         border-bottom : 1px solid #FFF;
 569         margin-bottom : -5px;
 570         padding-bottom : 5px;
 571         text-align : center;
 572 }
 573
 574 .toptabs.numbered .tabs-nav li {
 575         min-width : 3em;
 576 }
 577
 578 .toptabs .tabs-container {
 579         border : 1px solid #E8E8E8;
 580         padding : 1em;
 581 }
 582
 583 .tabs-container {
 584     border-top: 0;
 585     padding : inherit;
 586     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 587 }
 588
 589 #bookcover {
 590         float : left;
 591         margin : 0;
 592         padding : 0;
 593 }
 594
 595 #bookcover img {
 596         margin : 0 1em 1em 0;
 597 }
 598
 599 fieldset.brief {
 600         border : 1px solid #E8E8E8;
 601 }
 602
 603 fieldset.brief legend {
 604         font-weight : bold;
 605         font-size : 100%;
 606 }
 607
 608 fieldset.brief label {
 609         display : block;
 610         font-weight : bold;
 611         padding : .3em 0;
 612 }
 613
 614 fieldset.brief ol, fieldset.brief li {
 615         list-style-type : none;
 616 }
 617
 618 fieldset.brief div.hint, fieldset.rows div.hint {
 619         color : #666666;
 620         font-size : 100%;
 621         margin : .4em;
 622 }
 623
 624 #menu {
 625         margin-top: 1em;
 626 }
 627
 628 h2 span.hint {
 629         font-size: 76%;
 630         font-weight : normal;
 631 }
 632 .thumbnail {
 633         border : 0;
 634         float : left;
 635         margin : 0pt 5px 5px 0pt;
 636 }
 637 a.cancel {
 638         padding-left : 1em;
 639 }
 640
 641 #usermenu {
 642         margin-top : 1em;
 643 }
 644
 645 #toolbar ul {
 646         margin : 1em 0 0 0;
 647         padding : 0;
 648 }
 649
 650 #toolbar ul li {
 651         display : inline;
 652         list-style : none;
 653 }
 654
 655 #toolbar ul li a {
 656         border : 1px solid #afbccf;
 657         padding : .3em;
 658         text-decoration : none;
 659         margin-right : .1em;
 660 }
 661
 662 .searchresults input, .searchresults label, .searchresults select {
 663         font-size: 90%;
 664 }
 665
 666 .searchresults label {
 667         float : right;
 668         margin-top : 5px;
 669 }
 670
 671 .searchresults p {
 672         margin: 0;
 673         padding: 0;
 674         padding-top : .6em;
 675 }
 676
 677 .searchresults p img {
 678         vertical-align: middle;
 679 }
 680
 681 .searchresults table td {
 682         vertical-align: top;
 683 }
 684
 685 p.searchresults {
 686         background-color : #EFF1DC;
 687         margin-top : -5px;
 688         vertical-align : middle;
 689         padding : 3px 3px 5px 5px;
 690 }
 691
 692 .searchresults table {
 693         margin : 0;
 694 }
 695
 696 .searchresults td, .searchresults th, .searchresults table {
 697         border: 0;
 698 }
 699
 700 .searchresults tr {
 701         border-bottom : 1px solid #CCCCCC;
 702 }
 703
 704 .searchresults tr:first-child {
 705         border : 0;
 706 }
 707
 708 .searchresults table {
 709         border-top : 0px solid #CCCCCC;
 710 }
 711
 712 .searchresults a.reserve, .searchresults a.reserve:visited {
 713         background-position:left top;
 714         background-repeat:no-repeat;
 715         float:right;
 716         padding:2px 3px 2px 26px;
 717 }
 718
 719 .searchresults a.reserve {
 720         background-color:transparent;
 721         color:#006699;
 722 }
 723
 724 input.reserve, a.reserve {
 725         background-image:url(../../images/placereserve.gif);
 726 }
 727
 728 a.reserve {
 729         background-color:#006699;
 730         color:White;
 731 }
 732 .unavailable {
 733         color: #990033;
 734 }
 735
 736 #libraryname {
 737         float : left;
 738         line-height : 2em;
 739 }
 740
 741 #corner {
 742         float : right;
 743         line-height : 2em;
 744 }
 745
 746 .pages {
 747         line-height : 1.8em;
 748         text-align: center;
 749 }
 750 a:link.current {
 751         background-color: transparent;
 752         color: #3366CC;
 753         font-weight: bold;
 754         padding: 1px 5px 1px 5px;
 755         text-decoration: none;
 756 }
 757 a:visited.current {
 758         background-color: transparent;
 759         color: #3366CC;
 760         font-weight: bold;
 761         padding: 1px 5px 1px 5px;
 762         text-decoration: none;
 763 }
 764
 765 a:hover.current {
 766         background-color: #CCFF00;
 767         color: #CC3333;
 768         font-weight: bold;
 769         padding: 1px 5px 1px 5px;
 770         text-decoration: none;
 771 }
 772
 773 a:active.current {
 774         background-color: #99CC00;
 775         color: #FFFF99;
 776         font-weight: bold;
 777         padding: 1px 5px 1px 5px;
 778         text-decoration: none;
 779 }
 780
 781 .current {
 782         background-color: #FFFFFF;
 783         color: #3366CC;
 784         font-weight: bold;
 785         padding: 1px 5px 1px 5px;
 786         text-decoration: none;
 787 }
 788
 789 a:link.nav {
 790         background-color: #EFF1DC;
 791         border: 1px solid #CCCC99;
 792         color: #3366CC;
 793         font-weight: bold;
 794         padding: 1px 5px 1px 5px;
 795         text-decoration: none;
 796 }
 797
 798 a:visited.nav {
 799         background-color: #EFF1DC;
 800         border: 1px solid #CCCC99;
 801         color: #3366CC;
 802         font-weight: bold;
 803         padding: 1px 5px 1px 5px;
 804         text-decoration: none;
 805 }
 806
 807 a:hover.nav {
 808         background-color: #FFFFCC;
 809         border: 1px solid #CCCC99;
 810         color: #CC3333;
 811         font-weight: bold;
 812         padding: 1px 5px 1px 5px;
 813         text-decoration: none;
 814 }
 815
 816 a:active.nav {
 817         background-color: #FFFFCC;
 818         border: 1px solid #CCCC99;
 819         color: #D25500;
 820         font-weight: bold;
 821         padding: 1px 5px 1px 5px;
 822         text-decoration: none;
 823 }
 824
 825 input.icon {
 826         background-position: left;
 827         background-repeat: no-repeat;
 828         font-size : 96%;
 829         font-weight: bold;
 830         padding: 2px 2px 2px 22px;
 831         background-color: #6699CC;
 832         border: 1px outset #666666;
 833         color: #FFFFCC;
 834 }
 835
 836 input.shelf, a.shelf {
 837         background-image: url(../../images/addtobasket.gif);
 838 }
 839
 840 input.clearall, a.clearall {
 841         background-image: url(../../images/clearbasket.gif);
 842 }
 843
 844 /* Tabs */
 845 ul.link-tabs {
 846         list-style-type: none;
 847         margin: 9px 0 -2px 5px;
 848         padding: 0;
 849 }
 850
 851 ul.link-tabs li {
 852         display: inline;
 853         padding: 0px;
 854 }
 855
 856 ul.link-tabs li a {
 857         font-weight: bold;
 858         padding: 2px 4px 2px 4px;
 859         text-decoration: none;
 860         border-top: 1px solid #DDDDDD;
 861         border-left : 1px solid #DDDDDD;
 862         border-right : 1px solid #666666;
 863 }
 864
 865 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 866         padding: 2px 4px 3px 4px;
 867 }
 868
 869 ul.link-tabs li.off a {
 870         background-color: #EEEEEB;
 871         border-bottom: 1px solid #DDDDDD;
 872 }
 873
 874 ul.link-tabs li.off a:hover {
 875         padding: 2px 3px 2px 4px;
 876         background-color: #FFFFEC;
 877         border-top: 1px solid #BEBF84;
 878         border-left : 1px solid #BEBF84;
 879         border-right : 2px solid #333333;
 880 }
 881
 882 ul.link-tabs li.on a {
 883         background-color: #FFFFFF;
 884         border-bottom: 1px solid #FFFFFF;
 885 }
 886
 887 ul.link-tabs li a.debit {
 888         background-color : #FFFF99;
 889         color : #990033;
 890 }
 891
 892 div.tab-container {
 893         border : 1px solid #DDDDDD;
 894         margin-top : 4px;
 895         padding : .7em;
 896         width : 90%;
 897 }
 898
 899 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 900         background-color : transparent;
 901         border : 0;
 902 }
 903
 904 tr.overdue td {
 905         background-color : #ffcccc;
 906         font-weight : bold;
 907 }
 908
 909 tr.highlight.overdue td {
 910         background-color : #ffaeae;
 911         font-weight : bold;
 912 }
 913
 914 td.overdue {
 915         color : #cc3333;
 916 }
 917
 918 .renewals {
 919         display:block;
 920         font-size:0.8em;
 921         padding:0.5em;
 922 }
 923
 924 table#marc, table#marc td, table#marc th {
 925         border : 0;
 926 }
 927
 928 table#marc th {
 929         background-color : transparent;
 930 }
 931
 932 table#marc td:first-child {
 933         text-indent : 2em;
 934 }
 935 #masthead {
 936 float: left;
 937 width: 120px;
 938 }
 939
 940 #fluid {
 941 float: right;
 942 width: 100%;
 943 margin-left: -120px;
 944 }
 945
 946 #fluid-offset {
 947 margin-left: 119px;
 948 margin-top : .4em;
 949 }
 950
 951 #fluid-content-1 {
 952 float: left;
 953 width: 65%;
 954 margin : .3em -1px 0 2%;
 955 display: inline /* fix IE6 */;
 956 line-height : 15px;
 957 }
 958
 959 #fluid-content-2 {
 960 float: left;
 961 width: 28%;
 962 margin-left: 2%;
 963 display: inline /* fix IE6 */;
 964 margin-right: -1px /* fix IE6 */;
 965 line-height : 25px;
 966 }
 967
 968 .clearfix:after {
 969     content: ".";
 970     display: block;
 971     height: 0;
 972     clear: both;
 973     visibility: hidden;
 974 }
 975
 976 /* Hides from IE-mac \*/
 977 * html .clearfix {height: 1%;}
 978 /* End hide from IE-mac */
 979
 980 .searchhighlightblob {
 981     font-size:75%;
 982         font-style : italic;
 983 }
 984
 985
 986 .dialog {
 987   border: 1px solid #bcbcbc;
 988         padding : .5em;
 989         margin : 1em auto;
 990   width: 65%;
 991   }
 992
 993 .dialog  h2, .dialog h3, .dialog h4 {
 994         margin : auto;
 995         text-align : center;
 996   }
 997
 998 div.alert {
 999   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1000   text-align : center;
1001 }
1002
1003 div.alert strong {
1004         color : #900;
1005 }
1006
1007 div.message {
1008         background : white url("../../images/message-bg.gif") repeat-x left 0;
1009    border : 1px solid #bcbcbc;
1010         width : 55%;
1011 }
1012
1013 #moresearches {
1014         color : #000099;
1015         font-size : 90%;
1016         line-height : 110%;
1017         margin : .6em 0 .3em 2%;
1018 }
1019
1020 #moresearches a:link, #moresearches a:visited {
1021         color : #e5ebff;
1022         font-weight : normal;
1023         text-decoration : none;
1024 }
1025
1026 #cart-box {
1027         float : left;
1028         background : url(../../images/cart-background-right.gif) top right no-repeat;
1029         margin : 0 !important;
1030         margin : 5px 0 0 0;
1031 }
1032
1033 #cart-box a {
1034         font-size : 120%;
1035         text-decoration : none;
1036 }
1037
1038 #cart-box .cart {
1039         margin : 0;
1040         padding : 10px 23px 0 9px;
1041         background : url(../../images/cart-background-left.gif) top left no-repeat;
1042 }
1043
1044 #cart-box .cart-bottom {
1045         margin : 0;
1046         padding : 0 0 0 12px;
1047         background : url(../../images/cart-background-left.gif) bottom left no-repeat;
1048 }
1049
1050 #cart-box .cart-bottom em {
1051         display : block;
1052         line-height : 1px;
1053         background : url(../../images/cart-background-right.gif) bottom right no-repeat;
1054         padding : 9px 9px 0 0;
1055         margin : 0;
1056 }
1057
1058 #cart-box a.cartbutton {
1059         background : #9bc1dd url(../../images/cart-small.gif) center left no-repeat;
1060         padding-left : 20px;
1061 }
1062
1063 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1064         color : #000;
1065         font-weight : normal;
1066 }
1067  #opac-main-search #listsmenu h4 {
1068         font-weight : bold;
1069         margin : 0 .3em;
1070  }
1071
1072 /*body #listsmenu .yuimenu ul {
1073         border-top : 1px dashed #CC9;
1074 }*/
1075
1076 #opac-main-search #listsmenu .bd {
1077         background-color : #F2EDBA;
1078         border : 2px solid #DFD69A;
1079         // margin : 3em 0 0 0;
1080 }
1081 #opac-main-search #listsmenu .yui-menu-shadow {
1082         // margin : 3em 0 0 0;
1083 }
1084
1085 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1086         background-color : #F9F6D5;
1087 }
1088
1089 #opac-main-search #listsmenu ul {
1090         border-color : #DFD69A;
1091 }
1092
1093 #container {
1094         color : #000;
1095 }
1096
1097
1098 ul#i18nMenu {
1099         margin : 0;
1100         padding : .2em 0;
1101  }
1102
1103 ul#i18nMenu li {
1104         border-left : 1px solid #CCC;
1105         display : inline;
1106         list-style : none;
1107         padding : 0 10px;
1108  }
1109
1110 ul#i18nMenu li a {
1111         text-decoration : none;
1112 }
1113
1114 ul#i18nMenu li:first-child {
1115         border-left : 0;
1116  }
1117
1118 ul#i18nMenu li ul li {
1119         border : 0;
1120         display : block;
1121         padding : 0;
1122  }
1123
1124
1125 ul#i18nMenu li.more a {
1126         background-image:url(../../images/more-up-arrow.gif);
1127         background-position:right center;
1128         background-repeat:no-repeat;
1129         padding-right:13px;
1130 }
1131
1132 ul#i18nMenu li.more ul li a {
1133         background-image : none;
1134         padding-right : 20px;
1135 }
1136
1137  div#changelanguage{
1138         background-color: #fff;
1139         border-top: 1px solid #CCC;
1140   position:absolute;
1141   bottom:0;
1142   left:0;
1143   width:100%;
1144   height: 1.8em;
1145  }
1146
1147  @media screen{
1148   body>div#changelanguage {
1149    position: fixed;
1150   }
1151  }
1152
1153  * html body{
1154   overflow:hidden;
1155  }
1156
1157  * html div#doc1{
1158   height:100%;
1159   overflow:auto;
1160  }
1161
1162  * html div#doc2{
1163   height:100%;
1164   overflow:auto;
1165  }
1166
1167  * html div#doc3{
1168   height:100%;
1169   overflow:auto;
1170  }
1171
1172  div#changelanguage a.yuimenuitemlabel {
1173         color : #006699;
1174         font-weight : normal;
1175  }