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

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