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