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

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