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

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