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