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