koha-dev.rot13.org Git - koha_fer/blob - koha-tmpl/opac-tmpl/ccsr/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,
   9 a:visited,
  10 .ui-widget-content a,
  11 .ui-widget-content a:visited {
  12       color : #006699;
  13 }
  14
  15 a:hover,#toolbar input.editshelf:hover,input.editshelf:hover,a.editshelf:hover,input.deleteshelf:hover {
  16    color : #990033;
  17 }
  18
  19 a.disabled {
  20        color : #888888 !important;
  21 }
  22
  23 body {
  24   background-color : white;
  25       text-align : left;
  26      padding : 0 0 2.5em 0;
  27 }
  28
  29 .required {
  30     color : #C00;
  31 }
  32
  33 caption {
  34    font-size : 140%;
  35       font-weight : bold;
  36     line-height : 144%;
  37     text-align : left;
  38 }
  39
  40 fieldset {
  41        background-color: #FFF;
  42         border : 2px solid #EEEEEE;
  43     margin : 1em 1em 1em 0;
  44         padding : 1em;
  45 }
  46
  47 fieldset.rows {
  48       border-width : 1px;
  49     border-bottom : 1px solid black;
  50        float : left;
  51   font-size : 90%;
  52        clear : left;
  53   margin: .9em 0 0 0;
  54     padding: 0;
  55     width: 100%;
  56 }
  57
  58 fieldset.rows legend {
  59  margin-left: 1em;
  60       font-weight: bold;
  61      font-size : 110%;
  62 }
  63
  64 fieldset.rows label, fieldset.rows span.label {
  65    float: left;
  66    font-weight : bold;
  67     width: 9em;
  68     margin-right: 1em;
  69      text-align: right;
  70 }
  71
  72 fieldset.rows fieldset {
  73  border-width : 1px;
  74     margin : 0;
  75     padding : .3em;
  76 }
  77
  78 fieldset.rows ol {
  79   padding: 1em 1em 0 1em;
  80         list-style-type: none;
  81 }
  82
  83 fieldset.rows li {
  84    float : left;
  85   clear : left;
  86   padding-bottom: 1em;
  87    list-style-type: none;
  88  width: 100%;
  89 }
  90
  91 fieldset.rows.left li {
  92         padding-bottom : .4em;
  93 }
  94
  95 fieldset.rows li.radio {
  96      padding-left: 9em;
  97      width : auto;
  98 }
  99
 100 fieldset.rows li.radio label {
 101         float : none;
 102   width : auto;
 103   margin : 0 0 0 1em;
 104 }
 105
 106 fieldset.rows ol.radio label {
 107   width : auto;
 108   float : none;
 109   margin-right : 0;
 110 }
 111
 112 fieldset.rows ol.radio label.radio {
 113       float : left;
 114   width : 12em;
 115   margin-right : 1em;
 116 }
 117
 118 fieldset.rows table {
 119    clear : both;
 120   margin-left : 1em;
 121 }
 122
 123 fieldset.rows td label {
 124  float : none;
 125   font-weight : normal;
 126   width : auto;
 127 }
 128
 129 fieldset.holds {
 130       background-color : #F3F3F3;
 131     border: 0;
 132      font-size : 110%;
 133       padding : 1px;
 134 }
 135
 136 fieldset.holds ol {
 137   margin : 0;
 138     padding : 0;
 139 }
 140
 141 fieldset.holds li {
 142     background-color : #FFF;
 143        border-bottom : 1px solid #F3F3F3;
 144      padding : .3em;
 145 }
 146
 147 fieldset.holds label, fieldset.holds span.label {
 148
 149 }
 150
 151 fieldset.action {
 152      clear : both;
 153   float : none;
 154   border : none;
 155  margin : 0;
 156     padding : 1em 0 .3em 0;
 157         width : auto;
 158 }
 159
 160 fieldset.action p {
 161    margin-bottom : 1em;
 162 }
 163
 164 form {
 165  display : inline;
 166       margin : 0;
 167     padding : 0;
 168 }
 169
 170 h1 {
 171    font-size : 138.5%;
 172 }
 173
 174 h1#library {
 175     font-size : 100%;
 176       font-weight : normal;
 177   margin : .2em 0 .2em .5em;
 178 }
 179
 180
 181 h1#libraryname {
 182         background:transparent url(../../images/koha-logo.gif) no-repeat scroll 0%;
 183     border: 0;
 184      float : left !important;
 185        margin:0;
 186       padding:0;
 187      width:120px;
 188 }
 189
 190 h1#libraryname a {
 191      border:0;
 192       cursor:pointer;
 193         display:block;
 194  height:0px !important;
 195  margin:0;
 196       overflow:hidden;
 197        padding:40px 0 0;
 198       text-decoration:none;
 199   width:120px;
 200 }
 201
 202 h1,h2,h3,h4,h5,h6 {
 203     font-weight : bold;
 204     margin : .5em 0;
 205 }
 206
 207 h2 {
 208        font-size : 131%;
 209 }
 210
 211 h5.author {
 212 }
 213
 214 h3 {
 215        font-size : 123.1%;
 216 }
 217
 218 h4 {
 219     font-size : 116%;
 220 }
 221
 222 h5 {
 223       font-size : 108%;
 224 }
 225
 226 h6 {
 227       font-size : 100%;
 228 }
 229
 230 input[type=submit],
 231 input[type=button],
 232 input[type=reset],
 233 fieldset.brief input[type=submit],
 234 fieldset.brief input[type=button],
 235 fieldset.brief input[type=reset]
 236 {
 237        background: #f4f9fc; /* Old browsers */
 238         background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */
 239     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+ */
 240  background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
 241        background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */
 242      background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */
 243        background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */
 244         border-top: 1px solid #cccccc;
 245  border-left: 1px solid #cccccc;
 246         border-right: 1px solid #eeeeee;
 247        border-bottom: 1px solid #eeeeee;
 248       color : #333;
 249   font-size : 93%;
 250        font-weight : bold;
 251     padding : 4px;
 252 }
 253
 254 input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
 255      border: 1px inset #666666;
 256 }
 257
 258 td.resultscontrol,
 259 .searchresults td.resultscontrol {
 260     background-color : #EEE;
 261        border : 1px solid #E8E8E8;
 262     vertical-align : middle;
 263        padding : 3px 3px 5px 5px;
 264 }
 265
 266 table {
 267   background-color: #FFF;
 268         border-collapse : collapse;
 269     margin : 1em 0;
 270         border-right : 1px solid #dddddd;
 271       border-top : 1px solid #dddddd;
 272 }
 273
 274 td,th {
 275      background-color: #FFF;
 276         border-left : 1px solid #dddddd;
 277        border-bottom : 1px solid #dddddd;
 278      padding : 3px 5px;
 279 }
 280
 281 td.place_on_type table,
 282 td.place_on_type table td {
 283       border : 0;
 284 }
 285 td caption {
 286      font-size : 105%;
 287 }
 288
 289 th {
 290       background-color:#EEE;
 291  font-weight : bold;
 292     padding : 2px 23px;
 293     text-align : center;
 294 }
 295
 296 th.sum {
 297        text-align: right;
 298 }
 299
 300 td.sum {
 301  background-color: #FFC;
 302         font-weight: bold;
 303 }
 304
 305 th[scope=row] {
 306   text-align : right;
 307 }
 308
 309 tr.highlight td, tr.highlight th, tr.odd td {
 310    background-color : #F3F3F3;
 311    border-top : 1px solid #DDDDDD;
 312    border-bottom : 1px solid #DDDDDD;
 313 }
 314
 315 tr.even td, tr.even.highlight td {
 316      background-color: #FFF;
 317 }
 318
 319 tr.grouplabel td {
 320   background-color : #E8E8E8;
 321     border : 1px solid #DDDDDD;
 322     border-right : 1px solid #DDDDDD;
 323       text-align : center;
 324    font-weight : bold;
 325     padding: 10px;
 326 }
 327
 328 tr.reserved td {
 329      background-color : #eeffd4;
 330 }
 331 tr.transfered td {
 332        background-color : #e8f0f6;
 333 }
 334
 335 #editions table, #editions td {
 336  border : 0;
 337 }
 338
 339 .header {
 340        background-image:url("../../images/ascdesc.gif");
 341       background-position:right center;
 342       background-repeat:no-repeat;
 343    cursor:pointer;
 344 }
 345 .headerSortUp {
 346       background-image:url("../../images/asc.gif");
 347 }
 348 .headerSortDown {
 349       background-image:url("../../images/desc.gif");
 350 }
 351
 352 ul {
 353  list-style : disc;
 354      padding-left : 1em;
 355 }
 356
 357 li {
 358     list-style : disc;
 359 }
 360
 361 p.availability {
 362  font-size : 87%;
 363 }
 364
 365 .available {
 366        color : #006600;
 367 }
 368
 369 .waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
 370      display : block;
 371 }
 372 .notforloan {
 373        color : #900;
 374 }
 375 .lost {
 376         color : #666;
 377 }
 378 .waiting {
 379
 380 }
 381
 382 /* "problem" enhancement */
 383 .problem {
 384   color : white;
 385  background-color : red;
 386 }
 387
 388 /* style for search terms in catalogsearch */
 389 .term {
 390        /* color : blue; */
 391     color : #990000;
 392     background-color : #FFFFCC;
 393 }
 394
 395 a .term {
 396   text-decoration : underline;
 397 }
 398
 399 /* style for shelving location in catalogsearch */
 400 .shelvingloc {
 401     display : block;
 402     font-style : italic;
 403 }
 404
 405 .transfered {
 406        background-color : #F9FF9A;
 407 }
 408
 409 /* action buttons */
 410 #action {
 411   margin-top : .5em;
 412      background-color : #F3F3F3;
 413     border : 1px solid #E8E8E8;
 414     padding-bottom : 3px;
 415 }
 416
 417 #action li {
 418   list-style : none;
 419      margin : .2em;
 420  padding : .3em 0;
 421 }
 422
 423 #action a {
 424        background-position : 5px center;
 425       background-repeat : no-repeat;
 426  text-decoration : none;
 427         padding-left : 35px;
 428 }
 429
 430 #action a.print {
 431   background-image: url("../../images/sprite.png");
 432   background-position: -5px -186px;
 433   background-repeat: no-repeat;
 434 }
 435
 436 #action a#furthersearches {
 437     background-image: url("../../images/sprite.png");
 438     background-position: 106px -295px;
 439     background-repeat: no-repeat;
 440         border : 1px solid #F3F3F3;
 441     margin-left : 5px;
 442      padding : 2px 26px 2px 10px;
 443    text-decoration : none;
 444 }
 445
 446 #action a#furthersearches:hover {
 447    border-top : 1px solid #FFF;
 448    border-left : 1px solid #FFF;
 449   border-right : 1px solid #979797;
 450       border-bottom : 1px solid #979797;
 451 }
 452
 453 #action a.reserve,
 454 .searchresults a.reserve {
 455   background-image: url("../../images/sprite.png");
 456   background-position: -5px -144px;
 457   background-repeat: no-repeat;
 458 }
 459
 460 #action a.addtoshelf, #toolbar a.addtoshelf {
 461   background-image: url("../../images/sprite.png");
 462   background-position: -5px -225px;
 463   background-repeat: no-repeat;
 464 }
 465
 466 #action a.addtocart, #toolbar a.addtocart {
 467   background-image: url("../../images/sprite.png");
 468   background-position: -5px -265px;
 469   background-repeat: no-repeat;
 470 }
 471
 472 #action a.cartRemove, .actions a.cartRemove {
 473    color: #cc3333;
 474         font-size : 90%;
 475        margin : 0;
 476     padding: 0;
 477 }
 478
 479 #action a.incart {
 480   background-image: url("../../images/sprite.png");
 481   background-position: -5px -265px;
 482   background-repeat: no-repeat;
 483   color : #666;
 484 }
 485
 486 /* toolbar buttons */
 487
 488 #toolbar,
 489 #selections-toolbar {
 490 background-color:#EEEEEE;
 491 border:1px solid #E8E8E8;
 492 margin : 0 0;
 493 padding:3px 3px 5px 5px;
 494 vertical-align:middle;
 495 }
 496
 497 #basket #toolbar {
 498     padding: 7px 5px 9px 9px;
 499 }
 500
 501 #selections-toolbar {
 502 background: #E8E8E8; /* Old browsers */
 503 background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
 504 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
 505 background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
 506 background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
 507 background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
 508 background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
 509     margin : 0 0 1em 0;
 510     padding-top : .5em;
 511     padding-left : 10px;
 512 }
 513
 514 #toolbar a,
 515 #selections-toolbar a,
 516 #toolbar input,
 517 #selections-toolbar input {
 518  white-space : nowrap;
 519 }
 520
 521 #toolbar ul {
 522  padding-left : 0;
 523 }
 524
 525 #toolbar ul li {
 526   display : inline;
 527       list-style : none;
 528 }
 529
 530 #toolbar ul li a {
 531        border-left : 1px solid #e8e8e8;
 532 }
 533
 534 #toolbar ul li:first-child a {
 535      border-left : 0;
 536 }
 537
 538
 539 #toolbar a.print {
 540     background-image: url("../../images/sprite.png");
 541     background-position : 0px -423px;
 542     background-repeat: no-repeat;
 543   text-decoration : none;
 544         padding-left : 30px;
 545 }
 546
 547 #toolbar a.brief {
 548     background-image : url("../../images/sprite.png");
 549     background-position : -2px -868px;
 550     background-repeat: no-repeat;
 551      text-decoration : none;
 552         padding-left : 27px;
 553 }
 554
 555 #toolbar a.detail {
 556     background-image : url("../../images/sprite.png");
 557     background-position : -2px -898px;
 558     background-repeat: no-repeat;
 559     text-decoration : none;
 560         padding-left : 27px;
 561 }
 562
 563 #toolbar a.download {
 564     background-image : url("../../images/sprite.png");
 565     background-position : 2px -348px;
 566     background-repeat: no-repeat;
 567     padding-left : 28px;
 568   text-decoration : none;
 569 }
 570
 571 #toolbar a.editshelf {
 572     background-image : url("../../images/sprite.png");
 573     background-position : 2px -348px;
 574     background-repeat: no-repeat;
 575        padding-left : 26px;
 576    text-decoration : none;
 577 }
 578
 579 #toolbar a.empty {
 580     background-image : url("../../images/sprite.png");
 581     background-position : 2px -598px;
 582     background-repeat: no-repeat;
 583    text-decoration : none;
 584     padding-left : 30px;
 585 }
 586
 587 #toolbar a.hide {
 588     background-image : url("../../images/sprite.png");
 589     background-position: -3px -814px;
 590     background-repeat: no-repeat;
 591    text-decoration : none;
 592         padding-left : 26px;
 593 }
 594
 595 #toolbar a.hold,
 596 #selections-toolbar a.hold {
 597     background-image: url("../../images/sprite.png");
 598     background-position : -5px -453px;
 599     background-repeat: no-repeat;
 600    text-decoration : none;
 601         padding-left : 23px;
 602 }
 603
 604 #selections-toolbar a.hold.disabled {
 605     background-image: url("../../images/sprite.png");
 606     background-position : -5px -621px;
 607     background-repeat: no-repeat;
 608 }
 609
 610 #selections-toolbar a.removeitems,
 611 #selections-toolbar a.deleteshelf {
 612     background-image : url("../../images/sprite.png");
 613     background-position : 2px -690px;
 614     background-repeat: no-repeat;
 615   text-decoration : none;
 616         padding-left : 25px;
 617 }
 618
 619
 620 #selections-toolbar a.removeitems.disabled,
 621 #selections-toolbar a.deleteshelf.disabled {
 622     background-image: url("../../images/sprite.png");
 623     background-position : 2px -712px;
 624     background-repeat: no-repeat;
 625 }
 626
 627 #toolbar a.send,
 628 a.send {
 629     background-image: url("../../images/sprite.png");
 630     background-position : 2px -386px;
 631     background-repeat: no-repeat;
 632      text-decoration : none;
 633         padding-left : 28px;
 634 }
 635
 636 #toolbar a.new {
 637     background-image : url("../../images/sprite.png");
 638     background-position : -4px -922px;
 639     background-repeat : no-repeat;
 640       padding-left : 23px;
 641    text-decoration : none;
 642 }
 643
 644 #toolbar input.editshelf,
 645 input.editshelf {
 646     background-image : url("../../images/sprite.png");
 647     background-position : 2px -732px;
 648     background-repeat: no-repeat;
 649   border : 0;
 650     color : #006699;
 651        cursor : pointer;
 652       font-size : 100%;
 653       padding-left : 29px;
 654    text-decoration : none;
 655 }
 656
 657 #toolbar input.newshelf,
 658 #toolbar a.newshelf,
 659 a.newshelf {
 660     background-image: url("../../images/sprite.png"); /* add to list icon */
 661     background-position: -4px -864px;
 662     background-repeat: no-repeat;
 663      border : 0;
 664     color : #006699;
 665        cursor : pointer;
 666       font-size : 100%;
 667       margin: 0 0.5em;
 668     padding-left : 23px;
 669       text-decoration : none;
 670 }
 671
 672 a.newshelf.disabled {
 673     background-image: url("../../images/sprite.png"); /* add to list icon */
 674     background-position: -4px -791px;
 675     background-repeat: no-repeat;
 676 }
 677
 678 #toolbar input.deleteshelf,
 679 input.deleteshelf {
 680     background-image : url("../../images/sprite.png");
 681     background-position : 2px -685px;
 682     background-repeat: no-repeat;
 683         border : 0;
 684     color : #006699;
 685        cursor : pointer;
 686       font-size : 100%;
 687     padding-left : 25px;
 688      text-decoration : none;
 689 }
 690
 691 #toolbar input.deleteshelf:hover {
 692   color: #990033;
 693 }
 694
 695
 696 #toolbar input.editshelf:active,
 697 input.editshelf:active,
 698 #toolbar input.deleteshelf:active,
 699 input.deleteshelf:active {
 700      border : 0;
 701 }
 702
 703 #selections {
 704    font-weight : bold;
 705 }
 706
 707 #tagsel_span input.submit,
 708 #tagsel_tag {
 709     background-image : url("../../images/sprite.png"); /* tag icon */
 710     background-position : 7px -640px;
 711     background-repeat : no-repeat;
 712  padding-left : 25px;
 713    text-decoration: none;
 714 }
 715
 716 #tagsel_tag {
 717     background-position : -1px -643px;
 718 }
 719
 720 #tagsel_tag.disabled {
 721     background-position : -1px -667px;
 722 }
 723
 724 #tagslist li { display : inline; }
 725
 726 a.tag_add {
 727     background-image: url("../../images/sprite.png"); /* Tag results */
 728     background-position: -10px -1104px;
 729     background-repeat: no-repeat;
 730     padding-left : 13px;
 731     text-decoration: none;
 732 }
 733
 734 #login4tags {
 735     background-image: url("../../images/sprite.png"); /* Tag results disabled */
 736     background-position: -10px -1124px;
 737     background-repeat: no-repeat;
 738     padding-left : 13px;
 739     text-decoration: none;
 740     margin-left: 1em;
 741 }
 742
 743 .tag_results_input {
 744     background-color: #EEE;
 745     margin-left: 1em;
 746     padding: 0.3em;
 747 }
 748
 749 #placehold input.submit:hover,
 750 #tagsel_span input.submit:hover {
 751       color: #990033;
 752 }
 753
 754 #addto {
 755     max-width : 10em;
 756 }
 757
 758 .addto a.addtocart {
 759   background-image: url("../../images/sprite.png"); /* cart icon */
 760   background-position: -5px -265px;
 761     background-repeat: no-repeat;
 762     text-decoration : none;
 763         padding-left : 33px;
 764 }
 765
 766 #placehold input.submit {
 767     background-image: url("../../images/sprite.png"); /* place hold icon */
 768     background-position: -1px -140px;
 769     background-repeat: no-repeat;
 770   text-decoration : none;
 771         padding-left : 23px;
 772 }
 773
 774 #placehold input.submit,
 775 #tagsel_span input.submit {
 776    border : 0;
 777     background-color: transparent;
 778  font-size : 100%;
 779       font-weight : bold;
 780     padding-left : 31px;
 781    color : #336699;
 782        cursor : pointer;
 783 }
 784 .searchresults a.highlight_toggle {
 785     background-image: url("../../images/sprite.png"); /* place hold icon */
 786     background-position: -11px -841px;
 787     background-repeat: no-repeat;
 788    display: none;
 789  font-weight: normal;
 790    padding : 0 10px 0 21px;
 791 }
 792
 793 /* the itemtype list in advanced search */
 794 .advsearch table {
 795       border-collapse : separate;
 796     border-spacing : 3px;
 797   border : 0px;
 798   margin : 0px;
 799   background-color : white;
 800       border : 0px solid #D8DEB8;
 801 }
 802
 803 .advsearch table tr td {
 804         background-color : #F8F8EB;
 805     border : 0px;
 806   margin : 0px;
 807   width : 700px;
 808 }
 809
 810 .advsearch td {
 811       font-size : 0.8em;
 812      background-color : #F8F8EB;
 813 }
 814
 815 body#advsearch #breadcrumbs {
 816    line-height : 1px;
 817      height : 1px;
 818   padding : 0;
 819 }
 820
 821 body#advsearch #cartmenulink,
 822 body#advsearch #listsmenulink {
 823   float : right;
 824 }
 825
 826 #advsearch #branchloop,
 827 #advsearch #sort_by {
 828         width : 23em;
 829 }
 830
 831 #auth {
 832        float : left;
 833 }
 834
 835 #facets {
 836
 837 }
 838
 839 /* the footer */
 840 #footer {
 841       margin-top : 30px;
 842      margin-left : 30%;
 843      margin-right : 20%;
 844     border-top : 1px solid #384b73;
 845         color : #384b73;
 846        font-size : 1em;
 847        text-align : center;
 848 }
 849
 850 /* facets bloc */
 851 /* the USER information block */
 852 #librarian_information {
 853     float : right;
 854  font-size : 10pt;
 855 }
 856
 857 #header-wrapper {
 858  background-color: #FFF;
 859 }
 860
 861 #holds,#opac-auth {
 862  min-width : 750px;
 863      width : 57.69em;
 864        margin : auto;
 865 }
 866
 867 #members {
 868    background-color: #fff;
 869         font-size : 85%;
 870        margin-left : -10px;
 871    margin-right : -10px;
 872   padding : 4px 0 4px 0;
 873  color : #000066;
 874 }
 875
 876 #members a {
 877        text-decoration : none;
 878 }
 879
 880 #members a.logout {
 881  color : #cc3333;
 882        font-weight : bold;
 883     padding : 0 .3em 0 .3em;
 884        text-decoration : none;
 885 }
 886
 887 #members li:last-child {
 888     border-right : 0;
 889 }
 890
 891 #members li {
 892      border-right : 1px solid black;
 893         display : inline;
 894       list-style : none;
 895      margin : 0;
 896     padding : 0 .5em;
 897 }
 898
 899 #members ul {
 900      margin : 0;
 901     padding : 0;
 902    text-align : right;
 903 }
 904
 905 #opac-main-search {
 906      background: #8fb4e8; /* Old browsers */
 907         background: -moz-linear-gradient(top, #8fb4e8 0%, #8cb1e5 19%, #80a8dc 48%, #7da5d8 52%, #7198cf 83%, #618ac0 100%); /* FF3.6+ */
 908       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+ */
 909        background: -webkit-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Chrome10+,Safari5.1+ */
 910   background: -o-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* Opera 11.10+ */
 911        background: -ms-linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* IE10+ */
 912      background: linear-gradient(top, #8fb4e8 0%,#8cb1e5 19%,#80a8dc 48%,#7da5d8 52%,#7198cf 83%,#618ac0 100%); /* W3C */
 913        border-top : 1px solid #335599;
 914         border-bottom : 1px solid #335599;
 915      margin-left : -10px;
 916    margin-right : -10px;
 917   padding : .7em 0 .4em .5em;
 918     font-size : 108%;
 919       line-height : 116%;
 920 }
 921
 922 #opac-main-search form {
 923         display : inline;
 924       padding-right : 1em;
 925 }
 926
 927 #opac-main-search label {
 928       color : #FFFFCC;
 929        font-weight : bold;
 930     margin : .2em .3em 0 0;
 931 }
 932
 933 #masthead_search,
 934 #select_library {
 935  max-width: 10em;
 936        width: 10em;
 937 }
 938
 939
 940 #search-facets ul {
 941    margin : 0;
 942     padding : .3em;
 943 }
 944
 945 #search-facets {
 946     border : 1px solid #e8e8e8;
 947 }
 948
 949 #search-facets h4 {
 950      background-color : #EEE;
 951        border-bottom : 1px solid #e8e8e8;
 952      font-size : 90%;
 953        margin : 0;
 954     padding : .7em .2em;
 955    text-align : center;
 956 }
 957
 958 #search-facets ul li {
 959  font-weight : bold;
 960     list-style-type : none;
 961 }
 962
 963 #search-facets li li {
 964       font-weight : normal;
 965   font-size : 85%;
 966        margin-bottom : 2px;
 967    padding : .1em .2em;
 968 }
 969
 970 #search-facets li li a {
 971        font-weight : normal;
 972 }
 973
 974 #search-facets li.showmore a {
 975         font-weight : bold;
 976     text-indent : 1em;
 977 }
 978
 979 .suggestion {
 980     background-color : #EEEEEB;
 981     border : 1px solid #DDDED3;
 982     margin : 10px auto;
 983     padding : 4px;
 984  width : 35%;
 985 }
 986
 987 #facets ul {
 988    margin : 0;
 989     padding : 0;
 990 }
 991
 992 #facets ul li {
 993         font-weight : bold;
 994     text-align : left;
 995      list-style : none;
 996 }
 997
 998 #facets ul ul li {
 999        border : 0;
