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