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