1000     font-size : 85%;
1001        font-weight : normal;
1002   padding : 2px;
1003  text-align : left;
1004 }
1005
1006 #facets ul ul li a {
1007      font-weight : normal;
1008   text-decoration : underline;
1009 }
1010
1011 #facets h4 {
1012    font-size : 93%;
1013        padding:3px;
1014    text-align:center;
1015      background-color:#E7E7CA;
1016       line-height:1.8em;
1017      margin-left:-1px;
1018       margin-right:-1px;
1019      margin-top:-1px;
1020 }
1021
1022 #breadcrumbs {
1023      padding : .7em;
1024 }
1025
1026 p {
1027  margin: .7em 0;
1028 }
1029
1030 strong {
1031     font-weight : bold;
1032 }
1033
1034 em {
1035     font-style : italic;
1036 }
1037
1038
1039 table#marc,
1040 table#marc td,
1041 table#marc th {
1042     background-color : transparent;
1043         border : 0;
1044 }
1045
1046 table#marc p span.label {
1047        font-weight : bold;
1048 }
1049
1050 table#marc p,
1051 table#marc ul {
1052    padding-bottom: .6em;
1053 }
1054
1055 table#items,
1056 table#items td
1057 table#items th {
1058   border-width : 1px solid #EEE;
1059  font-size : 90%;
1060 }
1061
1062
1063 table#marc div.results_summary {
1064   clear :  left;
1065 }
1066 table#marc div.results_summary ul {
1067    display : inline;
1068       float :  none;
1069  clear :  none;
1070  margin: 0;
1071      padding: 0;
1072     list-style : none;
1073 }
1074
1075 table#marc div.results_summary ul li {
1076    display : inline;
1077 }
1078
1079 #basketcount {
1080     display : inline;
1081 }
1082
1083 #bookcover {
1084       float : left;
1085   margin : 0;
1086     padding : 0;
1087 }
1088
1089 #bookcover img {
1090        margin : 0 1em 1em 0;
1091 }
1092
1093 fieldset.brief {
1094       border : 1px solid #E8E8E8;
1095 }
1096
1097 fieldset.brief legend {
1098  font-weight : bold;
1099     font-size : 100%;
1100 }
1101
1102 fieldset.brief label {
1103     display : block;
1104        padding : .3em 0;
1105 }
1106
1107 fieldset.brief input+input {
1108       margin-top : 3px;
1109 }
1110
1111 fieldset.brief input, fieldset.brief textarea, fieldset.brief select {
1112     background-color: #F3F3F3;
1113      border-top : 1px solid #979797;
1114         border-left : 1px solid #979797;
1115        border-right : 1px solid #DDDDDD;
1116       border-bottom : 1px solid #DDDDDD;
1117      font-size : 140%;
1118       padding : .2em;
1119         font-weight: normal;
1120 }
1121
1122 fieldset.brief textarea {
1123       font-size: 105%;
1124 }
1125
1126 fieldset.brief input:focus {
1127        background-color: #FFFFCC;
1128 }
1129
1130 fieldset.brief ol, fieldset.brief li {
1131    list-style-type : none;
1132 }
1133
1134 fieldset.brief div.hint, fieldset.rows div.hint {
1135    color : #666666;
1136        font-size : 100%;
1137       margin : .4em;
1138 }
1139
1140 h2 span.hint {
1141        font-size: 76%;
1142         font-weight : normal;
1143 }
1144 .thumbnail {
1145    border : 0;
1146     float : left;
1147   margin : 0pt 5px 5px 0pt;
1148 }
1149 a.cancel {
1150  padding-left : 1em;
1151 }
1152
1153 .resultscontrol, .resultscontrol select {
1154        font-size: 90%;
1155 }
1156
1157 .cartlist {
1158  margin-top : 5px;
1159 }
1160
1161 .cartlist input.submit, #tagsel_button {
1162   background-color : #d8deb8;
1163     background-image : none;
1164        border-color : #bebf84;
1165         color : #333;
1166   font-size : 87%;
1167        padding : 2px 0;
1168        margin : 0 0 0 0;
1169 }
1170
1171 #CheckAll, #CheckNone {
1172    font-weight : normal;
1173   margin : 0 .5em;
1174 }
1175
1176 .resultscontrol label {
1177     font-weight : bold;
1178     margin-left : .5em;
1179 }
1180
1181 .resort {
1182        float : right;
1183  margin-top : 5px;
1184 }
1185
1186 .searchresults p.details {
1187         color : #979797;
1188 }
1189
1190 .searchresults p {
1191  margin: 0;
1192      padding: 0 0 .6em 0;
1193 }
1194
1195 td.resultscontrol img {
1196         vertical-align: middle;
1197 }
1198
1199 .searchresults table td {
1200 }
1201
1202 .searchresults table {
1203  margin : 0;
1204 }
1205
1206 .searchresults td, .searchresults th, .searchresults table {
1207     border: 0;
1208 }
1209 .searchresults td {
1210        vertical-align: top;
1211 }
1212
1213 .searchresults tr {
1214     border-bottom : 1px solid #f3f3f3;
1215 }
1216
1217 .searchresults tr:first-child {
1218   border : 0;
1219 }
1220
1221 .searchresults table {
1222   border-top : 0px solid #CCCCCC;
1223         width : 100%;
1224 }
1225
1226 .searchresults a.reserve, .searchresults a.reserve:visited {
1227   background-position:left top;
1228   background-repeat:no-repeat;
1229    float:right;
1230    padding:2px 3px 2px 26px;
1231 }
1232
1233 .searchresults a.reserve {
1234         background-color:transparent;
1235   color:#006699;
1236 }
1237
1238 .unavailable, .tagerror, .tagerror:visited {
1239  color: #990033;
1240 }
1241
1242 #libraryname {
1243       float : left;
1244   line-height : 2em;
1245 }
1246
1247 #corner {
1248         float : right;
1249  line-height : 2em;
1250 }
1251
1252 .pages {
1253  line-height : 1.8em;
1254    text-align: center;
1255 }
1256
1257 .current,
1258 .currentPage {
1259         background-color: #FFFFFF;
1260      color: #3366CC;
1261         font-weight: bold;
1262      padding: 1px 5px 1px 5px;
1263       text-decoration: none;
1264 }
1265
1266 a:link.nav,
1267 div.pages a:link {
1268        background-color: #EEE;
1269         border: 1px solid #CCCC99;
1270      color: #3366CC;
1271         font-weight: bold;
1272      padding: 1px 5px 1px 5px;
1273       text-decoration: none;
1274 }
1275
1276 a:visited.nav,
1277 div.pages a:visited {
1278  background-color: #EEE;
1279         border: 1px solid #CCCC99;
1280      color: #3366CC;
1281         font-weight: bold;
1282      padding: 1px 5px 1px 5px;
1283       text-decoration: none;
1284 }
1285
1286 a:hover.nav,
1287 div.pages a:hover {
1288      background-color: #FFFFCC;
1289      border: 1px solid #CCCC99;
1290      color: #CC3333;
1291         font-weight: bold;
1292      padding: 1px 5px 1px 5px;
1293       text-decoration: none;
1294 }
1295
1296 a:active.nav,
1297 div.pages a:active {
1298    background-color: #FFFFCC;
1299      border: 1px solid #CCCC99;
1300      color: #D25500;
1301         font-weight: bold;
1302      padding: 1px 5px 1px 5px;
1303       text-decoration: none;
1304 }
1305
1306 /* Tabs */
1307 ul.link-tabs {
1308     list-style-type: none;
1309  margin: 9px 0 -2px 5px;
1310         padding: 0;
1311 }
1312
1313 ul.link-tabs li {
1314        display: inline;
1315        padding: 0px;
1316 }
1317
1318 ul.link-tabs li a {
1319    font-weight: bold;
1320      padding: 2px 4px 2px 4px;
1321       text-decoration: none;
1322  border-top: 1px solid #DDDDDD;
1323  border-left : 1px solid #DDDDDD;
1324        border-right : 1px solid #666666;
1325 }
1326
1327 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
1328       padding: 2px 4px 3px 4px;
1329 }
1330
1331 ul.link-tabs li.off a {
1332    background-color: #EEEEEB;
1333      border-bottom: 1px solid #DDDDDD;
1334 }
1335
1336 ul.link-tabs li.off a:hover {
1337      padding: 2px 3px 2px 4px;
1338       background-color: #FFFFEC;
1339      border-top: 1px solid #BEBF84;
1340  border-left : 1px solid #BEBF84;
1341        border-right : 2px solid #333333;
1342 }
1343
1344 ul.link-tabs li.on a {
1345     background-color: #FFFFFF;
1346      border-bottom: 1px solid #FFFFFF;
1347 }
1348
1349 ul.link-tabs li a.debit {
1350  background-color : #FFFF99;
1351     color : #990033;
1352 }
1353
1354 div.tab-container {
1355         border : 1px solid #DDDDDD;
1356     margin-top : 4px;
1357       padding : .7em;
1358         width : 90%;
1359 }
1360
1361 tr.overdue td {
1362         background-color : #ffcccc;
1363     border-bottom : 1px solid #ffaeae;
1364      border-right : 1px solid #ffaeae;
1365       font-weight : bold;
1366 }
1367
1368 td.overdue {
1369     color : #cc3333;
1370 }
1371
1372 .renewals {
1373         display:block;
1374  font-size:0.8em;
1375        padding:0.5em;
1376 }
1377
1378 table#marc, table#marc td, table#marc th {
1379    border : 0;
1380 }
1381
1382 table#marc th {
1383  background-color : transparent;
1384         text-align : left;
1385 }
1386
1387 table#marc td:first-child {
1388       text-indent : 2em;
1389 }
1390 #masthead {
1391 float: left;
1392 width: 120px;
1393 }
1394
1395 #fluid {
1396 margin-left: 124px;
1397 margin-top : .4em;
1398 padding-left : 1em;
1399 }
1400
1401 #fluid-offset {
1402 float : right;
1403 width: 100%;
1404 }
1405
1406 #translControl{
1407 float : left;
1408 padding-left : .4em;
1409 }
1410
1411 .clearfix:after {
1412     content: ".";
1413     display: block;
1414     height: 0;
1415     clear: both;
1416     visibility: hidden;
1417 }
1418
1419 /* Hides from IE-mac \*/
1420 * html .clearfix {height: 1%;}
1421 /* End hide from IE-mac */
1422
1423 .results_summary {
1424    display: block;
1425         font-size : 85%;
1426        color: #707070;
1427         padding : 0 0 .5em 0;
1428 }
1429 .results_summary .results_summary {
1430     font-size : 100%;
1431 }
1432
1433 .results_summary.actions {
1434     margin-top : .5em;
1435 }
1436
1437 .m880 {
1438     display:block;
1439     text-align:right;
1440     float:right;
1441     width:50%;
1442     padding-left:20px
1443 }
1444
1445 .tagstatus {
1446     color: #707070;
1447     padding: 0 4px 0 4px;
1448     margin-left: 5px;
1449     border: 1px solid #bcbcbc;
1450     background-color: #ffffcc;
1451     -webkit-border-radius: 4px;
1452     -moz-border-radius: 4px;
1453     border-radius: 4px;
1454 }
1455
1456 .results_summary.tagstatus {
1457     display: inline;
1458 }
1459
1460 .results_summary .label {
1461    color: #202020;
1462 }
1463
1464 .results_summary a {
1465         font-weight: normal;
1466 }
1467
1468 .actions a.hold,
1469 .actions a.addtocart,
1470 .actions a.addtoshelf,
1471 .actions a.addtolist,
1472 .actions a.tag_add {
1473      margin-left : 1em;
1474      text-decoration : none;
1475 }
1476
1477 .actions a.hold {
1478     background-image : url("../../images/sprite.png");
1479     background-position : -10px -542px;
1480     background-repeat: no-repeat;
1481   padding-left : 16px;
1482 }
1483
1484 .actions a.addtocart {
1485     background-image : url("../../images/sprite.png");
1486     background-position : -10px -572px;
1487     background-repeat: no-repeat;
1488     padding-left : 15px;
1489        display : none;
1490 }
1491
1492 .actions a.addtoshelf {
1493     background-image : url("../../images/sprite.png");
1494     background-position: -10px -27px;
1495     background-repeat: no-repeat;
1496       padding-left : 13px;
1497 }
1498
1499 .dialog {
1500   border: 1px solid #bcbcbc;
1501  padding : .5em;
1502         margin : 1em auto;
1503   width: 65%;
1504   }
1505
1506 .dialog  h2, .dialog h3, .dialog h4 {
1507         margin : auto;
1508     text-align : center;
1509   }
1510
1511 div.alert {
1512   background: #fef8d3; /* Old browsers */
1513         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1514  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+ */
1515   background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1516    background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1517  background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1518        background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1519     text-align : center;
1520 }
1521
1522 div.alert strong {
1523      color : #900;
1524 }
1525
1526 div.message {
1527  background: #ffffff; /* Old browsers */
1528         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1529     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+ */
1530  background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1531        background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1532      background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1533        background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1534         border : 1px solid #bcbcbc;
1535     width : 55%;
1536 }
1537
1538 #moresearches {
1539         clear : left;
1540   color : #000099;
1541        font-size : 90%;
1542        line-height : 110%;
1543     margin : .6em 0 .3em 0;
1544 }
1545
1546 #moresearches a:link, #moresearches a:visited {
1547      color : #e5ebff;
1548        font-weight : normal;
1549   text-decoration : none;
1550 }
1551
1552 #news th {
1553   text-align : left;
1554      padding : 3px 5px;
1555 }
1556
1557 strong em, em strong  {
1558     font-weight: bold;
1559     font-style: italic;
1560 }
1561
1562 #opac-main-search #listsmenu a, #opac-main-search #listsmenu h4 {
1563         color : #000;
1564   font-weight : normal;
1565 }
1566  #opac-main-search #listsmenu h4 {
1567         font-size : 90%;
1568    font-weight : bold;
1569     margin : 0 .2em;
1570  }
1571
1572 #opac-main-search #listsmenu .yuimenuitemlabel {
1573   cursor : pointer;
1574 }
1575
1576 #opac-main-search #listsmenu .bd {
1577         background: #eef4fe; /* Old browsers */
1578         background: -moz-linear-gradient(left, #eef4fe 0%, #eef4fe 88%, #f6f9fe 98%, #ffffff 99%, #a5c2f6 99%, #e6eefe 100%, #cbdefe 100%); /* FF3.6+ */
1579        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+ */
1580        background: -webkit-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Chrome10+,Safari5.1+ */
1581     background: -o-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* Opera11.10+ */
1582   background: -ms-linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* IE10+ */
1583        background: linear-gradient(left, #eef4fe 0%,#eef4fe 88%,#f6f9fe 98%,#ffffff 99%,#a5c2f6 99%,#e6eefe 100%,#cbdefe 100%); /* W3C */
1584      border : 1px solid #739acf;
1585     padding : .3em 1em 0 0;
1586 }
1587
1588 #opac-main-search #listsmenu .yuimenuitemlabel.selected {
1589    background-color : #fff;
1590 }
1591
1592 #opac-main-search #listsmenu ul {
1593   border-color : #b8d0e6;
1594 }
1595
1596 .selectcol {
1597         vertical-align: top;
1598    width: 10px;
1599 }
1600 .itypecol {
1601      vertical-align: top;
1602    width: 10px;
1603 }
1604 #container {
1605     color : #000;
1606 }
1607
1608 div#changelanguage{
1609    background-color: #fff;
1610         border-top: 1px solid #CCC;
1611     color : #666;
1612   font-size : 85%;
1613        padding : 1em;
1614  margin-top : 2em;
1615  }
1616
1617 div#changelanguage a {
1618    font-weight : normal;
1619   padding : .5em 0;
1620 }
1621
1622 div#changelanguage li.yuimenuitem {
1623     font-size: 120%;
1624     font-weight: normal;
1625     margin: 0;
1626     padding: 0 1em;
1627 }
1628 div#changelanguage li.yuimenuitem a.yuimenuitemlabel {
1629     padding: 0;
1630 }
1631
1632 ul#i18nMenu {
1633     margin : 0;
1634     padding : .2em 0;
1635  }
1636
1637 ul#i18nMenu li {
1638  border-left : 1px solid #CCC;
1639   display : inline;
1640       list-style : none;
1641      padding : 0 .4em;
1642  }
1643
1644 ul#i18nMenu li:first-child {
1645      border-left : 0;
1646  }
1647
1648 ul#i18nMenu li ul li {
1649     border : 0;
1650     display : block;
1651        padding : 0;
1652  }
1653
1654
1655 ul#i18nMenu li.more a {
1656     background-image : url("../../images/sprite.png");
1657     background-position : 37px -940px;
1658         background-repeat:no-repeat;
1659    padding-right: 1.3em;
1660 }
1661
1662 ul#i18nMenu li.more ul li a {
1663  background-image : none;
1664        padding: 0 1.3em;
1665 }
1666
1667 span.lang{
1668         float:left;
1669     border-right : 1px solid black;
1670         padding : 0 .5em;
1671 }
1672
1673 #cartDetails,#cartUpdate,#holdDetails,#listsDetails {
1674      background-color : #FFF;
1675        border: 1px solid #739acf;
1676      color : black;
1677  display : none;
1678         margin : 0;
1679     padding : 10px;
1680         text-align : center;
1681    width : 180px;
1682  box-shadow: 1px 1px 3px #666;
1683   -moz-box-shadow: 1px 1px 3px #666;
1684      -webkit-box-shadow: 1px 1px 3px #666;
1685   z-index: 2;
1686
1687 }
1688
1689 .yui-panel .hd, .yui-panel .bd, .yui-panel .ft {
1690        background-color : transparent;
1691         border : 0;
1692     padding : inherit;
1693 }
1694
1695 #login #userid, #login #password {
1696        width : 98%;
1697 }
1698
1699 #opac-main-search input.submit {
1700        background: #e6f3fe; /* Old browsers */
1701         background: -moz-linear-gradient(top, #e6f3fe 0%, #dfeefa 8%, #bfd5ea 49%, #b8d0e6 52%, #b8d0e6 100%); /* FF3.6+ */
1702     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+ */
1703  background: -webkit-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1704        background: -o-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* Opera11.10+ */
1705      background: -ms-linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* IE10+ */
1706        background: linear-gradient(top, #e6f3fe 0%,#dfeefa 8%,#bfd5ea 49%,#b8d0e6 52%,#b8d0e6 100%); /* W3C */
1707         -webkit-border-radius: 4px;
1708     -moz-border-radius: 4px;
1709        border-radius: 4px;
1710     -webkit-box-shadow: 1px 1px 1px 1px , , .3);
1711    -moz-box-shadow: 1px 1px 1px 1px , , .3);
1712       box-shadow: 1px 1px 1px 1px , , .3);
1713
1714   color : #333;
1715   font-weight : normal;
1716   font-size : 80%;
1717        padding : 2px;
1718 }
1719
1720 div#menu {
1721    border-right : 1px solid #979797;
1722       font-size : 94%;
1723        margin-right : .5em;
1724    padding-top : 1em;
1725      padding-bottom : 2em;
1726 }
1727
1728 div#menu li a {
1729        background: #eeeeee; /* Old browsers */
1730         background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1731   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+ */
1732   background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1733      background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera 11.10+ */
1734   background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1735         background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1736        text-decoration : none;
1737         display : block;
1738        border : 1px solid #979797;
1739     font-size : 111%;
1740       margin : .5em 0;
1741        padding : .4em .3em;
1742    margin-right : -1px;
1743 }
1744
1745 div#menu li a:hover {
1746   background: #eaeef5; /* Old browsers */
1747         background: -moz-linear-gradient(left, #eaeef5 0%, #dee6f4 96%, #c4d5ef 98%, #a2bee8 100%); /* FF3.6+ */
1748        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+ */
1749    background: -webkit-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Chrome10+,Safari5.1+ */
1750  background: -o-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* Opera 11.10+ */
1751       background: -ms-linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* IE10+ */
1752     background: linear-gradient(left, #eaeef5 0%,#dee6f4 96%,#c4d5ef 98%,#a2bee8 100%); /* W3C */
1753 }
1754
1755 div#menu li.active a:hover {
1756        background-color : #fff;
1757        color : #0000CC;
1758 }
1759
1760 #menu ul li {
1761       list-style-type : none;
1762 }
1763
1764 #menu ul li.active a {
1765       background-color : #FFF;
1766        background-image : none;
1767        border-right : 0;
1768       font-weight : bold;
1769 }
1770
1771 .left {
1772  float : left;
1773 }
1774
1775 .right {
1776       float : right;
1777 }
1778
1779 #searchsubmit {
1780       cursor : default;
1781       font-size : 87%;
1782        font-weight :  normal;
1783  margin-top : 0;
1784         margin-left :  .2em;
1785    padding: 2px 2px 1px 2px;
1786 }
1787
1788 #export,#further,.detailtagcell {
1789  margin-top : .5em;
1790      background-color : #F3F3F3;
1791     border : 1px solid #E8E8E8;
1792     font-size : 76%;
1793        padding : 3px;
1794  text-align : center;
1795 }
1796 #furtherm { margin-top : .5em; }
1797
1798 #export label, .detailtagcell label {
1799  display : block;
1800        font-weight : bold;
1801     font-size : 110%;
1802       margin-bottom : 2px;
1803 }
1804
1805 #export input, .detailtagcell input {
1806   padding : 2px;
1807 }
1808
1809 #amazonreviews h4 {
1810   font-size : 90%;
1811        margin : 0;
1812     padding : 0;
1813 }
1814 #amazonreviews h3 {
1815      font-size : 100%;
1816       margin : 0;
1817     padding : 0;
1818 }
1819
1820 #cartmenulink, #listsmenulink {
1821         background-repeat: no-repeat;
1822   -webkit-border-radius: 5px;
1823     -moz-border-radius: 5px;
1824        border-radius: 5px;
1825     display : block;
1826        position : relative;
1827    float : left;
1828   color : #333;
1829   text-decoration : none;
1830         cursor : pointer;
1831       font-size : 105%;
1832       font-weight : bold;
1833     line-height : 185%;
1834     margin-left : 1.5em;
1835    padding : .3em .7em;
1836 }
1837
1838 #listsmenulink {
1839        background : #9FBFFF;
1840     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d7e5ff 0%, #b1cbff 50%, #9fbfff 100%); /* FF3.6+ */
1841     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7e5ff), color-stop(50%,#b1cbff), color-stop(100%,#9fbfff)); /* Chrome,Safari4+ */
1842     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Chrome10+,Safari5.1+ */
1843     background: url("../../images/sprite.png"),-o-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* Opera 11.10+ */
1844     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* IE10+ */
1845     background: url("../../images/sprite.png"),linear-gradient(top, #d7e5ff 0%,#b1cbff 50%,#9fbfff 100%); /* W3C */
1846     background-position: 40px -287px,top left;
1847         background-repeat: no-repeat;
1848   border: 1px solid #629DCF;
1849      color : #006699;
1850        padding-right: 20px;
1851 }
1852
1853 #listsmenulink:hover {
1854  background-color : #b8d0e6;
1855     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e2ecf5 0%, #c3d8ea 50%, #b8d0e6 100%); /* FF3.6+ */
1856     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2ecf5), color-stop(50%,#c3d8ea), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */
1857     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */
1858     background: url("../../images/sprite.png"),-o-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* Opera 11.10+ */
1859     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* IE10+ */
1860     background: url("../../images/sprite.png"),linear-gradient(top, #e2ecf5 0%,#c3d8ea 50%,#b8d0e6 100%); /* W3C */
1861        background-repeat: no-repeat;
1862     background-position: 40px -287px,top left;
1863 }
1864
1865 #cartmenulink {
1866         background: #98CB58; /* Old browsers */
1867     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #d5eaba 0%, #b7db8a 50%, #98cb59 100%); /* FF3.6+ */
1868     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5eaba), color-stop(50%,#b7db8a), color-stop(100%,#98cb59)); /* Chrome,Safari4+ */
1869     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Chrome10+,Safari5.1+ */
1870     background: url("../../images/sprite.png"),-o-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* Opera 11.10+ */
1871     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* IE10+ */
1872     background: url("../../images/sprite.png"),linear-gradient(top, #d5eaba 0%,#b7db8a 50%,#98cb59 100%); /* W3C */
1873     background-position: -5px -256px, left top;
1874        background-repeat: no-repeat;
1875   border: 1px solid #5EA28C;
1876      color : #336600;
1877        padding-left : 30px;
1878 }
1879
1880 #cartmenulink:hover {
1881   background-color : #BFDE96;
1882     background: url("../../images/sprite.png"),-moz-linear-gradient(top, #e5f1d4 0%, #cbe4aa 50%, #c0de98 100%); /* FF3.6+ */
1883     background: url("../../images/sprite.png"),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f1d4), color-stop(50%,#cbe4aa), color-stop(100%,#c0de98)); /* Chrome,Safari4+ */
1884     background: url("../../images/sprite.png"),-webkit-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Chrome10+,Safari5.1+ */
1885     background: url("../../images/sprite.png"),-o-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* Opera 11.10+ */
1886     background: url("../../images/sprite.png"),-ms-linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* IE10+ */
1887     background: url("../../images/sprite.png"),linear-gradient(top, #e5f1d4 0%,#cbe4aa 50%,#c0de98 100%); /* W3C */
1888        background-repeat: no-repeat;
1889     background-position: -5px -256px, left top;
1890 }
1891
1892 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1893 * html #listsmenulink,
1894 *+html #listsmenulink {
1895  padding-right : .7em;
1896 }
1897
1898 /* IE 6 & 7  don't do multiple backgrounds, so remove extra padding */
1899 * html #cartmenulink,
1900 *+html #cartmenulink {
1901    padding-left : .7em;
1902 }
1903
1904 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1905 #listsmenulink {
1906   padding-right: .7em\0/;
1907 }
1908
1909 /* IE 8 doesn't do multiple backgrounds, so remove extra padding */
1910 #cartmenulink {
1911   padding-left: .7em\0/;
1912 }
1913
1914 #cartmenulink span#basketcount {
1915      background-image : none;
1916        float : none;
1917   display : inline;
1918       height : auto;
1919  position : relative;
1920    margin : 0;
1921     padding : 0;
1922    left : auto;
1923    right : auto;
1924   top : auto;
1925 }
1926
1927 #cartmenulink span#basketcount span {
1928    background-image : none;
1929        background-color : #E6FCB7;
1930     color : #000;
1931   display : inline;
1932       float : none;
1933   font-size : 80%;
1934        font-weight : normal;
1935   margin : 0 0 0 .9em;
1936    padding : 0 .3em 0 .3em;
1937        position : relative;
1938    left : auto;
1939    right : auto;
1940   top : auto;
1941 }
1942
1943 #views {
1944         border-bottom : 1px solid #E8E8E8;
1945      margin-bottom : .5em;
1946   padding : 0 2em 2px 0.2em;
1947      white-space : nowrap;
1948 }
1949
1950 span.view {
1951    padding : 0.2em .2em 2px .2em;
1952 }
1953
1954 #bibliodescriptions,
1955 #isbdcontents {
1956  clear : left;
1957   margin-top : .5em;
1958 }
1959
1960 a#MARCview, span#MARCview, a#MARCviewPop, a#ISBDview, span#ISBDview, a#Normalview, a#Briefhistory, span#Normalview, a#Fullhistory, span#Fullhistory, span#Briefhistory {
1961  background-repeat : no-repeat;
1962  font-size : 87%;
1963        font-weight : normal;
1964   padding : .2em .5em;
1965     padding-left : 21px;
1966   text-decoration: none;
1967 }
1968
1969 a#MARCview, span#MARCview {
1970     background-image: url("../../images/sprite.png");
1971     background-position: -5px -26px;
1972     background-repeat: no-repeat;
1973 }
1974 a#MARCviewPop, span#MARCviewPop {
1975     background-image: url("../../images/sprite.png");
1976     background-position: -5px -26px;
1977     background-repeat: no-repeat;
1978 }
1979 a#ISBDview, span#ISBDview {
1980     background-image: url("../../images/sprite.png");
1981     background-position: -5px -55px;
1982     background-repeat: no-repeat;
1983 }
1984 a#Normalview, span#Normalview {
1985     background-image: url("../../images/sprite.png");
1986     background-position: -7px 3px;
1987     background-repeat: no-repeat;
1988     padding-left : 15px;
1989 }
1990
1991 a#MARCview, a#MARCviewPop, a#ISBDview, a#Normalview, a#Fullhistory, a#Briefhistory {
1992    background-color : #F3F3F3;
1993     border-left : 1px solid #E8E8E8;
1994 }
1995
1996 #shelfbrowser table {
1997       margin : 0 20px;
1998 }
1999 #shelfbrowser table, #shelfbrowser td, #shelfbrowser th {
2000    border : 0;
2001     font-size : 90%;
2002        text-align : center;
2003 }
2004 #shelfbrowser a {
2005        font-size : 110%;
2006       text-decoration : none;
2007 }
2008 #shelfbrowser td, #shelfbrowser th {
2009  vertical-align : bottom;
2010        width : 20%;
2011 }
2012 #shelfbrowser td.top {
2013   vertical-align : top;
2014 }
2015 #shelfbrowser td.top a {
2016        text-decoration : underline;
2017 }
2018 #shelfbrowser a {
2019        display : block;
2020 }
2021
2022 #comments .commentline {
2023    border-bottom : 2px solid #eeeeeb;
2024      margin : 0 -.5em 0 -.5em;
2025       padding : 0 .5em .5em .5em;
2026 }
2027 #comments .yours {
2028        background-color : #effed5;
2029 }
2030 .commentline .avatar {
2031    float : right;
2032  padding-left : .5em;
2033 }
2034 #comments #addcomment {
2035  margin : 0 -1em -1em -1em;
2036      padding : .3em 1em;
2037 }
2038 input.tagbutton {
2039         padding : 1px !important;
2040 }
2041 table#items th {
2042    padding : 2px;
2043 }
2044 #action {
2045      /*margin-top: 0;*/
2046 }
2047 #similars h4 {
2048     text-align : left;
2049 }
2050 #similars table,
2051 #similars td {
2052    border : 0;
2053     margin : 0;
2054 }
2055 #similars td {
2056    width : 13em;
2057 }
2058 #similars a {
2059   display : block;
2060        font-weight : normal;
2061 }
2062 #furtherm a,
2063 #furtherm a:link,
2064 #furtherm a:visited {
2065    color : #006699;
2066 }
2067 #furtherm h4 {
2068       font-size : 106%;
2069       margin : .1em .5em;
2070 }
2071 #furtherm .bd {
2072   background-color : #F3F3F3;
2073     border:1px solid #DDD;
2074 }
2075 .results_summary img {
2076         margin : 0 5px;
2077  }
2078 span.no-image {
2079      background-color : #FFF;
2080        border: 1px solid #979797;
2081      color : #AAA;
2082   display:block;
2083  font-size : 86%;
2084        font-weight : bold;
2085     text-align : center;
2086    width : 75px;
2087 }
2088 #bookcover span.no-image {
2089      margin-right : 10px;
2090    margin-bottom : 10px;
2091 }
2092 #shelfbrowser a:link span.no-image,
2093 #shelfbrowser a:visited span.no-image,
2094 #shelfbrowser a:hover span.no-image,
2095 #shelfbrowser a:active span.no-image {
2096  font-size : 95%;
2097 }
2098 #shelfbrowser a:link span.no-image,
2099 #shelfbrowser a:visited span.no-image,
2100 #shelfbrowser a:hover span.no-image,
2101 #shelfbrowser a:active span.no-image,
2102 td.jacketcell a:link,
2103 td.jacketcell a:visited,
2104 td.jacketcell a:hover,
2105 td.jacketcell a:active,
2106 a.p1:link,
2107 a.p1:visited,
2108 a.p1:hover,
2109 a.p1:active {
2110       color : #AAA;
2111   text-decoration : none;
2112         font-weight : bold;
2113 }
2114
2115 .copies_row > td:first-child {
2116     border-left-style : none;
2117 }
2118
2119 .rtl {
2120   unicode-bidi: embed;
2121   direction: rtl;
2122   text-align: right;
2123 }
2124
2125 div.ft {
2126         clear : both;
2127 }
2128 #basket td ul li {
2129      font-size:90%;
2130  list-style:disc outside url("../../images/item-bullet.gif");
2131    padding:0.2em 0;
2132 }
2133
2134 #recentcomments {
2135   margin:auto;
2136    max-width:750px;
2137     margin-left: 13.3207em;
2138 }
2139
2140 .searchresults .commentline {
2141   background-color : rgb(255, 255, 204);
2142  background-color : rgba(255, 255, 204, 0.4);
2143    border : 1px solid #CCC;
2144        display: inline-block;
2145  -webkit-border-radius: 4px;
2146     -moz-border-radius: 4px;
2147        border-radius: 4px;
2148     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2149     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2150        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
2151     margin : .3em;
2152  padding : .4em;
2153 }
2154
2155 .searchresults .commentline.yours {
2156  background-color : rgb(239, 254, 213);
2157  background-color : rgba(239, 254, 213, 0.4);
2158 }
2159
2160 #plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
2161 #plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
2162 #plainmarc td { border: 0; padding : 2px; vertical-align: top; }
2163
2164 #catalogue_detail_biblio h1 { float:left; margin:0 1em 1em 0; }
2165 #catalogue_detail_biblio h1.title { float:none; margin-top:1em; }
2166 #catalogue_detail_biblio h3 {clear:both; }
2167
2168 #opac-detail #Normalview { font-weight:bold; }
2169 #opac-marcdetail #Normalview { font-weight:normal; }
2170 #opac-marcdetail #MARCview { font-weight:bold; }
2171 #opac-isbddetail #Normalview { font-weight:normal; }
2172 #opac-isbddetail #ISBDview { font-weight:bold; }
2173 #opac-isbddetail #isbdcontents { margin-top: 2em; }
2174
2175 div.bibmessage { background-color : #ffffb0; border-radius : 5px; padding : 3px; margin : 2px; }
2176
2177 #renewcontrols {
2178    float: right;
2179   font-size: 66%;
2180 }
2181
2182 #renewcontrols a {
2183  background-repeat : no-repeat;
2184  text-decoration:none;
2185   padding : .1em .4em;
2186    padding-left : 18px;
2187 }
2188
2189 #renewselected_link {
2190     background-image : url("../../images/sprite.png");
2191     background-position : -5px -988px;
2192     background-repeat: no-repeat;
2193 }
2194
2195 #renewall_link {
2196     background-image : url("../../images/sprite.png");
2197     background-position : -8px -964px;
2198     background-repeat: no-repeat;
2199 }
2200
2201 .koha_url {
2202     color: #666666;
2203 }
2204
2205 div.koha_url {
2206     border-top: none !important;
2207 }
2208 span.koha_url {
2209     position: absolute;
2210     right: 0;
2211     font-size: 85%;
2212 }
2213 a.koha_url {
2214     text-decoration:none;
2215 }
2216 /* pagination */
2217 .pagination {
2218     position: absolute;
2219     top:32px;
2220     left: -1px;
2221     width: 100%;
2222     height:auto;
2223     border: 1px solid #D0D0D0;
2224     display: none;
2225         background-color:#F3F3F3;
2226       padding-bottom:10px;
2227 }
2228
2229
2230 /* nav */
2231 .nav .close_pagination {
2232     padding-right: 10px;
2233     position: absolute;
2234     right: 3px;
2235     top: -25px;
2236 }
2237 .nav .close_pagination a {
2238     text-decoration:none!important;
2239 }
2240
2241 .nav ul {
2242     padding-top: 10px;
2243 }
2244
2245 .nav li {
2246  list-style:none;
2247        float:left;
2248     padding:4px;
2249    color:#999;
2250 }
2251
2252 .nav li a {
2253      text-decoration:none!important;
2254 }
2255
2256 .nav li a:hover {
2257    text-decoration:underline;
2258 }
2259
2260 .nav li ul {
2261      float:left;
2262 }
2263
2264 .back {
2265  float:right;
2266 }
2267
2268 .back input{
2269    background:none!important;
2270      color:#999!important;
2271 }
2272
2273 .pagination_list {
2274     float:bottom;
2275 }
2276 .pagination_list ul {
2277     padding-top: 40px;
2278    padding-left:0px;
2279 }
2280 .pagination_list li {
2281       list-style:none;
2282        float:bottom;
2283   padding:4px;
2284    color:#999;
2285    /* border-bottom : 1px solid #DDDDDD;*/
2286 }
2287 .pagination_list li.highlight {
2288    background-color : #F3F3F3;
2289    border-top : 1px solid #DDDDDD;
2290    border-bottom : 1px solid #DDDDDD;
2291 }
2292 .pagination_list span.li_pag_index {
2293    color: #999999;
2294     float: left;
2295     font-size: 15px;
2296     font-weight: bold;
2297     padding-right: 10px;
2298     text-align: right;
2299     width: 13px;
2300
2301 }
2302
2303 .pagination_list li a {padding-left:0px;}
2304
2305
2306 .nav_results {
2307     background-color: #F3F3F3;
2308     border: 1px solid #D0D0D0;
2309     margin-top: 0.5em;
2310    position:relative;
2311 }
2312
2313 .nav_results .l_Results a {
2314     background:#E1E1E1 url("../../images/sprite.png") no-repeat 0px -504px;
2315     color:#006699;
2316     display:block;
2317     padding:8px 28px;
2318     text-decoration:none;
2319 }
2320 .nav_results .l_Results a:hover {
2321     background-color:#D9D9D9;
2322 }
2323 .nav_results ul.pg_menu {
2324     border-top: 1px solid #D0D0D0;
2325     white-space : nowrap;
2326 }
2327 .nav_results ul.pg_menu li {
2328     color:#B2B2B2;
2329     display:inline;
2330     list-style:none;
2331     margin: 0;
2332 }
2333 .nav_results ul.pg_menu li.back_results a {
2334     border-left: 1px solid #D0D0D0;
2335     border-right: 1px solid #D0D0D0;
2336 }
2337 .nav_results ul.pg_menu li a,
2338 .nav_results ul.pg_menu li span {
2339       background-color: #F3F3F3;
2340      display : block;
2341     float:left;
2342     padding:.4em .5em;
2343     text-decoration:none;
2344     font-weight:normal;
2345     text-align:center;
2346 }
2347
2348 .nav_results ul.pg_menu li span {
2349   color : #B2B2B2;
2350 }
2351
2352 .nav_results ul.pg_menu li.left_results a {
2353         padding-left : 0;
2354 }
2355
2356 .nav_results ul.pg_menu li a:hover {
2357 }
2358
2359 .nav_results #listResults{
2360     line-height: 0.7em;
2361 }
2362
2363 .nav_results  #listResults li  {
2364     background-color:#999999;
2365     color:#C5C5C5;
2366     font-weight:normal;
2367    display:block;
2368  margin-right:1px;
2369       font-size:0.9em;
2370        padding:5px 0px;
2371        text-align:center;
2372      min-width:20px;
2373 }
2374
2375 .nav_results  #listResults li:hover  {background-color:#006699;}
2376
2377 .nav_results  #listResults li a { color:#FFFFFF; font-weight:normal;}
2378
2379 a.localimage img {
2380  border : 1px solid #8EB3E7;
2381     margin : 0 .5em;
2382        padding : .3em;
2383 }
2384
2385 p.patronimage {
2386      border:1px solid #EEE;
2387  border-bottom-color:#000;
2388       margin: 0.9em 0 0;
2389      padding:1em;
2390 }
2391
2392 p.patronimage.edit {
2393    border-color:#E8E8E8;
2394   margin: 1em 1em 1em 0;
2395 }
2396
2397 span.sep {
2398    color: #888;
2399    padding: 0 .2em;
2400        text-shadow: 1px 1px 0 #FFF;
2401 }
2402
2403 #daily-quote {
2404     /*border-top : 1px solid #000000;*/
2405     border : 1px solid #000000;
2406     margin-top: 2px;
2407     margin-bottom: 10px;
2408     margin-left: 2px;
2409     margin-right: 2px;
2410     width: 300px;
2411     text-align: center;
2412 }
2413
2414 #daily-quote h1 {
2415     font-size: 18px;
2416     font-weight: normal;
2417     margin: 0;
2418 }
2419
2420 #daily-quote div {
2421     font-size: 12px;
2422     margin: 5px;
2423 }
2424
2425 #social_networks span {
2426     color: #274D7F;
2427     display : block;
2428     float : left;
2429     font-size: 85%;
2430     font-weight: bold;
2431     line-height: 2em;
2432     margin : .5em 0 .5em .5em !important;
2433 }
2434 #social_networks a {
2435     background: transparent url("../../images/social-sprite.png") no-repeat;
2436     display: block;
2437     height : 20px !important;
2438     width : 20px;
2439     text-indent : -999em;
2440 }
2441
2442 #social_networks div {
2443     float : left !important;
2444     margin : .5em 0 .5em .2em !important;
2445 }
2446
2447 #social_networks #facebook {
2448     background-position : -7px -35px;
2449 }
2450
2451 #social_networks #twitter {
2452     background-position : -7px -5px;
2453 }
2454
2455 #social_networks #linkedin {
2456     background-position : -7px -95px;
2457 }
2458
2459 #social_networks #delicious {
2460     background-position : -7px -66px;
2461 }
2462
2463 #social_networks #email {
2464     background-position : -7px -126px;
2465 }
2466
2467 /* jQuery UI standard tabs */
2468 .ui-tabs-nav .ui-tabs-selected a,
2469 .ui-tabs-nav a:hover,
2470 .ui-tabs-nav a:focus,
2471 .ui-tabs-nav a:active,
2472 .ui-tabs-nav span.a {
2473     background: none repeat scroll 0 0 transparent;
2474     outline: 0 none;
2475 }
2476
2477 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2478     background-color : #FFF;
2479     border : 1px solid #D8D8D8;
2480 }
2481
2482 .ui-widget,
2483 .ui-widget input,
2484 .ui-widget select,
2485 .ui-widget textarea,
2486 .ui-widget button {
2487     font-family : inherit;
2488     font-size : inherit;
2489 }
2490 ul.ui-tabs-nav li {
2491     list-style : none;
2492 }
2493 .ui-tabs.ui-widget-content {
2494     background : transparent none;
2495     border : 0;
2496 }
2497
2498 .ui-tabs .ui-tabs-panel {
2499     border : 1px solid #D8D8D8;
2500 }
2501 .ui-tabs-nav.ui-widget-header {
2502     border : 0;
2503     background : none;
2504 }
2505 .ui-tabs .ui-tabs-nav li {
2506     background: #F3F3F3 none;
2507     border: 1px solid #D8D8D8;
2508     margin-right : .4em;
2509 }
2510 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2511     color : #000;
2512     font-weight : bold;
2513 }
2514
2515 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2516     background : #F3F3F3 none;
2517 }
2518
2519 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2520     background : #FFF none;
2521 }
2522
2523 .ui-tabs .ui-state-default a,
2524 .ui-tabs .ui-state-default a:link,
2525 .ui-tabs .ui-state-default a:visited {
2526     color: #006699;
2527 }
2528
2529 .ui-tabs .ui-state-hover a,
2530 .ui-tabs .ui-state-hover a:link,
2531 .ui-tabs .ui-state-hover a:visited {
2532     color: #990033;
2533 }
2534
2535 .statictabs ul {
2536     background: none repeat scroll 0 0 transparent;
2537     border: 0 none;
2538     margin: 0;
2539     padding: 0.2em 0.2em 0;
2540     border-bottom-right-radius: 4px;
2541     border-bottom-left-radius: 4px;
2542     border-top-right-radius: 4px;
2543     border-top-left-radius: 4px;
2544     color: #222222;
2545     font-weight: bold;
2546     font-size: 100%;
2547     line-height: 1.3;
2548     list-style: none outside none;
2549     outline: 0 none;
2550     text-decoration: none;
2551 }
2552
2553 .statictabs ul:after {
2554     clear: both;
2555 }
2556
2557 .statictabs ul:before,
2558 .statictabs ul:after {
2559     content: "";
2560     display: table;
2561 }
2562
2563 .statictabs ul li {
2564     background: none repeat scroll 0 0 #E6F0F2;
2565     border: 1px solid #B9D8D9;
2566     border-bottom: 0 none !important;
2567     border-top-right-radius: 4px;
2568     border-top-left-radius: 4px;
2569     float: left;
2570     list-style: none outside none;
2571     margin-bottom: 0;
2572     margin-right: 0.4em;
2573     padding: 0;
2574     position: relative;
2575     white-space: nowrap;
2576     top: 1px;
2577     color: #555555;
2578     font-weight: normal;
2579
2580 }
2581
2582 .statictabs ul li.active {
2583     background-color: #FFFFFF;
2584     color: #212121;
2585     font-weight: normal;
2586     padding-bottom: 1px;
2587 }
2588
2589 .statictabs ul li a {
2590     color: #004D99;
2591     cursor: pointer;
2592     float: left;
2593     padding: 0.5em 1em;
2594     text-decoration: none;
2595 }
2596
2597 .statictabs ul li a:hover {
2598     background-color : #EDF4F5;
2599     border-top-right-radius: 4px;
2600     border-top-left-radius: 4px;
2601     color : #538200;
2602 }
2603
2604 .statictabs ul li.active a {
2605     color: #000000;
2606     font-weight: bold;
2607     cursor: text;
2608     background: none repeat scroll 0 0 transparent;
2609     outline: 0 none;
2610 }
2611
2612 .statictabs .tabs-container {
2613     border: 1px solid #B9D8D9;
2614     background: none repeat scroll 0 0 transparent;
2615     display: block;
2616     padding: 1em 1.4em;
2617     border-bottom-right-radius: 4px;
2618     border-bottom-left-radius: 4px;
2619     color: #222222;
2620 }
2621
2622 .authref {
2623     text-indent: 2em;
2624 }
2625
2626 .authref .label {
2627     font-style: italic;
2628 }
2629
2630 .authstanza {
2631     margin-top: 1em;
2632 }
2633
2634 .authstanzaheading {
2635     font-weight: bold;
2636 }
2637
2638 .authstanza li {
2639     margin-left: 0.5em;
2640 }
2641
2642 #didyoumean {
2643     background-color: #EEE;
2644     border: 1px solid #E8E8E8;
2645     margin: 0 0 0.5em;
2646     text-align: left;
2647     padding: 0.5em;
2648     border-radius: 3px 3px 3px 3px;
2649 }
2650
2651 .suggestionlabel {
2652     font-weight: bold;
2653 }
2654
2655 .searchsuggestion {
2656     padding: 0.2em 0.5em;
2657     white-space: nowrap;
2658     display: inline-block;
2659 }
2660
2661
2662 /* jQuery UI Datepicker */
2663 .ui-datepicker-trigger {
2664     vertical-align: middle;
2665     margin : 0 3px;
2666 }
2667 .ui-datepicker {
2668     -moz-box-shadow: 1px 1px 3px 0 #666;
2669     -webkit-box-shadow: 1px 1px 3px 0 #666;
2670     box-shadow: 1px 1px 3px 0 #666;
2671 }
2672
2673 body#opac-main #opacmainuserblockmobile {
2674     display: none;
2675 }
2676
2677 #hierarchies a {
2678     font-weight: normal;
2679     text-decoration: underline;
2680     color: #069;
2681 }
2682
2683 #hierarchies a:hover {
2684     color: #990033;
2685 }
2686
2687 .mobile_only {
2688    display : none;
2689 }
2690
2691 /* different sizes for different tags in opac-tags.tt */
2692 .tagweight0 {
2693     font-size: 12px;
2694 }
2695
2696 .tagweight1 {
2697     font-size: 14px;
2698 }
2699
2700 .tagweight2 {
2701     font-size: 16px;
2702 }
2703
2704 .tagweight3 {
2705     font-size: 18px;
2706 }
2707
2708 .tagweight4 {
2709     font-size: 20px;
2710 }
2711
2712 .tagweight5 {
2713     font-size: 22px;
2714 }
2715
2716 .tagweight6 {
2717     font-size: 24px;
2718 }
2719
2720 .tagweight7 {
2721     font-size: 26px;
2722 }
2723
2724 .tagweight8 {
2725     font-size: 28px;
2726 }
2727
2728 .tagweight9 {
2729     font-size: 30px;
2730 }
2731
2732 .review {
2733     margin-bottom: 20px;
2734 }
2735
2736 #idreambooksreadometer {
2737     float: right;
2738 }
2739 a.idreambooksrating {
2740     font-size: 30px;
2741     color: #29ADE4;
2742     padding-left: 85px;
2743     line-height: 30px;
2744     text-decoration: none;
2745 }
2746
2747 .idreambookslegend {
2748     font-size: small;
2749 }
2750
2751 a.reviewlink,a.reviewlink:visited {
2752     text-decoration: none;
2753     color: black;
2754     font-weight: normal;
2755 }
2756
2757 .idreambookssummary a {
2758     color: #707070;
2759     text-decoration: none;
2760 }
2761
2762 .idreambookssummary img, .idbresult img {
2763     vertical-align: middle;
2764 }
2765
2766 .idbresult {
2767     color: #29ADE4;
2768     text-align: center;
2769     margin: 0.5em;
2770     padding: 0.5em;
2771 }
2772
2773 .idbresult a, .idbresult a:visited {
2774     text-decoration: none;
2775     color: #29ADE4;
2776 }
2777
2778 .idbresult img {
2779     padding-right: 6px;
2780 }
2781
2782 .highlight-row-results {
2783     font-size: 120%;
2784 }
2785
2786 .highlight-row-detail {
2787     font-weight: bold;
2788 }
2789
2790 .authorSearch {
2791     position: absolute;
2792     display: none;
2793     z-index: 2;
2794     background-color: white;
2795     border: 1px solid black;
2796     padding: 4px;
2797 }
2798 .authorSearch li {
2799     list-style-type: none;
2800 }
2801 .authorSearch ul {
2802     padding-left: 0px;
2803 }
2804 .subjectSearch {
2805     position: absolute;
2806     display: none;
2807     z-index: 2;
2808     background-color: white;
2809     border: 1px solid black;
2810     padding: 4px;
2811 }
2812 .subjectSearch li {
2813     list-style-type: none;
2814 }
2815 .subjectSearch ul {
2816     padding-left: 0px;
2817 }