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