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

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