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