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