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