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