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