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