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

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