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