koha-tmpl/intranet-tmpl/prog/css/staff-global.css

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