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

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