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

   1 @import url("../lib/yui/reset-fonts-grids.css");
   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 radio:focus, checkbox:focus {
  11     border-color:#538200;
  12     border-style:solid;
  13     border-radius: 4px;
  14 }
  15
  16 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  17 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  18
  19 a, a:link, a:visited {
  20     color : #004d99;
  21     text-decoration: none;
  22 }
  23
  24 a:hover, a:active {
  25     color : #538200;
  26     text-decoration: none;
  27 }
  28
  29 .yui-button {
  30     border-radius: 5px;
  31 }
  32
  33 .yui-button .first-child {
  34     border-radius: 5px;
  35 }
  36
  37 .yui-button,.yui-button a:link,.yui-button a:visited {
  38         color : #000;
  39 }
  40
  41 a.yuimenuitemlabel {
  42         color: #000000;
  43 }
  44
  45
  46 a.overdue,
  47 .overdue,
  48 .debit {
  49         color : #cc0000;
  50 }
  51
  52 a.popup {
  53         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  54         padding-right : 15px;
  55 }
  56
  57 body {
  58         text-align : left;
  59         padding:0 0 2.5em 0;
  60   font-family: arial, verdana, helvetica, sans-serif;
  61 }
  62
  63 br.clear {
  64         clear : both;
  65         line-height : 1px;
  66 }
  67
  68 form {
  69         display : inline;
  70 }
  71
  72 form.confirm {
  73         display : block;
  74         text-align : center;
  75 }
  76
  77 h1 {
  78         font-size : 161.6%;
  79         font-weight : bold;
  80 }
  81
  82 h2 {
  83         font-size : 146.5%;
  84         font-weight : bold;
  85 }
  86
  87 h3 {
  88         font-size : 131%;
  89         font-weight : bold;
  90 }
  91
  92 h4 {
  93         font-size : 116%;
  94         font-weight : bold;
  95 }
  96
  97 h5 {
  98         font-size : 100%;
  99         font-weight : bold;
 100 }
 101
 102 h6 {
 103         font-size : 93%;
 104         font-weight : bold;
 105 }
 106
 107 h1,h2,h3,h4,h5,h6 {
 108         margin : .3em 0;
 109 }
 110
 111 p {
 112         margin: .5em 0 .5em 0;
 113 }
 114
 115 strong {
 116         font-weight : bold;
 117 }
 118
 119 strong em {
 120         font-weight : bold;
 121         font-style : italic;
 122 }
 123
 124 em, cite {
 125         font-style : italic;
 126 }
 127
 128 em strong {
 129         font-weight : bold;
 130         font-style : italic;
 131 }
 132
 133 .subfield-label {
 134     font-style : italic;
 135 }
 136
 137 #navigation {
 138         border-right : 1px solid #BCBCBC;
 139 }
 140
 141 #navigation li {
 142         font-weight : bold;
 143 }
 144
 145 #navigation li li {
 146         font-weight : normal;
 147 }
 148
 149 #navigation input {
 150         font-size : 85%;
 151 }
 152
 153 #navmenulist li {
 154         padding : .2em 0;
 155         list-style-image : url("../../img/arrow-bullet.gif");
 156         border-bottom : 1px solid #EEE;
 157 }
 158
 159 #navmenulist li a {
 160         text-decoration : none;
 161 }
 162
 163 #doc, #doc1, #doc2, #doc3 {
 164         padding-top : 1em;
 165 }
 166
 167 #login   {
 168         position : absolute;
 169         right : .5em;
 170 }
 171
 172 ul {
 173         padding-left : 1.1em;
 174 }
 175
 176 ul li {
 177         list-style-type : disc;
 178 }
 179
 180 ul li li {
 181         list-style-type : circle;
 182 }
 183
 184 ol {
 185         padding-left : 1.5em;
 186 }
 187
 188 ol li {
 189         list-style : decimal;
 190 }
 191
 192 #header {
 193     background-color : #e6f0f2;
 194     line-height : 2em;
 195 }
 196
 197 #header a.toplinks {
 198     #color: #ffffff;
 199     font-weight: bold;
 200 }
 201
 202 .gradient {
 203     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 204     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 205     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 206     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 207     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 208
 209     background-image: -webkit-gradient(
 210         linear,
 211         left top,
 212         left bottom,
 213         color-stop(0.1, rgb(230, 240, 242)),
 214         color-stop(0.99, rgb(255,255,255))
 215     );
 216     display: inline-block;
 217     width:100%;
 218 }
 219
 220 .clearfix:after {
 221     content: ".";
 222     display: block;
 223     height: 0;
 224     clear: both;
 225     visibility: hidden;
 226 }
 227
 228 .clearfix {
 229     display: inline-block;
 230 }
 231
 232 /* Hides from IE-mac \*/
 233 * html .clearfix {height: 1%;}
 234 .clearfix {display: block;}
 235 /* End hide from IE-mac */
 236
 237 #sitetitle {
 238 /*      background-image : url("../../img/koha-logo-black.png");
 239         background-position : 5px 2px;
 240         background-repeat : no-repeat;
 241         float : left;
 242         height : 54px;
 243         padding-left : 50px;*/
 244         border-bottom : 1px solid #E8E8E8;
 245 }
 246
 247 #sitetitle h1 {
 248         display : inline;
 249         line-height : 54px;
 250 }
 251
 252 #sitetitle h1 a {
 253         text-decoration : none;
 254 }
 255
 256 #submenu {
 257         margin : 0 0 .5em 0;
 258         padding : 0;
 259 }
 260
 261 #submenu ul {
 262         margin : 0;
 263         padding : 0;
 264 }
 265
 266 #submenu ul li {
 267         padding-left : 0;
 268 }
 269
 270 table {
 271         border-collapse : collapse;
 272         border-top : 1px solid #BCBCBC;
 273         border-right : 1px solid #BCBCBC;
 274 }
 275
 276 table.invis,
 277 table.invis tr,
 278 table.invis td,
 279 tr.highlight table.invis td {
 280         border : none;
 281 }
 282
 283 td, th {
 284         border-bottom : 1px solid #BCBCBC;
 285         border-left : 1px solid #BCBCBC;
 286         padding : .2em .3em;
 287 }
 288
 289 td {
 290         background-color : White;
 291         vertical-align : top;
 292 }
 293
 294 td.borderless {
 295     border-collapse : separate;
 296     border : 0 none;
 297 }
 298
 299 td.data,
 300 th.data {
 301         font-family : "Courier New", Courier, monospace;
 302         text-align : right;
 303 }
 304
 305 th {
 306         background-color : #E8E8E8;
 307         font-weight : bold;
 308         text-align : center;
 309 }
 310
 311 table+table {
 312         margin-top : 1em;
 313 }
 314
 315 #editions table, #editions td {
 316         border : 0;
 317 }
 318
 319
 320 tr.highlight td, tr.highlight th, tr.odd td {
 321         background-color : #F3F3F3;
 322         border : 1px solid #DDDDDD;
 323         border-right : 1px solid #DDDDDD;
 324 }
 325
 326 tr.even td, tr.even.highlight td {
 327         background-color: #FFF;
 328         border-right : 1px solid #DDDDDD;
 329 }
 330
 331 td.od {
 332         color : #cc0000;
 333         font-weight : bold;
 334 }
 335
 336 tr.warn td {
 337         background-color: #FF9090;
 338 }
 339
 340 tr.onissue td {
 341         background-color: #FFFFCC;
 342 }
 343
 344 tr.odd.onissue td {
 345         background-color: #FFFFE1;
 346 }
 347
 348 tfoot td {
 349         background-color : #f3f3f3;
 350         font-weight : bold;
 351 }
 352
 353 td.total {
 354         text-align : right;
 355 }
 356
 357 caption {
 358         font-size : 133.9%;
 359         font-weight : bold;
 360         margin : .3em 0;
 361 }
 362
 363 span.problem {
 364         background-color : #FFFFCC;
 365         color : #990000;
 366         font-weight : bold;
 367         line-height : 1.7em;
 368 }
 369
 370 fieldset {
 371         margin : 1em 1em 1em 0;
 372         padding : 1em;
 373     background-color:#f4f8f9;
 374     border:2px solid #b9d8d9;
 375     border-radius:5px;
 376 }
 377
 378 legend {
 379         font-size : 123.1%;
 380         font-weight : bold;
 381     border:2px solid #b9d8d9;
 382     background-color:#ffffff;
 383     border-radius:3px;
 384     text-align:right;
 385     padding: 0.2em 0.5em;
 386 }
 387
 388 #breadcrumbs {
 389     background-color : #e6f0f2;
 390     clear : both;
 391     font-size : 90%;
 392     padding :.2em .5em .4em 10px;
 393     margin : 0;
 394 }
 395
 396 #header+#breadcrumbs {
 397         margin-top : 1em;
 398 }
 399
 400 #commonsearch {
 401         display : inline;
 402 }
 403
 404 div.justify {
 405     text-align: justify;
 406 }
 407
 408 div#header_search {
 409         background-position : .5em .5em;
 410         background-repeat : no-repeat;
 411         float: left;
 412         margin: .3em 0 .5em 0;
 413 }
 414
 415 div#header_search input {
 416         font-size : 1.3em;
 417 }
 418
 419 div#header_search ul.link-tabs {
 420         font-family : Arial, Geneva, sans-serif;
 421         margin-bottom : -4px;
 422 }
 423
 424 div#header_search ul.link-tabs li.on a,
 425 div#header_search ul.link-tabs li a,
 426 div#header_search ul.link-tabs li.off a {
 427         padding : 0.1em .5em .2em .5em;
 428 }
 429
 430 div#header_search div.residentsearch {
 431         border : 0;
 432     border-bottom : 1px solid #85ca11;
 433         padding : 0 0 .2em 0;
 434 }
 435
 436 div#reserves,div#checkouts {
 437         border : 1px solid #B9D8D9;
 438         padding : 1em;
 439 }
 440
 441 .tip {
 442         font-size: 93%;
 443         color : Gray;
 444 }
 445
 446 .single-line {
 447         white-space: nowrap;
 448 }
 449
 450 .ex {
 451         font-family : "Courier New", Courier, fixed-width;
 452         font-weight : bold;
 453 }
 454
 455
 456 div.yui-b h5 {
 457         font-size : 100%;
 458         margin : .5em 0;
 459 }
 460
 461 dt {
 462         font-weight : bold;
 463 }
 464
 465 dd {
 466         padding : .2em;
 467         font-size : 90%;
 468         text-indent : 2.5em;
 469         font-weight : normal;
 470 }
 471
 472 div#toolbar {
 473        background-color : #EDF4F6;
 474         margin-bottom : .7em;
 475      padding: 5px 5px 5px 5px;
 476       border-radius: 5px 5px 0 0;
 477     border: 1px solid #E6F0F2;
 478 }
 479
 480 div#toolbar .yui-menu-button button,
 481 div#toolbar .yui-button-button button {
 482         line-height : 1.7em;
 483 }
 484
 485 ul.toolbar {
 486         padding-left : 0;
 487 }
 488
 489 ul.toolbar button {
 490         padding-bottom : 2px;
 491         font-family: arial, verdana, helvetica, sans-serif;
 492 }
 493
 494 a.yuimenuitemlabel-disabled, #disabled a {
 495         color: #999;
 496 }
 497 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 498         color : #999;
 499 }
 500 a.highlight_toggle {
 501     display : none;
 502 }
 503
 504 ul.toolbar li {
 505         display : inline;
 506         list-style : none;
 507 }
 508
 509 div.patroninfo {
 510         margin-top : -.5em;
 511 }
 512
 513 *html div.patroninfo {
 514         margin-right : .5em;
 515 }
 516
 517 div.patroninfo h5 {
 518     border-right:1px solid #b9d8d9;
 519         margin-bottom : 0;
 520         padding-left : -.5em;
 521         padding-top : .3em;
 522         padding-bottom : .5em;
 523 }
 524
 525 div.patroninfo ul {
 526         border : 0;
 527     border-right:1px solid #b9d8d9;
 528         border-bottom : 0;
 529         border-top : 0;
 530         padding : 0;
 531         margin : 0;
 532 }
 533
 534 div.patroninfo ul li {
 535         margin : 0;
 536 }
 537
 538 div.patroninfo ul li, div.patronviews ul li {
 539         list-style-type : none;
 540 }
 541
 542 div.patronviews {
 543         border-right :  1px solid #000;
 544         border-top : 1px solid #000;
 545         margin-bottom : .5em;
 546         padding : .5em 0 .5em 0;
 547 }
 548
 549 .column-tool {
 550         font-size: 80%;
 551 }
 552
 553 fieldset.brief {
 554     border : 2px solid #B9D8D9;
 555 }
 556
 557 fieldset.brief label,
 558 fieldset.brief span.label {
 559         display : block;
 560         font-weight : bold;
 561         padding : .3em 0;
 562 }
 563
 564 fieldset.brief ol, fieldset.brief li {
 565         list-style-type : none;
 566 }
 567
 568 .hint {
 569         color : #999999;
 570         font-size : 95%;
 571 }
 572
 573 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 574         font-size : 95%;
 575         margin-bottom : .4em;
 576 }
 577
 578 div.yui-b fieldset.brief {
 579         padding : .4em .7em;
 580 }
 581
 582 div.yui-b fieldset.brief ol {
 583         font-size : 85%;
 584         margin : 0;
 585         padding : 0;
 586 }
 587
 588 div.yui-b fieldset.brief select {
 589         width: 12em;
 590 }
 591 div.yui-b fieldset.brief li.radio {
 592         padding : .7em 0;
 593 }
 594 div.yui-b fieldset.brief li.radio label,
 595 div.yui-b fieldset.brief li.dateinsert label,
 596 div.yui-b fieldset.brief li.dateinsert span.label,
 597 div.yui-b fieldset.brief li.radio span.label {
 598         display : inline;
 599 }
 600
 601 div.yui-b fieldset.brief li.radio input {
 602         padding:0.3em 0;
 603 }
 604
 605 div.yui-b fieldset.brief fieldset {
 606         margin : 0 .3em;
 607         padding : .5em;
 608 }
 609
 610 div.yui-b fieldset.brief fieldset legend {
 611         font-size : 85%;
 612 }
 613
 614 fieldset.rows {
 615 border-width : 1px;
 616 border:2px solid #b9d8d9;
 617 float : left;
 618 font-size : 90%;
 619 clear : left;
 620 margin: .9em 0 0 0;
 621 padding: 0;
 622 width: 100%;
 623 }
 624
 625 fieldset.rows legend {
 626         margin-left: 1em;
 627         font-weight: bold;
 628         font-size : 110%;
 629 }
 630
 631 fieldset.rows label, fieldset.rows span.label {
 632         float: left;
 633         font-weight : bold;
 634         width: 6em;
 635         margin-right: 1em;
 636         text-align: right;
 637 }
 638
 639 fieldset.rows fieldset {
 640         border-width : 1px;
 641         margin : 0 0 .5em 0;
 642         padding : .3em;
 643 }
 644
 645 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 646         width: 9em;
 647 }
 648
 649 .yui-b fieldset.rows div.hint {
 650         margin-left : 10.5em;
 651 }
 652
 653 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 654         width: 10em;
 655 }
 656
 657 .yui-u fieldset.rows div.hint {
 658         margin-left : 7.5em;
 659 }
 660
 661 fieldset.rows.left label, fieldset.rows.left span.label {
 662         width : 8em;
 663         text-align : left;
 664 }
 665
 666 fieldset.rows ol {
 667 padding: 1em 1em 0 1em;
 668 list-style-type: none;
 669 }
 670
 671 fieldset.rows li {
 672 float : left;
 673 clear : left;
 674 padding-bottom: 1em;
 675 list-style-type: none;
 676 width: 100%;
 677 }
 678
 679 fieldset.rows.left li {
 680         padding-bottom : .4em;
 681 }
 682
 683 fieldset.rows li.radio {
 684         padding-left: 9em;
 685         width : auto;
 686 }
 687
 688 fieldset.rows li.radio label {
 689         float : none;
 690         width : auto;
 691         margin : 0 0 0 1em;
 692 }
 693
 694 fieldset.rows ol.radio label {
 695         width : auto;
 696         float : none;
 697         margin-right : 0;
 698 }
 699
 700 fieldset.rows ol.radio label.radio {
 701         float : left;
 702         width : 12em;
 703         margin-right : 1em;
 704 }
 705
 706 fieldset.rows caption {
 707     font-size : 120%;
 708 }
 709
 710 fieldset.rows p {
 711     margin : 1em 0 1em 1em;
 712 }
 713
 714 fieldset.rows table {
 715         font-size : 105%;
 716         clear : both;
 717         margin : 1em 0 1em 1em;
 718 }
 719
 720 fieldset.rows td label {
 721         float : none;
 722         font-weight : normal;
 723         width : auto;
 724 }
 725
 726 fieldset.rows label.yesno {
 727         float : none;
 728         width : auto;
 729 }
 730
 731 fieldset.action, div.action {
 732         clear : both;
 733         float : none;
 734     border : 0px;
 735   margin: 0;
 736      padding: .4em .4em .4em .1em;
 737   width: auto;
 738 }
 739
 740 div.rows {
 741 float : left;
 742 clear : left;
 743 margin: 0 0 0 0;
 744 padding: 0;
 745 width: 100%;
 746 }
 747
 748
 749 div.rows span.label {
 750         float: left;
 751         font-weight : bold;
 752         width: 9em;
 753         margin-right: 1em;
 754         text-align: left;
 755 }
 756
 757 div.rows ol {
 758 padding: .5em 1em 0 0;
 759 list-style-type: none;
 760 }
 761
 762 div.rows ol li li {
 763         border-bottom: 0;
 764 }
 765
 766 div.rows li {
 767 border-bottom :  1px solid #EEE;
 768 float : left;
 769 clear : left;
 770 padding-bottom: .2em;
 771 padding-top: .1em;
 772 list-style-type: none;
 773 width: 100%;
 774 }
 775
 776 a.cancel {
 777         padding-left : 1em;
 778 }
 779
 780 fieldset.rows fieldset.action {
 781         padding : 1em;
 782 }
 783
 784 fieldset.rows label.inline {
 785         display : inline;
 786         float : none;
 787         margin-left : 1em;
 788         width : auto;
 789 }
 790
 791 fieldset.rows .inputnote {
 792         clear : left;
 793         float : left;
 794         margin : .5em 0 0 11em;
 795 }
 796
 797 .ui-tabs-nav li {
 798         margin-right : .5em;
 799         position : relative;
 800         top : -1px;
 801 }
 802
 803 .ui-tabs-nav li.ui-tabs-selected {
 804
 805 }
 806
 807 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 808     background : none;
 809         display : block;
 810         padding: .2em .5em .25em .5em;
 811 }
 812
 813 .ui-tabs-nav a, .ui-tabs-nav span.a {
 814
 815 }
 816
 817 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 818     border-top: 1px solid #e6f0f2;
 819     border-right: 1px solid #85ca11;
 820     border-bottom: 1px solid #85ca11;
 821     border-left: 1px solid #85ca11;
 822         font-weight : bold;
 823         text-align : center;
 824         text-decoration : none;
 825     border-radius: 0px 0px 4px 4px;
 826     color : #000000;
 827
 828 }
 829
 830 .ui-tabs-nav .tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 831     outline: 0; /* prevent dotted border in Firefox */
 832 }
 833
 834 .ui-tabs-nav .ui-tabs-selected a:hover {
 835     color : #000000;
 836 }
 837
 838 .ui-tabs-nav li.ui-tabs-selected {
 839     /* background-color : #FFFFCC; */
 840 }
 841
 842 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav span.a {
 843          background : none;
 844     outline: 0; /* prevent dotted border in Firefox */
 845 }
 846
 847 .tabs-container {
 848     border-top: 0;
 849     padding : inherit;
 850     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 851 }
 852 .tabs-loading em {
 853     padding: inherit;
 854     background: none;
 855 }
 856
 857 .toptabs {
 858         margin-top : 1em;
 859 }
 860
 861 .toptabs .ui-tabs-nav li {
 862         margin-right : .5em;
 863         position : relative;
 864         top : 1px;
 865 }
 866
 867 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 868        background-color : #E6F0F2;
 869     border : 1px solid #B9D8D9;
 870         text-align : center;
 871         text-decoration : none;
 872     border-radius : 3px 3px 0 0;
 873 }
 874
 875 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 876         background-color : #FFF;
 877        border-top : 1px solid #85CA11;
 878         border-right : 1px solid #85CA11;
 879       border-left : 1px solid #85CA11;
 880         border-bottom : 1px solid #FFF;
 881         margin-top : 0;
 882     border-radius : 3px;
 883 }
 884
 885 .toptabs .tabs-container {
 886       border : 1px solid #B9D8D9;
 887         padding : 1em;
 888 }
 889
 890 .checkedout {
 891         color : #999999;
 892         font-style : italic;
 893 }
 894
 895 .subfield_not_filled {
 896         background-color : #FFFF99;
 897 }
 898 .content_hidden {
 899     visibility:hidden; /* you propably don't need to change this one */
 900     display:none;
 901 }
 902
 903 /* the property for the displayed tab */
 904 .content_visible {
 905     visibility:visible; /* you propably don't need to change this one */
 906     display:block;
 907 }
 908 #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, #periods_menuc .first-child {
 909         padding-left : 34px;
 910         background-image: url("../../img/toolbar-new.gif");
 911         background-position : center left;
 912         background-repeat : no-repeat;
 913 }
 914
 915 #changepassword a {
 916         padding-left : 34px;
 917         background-image: url("../../img/toolbar-password.gif");
 918         background-position : center left;
 919         background-repeat : no-repeat;
 920 }
 921
 922 #manageorders a {
 923         padding-left : 34px;
 924         background-image: url("../../img/toolbar-orders.gif");
 925         background-position : center left;
 926         background-repeat : no-repeat;
 927 }
 928
 929
 930 #savemenuc .first-child, #addbiblio .first-child {
 931         padding-left : 34px;
 932         background-image: url("../../img/toolbar-save.gif");
 933         background-position : center left;
 934         background-repeat : no-repeat;
 935 }
 936
 937 #editpatron a,
 938 #editreport a,
 939 #editmenuc .first-child,
 940 #editshelf a,
 941 #edit a,
 942 #editsupplier a,
 943 #managelabel a,
 944 #managetemplate a,
 945 #managelabelbatch a,
 946 #manageprofile a {
 947         padding-left : 34px;
 948         background-image: url("../../img/toolbar-edit.gif");
 949         background-position : center left;
 950         background-repeat : no-repeat;
 951 }
 952
 953 #duplicate a {
 954         padding-left : 34px;
 955         background-image: url("../../img/toolbar-duplicate.gif");
 956         background-position : center left;
 957         background-repeat : no-repeat;
 958 }
 959
 960 #receive a {
 961         padding-left : 34px;
 962         background-image: url("../../img/toolbar-receive.gif");
 963         background-position : center left;
 964         background-repeat : no-repeat;
 965 }
 966
 967 #renew a {
 968         padding-left : 34px;
 969         background-image: url("../../img/toolbar-renew.gif");
 970         background-position : center left;
 971         background-repeat : no-repeat;
 972 }
 973
 974 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 975         padding-left : 34px;
 976         background-image: url("../../img/toolbar-delete.gif");
 977         background-position : center left;
 978         background-repeat : no-repeat;
 979 }
 980
 981 #z3950search .first-child {
 982         padding-left : 34px;
 983         background-image: url("../../img/toolbar-search.gif");
 984         background-position : center left;
 985         background-repeat : no-repeat;
 986 }
 987 #z3950searcht table {
 988         /* 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 */
 989         padding: 20px;
 990         border: none;
 991 }
 992 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 993         padding-left : 34px;
 994         background-image: url("../../img/toolbar-print.gif");
 995         background-position : center left;
 996         background-repeat : no-repeat;
 997 }
 998
 999 #addtoshelf button, #addtoshelf a {
