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