koha-tmpl/opac-tmpl/prog/en/css/opac.css

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