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