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

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