1000         padding-left : 34px;
1001         background-image: url("../../img/toolbar-add-to-shelf.gif");
1002         background-position : center left;
1003         background-repeat : no-repeat;
1004 }
1005
1006 #placehold a,
1007 #placehold button,
1008 #holdfor .first-child {
1009         padding-left : 34px;
1010         background-image: url("../../img/toolbar-hold.gif");
1011         background-position : center left;
1012         background-repeat : no-repeat;
1013 }
1014
1015 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
1016
1017 #holdfor .first-child { padding-left : 17px; }
1018
1019 #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 {
1020         padding-left : 15px;
1021 }
1022
1023 .error,
1024 .error a,
1025 .error a:link,
1026 .error a:visited {
1027        color: #cc0000;
1028 }
1029
1030 div.error {
1031         border : 2px dashed #990000;
1032         background-color : #FFFF99;
1033         padding : .5em;
1034         margin : 1em;
1035 }
1036
1037 input.alert {
1038         background-color : #FFFF99;
1039         border-color: #900;
1040 }
1041
1042 ol.bibliodetails {
1043         float: left;
1044         margin : 0 0 1em 1em;
1045 }
1046
1047 ol.bibliodetails li {
1048         border-bottom: 1px solid #E8E8E8;
1049         list-style-type : none;
1050         padding : .1em;
1051 }
1052
1053 ol.bibliodetails span.label {
1054         border-right : 1px solid #E8E8E8;
1055         float : left;
1056         font-weight: bold;
1057         width: 12em;
1058         margin-right: 1em;
1059 }
1060
1061 div.listgroup {
1062         clear :  left;
1063 }
1064
1065 div.listgroup h4 {
1066         font-style: italic;
1067 }
1068
1069 div.listgroup h4 a {
1070         font-size :  80%;
1071 }
1072
1073 div.listgroup input {
1074         font-size: 80%;
1075 }
1076
1077 div.sysprefs h3 {
1078         margin : .2em 0 .2em .4em;
1079 }
1080
1081 div.sysprefs dl {
1082         margin-left : 1.5em;
1083 }
1084
1085 div.sysprefs div.hint {
1086         width : 25%;
1087         float : right;
1088         padding : .5em;
1089         margin : .7em;
1090 }
1091
1092 tr.highlight td {
1093         background-color : #F6F6F6;
1094         border-color : #BCBCBC;
1095 }
1096
1097 tr.highlight th[scope=row] {
1098         background-color : #DDDDDD;
1099         border-color : #BCBCBC;
1100 }
1101
1102 tr.confirm td, tr.highlight.confirm td {
1103         background-color : #ffbfbf;
1104 }
1105
1106 #circ_circulation_issue label {
1107         font-size: 105%;
1108         font-weight : bold;
1109 }
1110
1111 #circ_circulation_issue div.hint {
1112         color : #666666;
1113         margin: .2em 0;
1114 }
1115
1116 #circ_circulation_issue .date-select {
1117         font-size : 85%;
1118         padding-top : .3em;
1119 }
1120
1121 #circ_circulation_issue .date-select label {
1122         font-size : inherit;
1123         font-weight: normal;
1124 }
1125
1126 #circ_circulation_issue .date-select input {
1127         padding : 1px;
1128 }
1129
1130 tr.expired td {
1131         color : #999999;
1132 }
1133
1134 span.expired {
1135         color : #990000;
1136         font-style : italic;
1137 }
1138
1139 div.help {
1140         margin: .9em 0 0 0;
1141 }
1142
1143 .blocker {
1144         color : #990000;
1145 }
1146
1147 .circmessage li {
1148         list-style : url(../../img/arrow-bullet.gif);
1149         margin-bottom : .2em;
1150 }
1151
1152 div.circmessage:first-child {
1153         margin-top : 1em;
1154 }
1155
1156 div.circmessage {
1157         padding: 0 .4em .4em .4em;
1158         margin-bottom : .3em;
1159 }
1160
1161 span.circ-hlt {
1162         color : #cc0000;
1163         font-weight : bold;
1164 }
1165
1166 div.first fieldset {
1167         margin-right : 0;
1168 }
1169
1170 #circ_needsconfirmation {
1171         margin : auto;
1172 }
1173
1174 .dialog {
1175         -moz-border-radius : 2px;
1176         border-radius : 2px;
1177         padding : .5em;
1178         margin : 1em auto;
1179         text-align : center;
1180         width: 65%;
1181 }
1182
1183 .dialog table {
1184         margin : .5em auto;
1185 }
1186
1187 .dialog table th {
1188         text-align : right;
1189 }
1190
1191 .dialog table td {
1192         text-align : left;
1193 }
1194
1195 .dialog  h2, .dialog h3, .dialog h4 {
1196         margin : auto;
1197         text-align : center;
1198   }
1199
1200 .dialog input {
1201         background-color : #FFF;
1202         border : 1px solid #bcbcbc;
1203         margin : .4em;
1204         padding : .4em .4em .4em 25px;
1205  }
1206
1207  .dialog input[type="submit"] {
1208         background : #FFF none;
1209  }
1210
1211 .dialog input.approve, td input.approve {
1212         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1213         padding : .4em .4em .4em 25px;
1214  }
1215
1216 td input.approve {
1217         background-color : #FFC;
1218 }
1219
1220 .dialog input.deny {
1221         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1222         padding : .4em .4em .4em 25px;
1223  }
1224
1225 .dialog input.save {
1226         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1227         color:black;
1228         padding: .4em .4em .4em 34px;
1229 }
1230
1231 .dialog input.edit {
1232         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1233         color:black;
1234         max-width : 13em;
1235         padding: .4em .4em .4em 34px;
1236         white-space: normal;
1237 }
1238
1239 .dialog input.new {
1240         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1241         color:black;
1242         max-width : 13em;
1243         padding: .4em .4em .4em 34px;
1244         white-space: normal;
1245 }
1246
1247 .dialog input.print {
1248         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1249         padding : .4em .4em .4em 25px;
1250 }
1251
1252 .dialog input:hover {
1253         background-color : #ffc;
1254  }
1255
1256 div.dialog {
1257         border: 1px solid #bcbcbc;
1258 }
1259
1260 div.alert {
1261         background: #fef8d3; /* Old browsers */
1262         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1263         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+ */
1264         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1265         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1266         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1267         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1268         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1269           text-align : center;
1270         border: 1px solid #E0C726;
1271 }
1272
1273 div.alert strong {
1274         color : #900;
1275 }
1276
1277 a.document {
1278         background-position : left middle;
1279         background-repeat : no-repeat;
1280         padding-left : 20px;
1281 }
1282
1283 a.pdf {
1284         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1285 }
1286
1287 a.csv {
1288         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1289 }
1290
1291 a.xml {
1292         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1293 }
1294
1295 div.message {
1296         background: #ffffff; /* Old browsers */
1297         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1298         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+ */
1299         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1300         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1301         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1302         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1303         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1304         border : 1px solid #bcbcbc;
1305         text-align: center;
1306         width : 55%;
1307 }
1308
1309 div.message ul,
1310 div.message h5 {
1311         padding-left : 25%;
1312         text-align : left;
1313 }
1314
1315 div.message ul+h4 {
1316         margin-top : .7em;
1317 }
1318
1319 div.note {
1320         background: #f4f6fa;
1321         background-repeat : no-repeat;
1322         background-position : left center;
1323         background-image : url("../../img/note.png");
1324         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1325         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1326         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1327         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1328         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1329         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1330         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1331         border : 1px solid #BCBCBC;
1332         padding : .5em .5em .5em 20px;
1333         margin : .5em 0;
1334 }
1335
1336  div.results {
1337         padding : .7em 0;
1338  }
1339
1340  .accesskey {
1341         text-decoration : underline;
1342  }
1343
1344 .required {
1345     color : #C00;
1346 }
1347
1348 span.required {
1349         font-style : italic;
1350         margin-left : .5em;
1351 }
1352
1353 .term {
1354     background-color: #FFC;
1355          color : #990000;
1356 }
1357
1358 a .term {
1359          text-decoration : underline;
1360 }
1361
1362 /* style for shelving location in catalogsearch */
1363 .shelvingloc {
1364     display : block;
1365     font-style : italic;
1366 }
1367
1368 a:hover .term {
1369         color : #FF9090;
1370 }
1371
1372 div#menu {
1373     border-right:1px solid #b9d8d9;
1374         margin-right: .5em;
1375         padding-top: 1em;
1376         padding-bottom: 2em;
1377 }
1378
1379 *html #menu li {
1380         display : inline;
1381 }
1382
1383 div#menu li a {
1384         text-decoration: none;
1385         display: block;
1386
1387               background: #e8f0f6; /* Old browsers */
1388         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1389     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1390     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1391      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1392    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1393         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1394        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1395         -moz-border-top-left-radius: 5px;
1396         border-top-left-radius: 5px;
1397         -moz-border-bottom-left-radius: 5px;
1398         border-bottom-left-radius: 5px;
1399     border:1px solid #b9d8d9;
1400         font-size: 111%;
1401         margin: .5em 0;
1402         padding: .4em .3em;
1403         margin-right :  -1px;
1404 }
1405
1406 div#menu li a:hover {
1407
1408
1409      background: #fff; /* Old browsers */
1410    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1411   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+ */
1412   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1413      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1414    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1415         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */
1416        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1417     border-left: 1px solid #85CA11;
1418     border-top: 1px solid #85CA11;
1419     border-bottom: 1px solid #85CA11;
1420 }
1421
1422 div#menu li.active a:hover {
1423         background-color: #fff;
1424     color :  #538200;
1425 }
1426
1427 #menu ul li {
1428         list-style-type: none;
1429 }
1430
1431 #menu ul li.active a {
1432         background-color: #FFF;
1433         background-image : none;
1434         font-weight: bold;
1435     color:#000000;
1436     border-left: 1px solid #85CA11;
1437     border-top: 1px solid #85CA11;
1438     border-bottom: 1px solid #85CA11;
1439     border-right: 0;
1440 }
1441
1442 ul.error {
1443         background : #ffffcc;
1444         border : 1px solid #ff9090;
1445         margin : .5em;
1446         padding : .5em .5em .5em 1.5em;
1447         width : 75%
1448 }
1449
1450 h1#logo {
1451         border:0pt none;
1452         float:left !important;
1453         margin:0;
1454         padding:0;
1455         width:180px;
1456 }
1457 h1#logo {
1458         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1459         margin:0.75em .3em 0.75em .7em;
1460 }
1461
1462 *html h1#logo {
1463         margin : 0.75em .3em 0.75em .3em;
1464 }
1465
1466 h1#logo a {
1467         border:0;
1468         cursor:pointer;
1469         display:block;
1470         height:0px !important;
1471         margin:0;
1472         overflow:hidden;
1473         padding:44px 0 0;
1474         text-decoration:none;
1475         width:180px;
1476 }
1477
1478 #closewindow {
1479         margin-top : 2em;
1480         text-align : center;
1481 }
1482
1483 #closewindow a {
1484         font-weight : bold;
1485 }
1486
1487 .patroninfo+#menu {
1488         margin-right : 0;
1489 }
1490
1491 .barcode {
1492         font-size :  200%;
1493 }
1494
1495 li.email a {
1496         display:block;
1497         overflow:hidden;
1498         width:13em;
1499 }
1500 li.email {
1501         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1502         font-size :  87%;
1503         overflow:hidden;
1504         padding :0 10px 0 0;
1505         width:13em;
1506 }
1507
1508 .empty {
1509         color : #CCC;
1510 }
1511
1512 .address {
1513         font-size: 110%;
1514 }
1515
1516 .clearfix:after {
1517     content: ".";
1518     display: block;
1519     height: 0;
1520     clear: both;
1521     visibility: hidden;
1522 }
1523
1524 /* Hides from IE-mac \*/
1525 * html .clearfix {height: 1%;}
1526 /* End hide from IE-mac */
1527
1528 .title {
1529         font-weight : bold;
1530         font-size : 105%;
1531 }
1532
1533 .hold {
1534         float : right;
1535         font-size: 90%;
1536         margin: 0;
1537 }
1538
1539 .thumbnail {
1540         display : block;
1541         margin : auto;
1542 }
1543
1544 #searchresults ul li {
1545         font-size : 90%;
1546         list-style : url(../../img/item-bullet.gif);
1547         padding : .2em 0;
1548         clear : left;
1549 }
1550
1551 #searchresults span.status {
1552         clear : left;
1553         color : #900;
1554         display : block;
1555 }
1556
1557 #searchresults span.unavailable {
1558         clear : left;
1559         display : block;
1560 }
1561
1562 #searchresults .availability strong {
1563         display : block;
1564 }
1565
1566 #searchresults ul li img {
1567         float : left;
1568         margin : 3px 5px 3px -5px;
1569 }
1570
1571 #searchresults table td {
1572         vertical-align : top;
1573 }
1574
1575 #searchheader {
1576      background-color : #E6F0F2;
1577         font-size : 80%;
1578         margin : 0 0 .5em -1px;
1579  padding : .1em 0 .4em 1em;
1580      border-radius : 5px 5px 0 0;
1581    border : 1px solid #B9D8D9;
1582 }
1583
1584 /* Hack just for Firefox */
1585 html>/**/body #searchheader button, x:-moz-any-link, x:default {
1586         padding-bottom : 3px;
1587 }
1588
1589 #searchheader form {
1590         float : right;
1591   padding : 5px 5px 3px 0;
1592 }
1593
1594 #searchheader form.fz3950 {
1595         float : right;
1596         font-size : 125%;
1597         padding : 0 0 0 5em;
1598 }
1599
1600 #searchheader form.fz3950bigrpad {
1601         float : right;
1602         font-size : 125%;
1603         padding : 5px 25em 0 0;
1604 }
1605
1606 #searchheader .yui-button button,
1607 #searchheader .yui-button a {
1608         line-height : 1.5em;
1609 }
1610
1611 #search-facets ul {
1612         margin : 0;
1613         padding : .3em;
1614 }
1615
1616 #search-facets {
1617     border : 1px solid #B9D8D9;
1618     border-radius: 5px 5px 0 0;
1619 }
1620
1621 #search-facets h4 {
1622      background-color : #E6F0F2;
1623     border-bottom : 1px solid #B9D8D9;
1624      border-radius: 5px 5px 0 0;
1625         font-size : 90%;
1626         margin : 0;
1627         padding : .4em .2em;
1628         text-align : center;
1629 }
1630
1631 #search-facets ul li {
1632         font-weight : bold;
1633         list-style-type : none;
1634 }
1635
1636 #search-facets li li {
1637         font-weight : normal;
1638         font-size : 85%;
1639         margin-bottom : 2px;
1640         padding : .1em .2em;
1641 }
1642
1643 #search-facets li.showmore {
1644         font-weight : bold;
1645         text-indent : 1em;
1646 }
1647
1648 div.pages {
1649         margin : .5em 0;
1650 }
1651
1652 div.pages a {
1653         font-weight: bold;
1654         padding: 1px 5px 1px 5px;
1655         text-decoration: none;
1656 }
1657
1658 div.pages a:link,
1659 div.pages a:visited {
1660         background-color : #eeeeee;
1661         color : #3366CC;
1662 }
1663
1664 div.pages a:hover {
1665         background-color : #FFC;
1666 }
1667
1668 div.pages a:active {
1669         background-color : #ffc;
1670 }
1671
1672 div.pages .current,
1673 div.pages .currentPage {
1674         background-color : #e6fcb7;
1675         color : #666;
1676         font-weight: bold;
1677         padding: 1px 5px 1px 5px;
1678 }
1679
1680 div.pages .inactive {
1681         background-color : #f3f3f3;
1682         color : #BCBCBC;
1683         font-weight: bold;
1684         padding: 1px 5px 1px 5px;
1685 }
1686
1687 div.browse {
1688         margin : .5em 0;
1689 }
1690
1691 div#bookcoverimg {
1692         text-align : center;
1693 }
1694
1695 div#header_search input.submit {
1696         font-size : 1em;
1697 }
1698
1699 *html input.submit {
1700         padding : .1em;
1701 }
1702
1703 input[type=submit]:active, input[type=button]:active, button.submit:active {
1704         border : 1px inset #999999;
1705 }
1706
1707 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1708         border: 1px outset #999999;
1709         border-top-color: #666;
1710         border-left-color: #666;
1711         -moz-border-radius : 2px;
1712         padding: 0.25em;
1713         background: #ffffff; /* Old browsers */
1714         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1715         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1716         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1717         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1718         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1719         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1720         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1721         color: #333333;
1722 }
1723
1724 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1725         border : 1px inset #999999;
1726 }
1727
1728 ul li input.submit {
1729         font-size : 87%;
1730         padding : 2px;
1731 }
1732
1733 input.warning {
1734     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1735         padding : 0.25em 0.25em 0.25em 25px;
1736 }
1737
1738 .searchhighlightblob {
1739     font-size:75%;
1740         font-style : italic;
1741 }
1742
1743 a.yuimenuitemlabel:hover {
1744         background-color : #B3D4FF;
1745         color : #000;
1746 }
1747
1748 #displayexample {
1749         padding: 5px;
1750         margin-bottom: 10px;
1751         background-color: #CCCCCC;
1752 }
1753
1754 #irregularity_summary {
1755         vertical-align : top;
1756 }
1757
1758 #toplevelnav {
1759         float : left;
1760         margin-left : .5em;
1761      width: 40%;
1762 }
1763
1764 ul#toplevelmenu {
1765         padding : 0;
1766 }
1767
1768 ul#toplevelmenu li {
1769         display: inline;
1770         padding : 0 .6em;
1771 }
1772
1773 ul#toplevelmenu li.more a {
1774         background-image:url(../../img/more-arrow.gif);
1775         background-position:right center;
1776         background-repeat:no-repeat;
1777         padding-right:13px;
1778 }
1779
1780 ul#toplevelmenu li.more ul li a {
1781         background-image : none;
1782         padding-right : 20px;
1783 }
1784
1785 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1786         padding: .2em 20px .2em 20px;
1787 }
1788
1789 ul#menu li a, ul#toplevelmenu li a {
1790         text-decoration : none;
1791 }
1792 ul#menu li ul li, ul#toplevelmenu li ul li {
1793         display :block;
1794         padding :0;
1795 }
1796 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1797         text-decoration : none;
1798 }
1799
1800 ul#i18nMenu {
1801         margin : 0;
1802         padding : .2em 0;
1803  }
1804
1805 ul#i18nMenu li {
1806         border-left : 1px solid #CCC;
1807         display : inline;
1808         float: left;
1809         list-style : none;
1810         padding : 0 10px;
1811 }
1812
1813 ul#i18nMenu li.yuimenuitem {
1814         float: none;
1815 }
1816
1817 ul#i18nMenu li:first-child {
1818         border-left : 0;
1819  }
1820
1821 ul#i18nMenu li ul li {
1822         border : 0;
1823         display : block;
1824         padding : 0;
1825  }
1826
1827 ul#i18nMenu li.more a {
1828         background-image:url(../../img/more-up-arrow.gif);
1829         background-position:right center;
1830         background-repeat:no-repeat;
1831         padding-right:13px;
1832 }
1833
1834 ul#i18nMenu li.more ul li a {
1835         background-image : none;
1836         padding-right : 20px;
1837 }
1838
1839 div.lang {
1840         float:left;
1841 }
1842
1843  div#changelanguage{
1844         background-color: #fff;
1845         border-top: 1px solid #CCC;
1846   position:absolute;
1847   bottom:0;
1848   left:0;
1849   width:100%;
1850   height: 2em;
1851  }
1852
1853  @media screen{
1854   body>div#changelanguage {
1855    position: fixed;
1856   }
1857  }
1858
1859  * html body{
1860   overflow:hidden;
1861  }
1862
1863  * html div#doc1{
1864   height:100%;
1865   overflow:auto;
1866  }
1867
1868  * html div#doc2{
1869   height:100%;
1870   overflow:auto;
1871  }
1872
1873  * html div#doc3{
1874   height:100%;
1875   overflow:auto;
1876  }
1877
1878 #CheckAll, #CheckNone, #CheckPending {
1879         font-weight : normal;
1880         margin : 0 .5em 0 0;
1881 }
1882 .lost,.dmg,.wdn {
1883         display : block;
1884         color : #990000;
1885 }
1886 .datedue {
1887         display : block;
1888         color : #999;
1889         font-style : italic;
1890 }
1891 /* Tablesorter */
1892 .header {
1893         background-image:url("../../img/ascdesc.gif");
1894         background-position:right center;
1895         background-repeat:no-repeat;
1896         cursor:pointer;
1897         padding : .2em 23px;
1898 }
1899 .headerSortUp {
1900         background-image:url("../../img/asc.gif");
1901 }
1902 .headerSortDown {
1903         background-image:url("../../img/desc.gif");
1904 }
1905
1906 tr.reserved td {
1907         background-color : #eeffd4;
1908 }
1909 tr.transfered td {
1910         background-color : #e8f0f6;
1911 }
1912 .waitinghere,
1913 .credit {
1914         color : #669900;
1915 }
1916
1917 /* Permissions Labels */
1918 label.permissioncode:before {
1919         content: "(";
1920 }
1921 label.permissioncode:after {
1922         content: ")";
1923 }
1924 label.permissioncode {
1925         font-style : italic;
1926 }
1927 span.permissiondesc {
1928         font-weight : normal;
1929 }
1930 #mainuserblock {
1931         border : 1px solid #E8E8E8;
1932         margin-top : .5em;
1933         padding : .5em;
1934 }
1935
1936 /* borrower autocomplete */
1937 #borrowerautocomplete { width: 500px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1938 .autocomplete .yui-ac-highlight ,
1939 .autocomplete .yui-ac-highlight .sample-result,
1940 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1941 .autocomplete .sample-result { color: black; }
1942 .autocomplete .sample-query { color:#000; }
1943 #findborrower { position:static; width:auto; }
1944 #yborrowercontainer { text-align:left;width:335px; }
1945
1946 /* patron attribues autocomplete for overdues report (pattrodue) */
1947 .pattrodue-autocomplete .pattrodue-result { color: black; }
1948 .pattrodue-autocomplete .yui-ac-highlight .pattrodue-result { color: white; }
1949 .pattrodue-input { position:static; width:auto; }
1950 .pattrodue-container { text-align:left; width:400px; }
1951
1952 .labeledmarc-table {
1953         border: 0;
1954 }
1955
1956 .labeledmarc-label {
1957         border: 0;
1958         padding: 5;
1959         font-size: 11pt;
1960     color: #000000;
1961     font-style: italic;
1962 }
1963
1964 .labeledmarc-value {
1965         border: 0;
1966         padding: 5;
1967         font-size: 10pt;
1968         color: black;
1969 }
1970
1971 .hintsClass {
1972     font-family: tahoma, verdana, arial;
1973     font-size: 12px;
1974     background-color: #f0f0f0;
1975     color: #000000;
1976     border: 1px solid #808080;
1977     padding: 5px;
1978 }
1979 .hintSource {
1980     color: green;
1981     text-decoration: underline;
1982     cursor: pointer;
1983 }
1984
1985 #cartDetails {
1986         background-color : #FFF;
1987         border: 1px solid #739acf;
1988          -moz-box-shadow: 1px 1px 3px 0 #666;
1989          -webkit-box-shadow: 1px 1px 3px 0 #666;
1990          box-shadow: 1px 1px 3px 0 #666;
1991         color : black;
1992         display : none;
1993         margin : 0;
1994         padding : 10px;
1995         text-align : center;
1996         width : 180px;
1997         z-index : 50;
1998 }
1999 #cartmenulink {
2000         background: transparent url("../../img/cart-small.gif") 0 3px no-repeat;
2001         padding-left : 15px;
2002 }
2003 #cartmenulink span#basketcount span {
2004         display : inline;
2005         font-size : 90%;
2006         font-weight : normal;
2007         padding : 0;
2008 }
2009 #moremenu {
2010         display : none;
2011 }
2012
2013 .results_summary {
2014   display: block;
2015   font-size : 85%;
2016   color: #707070;
2017   padding : 0 0 .5em 0;
2018 }
2019 .results_summary .label {
2020   color: #202020;
2021 }
2022 .results_summary a {
2023   font-weight: normal;
2024 }
2025
2026 img.spinner {
2027     vertical-align: middle;
2028     padding-right: 0.3em;
2029 }
2030 ul.budget_hierarchy {
2031     margin-left: 0px;
2032     padding-left: 0px;
2033 }
2034 ul.budget_hierarchy li {
2035     display: inline;
2036 }
2037 ul.budget_hierarchy li:after {
2038     content: " -> ";
2039 }
2040 ul.budget_hierarchy li:last-child:after {
2041     content: "";
2042 }
2043 ul.budget_hierarchy li:first-child:after {
2044     content: "";
2045 }
2046 .holdcount { font-size : 105%; line-height : 200%; }
2047 .holdcount a {
2048         border : 1px solid #a4bedd;
2049         background-color : #e4ecf5;
2050         font-weight : bold;
2051         -moz-border-radius: 4px;
2052         border-radius: 4px;
2053         padding : .1em .4em;
2054         text-decoration : none;
2055 }
2056 .holdcount a:hover { background-color : #ebeff7; }
2057 .container {
2058         border : 1px solid #EEE;
2059         padding : 1em;
2060         margin : 1em 0;
2061 }
2062 fieldset.rows+h3 {clear:both;padding-top:.5em;}
2063
2064 .import_export{
2065     position:relative;
2066 }
2067 .import_export .import_export_options{
2068     background: white;
2069     border: 1px solid #CDCDCD;
2070     left: 60px;
2071     padding: 10px;
2072     position: absolute;
2073     top: 0;
2074     z-index: 1;
2075     width: 300px;
2076 }
2077 .import_export_options li{
2078     display: block;
2079     list-style: none;
2080     padding-top: 10px;
2081 }
2082 .import_export_options .import_export_close {
2083     cursor: pointer;
2084     text-decoration: underline;
2085 }
2086 .import_export_options .export_ok {
2087     padding: 10;
2088     background: #E3E3E3 none;
2089     cursor: pointer;
2090     margin-left: 20px;
2091     border: none;
2092 }
2093 .import_export_options .import_ok {
2094     padding: 10;
2095     background: #E3E3E3 none;
2096     cursor: pointer;
2097     margin-left: 20px;
2098     border: none;
2099 }
2100 .form_import .input_import {
2101     border: 1px solid #bcbcbc;
2102 }
2103 .import_export_options .importing {
2104     padding: inherit;
2105     background: none;
2106 }
2107 .li_close_import_export {
2108     text-align: right;
2109 }
2110
2111 .importing {
2112     position: relative;
2113 }
2114
2115 .importing .importing_msg {
2116     padding-left: 10px;
2117     padding-bottom: 10px;
2118 }
2119
2120 .m880 {
2121     display:block;
2122     text-align:right;
2123     float:right;
2124     width:50%;
2125     padding-left:20px
2126 }
2127
2128 .advsearch {
2129     margin: 0;
2130 }
2131
2132 .advsearch fieldset {
2133     border : 1px solid #EEE;
2134     -moz-border-radius : 3px;
2135     border-radius : 3px;
2136 }
2137
2138 .advsearch fieldset.action {
2139     border : 0;
2140 }
2141
2142 .advsearch fieldset fieldset {
2143     border : 1px solid #EEE;
2144     margin : 0;
2145     padding : .3em .5em;
2146     -moz-border-radius : 0;
2147     border-radius : 0;
2148 }
2149 .advsearch fieldset fieldset+fieldset {
2150     border-top : 0;
2151 }
2152 .advsearch table {
2153     border-spacing : 5px;
2154     border-collapse : separate;
2155     border-width : 0;
2156 }
2157 .advsearch td {
2158     border : 1px solid #EEE;
2159     padding : 0.3em 0.4em;
2160 }
2161 #circ_circulation_issue {
2162     position: relative;
2163     }
2164
2165 #clearscreen {
2166     position: absolute;
2167     top:0;
2168     right:0;
2169     }
2170
2171 #clearscreen a {
2172     display:block;
2173     -moz-border-radius: 0 0 0 5px;
2174     border-radius: 0 0 0 5px;
2175     padding : 0 .7em .2em .7em;
2176     background-color : #EEE;
2177     color : #CCC;
2178     text-shadow: 0px -1px 0px #666;
2179     text-decoration: none;
2180     font-size: 160%;
2181     font-weight : bold
2182     }
2183 #clearscreen a:hover {
2184     color : #cc0000;
2185     }
2186
2187 div.pager {
2188         background-color : #E8E8E8;
2189         border : 1px solid #BCBCBC;
2190         -moz-border-radius : 5px;
2191         display : inline-block;
2192         font-size : 85%;
2193         padding : .3em .5em .3em .5em;
2194         margin : .4em 0;
2195 }
2196 div.pager img {
2197         vertical-align : middle;
2198 }
2199 div.pager img.last {
2200         padding-right: 5px;
2201 }
2202 div.pager input.pagedisplay {
2203         border : 0;
2204         background-color : transparent;
2205         font-weight: bold;
2206         text-align : center;
2207 }
2208 a.localimage img {
2209         border : 1px solid #0000CC;
2210         margin : 0 .5em;
2211         padding : .3em;
2212 }
2213 div.pager p {
2214         margin: 0;
2215 }
2216
2217 div#acqui_order_supplierlist > div.supplier {
2218     border: 1px solid #EEEEEE;
2219     margin: 0.5em;
2220     padding: 1em;
2221 }
2222
2223 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2224     display: inline;
2225     font-size: 1.7em;
2226     margin-bottom: 0.5em;
2227 }
2228
2229 div#acqui_order_supplierlist > div.supplier > span.action {
2230     margin-left: 5em;
2231 }
2232
2233 div#acqui_order_supplierlist > div.supplier > div.baskets {
2234     margin-top: 0.5em;
2235 }