koha-dev.rot13.org Git - koha_gimpoz/blob - koha-tmpl/opac-tmpl/prog/en/css/opac.css

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