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