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