koha-tmpl/opac-tmpl/bootstrap/css/opac-old.css

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