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