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