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,input.editshelf:hover,a.editshelf:hover,input.deleteshelf: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         background-color: #FFF;
  29         border : 2px solid #EEEEEE;
  30         margin : 1em 1em 1em 0;
  31         padding : 1em;
  32 }
  33
  34 fieldset.rows {
  35 border-width : 1px;
  36 border-bottom : 1px solid black;
  37 float : left;
  38 font-size : 90%;
  39 clear : left;
  40 margin: .9em 0 0 0;
  41 padding: 0;
  42 width: 100%;
  43 }
  44
  45 fieldset.rows legend {
  46         margin-left: 1em;
  47         font-weight: bold;
  48         font-size : 110%;
  49 }
  50
  51 fieldset.rows label, fieldset.rows span.label {
  52         float: left;
  53         font-weight : bold;
  54         width: 9em;
  55         margin-right: 1em;
  56         text-align: right;
  57 }
  58
  59 fieldset.rows fieldset {
  60         border-width : 1px;
  61         margin : 0;
  62         padding : .3em;
  63 }
  64
  65 fieldset.rows ol {
  66 padding: 1em 1em 0 1em;
  67 list-style-type: none;
  68 }
  69
  70 fieldset.rows li {
  71 float : left;
  72 clear : left;
  73 padding-bottom: 1em;
  74 list-style-type: none;
  75 width: 100%;
  76 }
  77
  78 fieldset.rows.left li {
  79         padding-bottom : .4em;
  80 }
  81
  82 fieldset.rows li.radio {
  83         padding-left: 9em;
  84         width : auto;
  85 }
  86
  87 fieldset.rows li.radio label {
  88         float : none;
  89         width : auto;
  90         margin : 0 0 0 1em;
  91 }
  92
  93 fieldset.rows ol.radio label {
  94         width : auto;
  95         float : none;
  96         margin-right : 0;
  97 }
  98
  99 fieldset.rows ol.radio label.radio {
 100         float : left;
 101         width : 12em;
 102         margin-right : 1em;
 103 }
 104
 105 fieldset.rows table {
 106         clear : both;
 107         margin-left : 1em;
 108 }
 109
 110 fieldset.rows td label {
 111         float : none;
 112         font-weight : normal;
 113         width : auto;
 114 }
 115
 116 fieldset.holds {
 117         background-color : #F3F3F3;
 118         border: 0;
 119         font-size : 110%;
 120         padding : 1px;
 121 }
 122
 123 fieldset.holds ol {
 124         margin : 0;
 125         padding : 0;
 126 }
 127
 128 fieldset.holds li {
 129         background-color : #FFF;
 130         border-bottom : 1px solid #F3F3F3;
 131         padding : .3em;
 132 }
 133
 134 fieldset.holds label, fieldset.holds span.label {
 135
 136 }
 137
 138 fieldset.action {
 139         clear : both;
 140         float : none;
 141         border : none;
 142         margin : 0;
 143         padding : 1em 0 .3em 0;
 144         width : auto;
 145 }
 146
 147 fieldset.action p {
 148         margin-bottom : 1em;
 149 }
 150
 151 form {
 152         display : inline;
 153         margin : 0;
 154         padding : 0;
 155 }
 156
 157 h1 {
 158         font-size : 138.5%;
 159 }
 160
 161 h1#library {
 162         font-size : 100%;
 163         font-weight : normal;
 164         margin : .2em 0 .2em .5em;
 165 }
 166
 167
 168 h1#libraryname {
 169         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 170         border: 0;
 171         float : left !important;
 172         margin:0;
 173         padding:0;
 174         width:120px;
 175 }
 176
 177 h1#libraryname a {
 178         border:0;
 179         cursor:pointer;
 180         display:block;
 181         height:0px !important;
 182         margin:0;
 183         overflow:hidden;
 184         padding:40px 0 0;
 185         text-decoration:none;
 186         width:120px;
 187 }
 188
 189 h1,h2,h3,h4,h5,h6 {
 190         font-weight : bold;
 191         margin : .5em 0;
 192 }
 193
 194 h2 {
 195         font-size : 131%;
 196 }
 197
 198 h2.author {
 199         text-indent : .5em;
 200 }
 201
 202 h3 {
 203         font-size : 123.1%;
 204 }
 205
 206 h4 {
 207         font-size : 116%;
 208 }
 209
 210 h5 {
 211         font-size : 108%;
 212 }
 213
 214 h6 {
 215         font-size : 100%;
 216 }
 217
 218 input[type=submit], input[type=button], input[type=reset] {
 219         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
 220         background-color : #b8d0e6;
 221         border-top: 1px solid #cccccc;
 222         border-left: 1px solid #cccccc;
 223         border-right: 1px solid #eeeeee;
 224         border-bottom: 1px solid #eeeeee;
 225         color : #333;
 226         font-size : 93%;
 227         font-weight : bold;
 228         padding : 4px;
 229 }
 230
 231 input[type=submit]:active, input[type=button], input[type=reset] {
 232         border: 1px inset #666666;
 233 }
 234
 235 td.resultscontrol {
 236         background-color : #EEE;
 237         vertical-align : middle;
 238         padding : 3px 3px 5px 5px;
 239 }
 240
 241 table {
 242         background-color: #FFF;
 243         border-collapse : collapse;
 244         margin : 1em 0;
 245         border-right : 1px solid #dddddd;
 246         border-top : 1px solid #dddddd;
 247 }
 248
 249 td,th {
 250         background-color: #FFF;
 251         border-left : 1px solid #dddddd;
 252         border-bottom : 1px solid #dddddd;
 253         padding : 3px 5px;
 254 }
 255
 256 th {
 257         background-color:#EEE;
 258         font-weight : bold;
 259         padding : 2px 23px;
 260         text-align : center;
 261 }
 262
 263 th.sum {
 264         text-align: right;
 265 }
 266
 267 td.sum {
 268         background-color: #FFC;
 269         font-weight: bold;
 270 }
 271
 272 th[scope=row] {
 273         text-align : right;
 274 }
 275
 276 tr.highlight td, tr.highlight th, tr.odd td {
 277         background-color : #F3F3F3;
 278         border : 1px solid #DDDDDD;
 279         border-right : 1px solid #DDDDDD;
 280 }
 281
 282 tr.even td, tr.even.highlight td {
 283         background-color: #FFF;
 284 }
 285
 286 tr.grouplabel td {
 287         background-color : #E8E8E8;
 288         border : 1px solid #DDDDDD;
 289         border-right : 1px solid #DDDDDD;
 290         text-align : center;
 291         font-weight : bold;
 292     padding: 10px;
 293 }
 294
 295 #editions table, #editions td {
 296         border : 0;
 297 }
 298
 299 .header {
 300         background-image:url("../../images/ascdesc.gif");
 301         background-position:right center;
 302         background-repeat:no-repeat;
 303         cursor:pointer;
 304 }
 305 .headerSortUp {
 306         background-image:url("../../images/asc.gif");
 307 }
 308 .headerSortDown {
 309         background-image:url("../../images/desc.gif");
 310 }
 311
 312 ul {
 313         list-style : disc;
 314         padding-left : 1em;
 315 }
 316
 317 li {
 318         list-style : disc;
 319 }
 320
 321 p.availability {
 322         font-size : 87%;
 323 }
 324
 325 .available {
 326         color : #006600;
 327 }
 328
 329 .inwait {
 330         background-color : #33CC99;
 331 }
 332
 333 /* css styles for reserves color alerts */
 334 .onloan {
 335         background-color : #eeeeee;
 336 }
 337
 338 .other {
 339         background-color : #ffcccc;
 340 }
 341
 342 /* "problem" enhancement */
 343 .problem {
 344         color : white;
 345         background-color : red;
 346 }
 347
 348 .reserved {
 349         background-color : #8EBAFF;
 350 }
 351
 352 /* style for search terms in catalogsearch */
 353 .term {
 354         background-color : #ffffe0;
 355         color : #990033;
 356 }
 357
 358 a .term {
 359         text-decoration : underline;
 360 }
 361
 362 .transfered {
 363         background-color : #F9FF9A;
 364 }
 365
 366 /* action buttons */
 367 #action {
 368         margin-top : .5em;
 369         background-color : #F3F3F3;
 370         border : 1px solid #E8E8E8;
 371         padding-bottom : 3px;
 372 }
 373
 374 #action li {
 375         list-style : none;
 376         margin : .2em;
 377         padding : .3em 0;
 378 }
 379
 380 #action a, #toolbar a {
 381         background-position : 5px center;
 382         background-repeat : no-repeat;
 383         text-decoration : none;
 384         padding-left : 26px;
 385 }
 386
 387
 388
 389 #toolbar ul li {
 390         display : inline;
 391         list-style : none;
 392 }
 393
 394 #toolbar ul li a {
 395         border-left : 1px solid #e8e8e8;
 396 }
 397
 398 #toolbar ul li:first-child {
 399         border-left : 0;
 400 }
 401
 402 #action a.reserve, #toolbar a.reserve, .searchresults a.reserve {
 403         background-image:url(../../images/placereserve.gif);
 404 }
 405
 406 #action a.addtoshelf, #toolbar a.addtoshelf {
 407         background-image:url(../../images/addtoshelf.gif);
 408 }
 409
 410 #action a.addtocart, #toolbar a.addtocart {
 411         background-image:url(../../images/cart2.gif);
 412 }
 413
 414 #action a.print, #toolbar a.print {
 415         background-image:url(../../images/print.gif);
 416 }
 417
 418 #toolbar a.brief {
 419         background-image: url(../../images/brief.gif);
 420 }
 421
 422 #toolbar  a.detail {
 423         background-image: url(../../images/detail.gif);
 424 }
 425
 426 #toolbar a.print {
 427         background-image: url(../../images/print.gif);
 428 }
 429
 430 #toolbar a.hide {
 431         background-image: url(../../images/close.gif);
 432 }
 433
 434 #toolbar a.send {
 435         background-image: url(../../images/send.gif);
 436 }
 437 #toolbar a.empty {
 438         background-image: url(../../images/trash.gif);
 439 }
 440
 441 /* the itemtype list in advanced search */
 442 #advsearch-itemtype table {
 443         border-collapse : separate;
 444         border-spacing : 3px;
 445         border : 0px;
 446         margin : 0px;
 447         background-color : white;
 448         border : 0px solid #D8DEB8;
 449 }
 450
 451 #advsearch-itemtype table tr td {
 452         background-color : #F8F8EB;
 453         border : 0px;
 454         margin : 0px;
 455         width : 700px;
 456 }
 457
 458 #advsearch-itemtype td {
 459         font-size : 0.8em;
 460         background-color : #F8F8EB;
 461 }
 462
 463 #auth {
 464         float : left;
 465 }
 466
 467 #facets {
 468
 469 }
 470
 471 /* the footer */
 472 #footer {
 473         margin-top : 30px;
 474         margin-left : 30%;
 475         margin-right : 20%;
 476         border-top : 1px solid #384b73;
 477         color : #384b73;
 478         font-size : 1em;
 479         text-align : center;
 480 }
 481
 482 /* facets bloc */
 483 /* the USER information block */
 484 #librarian_information {
 485         float : right;
 486         font-size : 10pt;
 487 }
 488
 489 #members {
 490         background-color: #fff;
 491         font-size : 85%;
 492         padding : 4px 0 4px 0;
 493         color : #000066;
 494 }
 495
 496 #members a {
 497         text-decoration : none;
 498 }
 499
 500 #members a.logout {
 501         color : #cc3333;
 502         font-weight : bold;
 503         padding : 0 .3em 0 .3em;
 504         text-decoration : none;
 505 }
 506
 507 #members li:first-child {
 508         border-right : 1px solid black;
 509 }
 510
 511 #members li {
 512         display : inline;
 513         list-style : none;
 514         margin : 0;
 515         padding : 0 .5em;
 516 }
 517
 518 #members ul {
 519         margin : 0;
 520         padding : 0;
 521         text-align : right;
 522 }
 523
 524 #opac-main-search {
 525         background-image : url( ../../images/menu-background.gif);
 526         background-repeat : repeat-x;
 527         background-color : #739ACF;
 528         border-top : 1px solid #335599;
 529         border-bottom : 1px solid #335599;
 530         padding : .7em 0 .4em .5em;
 531         font-size : 108%;
 532         line-height : 116%;
 533 }
 534
 535 #opac-main-search form {
 536         display : inline;
 537         padding-right : 1em;
 538 }
 539
 540 #opac-main-search label {
 541         color : #FFFFCC;
 542         font-weight : bold;
 543         margin : .2em .3em 0 0;
 544 }
 545
 546
 547 #search-facets ul {
 548         margin : 0;
 549         padding : .3em;
 550 }
 551
 552 #search-facets {
 553         border : 1px solid #e8e8e8;
 554 }
 555
 556 #search-facets h4 {
 557         background-color : #EEE;
 558         border-bottom : 1px solid #e8e8e8;
 559         font-size : 90%;
 560         margin : 0;
 561         padding : .7em .2em;
 562         text-align : center;
 563 }
 564
 565 #search-facets ul li {
 566         font-weight : bold;
 567         list-style-type : none;
 568 }
 569
 570 #search-facets li li {
 571         font-weight : normal;
 572         font-size : 85%;
 573         margin-bottom : 2px;
 574         padding : .1em .2em;
 575 }
 576
 577 #search-facets li li a {
 578         font-weight : normal;
 579 }
 580
 581 #search-facets li.showmore a {
 582         font-weight : bold;
 583         text-indent : 1em;
 584 }
 585
 586 .suggestion {
 587         background-color : #EEEEEB;
 588         border : 1px solid #DDDED3;
 589         margin : 10px auto;
 590         padding : 4px;
 591         width : 35%;
 592 }
 593
 594 #facets ul {
 595         margin : 0;
 596         padding : 0;
 597 }
 598
 599 #facets ul li {
 600         font-weight : bold;
 601         text-align : left;
 602         list-style : none;
 603 }
 604
 605 #facets ul ul li {
 606         border : 0;
 607         font-size : 85%;
 608         font-weight : normal;
 609         padding : 2px;
 610         text-align : left;
 611 }
 612
 613 #facets ul ul li a {
 614         font-weight : normal;
 615         text-decoration : underline;
 616 }
 617
 618 #facets h4 {
 619         font-size : 93%;
 620         padding:3px;
 621         text-align:center;
 622         background-color:#E7E7CA;
 623         line-height:1.8em;
 624         margin-left:-1px;
 625         margin-right:-1px;
 626         margin-top:-1px;
 627 }
 628
 629 #breadcrumbs {
 630         padding : .7em;
 631 }
 632
 633 strong {
 634         font-weight : bold;
 635 }
 636
 637 em {
 638         font-style : italic;
 639 }
 640
 641 #catalogue_detail_biblio p span.label {
 642         font-weight : bold;
 643 }
 644
 645 #catalogue_detail_biblio p, #catalogue_detail_biblio ul {
 646         padding-bottom: .6em;
 647 }
 648
 649 #basket {
 650         display : inline;
 651 }
 652
 653 #bookcover {
 654         float : left;
 655         margin : 0;
 656         padding : 0;
 657 }
 658
 659 #bookcover img {
 660         margin : 0 1em 1em 0;
 661 }
 662
 663 fieldset.brief {
 664         border : 1px solid #E8E8E8;
 665 }
 666
 667 fieldset.brief legend {
 668         font-weight : bold;
 669         font-size : 100%;
 670 }
 671
 672 fieldset.brief label {
 673         display : block;
 674         padding : .3em 0;
 675 }
 676
 677 fieldset.brief input+input {
 678         margin-top : 3px;
 679 }
 680
 681 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
 682         background-color: #F3F3F3;
 683         border-top : 1px solid #979797;
 684         border-left : 1px solid #979797;
 685         border-right : 1px solid #DDDDDD;
 686         border-bottom : 1px solid #DDDDDD;
 687         font-size : 140%;
 688         padding : .2em;
 689         font-weight: normal;
 690 }
 691
 692 fieldset.brief textarea {
 693         font-size: 105%;
 694 }
 695
 696 fieldset.brief input:focus {
 697         background-color: #FFFFCC;
 698 }
 699
 700 fieldset.brief ol, fieldset.brief li {
 701         list-style-type : none;
 702 }
 703
 704 fieldset.brief div.hint, fieldset.rows div.hint {
 705         color : #666666;
 706         font-size : 100%;
 707         margin : .4em;
 708 }
 709
 710 h2 span.hint {
 711         font-size: 76%;
 712         font-weight : normal;
 713 }
 714 .thumbnail {
 715         border : 0;
 716         float : left;
 717         margin : 0pt 5px 5px 0pt;
 718 }
 719 a.cancel {
 720         padding-left : 1em;
 721 }
 722
 723 .resultscontrol, .resultscontrol select {
 724         font-size: 90%;
 725 }
 726
 727 .cartlist {
 728         margin-top : 5px;
 729 }
 730
 731 .cartlist input.submit {
 732         background-color : #d8deb8;
 733         background-image : none;
 734         border-color : #bebf84;
 735         color : #333;
 736         font-size : 87%;
 737         padding : 2px 0;
 738         margin : 0 0 0 0;
 739 }
 740
 741 #CheckAll, #CheckNone {
 742         font-weight : normal;
 743         margin : 0 .5em;
 744 }
 745
 746 .resultscontrol label {
 747         font-weight : bold;
 748         margin-left : .5em;
 749 }
 750
 751 .resort {
 752         float : right;
 753         margin-top : 5px;
 754 }
 755
 756 .searchresults p.details {
 757         color : #979797;
 758 }
 759
 760 .searchresults p {
 761         margin: 0;
 762         padding: 0;
 763         padding-top : .6em;
 764 }
 765
 766 td.resultscontrol img {
 767         vertical-align: middle;
 768 }
 769
 770 .searchresults table td {
 771 }
 772
 773 .searchresults table {
 774         margin : 0;
 775 }
 776
 777 .searchresults td, .searchresults th, .searchresults table {
 778         border: 0;
 779 }
 780
 781 .searchresults tr {
 782         border-bottom : 1px solid #CCCCCC;
 783 }
 784
 785 .searchresults tr:first-child {
 786         border : 0;
 787 }
 788
 789 .searchresults table {
 790         border-top : 0px solid #CCCCCC;
 791         width : 100%;
 792 }
 793
 794 .searchresults a.reserve, .searchresults a.reserve:visited {
 795         background-position:left top;
 796         background-repeat:no-repeat;
 797         float:right;
 798         padding:2px 3px 2px 26px;
 799 }
 800
 801 .searchresults a.reserve {
 802         background-color:transparent;
 803         color:#006699;
 804 }
 805
 806 .unavailable {
 807         color: #990033;
 808 }
 809
 810 #libraryname {
 811         float : left;
 812         line-height : 2em;
 813 }
 814
 815 #corner {
 816         float : right;
 817         line-height : 2em;
 818 }
 819
 820 .pages {
 821         line-height : 1.8em;
 822         text-align: center;
 823 }
 824 a:link.current {
 825         background-color: transparent;
 826         color: #3366CC;
 827         font-weight: bold;
 828         padding: 1px 5px 1px 5px;
 829         text-decoration: none;
 830 }
 831 a:visited.current {
 832         background-color: transparent;
 833         color: #3366CC;
 834         font-weight: bold;
 835         padding: 1px 5px 1px 5px;
 836         text-decoration: none;
 837 }
 838
 839 a:hover.current {
 840         background-color: #CCFF00;
 841         color: #CC3333;
 842         font-weight: bold;
 843         padding: 1px 5px 1px 5px;
 844         text-decoration: none;
 845 }
 846
 847 a:active.current {
 848         background-color: #99CC00;
 849         color: #FFFF99;
 850         font-weight: bold;
 851         padding: 1px 5px 1px 5px;
 852         text-decoration: none;
 853 }
 854
 855 .current {
 856         background-color: #FFFFFF;
 857         color: #3366CC;
 858         font-weight: bold;
 859         padding: 1px 5px 1px 5px;
 860         text-decoration: none;
 861 }
 862
 863 a:link.nav {
 864         background-color: #EEE;
 865         border: 1px solid #CCCC99;
 866         color: #3366CC;
 867         font-weight: bold;
 868         padding: 1px 5px 1px 5px;
 869         text-decoration: none;
 870 }
 871
 872 a:visited.nav {
 873         background-color: #EEE;
 874         border: 1px solid #CCCC99;
 875         color: #3366CC;
 876         font-weight: bold;
 877         padding: 1px 5px 1px 5px;
 878         text-decoration: none;
 879 }
 880
 881 a:hover.nav {
 882         background-color: #FFFFCC;
 883         border: 1px solid #CCCC99;
 884         color: #CC3333;
 885         font-weight: bold;
 886         padding: 1px 5px 1px 5px;
 887         text-decoration: none;
 888 }
 889
 890 a:active.nav {
 891         background-color: #FFFFCC;
 892         border: 1px solid #CCCC99;
 893         color: #D25500;
 894         font-weight: bold;
 895         padding: 1px 5px 1px 5px;
 896         text-decoration: none;
 897 }
 898
 899 /* Tabs */
 900 ul.link-tabs {
 901         list-style-type: none;
 902         margin: 9px 0 -2px 5px;
 903         padding: 0;
 904 }
 905
 906 ul.link-tabs li {
 907         display: inline;
 908         padding: 0px;
 909 }
 910
 911 ul.link-tabs li a {
 912         font-weight: bold;
 913         padding: 2px 4px 2px 4px;
 914         text-decoration: none;
 915         border-top: 1px solid #DDDDDD;
 916         border-left : 1px solid #DDDDDD;
 917         border-right : 1px solid #666666;
 918 }
 919
 920 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
 921         padding: 2px 4px 3px 4px;
 922 }
 923
 924 ul.link-tabs li.off a {
 925         background-color: #EEEEEB;
 926         border-bottom: 1px solid #DDDDDD;
 927 }
 928
 929 ul.link-tabs li.off a:hover {
 930         padding: 2px 3px 2px 4px;
 931         background-color: #FFFFEC;
 932         border-top: 1px solid #BEBF84;
 933         border-left : 1px solid #BEBF84;
 934         border-right : 2px solid #333333;
 935 }
 936
 937 ul.link-tabs li.on a {
 938         background-color: #FFFFFF;
 939         border-bottom: 1px solid #FFFFFF;
 940 }
 941
 942 ul.link-tabs li a.debit {
 943         background-color : #FFFF99;
 944         color : #990033;
 945 }
 946
 947 div.tab-container {
 948         border : 1px solid #DDDDDD;
 949         margin-top : 4px;
 950         padding : .7em;
 951         width : 90%;
 952 }
 953
 954 #catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
 955         background-color : transparent;
 956         border : 0;
 957 }
 958
 959 tr.overdue td {
 960         background-color : #ffcccc;
 961         font-weight : bold;
 962 }
 963
 964 tr.highlight.overdue td {
 965         background-color : #ffaeae;
 966         font-weight : bold;
 967 }
 968
 969 td.overdue {
 970         color : #cc3333;
 971 }
 972
 973 .renewals {
 974         display:block;
 975         font-size:0.8em;
 976         padding:0.5em;
 977 }
 978
 979 table#marc, table#marc td, table#marc th {
 980         border : 0;
 981 }
 982
 983 table#marc th {
 984         background-color : transparent;
 985         text-align : left;
 986 }
 987
 988 table#marc td:first-child {
 989         text-indent : 2em;
 990 }
 991 #masthead {
 992 float: left;
 993 width: 120px;
 994 }
 995
 996 #fluid {
 997 margin-left: 124px;
 998 margin-top : .4em;
 999 padding-left : 1em;
