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