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 #search-facets ul {
 472         margin : 0;
 473         padding : .3em;
 474 }
 475
 476 #search-facets {
 477         border : 1px solid #e8e8e8;
 478 }
 479
 480 #search-facets h4 {
 481         background-color : #EFF1DC;
 482         border-bottom : 1px solid #e8e8e8;
 483         font-size : 90%;
 484         margin : 0;
 485         padding : .4em .2em;
 486         text-align : center;
 487 }
 488
 489 #search-facets ul li {
 490         font-weight : bold;
 491         list-style-type : none;
 492 }
 493
 494 #search-facets li li {
 495         font-weight : normal;
 496         font-size : 85%;
 497         margin-bottom : 2px;
 498         padding : .1em .2em;
 499 }
 500
 501 #search-facets li li a {
 502         font-weight : normal;
 503 }
 504
 505 #search-facets li.showmore a {
 506         font-weight : bold;
 507         text-indent : 1em;
 508 }
 509
 510 .suggestion {
 511         background-color : #EEEEEB;
 512         border : 1px solid #DDDED3;
 513         margin : 10px auto;
 514         padding : 4px;
 515         width : 35%;
 516 }
 517
 518 #facets ul {
 519         margin : 0;
 520         padding : 0;
 521 }
 522
 523 #facets ul li {
 524         font-weight : bold;
 525         text-align : left;
 526         list-style : none;
 527 }
 528
 529 #facets ul ul li {
 530         border : 0;
 531         font-size : 85%;
 532         font-weight : normal;
 533         padding : 2px;
 534         text-align : left;
 535 }
 536
 537 #facets ul ul li a {
 538         font-weight : normal;
 539         text-decoration : underline;
 540 }
 541
 542 #facets h4 {
 543         font-size : 93%;
 544         padding:3px;
 545         text-align:center;
 546         background-color:#E7E7CA;
 547         line-height:1.8em;
 548         margin-left:-1px;
 549         margin-right:-1px;
 550         margin-top:-1px;
 551 }
 552
 553 #breadcrumbs {
 554         padding : .7em;
 555 }
 556
 557 strong {
 558         font-weight : bold;
 559 }
 560
 561 em {
 562         font-style : italic;
 563 }
 564
 565 #catalogue_detail_biblio p span.label {
 566         font-weight : bold;
 567 }
 568
 569 #catalogue_detail_biblio p {
 570         padding-bottom: .6em;
 571 }
 572
 573 .toptabs {
 574         margin-top : 1em;
 575 }
 576
 577 .toptabs .tabs-nav a, .toptabs .tabs-nav span.a {
 578     top: 0;
 579  }
 580
 581 .toptabs .tabs-nav li {
 582         margin-right : .5em;
 583 }
 584
 585 .toptabs .tabs-nav li a, .toptabs .tabs-nav li span.a {
 586         background-color : #F3F3F3;
 587         border-top : 1px solid #E8E8E8;
 588         border-left : 1px solid #E8E8E8;
 589         border-right : 1px solid #E8E8E8;
 590         border-bottom : 0;
 591         text-align : center;
 592         text-decoration : none;
 593 }
 594
 595 .toptabs .tabs-nav li.tabs-selected  {
 596         background-color : #FFF;
 597 }
 598
 599 .toptabs .tabs-nav li.tabs-selected a, .toptabs .tabs-nav li.tabs-selected span.a {
 600         background-color : #FFF;
 601         border-top : 1px solid #E8E8E8;
 602         border-left : 1px solid #E8E8E8;
 603         border-right : 1px solid #E8E8E8;
 604         border-bottom : 1px solid #FFF;
 605         margin-bottom : -5px;
 606         padding-bottom : 5px;
 607         text-align : center;
 608 }
 609
 610 .toptabs.numbered .tabs-nav li {
 611         min-width : 3em;
 612 }
 613
 614 .toptabs .tabs-container {
 615         border : 1px solid #E8E8E8;
 616         padding : 1em;
 617 }
 618
 619 .tabs-container {
 620     border-top: 0;
 621     padding : inherit;
 622     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 623 }
 624
 625 #bookcover {
 626         float : left;
 627         margin : 0;
 628         padding : 0;
 629 }
 630
 631 #bookcover img {
 632         margin : 0 1em 1em 0;
 633 }
 634
 635 fieldset.brief {
 636         border : 1px solid #E8E8E8;
 637 }
 638
 639 fieldset.brief legend {
 640         font-weight : bold;
 641         font-size : 100%;
 642 }
 643
 644 fieldset.brief label {
 645         display : block;
 646         font-weight : bold;
 647         padding : .3em 0;
 648 }
 649
 650 fieldset.brief ol, fieldset.brief li {
 651         list-style-type : none;
 652 }
 653
 654 fieldset.brief div.hint, fieldset.rows div.hint {
 655         color : #666666;
 656         font-size : 100%;
 657         margin : .4em;
 658 }
 659
 660 #menu {
 661         margin-top: 1em;
 662 }
 663
 664 h2 span.hint {
 665         font-size: 76%;
 666         font-weight : normal;
 667 }
 668 .thumbnail {
 669         border : 0;
 670         float : left;
 671         margin : 0pt 5px 5px 0pt;
 672 }
 673 a.cancel {
 674         padding-left : 1em;
 675 }
 676
 677 #usermenu {
 678         margin-top : 1em;
 679 }
 680
 681 #toolbar ul {
 682         margin : 1em 0 0 0;
 683         padding : 0;
 684 }
 685
 686 #toolbar ul li {
 687         display : inline;
 688         list-style : none;
 689 }
 690
 691 #toolbar ul li a {
 692         border : 1px solid #afbccf;
 693         padding : .3em;
 694         text-decoration : none;
 695         margin-right : .1em;
 696 }
 697
 698 .searchresults input, .searchresults label, .searchresults select {
 699         font-size: 90%;
 700 }
 701
 702 .searchresults label {
 703         float : right;
 704         margin-top : 5px;
 705 }
 706
 707 .searchresults p.details {
 708         color : #979797;
 709 }
 710
 711 .searchresults p {
 712         margin: 0;
 713         padding: 0;
 714         padding-top : .6em;
 715 }
 716
 717 .searchresults p img {
 718         vertical-align: middle;
 719 }
 720
 721 .searchresults table td {
 722         vertical-align: top;
 723 }
 724
 725 p.searchresults {
 726         background-color : #EFF1DC;
 727         margin-top : -5px;
 728         vertical-align : middle;
 729         padding : 3px 3px 5px 5px;
 730 }
 731
 732 .searchresults table {
 733         margin : 0;
 734 }
 735
 736 .searchresults td, .searchresults th, .searchresults table {
 737         border: 0;
 738 }
 739
 740 .searchresults tr {
 741         border-bottom : 1px solid #CCCCCC;
 742 }
 743
 744 .searchresults tr:first-child {
 745         border : 0;
 746 }
 747
 748 .searchresults table {
 749         border-top : 0px solid #CCCCCC;
 750 }
 751
 752 .searchresults a.reserve, .searchresults a.reserve:visited {
 753         background-position:left top;
 754         background-repeat:no-repeat;
 755         float:right;
 756         padding:2px 3px 2px 26px;
 757 }
 758
 759 .searchresults a.reserve {
 760         background-color:transparent;
 761         color:#006699;
 762 }
 763
 764 input.reserve, a.reserve {
 765         background-image:url(../../images/placereserve.gif);
 766 }
 767
 768 a.reserve {
 769         background-color:#006699;
 770         color:White;
 771 }
 772 .unavailable {
 773         color: #990033;
 774 }
 775
 776 #libraryname {
 777         float : left;
 778         line-height : 2em;
 779 }
 780
 781 #corner {
 782         float : right;
 783         line-height : 2em;
 784 }
 785
 786 .pages {
 787         line-height : 1.8em;
 788         text-align: center;
 789 }
 790 a:link.current {
 791         background-color: transparent;
 792         color: #3366CC;
 793         font-weight: bold;
 794         padding: 1px 5px 1px 5px;
 795         text-decoration: none;
 796 }
 797 a:visited.current {
 798         background-color: transparent;
 799         color: #3366CC;
 800         font-weight: bold;
 801         padding: 1px 5px 1px 5px;
 802         text-decoration: none;
 803 }
 804
 805 a:hover.current {
 806         background-color: #CCFF00;
 807         color: #CC3333;
 808         font-weight: bold;
 809         padding: 1px 5px 1px 5px;
 810         text-decoration: none;
 811 }
 812
 813 a:active.current {
 814         background-color: #99CC00;
 815         color: #FFFF99;
 816         font-weight: bold;
 817         padding: 1px 5px 1px 5px;
 818         text-decoration: none;
 819 }
 820
 821 .current {
 822         background-color: #FFFFFF;
 823         color: #3366CC;
 824         font-weight: bold;
 825         padding: 1px 5px 1px 5px;
 826         text-decoration: none;
 827 }
 828
 829 a:link.nav {
 830         background-color: #EFF1DC;
 831         border: 1px solid #CCCC99;
 832         color: #3366CC;
 833         font-weight: bold;
 834         padding: 1px 5px 1px 5px;
 835         text-decoration: none;
 836 }
 837
 838 a:visited.nav {
 839         background-color: #EFF1DC;
 840         border: 1px solid #CCCC99;
 841         color: #3366CC;
 842         font-weight: bold;
 843         padding: 1px 5px 1px 5px;
 844         text-decoration: none;
 845 }
 846
 847 a:hover.nav {
 848         background-color: #FFFFCC;
 849         border: 1px solid #CCCC99;
 850         color: #CC3333;
 851         font-weight: bold;
 852         padding: 1px 5px 1px 5px;
 853         text-decoration: none;
 854 }
 855
 856 a:active.nav {
 857         background-color: #FFFFCC;
 858         border: 1px solid #CCCC99;
 859         color: #D25500;
 860         font-weight: bold;
 861         padding: 1px 5px 1px 5px;
 862         text-decoration: none;
 863 }
 864
 865 input.icon {
 866         background-position: left;
 867         background-repeat: no-repeat;
 868         font-size : 96%;
 869         font-weight: bold;
 870         padding: 2px 2px 2px 22px;
 871         background-color: #6699CC;
 872         border: 1px outset #666666;
 873         color: #FFFFCC;
 874 }
 875
 876 input.shelf, a.shelf {
 877         background-image: url(../../images/addtobasket.gif);
 878 }
 879
 880 input.clearall, a.clearall {
 881         background-image: url(../../images/clearbasket.gif);
 882 }
 883
 884 /* Tabs */
 885 ul.link-tabs {
 886         list-style-type: none;
 887         margin: 9px 0 -2px 5px;
 888         padding: 0;
 889 }
 890
 891 ul.link-tabs li {
 892         display: inline;
 893         padding: 0px;
 894 }
 895
 896 ul.link-tabs li a {
 897         font-weight: bold;
 898         padding: 2px 4px 2px 4px;
 899         text-decoration: none;
 900         border-top: 1px solid #DDDDDD;
 901         border-left : 1px solid #DDDDDD;
 902         border-right : 1px solid #666666;
 903 }
 904
 905 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 906         padding: 2px 4px 3px 4px;
 907 }
 908
 909 ul.link-tabs li.off a {
 910         background-color: #EEEEEB;
 911         border-bottom: 1px solid #DDDDDD;
 912 }
 913
 914 ul.link-tabs li.off a:hover {
 915         padding: 2px 3px 2px 4px;
 916         background-color: #FFFFEC;
 917         border-top: 1px solid #BEBF84;
 918         border-left : 1px solid #BEBF84;
 919         border-right : 2px solid #333333;
 920 }
 921
 922 ul.link-tabs li.on a {
 923         background-color: #FFFFFF;
 924         border-bottom: 1px solid #FFFFFF;
 925 }
 926
 927 ul.link-tabs li a.debit {
 928         background-color : #FFFF99;
 929         color : #990033;
 930 }
 931
 932 div.tab-container {
 933         border : 1px solid #DDDDDD;
 934         margin-top : 4px;
 935         padding : .7em;
 936         width : 90%;
 937 }
 938
 939 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 940         background-color : transparent;
 941         border : 0;
 942 }
 943
 944 tr.overdue td {
 945         background-color : #ffcccc;
 946         font-weight : bold;
 947 }
 948
 949 tr.highlight.overdue td {
 950         background-color : #ffaeae;
 951         font-weight : bold;
 952 }
 953
 954 td.overdue {
 955         color : #cc3333;
 956 }
 957
 958 .renewals {
 959         display:block;
 960         font-size:0.8em;
 961         padding:0.5em;
 962 }
 963
 964 table#marc, table#marc td, table#marc th {
 965         border : 0;
 966 }
 967
 968 table#marc th {
 969         background-color : transparent;
 970 }
 971
 972 table#marc td:first-child {
 973         text-indent : 2em;
 974 }
 975 #masthead {
 976 float: left;
 977 width: 120px;
 978 }
 979
 980 #fluid {
 981 float: right;
 982 width: 100%;
 983 margin-left: -120px;
 984 }
 985
 986 #fluid-offset {
 987 margin-left: 119px;
 988 margin-top : .4em;
 989 }
 990
 991 #fluid-content-1 {
 992 float: left;
 993 width: 65%;
 994 margin : .3em -1px 0 2%;
 995 display: inline /* fix IE6 */;
 996 line-height : 15px;
 997 }
 998
 999 #fluid-content-2 {
