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