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