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
 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 : #EFF1DC;
 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: #EFF1DC;
 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: #EFF1DC;
 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 }
 967
 968 table#marc td:first-child {
 969         text-indent : 2em;
 970 }
 971 #masthead {
 972 float: left;
 973 width: 120px;
 974 }
 975
 976 #fluid {
 977 margin-left: 124px;
 978 margin-top : .4em;
 979 padding-left : 1em;
 980 }
 981
 982 #fluid-offset {
 983 float : right;
 984 width: 100%;
 985 }
 986
 987 .clearfix:after {
 988     content: ".";
 989     display: block;
 990     height: 0;
 991     clear: both;
 992     visibility: hidden;
 993 }
 994
 995 /* Hides from IE-mac \*/
 996 * html .clearfix {height: 1%;}
 997 /* End hide from IE-mac */
 998
 999 .searchhighlightblob {
1000         font-size : 85%;
1001 }
1002
1003
1004 .dialog {
1005   border: 1px solid #bcbcbc;
1006         padding : .5em;
1007         margin : 1em auto;
1008   width: 65%;
1009   }
1010
1011 .dialog  h2, .dialog h3, .dialog h4 {
1012         margin : auto;
1013         text-align : center;
1014   }
1015
1016 div.alert {
1017   background : #FFC url(../../images/alert-bg.gif) repeat-x left 0;
1018   text-align : center;
1019 }
1020
1021 div.alert strong {
1022         color : #900;
1023 }
1024
1025 div.message {
1026         background : white url("../../images/message-bg.gif") repeat-x left 0;
1027    border : 1px solid #bcbcbc;
1028         width : 55%;
1029 }
1030
1031 #moresearches {
1032         clear : left;
1033         color : #000099;
1034         font-size : 90%;
1035         line-height : 110%;
1036         margin : .6em 0 .3em 0;
1037 }
1038
1039 #moresearches a:link, #moresearches a:visited {
1040         color : #e5ebff;
1041         font-weight : normal;
1042         text-decoration : none;
1043 }
1044
1045 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1046         color : #000;
1047         font-weight : normal;
1048 }
1049  #opac-main-search #listsmenu h4 {
1050         font-size : 90%;
1051         font-weight : bold;
1052         margin : 0 .2em;
1053  }
1054
1055 #opac-main-search #listsmenu .bd {
1056         background-color : #f3f3f3;
1057         border : 1px solid #739acf;
1058         background-image : url("../../images/listmenu-container-bg.gif");
1059         background-position : top right;
1060         background-repeat : repeat-y;
1061         padding : .3em 1em 0 0;
1062 }
1063 #opac-main-search #listsmenu .yui-menu-shadow {
1064 }
1065
1066 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1067         background-color : #fff;
1068 }
1069
1070 #opac-main-search #listsmenu ul {
1071         border-color : #b8d0e6;
1072 }
1073
1074 #container {
1075         color : #000;
1076 }
1077
1078
1079 ul#i18nMenu {
1080         margin : 0;
1081         padding : .2em 0;
1082  }
1083
1084 ul#i18nMenu li {
1085         border-left : 1px solid #CCC;
1086         display : inline;
1087         list-style : none;
1088         padding : 0 10px;
1089  }
1090
1091 ul#i18nMenu li a {
1092         text-decoration : none;
1093 }
1094
1095 ul#i18nMenu li:first-child {
1096         border-left : 0;
1097  }
1098
1099 ul#i18nMenu li ul li {
1100         border : 0;
1101         display : block;
1102  }
1103
1104
1105 ul#i18nMenu li.more a {
1106         background-image:url(../../images/more-up-arrow.gif);
1107         background-position:right center;
1108         background-repeat:no-repeat;
1109         padding-right:13px;
1110 }
1111
1112 ul#i18nMenu li.more ul li a {
1113         background-image : none;
1114         padding-right : 20px;
1115 }
1116
1117  div#changelanguage{
1118         background-color: #fff;
1119         border-top: 1px solid #CCC;
1120   position:absolute;
1121   bottom:0;
1122   left:0;
1123   width:100%;
1124   height: 1.8em;
1125  }
1126
1127  @media screen{
1128   body>div#changelanguage {
1129    position: fixed;
1130   }
1131  }
1132
1133  * html body{
1134   overflow:hidden;
1135  }
1136
1137  * html div#doc1{
1138   height:100%;
1139   overflow:auto;
1140  }
1141
1142  * html div#doc2{
1143   height:100%;
1144   overflow:auto;
1145  }
1146
1147  * html div#doc3{
1148   height:100%;
1149   overflow:auto;
1150  }
1151
1152 div#changelanguage a.yuimenuitemlabel {
1153         color : #006699;
1154         font-weight : normal;
1155  }
1156
1157 #cartDetails,#cartUpdate {
1158         background-color : #FFF;
1159         border: 1px solid #739acf;
1160         color : black;
1161         padding : .3em;
1162         text-align : center;
1163 }
1164
1165 #login #userid, #login #password {
1166         width : 98%;
1167 }
1168
1169 #opac-main-search input.submit {
1170         background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0;
1171         background-color : #b8d0e6;
1172         border-top: 1px solid #cccccc;
1173         border-left: 1px solid #cccccc;
1174         border-right: 1px solid #eeeeee;
1175         border-bottom: 1px solid #eeeeee;
1176         color : #333;
1177         font-weight : normal;
1178         font-size : 80%;
1179         padding : 2px;
1180 }
1181
1182 div#menu {
1183         border-right : 1px solid #979797;
1184         font-size : 94%;
1185         margin-right : .5em;
1186         padding-top : 1em;
1187         padding-bottom : 2em;
1188 }
1189
1190 div#menu li a {
1191         text-decoration : none;
1192         display : block;
1193         background : #EEE url(../../images/side-tab-gradient.gif) repeat-y top right;
1194         border : 1px solid #979797;
1195         font-size : 111%;
1196         margin : .5em 0;
1197         padding : .4em .3em;
1198         margin-right : -1px;
1199 }
1200
1201 div#menu li a:hover {
1202         background : #E8F0F6 url(../../images/side-tab-gradient-hover.gif) repeat-y top right;
1203 }
1204
1205 div#menu li.active a:hover {
1206         background-color : #fff;
1207         color : #0000CC;
1208 }
1209
1210 #menu ul li {
1211         list-style-type : none;
1212 }
1213
1214 #menu ul li.active a {
1215         background-color : #FFF;
1216         background-image : none;
1217         border-right : 0;
1218         font-weight : bold;
1219 }
1220
1221 .left {
1222         float : left;
1223 }
1224
1225 .right {
1226         float : right;
1227 }
1228
1229 #searchsubmit {
1230         cursor : default;
1231         font-size : 87%;
1232         font-weight :  normal;
1233         margin-top : 0;
1234         margin-left :  .2em;
1235         padding: 2px 2px 1px 2px;
1236 }
1237
1238
1239 #export,#further,#similars {
1240         margin-top : .5em;
1241         background-color : #F3F3F3;
1242         border : 1px solid #E8E8E8;
1243         font-size : 76%;
1244         padding : 3px;
1245         text-align : center;
1246 }
1247
1248 #export label {
1249         display : block;
1250         font-weight : bold;
1251         font-size : 110%;
1252         margin-bottom : 2px;
1253 }
1254
1255 #export input {
1256         padding : 2px;
1257 }
1258
1259 #further {
1260         text-align : left;
1261         font-size : 95%;
1262         padding : 3px 3px .5em 1em;
1263 }
1264
1265 #similars {
1266         background-color : #FFF;
1267     text-align : center;
1268     font-size : 95%;
1269     padding : 0 3px 3px 3px;
1270 }
1271
1272 #similars ul {
1273         margin : 0;
1274         padding : 0;
1275 }
1276
1277 #similars li {
1278         list-style : none;
1279         margin : 0;
1280         padding : 0;
1281 }
1282
1283 #similars li a {
1284         display : block;
1285 }
1286
1287 #amazonreviews h4 {
1288         font-size : 90%;
1289         margin : 0;
1290         padding : 0;
1291 }
1292 #amazonreviews h3 {
1293         font-size : 100%;
1294         margin : 0;
1295         padding : 0;
1296 }
1297 span.starFull {
1298         background: url(../../images/star-ratings.gif) top left no-repeat;
1299         display : block;
1300         height: 10px;
1301         margin: 0;
1302         padding: 0;
1303 }
1304
1305 span.starMT {
1306         background: url(../../images/star-ratings-empty.gif) top left no-repeat;
1307         display : block;
1308         height: 10px;
1309         margin: 0 10px 0 10px;
1310         padding: 0;
1311         position: relative;
1312         width: 50px;
1313 }
1314
1315
1316
1317 #cartmenulink, #listsmenulink {
1318         display : block;
1319         position : relative;
1320         background : #aaa;
1321         padding : 5px;
1322         float : left;
1323         color : #333;
1324         text-decoration : none;
1325         cursor : pointer;
1326 }
1327
1328  #cartmenulink *, #listsmenulink * {
1329         font-style : normal;
1330         background-image : url(../../images/button-background.png);
1331         background-repeat : no-repeat;
1332         display : block;
1333         position : relative;
1334 }
1335
1336  #cartmenulink i, #listsmenulink i {
1337         background-position : top left;
1338         position : absolute;
1339         margin-bottom : -5px;
1340         top : 0;
1341         left : 0;
1342         width : 5px;
1343         height : 5px;
1344 }
1345
1346  #cartmenulink span, #listsmenulink span {
1347         background-position : bottom left;
1348         left : -5px;
1349         padding : 0 0 5px 10px;
1350         margin-bottom : -5px;
1351 }
1352
1353  #cartmenulink span i, #listsmenulink span i {
1354         background-position : bottom right;
1355         margin-bottom : 0;
1356         position : absolute;
1357         left : 100%;
1358         width : 10px;
1359         height : 100%;
1360         top : 0;
1361 }
1362
1363  #cartmenulink span span, #listsmenulink span span {
1364         background-position : top right;
1365         position : absolute;
1366         right : -10px;
1367         margin-left : 10px;
1368         top : -5px;
1369         height : 0;
1370 }
1371
1372 * html #cartmenulink span, * html #cartmenulink i, * html #listsmenulink span, * html #listsmenulink i {
1373         float : left;
1374         width : auto;
1375         background-image : none;
1376         cursor : pointer;
1377 }
1378
1379 #listsmenulink {
1380         background : #9FBFFF;
1381 }
1382
1383 #cartmenulink {
1384         background : #98CB58;
1385         color : #336600;
1386         font-size : 105%;
1387 }
1388
1389 #cartmenulink:active,  #listsmenulink:active {
1390         background-color : #cc3399;
1391 }
1392
1393 #cartmenulink[class], #listsmenulink[class] {
1394         background-image : url(../../images/button-background-gradient.png);
1395         background-position : left top;
1396 }
1397
1398 #listsmenulink:hover {
1399         background-color : #6699FF;
1400 }
1401
1402 #cartmenulink:hover {
1403         background-color : #BFDE96;
1404 }
1405
1406 #cartmenulink img {
1407         background-image : none;
1408         display : inline;
1409         padding : 3px 3px 0 3px;
1410 }
1411
1412 #cartmenulink span#basket {
1413         background-image : none;
1414         float : none;
1415         display : inline;
1416         height : auto;
1417         position : relative;
1418         margin : 0;
1419         padding : 0;
1420         left : auto;
1421         right : auto;
1422         top : auto;
1423 }
1424
1425 #cartmenulink span#basket span {
1426         background-image : none;
1427         background-color : #E6FCB7;
1428         color : #000;
1429         display : inline;
1430         float : none;
1431         font-size : 80%;
1432         font-weight : normal;
1433         margin : 0 0 0 .9em;
1434         padding : 0 .3em 0 .3em;
1435         position : relative;
1436         left : auto;
1437         right : auto;
1438         top : auto;
1439 }
1440
1441 *html #cartmenulink span#basket, *html #cartmenulink span#basket span {
1442 }
1443
1444 a#listsmenulink, a#listsmenulink:hover {
1445         color : #006699;
1446         font-size : 105%;
1447         font-weight : bold;
1448         line-height : 185%;
1449         margin-left : 1.5em;
1450 }
1451
1452 a#cartmenulink, a#cartmenulink:hover {
1453         color : #336600;
1454         font-size : 105%;
1455         font-weight : bold;
1456         line-height : 185%;
1457         margin-left : 1.5em;
1458 }
1459
1460 #listsmenulink img {
1461         background-image : none;
1462         display : inline;
1463         padding : 0 0 2px 0;
1464 }
1465
1466 * html #cartmenulink {
1467         border : 1px solid #66ff00;
1468 }
1469
1470 * html #listsmenulink {
1471         border : 1px solid #99ccff;
1472 }
1473
1474 ul.ui-tabs-nav li {
1475         margin-right : .5em;
1476 }
1477
1478 ul.ui-tabs-nav li a, ul.ui-tabs-nav li span.a {
1479         background-color : #F3F3F3;
1480         border-top : 1px solid #E8E8E8;
1481         border-left : 1px solid #E8E8E8;
1482         border-right : 1px solid #E8E8E8;
1483         border-bottom : 0;
1484         padding : .2em 1em;
1485         text-align : center;
1486         text-decoration : none;
1487 }
1488
1489 ul.ui-tabs-nav li.ui-tabs-selected a, ul.ui-tabs-nav li.ui-tabs-selected span.a {
1490         background-color : #FFF;
1491         border-top : 1px solid #E8E8E8;
1492         border-left : 1px solid #E8E8E8;
1493         border-right : 1px solid #E8E8E8;
1494         border-bottom : 1px solid #FFF;
1495         margin-bottom : -5px;
1496         text-align : center;
1497 }
1498
1499 #views {
1500         border-bottom : 1px solid #E8E8E8;
1501 }
1502
1503 #views h1 {
1504         display : inline;
1505         margin-right : .7em;
1506         margin-bottom : 1em;
1507 }
1508
1509 .views {
1510         white-space : nowrap;
1511 }
1512
1513 #bibliodescriptions {
1514         margin-top : .5em;
1515 }
1516
1517 a#MARCview, span#MARCview, a#ISBDview, span#ISBDview, a#Normalview, span#Normalview {
1518         background-position : 5px 3px;
1519         background-repeat : no-repeat;
1520         font-size : 87%;
1521         font-weight : normal;
1522         padding : .2em .5em;
1523         text-decoration: none;
1524 }
1525
1526 a#MARCview, span#MARCview {
1527         background-image : url(../../images/marc.gif);
1528         padding-left : 17px;
1529 }
1530 a#ISBDview, span#ISBDview {
1531         background-image : url(../../images/isbd.gif);
1532         padding-left : 20px;
1533 }
1534 a#Normalview, span#Normalview {
1535         background-image : url(../../images/normal.gif);
1536         padding-left : 15px;
1537 }
1538
1539 a#MARCview, a#ISBDview, a#Normalview {
1540         background-color : #F3F3F3;
1541         border-left : 1px solid #E8E8E8;
1542 }
1543
1544 #shelfbrowser dl {text-align:center;font-size:.85em;margin-top:0;float:left;}
1545 #shelfbrowser dt,dd {width:10.5em;float:left;}
1546 #shelfbrowser dt {margin-bottom:3.5em;}
1547 #shelfbrowser dd {margin:90px 0 0 -10.5em;}
1548 #shelfbrowser dl img {vertical-align:bottom;padding:2px;background:#fff;margin-top:0;}
1549 #shelfbrowser em {display:block;font-weight:bold;margin-bottom:5px;font-style:normal;}
1550 #shelfbrowser dl div {float:left;}
1551 #shelfbrowser img {margin-top:3.5em;}