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