1000 float: left;
1001 width: 28%;
1002 margin-left: 2%;
1003 display: inline /* fix IE6 */;
1004 margin-right: -1px /* fix IE6 */;
1005 line-height : 25px;
1006 }
1007
1008 .clearfix:after {
1009     content: ".";
1010     display: block;
1011     height: 0;
1012     clear: both;
1013     visibility: hidden;
1014 }
1015
1016 /* Hides from IE-mac \*/
1017 * html .clearfix {height: 1%;}
1018 /* End hide from IE-mac */
1019
1020 .searchhighlightblob {
1021         font-size : 85%;
1022 }
1023
1024
1025 .dialog {
1026   border: 1px solid #bcbcbc;
1027         padding : .5em;
1028         margin : 1em auto;
1029   width: 65%;
1030   }
1031
1032 .dialog  h2, .dialog h3, .dialog h4 {
1033         margin : auto;
1034         text-align : center;
1035   }
1036
1037 div.alert {
1038   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1039   text-align : center;
1040 }
1041
1042 div.alert strong {
1043         color : #900;
1044 }
1045
1046 div.message {
1047         background : white url("../../images/message-bg.gif") repeat-x left 0;
1048    border : 1px solid #bcbcbc;
1049         width : 55%;
1050 }
1051
1052 #moresearches {
1053         color : #000099;
1054         font-size : 90%;
1055         line-height : 110%;
1056         margin : .6em 0 .3em 2%;
1057 }
1058
1059 #moresearches a:link, #moresearches a:visited {
1060         color : #e5ebff;
1061         font-weight : normal;
1062         text-decoration : none;
1063 }
1064 /*
1065 #cart-box {
1066         float : left;
1067         background : url(../../images/cart-background-right.gif) top right no-repeat;
1068         margin : 0 !important;
1069         margin : 5px 0 0 0;
1070 }
1071
1072 #cart-box a {
1073         font-size : 120%;
1074         text-decoration : none;
1075 }
1076
1077 #cart-box .cart {
1078         margin : 0;
1079         padding : 10px 23px 0 9px;
1080         background : url(../../images/cart-background-left.gif) top left no-repeat;
1081 }
1082
1083 #cart-box .cart-bottom {
1084         margin : 0;
1085         padding : 0 0 0 12px;
1086         background : url(../../images/cart-background-left.gif) bottom left no-repeat;
1087 }
1088
1089 #cart-box .cart-bottom em {
1090         display : block;
1091         line-height : 1px;
1092         background : url(../../images/cart-background-right.gif) bottom right no-repeat;
1093         padding : 9px 9px 0 0;
1094         margin : 0;
1095 }
1096
1097 #cart-box a.cartbutton {
1098         background : #9bc1dd url(../../images/cart-small.gif) center left no-repeat;
1099         padding-left : 20px;
1100 }*/
1101
1102 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1103         color : #000;
1104         font-weight : normal;
1105 }
1106  #opac-main-search #listsmenu h4 {
1107         font-weight : bold;
1108         margin : 0 .3em;
1109  }
1110
1111 /*body #listsmenu .yuimenu ul {
1112         border-top : 1px dashed #CC9;
1113 }*/
1114
1115 #opac-main-search #listsmenu .bd {
1116         background-color : #F2EDBA;
1117         border : 2px solid #DFD69A;
1118         // margin : 3em 0 0 0;
1119 }
1120 #opac-main-search #listsmenu .yui-menu-shadow {
1121         // margin : 3em 0 0 0;
1122 }
1123
1124 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1125         background-color : #F9F6D5;
1126 }
1127
1128 #opac-main-search #listsmenu ul {
1129         border-color : #DFD69A;
1130 }
1131
1132 #container {
1133         color : #000;
1134 }
1135
1136
1137 ul#i18nMenu {
1138         margin : 0;
1139         padding : .2em 0;
1140  }
1141
1142 ul#i18nMenu li {
1143         border-left : 1px solid #CCC;
1144         display : inline;
1145         list-style : none;
1146         padding : 0 10px;
1147  }
1148
1149 ul#i18nMenu li a {
1150         text-decoration : none;
1151 }
1152
1153 ul#i18nMenu li:first-child {
1154         border-left : 0;
1155  }
1156
1157 ul#i18nMenu li ul li {
1158         border : 0;
1159         display : block;
1160  }
1161
1162
1163 ul#i18nMenu li.more a {
1164         background-image:url(../../images/more-up-arrow.gif);
1165         background-position:right center;
1166         background-repeat:no-repeat;
1167         padding-right:13px;
1168 }
1169
1170 ul#i18nMenu li.more ul li a {
1171         background-image : none;
1172         padding-right : 20px;
1173 }
1174
1175  div#changelanguage{
1176         background-color: #fff;
1177         border-top: 1px solid #CCC;
1178   position:absolute;
1179   bottom:0;
1180   left:0;
1181   width:100%;
1182   height: 1.8em;
1183  }
1184
1185  @media screen{
1186   body>div#changelanguage {
1187    position: fixed;
1188   }
1189  }
1190
1191  * html body{
1192   overflow:hidden;
1193  }
1194
1195  * html div#doc1{
1196   height:100%;
1197   overflow:auto;
1198  }
1199
1200  * html div#doc2{
1201   height:100%;
1202   overflow:auto;
1203  }
1204
1205  * html div#doc3{
1206   height:100%;
1207   overflow:auto;
1208  }
1209
1210  div#changelanguage a.yuimenuitemlabel {
1211         color : #006699;
1212         font-weight : normal;
1213  }
1214         #cartDetails {
1215                 background-color : #FFF;
1216                 border: 1px solid black;
1217                 padding : .5em;
1218         }