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

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