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