1000 }
1001
1002 #fluid-offset {
1003 float : right;
1004 width: 100%;
1005 }
1006
1007 .clearfix:after {
1008     content: ".";
1009     display: block;
1010     height: 0;
1011     clear: both;
1012     visibility: hidden;
1013 }
1014
1015 /* Hides from IE-mac \*/
1016 * html .clearfix {height: 1%;}
1017 /* End hide from IE-mac */
1018
1019 .searchhighlightblob {
1020         font-size : 85%;
1021 }
1022 .results_summary {
1023
1024     font-size: 95%;
1025     color: grey;
1026 }
1027 .dialog {
1028   border: 1px solid #bcbcbc;
1029         padding : .5em;
1030         margin : 1em auto;
1031   width: 65%;
1032   }
1033
1034 .dialog  h2, .dialog h3, .dialog h4 {
1035         margin : auto;
1036         text-align : center;
1037   }
1038
1039 div.alert {
1040   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1041   text-align : center;
1042 }
1043
1044 div.alert strong {
1045         color : #900;
1046 }
1047
1048 div.message {
1049         background : white url("../../images/message-bg.gif") repeat-x left 0;
1050    border : 1px solid #bcbcbc;
1051         width : 55%;
1052 }
1053
1054 #moresearches {
1055         clear : left;
1056         color : #000099;
1057         font-size : 90%;
1058         line-height : 110%;
1059         margin : .6em 0 .3em 0;
1060 }
1061
1062 #moresearches a:link, #moresearches a:visited {
1063         color : #e5ebff;
1064         font-weight : normal;
1065         text-decoration : none;
1066 }
1067
1068 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1069         color : #000;
1070         font-weight : normal;
1071 }
1072  #opac-main-search #listsmenu h4 {
1073         font-size : 90%;
1074         font-weight : bold;
1075         margin : 0 .2em;
1076  }
1077
1078 #opac-main-search #listsmenu .bd {
1079         background-color : #f3f3f3;
1080         border : 1px solid #739acf;
1081         background-image : url("../../images/listmenu-container-bg.gif");
1082         background-position : top right;
1083         background-repeat : repeat-y;
1084         padding : .3em 1em 0 0;
1085 }
1086 #opac-main-search #listsmenu .yui-menu-shadow {
1087 }
1088
1089 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1090         background-color : #fff;
1091 }
1092
1093 #opac-main-search #listsmenu ul {
1094         border-color : #b8d0e6;
1095 }
1096
1097 #container {
1098         color : #000;
1099 }
1100
1101
1102 ul#i18nMenu {
1103         margin : 0;
1104         padding : .2em 0;
1105  }
1106
1107 ul#i18nMenu li {
1108         border-left : 1px solid #CCC;
1109         display : inline;
1110         list-style : none;
1111         padding : 0 10px;
1112  }
1113
1114 ul#i18nMenu li a {
1115         text-decoration : none;
1116 }
1117
1118 ul#i18nMenu li:first-child {
1119         border-left : 0;
1120  }
1121
1122 ul#i18nMenu li ul li {
1123         border : 0;
1124         display : block;
1125  }
1126
1127
1128 ul#i18nMenu li.more a {
1129         background-image:url(../../images/more-up-arrow.gif);
1130         background-position:right center;
1131         background-repeat:no-repeat;
1132         padding-right:13px;
1133 }
1134
1135 ul#i18nMenu li.more ul li a {
1136         background-image : none;
1137         padding-right : 20px;
1138 }
1139
1140  div#changelanguage{
1141         background-color: #fff;
1142         border-top: 1px solid #CCC;
1143   position:absolute;
1144   bottom:0;
1145   left:0;
1146   width:100%;
1147   height: 1.8em;
1148  }
1149
1150  @media screen{
1151   body>div#changelanguage {
1152    position: fixed;
1153   }
1154  }
1155
1156  * html body{
1157   overflow:hidden;
1158  }
1159
1160  * html div#doc1{
1161   height:100%;
1162   overflow:auto;
1163  }
1164
1165  * html div#doc2{
1166   height:100%;
1167   overflow:auto;
1168  }
1169
1170  * html div#doc3{
1171   height:100%;
1172   overflow:auto;
1173  }
1174
1175 div#changelanguage a.yuimenuitemlabel {
1176         color : #006699;
1177         font-weight : normal;
1178  }
1179
1180 #cartDetails,#cartUpdate {
1181         background-color : #FFF;
1182         border: 1px solid #739acf;
1183         color : black;
1184         padding : .3em;
1185         text-align : center;
1186 }
1187
1188 #login #userid, #login #password {
1189         width : 98%;
1190 }
1191
1192 #opac-main-search input.submit {
1193         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1194         background-color : #b8d0e6;
1195         border-top: 1px solid #cccccc;
1196         border-left: 1px solid #cccccc;
1197         border-right: 1px solid #eeeeee;
1198         border-bottom: 1px solid #eeeeee;
1199         color : #333;
1200         font-weight : normal;
1201         font-size : 80%;
1202         padding : 2px;
1203 }
1204
1205 div#menu {
1206         border-right : 1px solid #979797;
1207         font-size : 94%;
1208         margin-right : .5em;
1209         padding-top : 1em;
1210         padding-bottom : 2em;
1211 }
1212
1213 div#menu li a {
1214         text-decoration : none;
1215         display : block;
1216         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1217         border : 1px solid #979797;
1218         font-size : 111%;
1219         margin : .5em 0;
1220         padding : .4em .3em;
1221         margin-right : -1px;
1222 }
1223
1224 div#menu li a:hover {
1225         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1226 }
1227
1228 div#menu li.active a:hover {
1229         background-color : #fff;
1230         color : #0000CC;
1231 }
1232
1233 #menu ul li {
1234         list-style-type : none;
1235 }
1236
1237 #menu ul li.active a {
1238         background-color : #FFF;
1239         background-image : none;
1240         border-right : 0;
1241         font-weight : bold;
1242 }
1243
1244 .left {
1245         float : left;
1246 }
1247
1248 .right {
1249         float : right;
1250 }
1251
1252 #searchsubmit {
1253         cursor : default;
1254         font-size : 87%;
1255         font-weight :  normal;
1256         margin-top : 0;
1257         margin-left :  .2em;
1258         padding: 2px 2px 1px 2px;
1259 }
1260
1261
1262 #export,#further,#similars {
1263         margin-top : .5em;
1264         background-color : #F3F3F3;
1265         border : 1px solid #E8E8E8;
1266         font-size : 76%;
1267         padding : 3px;
1268         text-align : center;
1269 }
1270
1271 #export label {
1272         display : block;
1273         font-weight : bold;
1274         font-size : 110%;
1275         margin-bottom : 2px;
1276 }
1277
1278 #export input {
1279         padding : 2px;
1280 }
1281
1282 #further {
1283         text-align : left;
1284         font-size : 95%;
1285         padding : 3px 3px .5em 1em;
1286 }
1287
1288 #further ul li {
1289         list-style-image : url("../../images/further-bullet.gif");
1290 }
1291
1292 #similars {
1293         background-color : #FFF;
1294     text-align : center;
1295     font-size : 95%;
1296     padding : 0 3px 3px 3px;
1297 }
1298
1299 #similars ul {
1300         margin : 0;
1301         padding : 0;
1302 }
1303
1304 #similars li {
1305         list-style : none;
1306         margin : 0;
1307         padding : 0;
1308 }
1309
1310 #similars li a {
1311         display : block;
1312 }
1313
1314 #amazonreviews h4 {
1315         font-size : 90%;
1316         margin : 0;
1317         padding : 0;
1318 }
1319 #amazonreviews h3 {
1320         font-size : 100%;
1321         margin : 0;
1322         padding : 0;
1323 }
1324 span.starFull {
1325         background: url(../../images/star-ratings.gif) top left no-repeat;
1326         display : block;
1327         height: 10px;
1328         margin: 0;
1329         padding: 0;
1330 }
1331
1332 span.starMT {
1333         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1334         display : block;
1335         height: 10px;
1336         margin: 0 10px 0 10px;
1337         padding: 0;
1338         position: relative;
1339         width: 50px;
1340 }
1341
1342
1343
1344 #cartmenulink, #listsmenulink {
1345         display : block;
1346         position : relative;
1347         background : #aaa;
1348         padding : 5px;
1349         float : left;
1350         color : #333;
1351         text-decoration : none;
1352         cursor : pointer;
1353 }
1354
1355  #cartmenulink *, #listsmenulink * {
1356         font-style : normal;
1357         background-image : url(../../images/button-background.png);
1358         background-repeat : no-repeat;
1359         display : block;
1360         position : relative;
1361 }
1362
1363  #cartmenulink i, #listsmenulink i {
1364         background-position : top left;
1365         position : absolute;
1366         margin-bottom : -5px;
1367         top : 0;
1368         left : 0;
1369         width : 5px;
1370         height : 5px;
1371 }
1372
1373  #cartmenulink span, #listsmenulink span {
1374         background-position : bottom left;
1375         left : -5px;
1376         padding : 0 0 5px 10px;
1377         margin-bottom : -5px;
1378 }
1379
1380  #cartmenulink span i, #listsmenulink span i {
1381         background-position : bottom right;
1382         margin-bottom : 0;
1383         position : absolute;
1384         left : 100%;
1385         width : 10px;
1386         height : 100%;
1387         top : 0;
1388 }
1389
1390  #cartmenulink span span, #listsmenulink span span {
1391         background-position : top right;
1392         position : absolute;
1393         right : -10px;
1394         margin-left : 10px;
1395         top : -5px;
1396         height : 0;
1397 }
1398
1399 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1400         float : left;
1401         width : auto;
1402         background-image : none;
1403         cursor : pointer;
1404 }
1405
1406 #listsmenulink {
1407         background : #9FBFFF;
1408 }
1409
1410 #cartmenulink {
1411         background : #98CB58;
1412         color : #336600;
1413         font-size : 105%;
1414 }
1415
1416 #cartmenulink:active,  #listsmenulink:active {
1417         background-color : #cc3399;
1418 }
1419
1420 #cartmenulink[class], #listsmenulink[class] {
1421         background-image : url(../../images/button-background-gradient.png);
1422         background-position : left top;
1423 }
1424
1425 #listsmenulink:hover {
1426         background-color : #6699FF;
1427 }
1428
1429 #cartmenulink:hover {
1430         background-color : #BFDE96;
1431 }
1432
1433 #cartmenulink img {
1434         background-image : none;
1435         display : inline;
1436         padding : 3px 3px 0 3px;
1437 }
1438
1439 #cartmenulink span#basket {
1440         background-image : none;
1441         float : none;
1442         display : inline;
1443         height : auto;
1444         position : relative;
1445         margin : 0;
1446         padding : 0;
1447         left : auto;
1448         right : auto;
1449         top : auto;
1450 }
1451
1452 #cartmenulink span#basket span {
1453         background-image : none;
1454         background-color : #E6FCB7;
1455         color : #000;
1456         display : inline;
1457         float : none;
1458         font-size : 80%;
1459         font-weight : normal;
1460         margin : 0 0 0 .9em;
1461         padding : 0 .3em 0 .3em;
1462         position : relative;
1463         left : auto;
1464         right : auto;
1465         top : auto;
1466 }
1467
1468 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1469 }
1470
1471 a#listsmenulink, a#listsmenulink:hover {
1472         color : #006699;
1473         font-size : 105%;
1474         font-weight : bold;
1475         line-height : 185%;
1476         margin-left : 1.5em;
1477 }
1478
1479 a#cartmenulink, a#cartmenulink:hover {
1480         color : #336600;
1481         font-size : 105%;
1482         font-weight : bold;
1483         line-height : 185%;
1484         margin-left : 1.5em;
1485 }
1486
1487 #listsmenulink img {
1488         background-image : none;
1489         display : inline;
1490         padding : 0 0 2px 0;
1491 }
1492
1493 * html #cartmenulink {
1494         border : 1px solid #66ff00;
1495 }
1496
1497 * html #listsmenulink {
1498         border : 1px solid #99ccff;
1499 }
1500
1501 ul.ui-tabs-nav li {
1502         margin-right : .5em;
1503 }
1504
1505 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1506         background-color : #F3F3F3;
1507         border-top : 1px solid #E8E8E8;
1508         border-left : 1px solid #E8E8E8;
1509         border-right : 1px solid #E8E8E8;
1510         border-bottom : 0;
1511         padding : .2em 1em;
1512         text-align : center;
1513         text-decoration : none;
1514 }
1515
1516 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1517         background-color : #FFF;
1518         border-top : 1px solid #E8E8E8;
1519         border-left : 1px solid #E8E8E8;
1520         border-right : 1px solid #E8E8E8;
1521         border-bottom : 1px solid #FFF;
1522         margin-bottom : -5px;
1523         text-align : center;
1524 }
1525
1526 #views {
1527         border-bottom : 1px solid #E8E8E8;
1528 }
1529
1530 #views h1 {
1531         display : inline;
1532         margin-right : .7em;
1533         margin-bottom : 1em;
1534 }
1535
1536 .views {
1537         white-space : nowrap;
1538 }
1539
1540 #bibliodescriptions {
1541         margin-top : .5em;
1542 }
1543
1544 a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1545         background-position : 5px 3px;
1546         background-repeat : no-repeat;
1547         font-size : 87%;
1548         font-weight : normal;
1549         padding : .2em .5em;
1550         text-decoration: none;
1551 }
1552
1553 a#MARCview, span#MARCview {
1554         background-image : url(../../images/marc.gif);
1555         padding-left : 17px;
1556 }
1557 a#ISBDview, span#ISBDview {
1558         background-image : url(../../images/isbd.gif);
1559         padding-left : 20px;
1560 }
1561 a#Normalview, span#Normalview {
1562         background-image : url(../../images/normal.gif);
1563         padding-left : 15px;
1564 }
1565
1566 a#MARCview, a#ISBDview, a#Normalview {
1567         background-color : #F3F3F3;
1568         border-left : 1px solid #E8E8E8;
1569 }
1570
1571 #shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
1572 #shelfbrowser dt,dd {width:10.5em;float:left;}
1573 #shelfbrowser dt {margin-bottom:3.5em;}
1574 #shelfbrowser dd {margin:90px 0 0 -10.5em;}
1575 #shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
1576 #shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
1577 #shelfbrowser dl div {float:left;}
1578 #shelfbrowser img {margin-top:3.5em;}
1579 input.editshelf,a.editshelf {
1580         background : transparent url("../../images/shelf-edit.gif") center left no-repeat;
1581         border : 0;
1582         color : #006699;
1583         cursor : pointer;
1584         margin:0pt 0.5em;
1585         padding-left : 15px;
1586         text-decoration : none;
1587 }
1588 input.newshelf,a.newshelf {
1589         background : transparent url("../../images/shelf-new.gif") center left no-repeat;
1590         border : 0;
1591         color : #006699;
1592         cursor : pointer;
1593         margin:0pt 0.5em;
1594         padding-left : 15px;
1595         text-decoration : none;
1596 }
1597 input.deleteshelf {
1598         background : transparent url("../../images/shelf-delete.gif") center left no-repeat;
1599         border : 0;
1600         color : #006699;
1601         cursor : pointer;
1602         font-size : 100%;
1603         margin:0pt 0.5em;
1604         padding-left : 13px;
1605 }
1606
1607 input.editshelf:active,input.deleteshelf:active {
1608         border : 0;
1609 }
1610
1611 #comments .commentline {
1612         border-bottom : 2px solid #eeeeeb;
1613         margin : 0 -.5em 0 -.5em;
1614         padding : 0 .5em .5em .5em;
1615 }
1616 #comments .yours {
1617         background-color : #effed5;
1618 }
1619 #comments #addcomment {
1620         margin : 0 -1em -1em -1em;
1621         padding : .3em 1em;
1622 }