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

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