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 a,.yui-button a:link,.yui-button a:visited {
   9         color : #000;
  10 }
  11
  12 a:hover {
  13         color : #669ACC;
  14 }
  15
  16 a.overdue,.overdue {
  17         color : #cc0000;
  18 }
  19
  20 body {
  21         text-align : left;
  22         padding:0 0 2.5em 0;
  23 }
  24
  25 br.clear {
  26         clear : both;
  27         line-height : 1px;
  28 }
  29
  30 form {
  31         display : inline;
  32 }
  33
  34 form.confirm {
  35         display : block;
  36         text-align : center;
  37 }
  38
  39 h1 {
  40         font-size : 161.6%;
  41         font-weight : bold;
  42 }
  43
  44 h2 {
  45         font-size : 146.5%;
  46         font-weight : bold;
  47 }
  48
  49 h3 {
  50         font-size : 131%;
  51         font-weight : bold;
  52 }
  53
  54 h4 {
  55         font-size : 116%;
  56         font-weight : bold;
  57 }
  58
  59 h5 {
  60         font-size : 100%;
  61         font-weight : bold;
  62 }
  63
  64 h6 {
  65         font-size : 93%;
  66         font-weight : bold;
  67 }
  68
  69 h1,h2,h3,h4,h5,h6 {
  70         margin : .3em 0;
  71 }
  72
  73 html {
  74 }
  75
  76 p {
  77         margin: .5em 0 .5em 0;
  78 }
  79
  80 strong {
  81         font-weight : bold;
  82 }
  83
  84 strong em {
  85         font-weight : bold;
  86         font-style : italic;
  87 }
  88
  89 em {
  90         font-style : italic;
  91 }
  92
  93 em strong {
  94         font-weight : bold;
  95         font-style : italic;
  96 }
  97
  98 .subfield-label {
  99     font-style : italic;
 100 }
 101
 102 #hd {
 103 }
 104
 105 #navigation {
 106         border-right : 1px solid #BCBCBC;
 107 }
 108
 109 #navigation li {
 110         font-weight : bold;
 111 }
 112
 113 #navigation li li {
 114         font-weight : normal;
 115 }
 116
 117 #navigation input {
 118         font-size : 85%;
 119 }
 120
 121 #navmenulist li {
 122         padding : .2em 0;
 123         list-style-image : url("../../img/arrow-bullet.gif");
 124         border-bottom : 1px solid #EEE;
 125 }
 126
 127 #navmenulist li a {
 128         text-decoration : none;
 129 }
 130
 131 #ft {
 132 }
 133
 134 .yui-u {
 135 }
 136
 137 #doc, #doc1, #doc2, #doc3 {
 138         padding-top : 1em;
 139 }
 140
 141 #login   {
 142         position : absolute;
 143         right : .5em;
 144 }
 145
 146 #login a {
 147
 148 }
 149
 150 ul {
 151         padding-left : 1.1em;
 152 }
 153
 154 ul li {
 155         list-style-type : disc;
 156 }
 157
 158 ul li li {
 159         list-style-type : circle;
 160 }
 161
 162 ol {
 163         padding-left : 1.5em;
 164 }
 165
 166 ol li {
 167         list-style : decimal;
 168 }
 169
 170 #header {
 171         background-color : #F3F3F3;
 172         border-bottom : 1px solid #E8E8E8;
 173         line-height : 2em;
 174 }
 175
 176 #header:after { /* clearing without presentational markup, IE gets extra treatment */
 177     display: block;
 178     clear: both;
 179     content: " ";
 180 }
 181
 182 #sitetitle {
 183 /*      background-image : url("../../img/koha-logo-black.png");
 184         background-position : 5px 2px;
 185         background-repeat : no-repeat;
 186         float : left;
 187         height : 54px;
 188         padding-left : 50px;*/
 189         border-bottom : 1px solid #E8E8E8;
 190 }
 191
 192 #sitetitle h1 {
 193         display : inline;
 194         line-height : 54px;
 195 }
 196
 197 #sitetitle h1 a {
 198         text-decoration : none;
 199 }
 200
 201 #submenu {
 202         margin : 0 0 .5em 0;
 203         padding : 0;
 204 }
 205
 206 #submenu ul {
 207         margin : 0;
 208         padding : 0;
 209 }
 210
 211 #submenu ul li {
 212         padding-left : 0;
 213 }
 214
 215 table {
 216         border-collapse : collapse;
 217         border-top : 1px solid #BCBCBC;
 218         border-right : 1px solid #BCBCBC;
 219 }
 220
 221 td, th {
 222         border-bottom : 1px solid #BCBCBC;
 223         border-left : 1px solid #BCBCBC;
 224         padding : .2em .3em;
 225 }
 226
 227 td {
 228         background-color : White;
 229 }
 230
 231 th {
 232         background-color : #E8E8E8;
 233         font-weight : bold;
 234         text-align : center;
 235 }
 236
 237 #editions table, #editions td {
 238         border : 0;
 239 }
 240
 241
 242 tr.highlight td, tr.highlight th, tr.odd td {
 243         background-color : #F3F3F3;
 244         border : 1px solid #DDDDDD;
 245         border-right : 1px solid #DDDDDD;
 246 }
 247
 248 tr.even td, tr.even.highlight td {
 249         background-color: #FFF;
 250         border-right : 1px solid #DDDDDD;
 251 }
 252
 253 td.od {
 254         color : #cc0000;
 255         font-weight : bold;
 256 }
 257
 258 tr.warn td {
 259         background-color: #FF9090;
 260 }
 261
 262 tr.onissue td {
 263         background-color: #FFFFCC;
 264 }
 265
 266 tr.highlight.onissue td {
 267         background-color: #FFFFE1;
 268 }
 269
 270 caption {
 271         font-size : 133.9%;
 272         font-weight : bold;
 273         margin : .3em 0;
 274 }
 275
 276 span.problem {
 277         background-color : #FFFFCC;
 278         color : #990000;
 279         font-weight : bold;
 280         line-height : 1.7em;
 281 }
 282
 283 fieldset {
 284         border : 2px solid #EEEEEE;
 285         margin : 1em 1em 1em 0;
 286         padding : 1em;
 287 }
 288
 289 legend {
 290         font-size : 123.1%;
 291         font-weight : bold;
 292         margin : 0 0 0 -1em;
 293         padding : 0;
 294 }
 295
 296 #breadcrumbs {
 297         background-color : #F3F3F3;
 298         border-bottom : 1px solid #E8E8E8;
 299         clear : both;
 300         font-size : 90%;
 301         padding :.2em .5em .4em 10px;
 302         margin : 0;
 303 }
 304
 305 #header+#breadcrumbs {
 306         margin-top : 1em;
 307 }
 308
 309 #commonsearch {
 310         display : inline;
 311 }
 312
 313
 314 div#header_search {
 315         background-position : .5em .5em;
 316         background-repeat : no-repeat;
 317         float: left;
 318         margin: .3em 0 .5em 0;
 319 }
 320
 321 div#header_search input {
 322         font-size : 1.3em;
 323 }
 324
 325 div#header_search ul.link-tabs {
 326         font-family : Arial, Geneva, sans-serif;
 327         margin-bottom : -4px;
 328 }
 329
 330 div#header_search ul.link-tabs li.on a,
 331 div#header_search ul.link-tabs li a,
 332 div#header_search ul.link-tabs li.off a {
 333         padding : 0.1em .5em .2em .5em;
 334 }
 335
 336 div#header_search div.residentsearch {
 337         border : 0;
 338         border-bottom : 1px solid #FF9900;
 339         padding : 0 0 .2em 0;
 340 }
 341
 342 div#reserves,div#checkouts {
 343         border : 1px solid #E8E8E8;
 344         padding : 1em;
 345 }
 346
 347 .tip {
 348         font-size: 93%;
 349         color : Gray;
 350 }
 351
 352 .ex {
 353         font-family : "Courier New", Courier, fixed-width;
 354         font-weight : bold;
 355 }
 356
 357
 358 div.yui-b h5 {
 359         font-size : 100%;
 360         margin : .5em 0;
 361 }
 362
 363 dt {
 364         font-size : 110%;
 365         font-weight : bold;
 366 }
 367
 368 dd {
 369         padding : .2em;
 370         text-indent : 1.5em;
 371 }
 372
 373 div#toolbar {
 374         background-color : #F3F3F3;
 375         margin-bottom : .7em;
 376 }
 377
 378 ul.toolbar {
 379         padding-left : 0;
 380 }
 381
 382 .yui-menu-button  {
 383
 384 }
 385
 386 ul.toolbar li {
 387         display : inline;
 388         list-style : none;
 389 }
 390
 391 div.patroninfo {
 392         margin-top : -.5em;
 393 }
 394
 395 *html div.patroninfo {
 396         margin-right : .5em;
 397 }
 398
 399 div.patroninfo h5 {
 400         border-right :  1px solid #000;
 401         margin-bottom : 0;
 402         padding-left : -.5em;
 403         padding-top : .3em;
 404         padding-bottom : .5em;
 405 }
 406
 407 div.patroninfo ul {
 408         border : 0;
 409         border-right : 1px solid #000;
 410         border-bottom : 0;
 411         border-top : 0;
 412         padding : 0;
 413         margin : 0;
 414 }
 415
 416 div.patroninfo ul li {
 417         margin : 0;
 418 }
 419
 420 div.patroninfo ul li, div.patronviews ul li {
 421         list-style-type : none;
 422 }
 423
 424 div.patronviews {
 425         border-right :  1px solid #000;
 426         border-top : 1px solid #000;
 427         margin-bottom : .5em;
 428         padding : .5em 0 .5em 0;
 429 }
 430
 431 fieldset.brief {
 432         border : 1px solid #E8E8E8;
 433 }
 434
 435 fieldset.brief label {
 436         display : block;
 437         font-weight : bold;
 438         padding : .3em 0;
 439 }
 440
 441 fieldset.brief ol, fieldset.brief li {
 442         list-style-type : none;
 443 }
 444
 445 fieldset.brief div.hint, fieldset.rows div.hint {
 446         color : #999999;
 447         font-size : 95%;
 448         margin-bottom : .4em;
 449 }
 450
 451 div.yui-b fieldset.brief {
 452         padding : .4em .7em;
 453 }
 454
 455 div.yui-b fieldset.brief ol {
 456         font-size : 85%;
 457         margin : 0;
 458         padding : 0;
 459 }
 460
 461 div.yui-b fieldset.brief select {
 462         width: 12em;
 463 }
 464
 465 fieldset.rows {
 466 border-width : 1px;
 467 border-bottom : 1px solid black;
 468 float : left;
 469 font-size : 90%;
 470 clear : left;
 471 margin: .9em 0 0 0;
 472 padding: 0;
 473 width: 100%;
 474 }
 475
 476 fieldset.rows legend {
 477         margin-left: 1em;
 478         font-weight: bold;
 479         font-size : 110%;
 480 }
 481
 482 fieldset.rows label, fieldset.rows span.label {
 483         float: left;
 484         font-weight : bold;
 485         width: 6em;
 486         margin-right: 1em;
 487         text-align: right;
 488 }
 489
 490 fieldset.rows fieldset {
 491         border-width : 1px;
 492         margin : 0 0 .5em 0;
 493         padding : .3em;
 494 }
 495
 496 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 497         width: 9em;
 498 }
 499
 500 .yui-b fieldset.rows div.hint {
 501         margin-left : 10.5em;
 502 }
 503
 504 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 505         width: 6em;
 506 }
 507
 508 .yui-u fieldset.rows div.hint {
 509         margin-left : 7.5em;
 510 }
 511
 512 fieldset.rows.left label, fieldset.rows.left span.label {
 513         width : 8em;
 514         text-align : left;
 515 }
 516
 517 fieldset.rows ol {
 518 padding: 1em 1em 0 1em;
 519 list-style-type: none;
 520 }
 521
 522 fieldset.rows li {
 523 float : left;
 524 clear : left;
 525 padding-bottom: 1em;
 526 list-style-type: none;
 527 width: 100%;
 528 }
 529
 530 fieldset.rows.left li {
 531         padding-bottom : .4em;
 532 }
 533
 534 fieldset.rows li.radio {
 535         padding-left: 9em;
 536         width : auto;
 537 }
 538
 539 fieldset.rows li.radio label {
 540         float : none;
 541         width : auto;
 542         margin : 0 0 0 1em;
 543 }
 544
 545 fieldset.rows ol.radio label {
 546         width : auto;
 547         float : none;
 548         margin-right : 0;
 549 }
 550
 551 fieldset.rows ol.radio label.radio {
 552         float : left;
 553         width : 12em;
 554         margin-right : 1em;
 555 }
 556
 557 fieldset.rows table {
 558         font-size : 105%;
 559         clear : both;
 560         margin : 1em 0 1em 1em;
 561 }
 562
 563 fieldset.rows td label {
 564         float : none;
 565         font-weight : normal;
 566         width : auto;
 567 }
 568
 569 fieldset.rows label.yesno {
 570         float : none;
 571         width : auto;
 572 }
 573
 574 fieldset.action, div.action {
 575         clear : both;
 576         float : none;
 577         border : none;
 578         margin : 0;
 579         padding : 1em 0 .3em 0;
 580         width : auto;
 581 }
 582
 583 div.rows {
 584 float : left;
 585 clear : left;
 586 margin: 0 0 0 0;
 587 padding: 0;
 588 width: 100%;
 589 }
 590
 591
 592 div.rows span.label {
 593         float: left;
 594         font-weight : bold;
 595         width: 9em;
 596         margin-right: 1em;
 597         text-align: left;
 598 }
 599
 600 div.rows ol {
 601 padding: .5em 1em 0 0;
 602 list-style-type: none;
 603 }
 604
 605 div.rows ol li li {
 606         border-bottom: 0;
 607 }
 608
 609 div.rows li {
 610 border-bottom :  1px solid #EEE;
 611 float : left;
 612 clear : left;
 613 padding-bottom: .2em;
 614 padding-top: .1em;
 615 list-style-type: none;
 616 width: 100%;
 617 }
 618
 619 a.cancel {
 620         padding-left : 1em;
 621 }
 622
 623 fieldset.rows fieldset.action {
 624         padding : 1em;
 625 }
 626
 627 fieldset.rows label.inline {
 628         display : inline;
 629         float : none;
 630         margin-left : 1em;
 631         width : auto;
 632 }
 633
 634 fieldset.rows .inputnote {
 635         float : left;
 636         margin : .5em 0 0 10em;
 637 }
 638
 639 .ui-tabs-nav li {
 640         list-style : none;
 641 }
 642
 643 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 644    background : none;
 645         display : block;
 646         padding: .2em .5em .25em .5em;
 647 }
 648
 649 .ui-tabs-nav a, .ui-tabs-nav span.a {
 650     z-index : auto;
 651 }
 652
 653 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 654         background-color : #FFFFCC;
 655         border-top: 1px solid #FFFFCC;
 656         border-right: 1px solid #FF9900;
 657         border-bottom: 1px solid #FF9900;
 658         border-left: 1px solid #FFCC66;
 659         font-weight : bold;
 660         text-align : center;
 661         text-decoration : none;
 662         margin-top : -1px;
 663         z-index: 100;
 664 }
 665
 666 .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 {
 667     background-position : inherit;
 668     outline: 0; /* prevent dotted border in Firefox */
 669 }
 670 .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active, .ui-tabs-nav span.a {
 671     background-position: inherit;
 672 }
 673
 674 .ui-tabs-nav .ui-tabs-selected a:hover {
 675         color : #0000CC;
 676 }
 677
 678 .ui-tabs-nav li.ui-tabs-selected {
 679         background-color : #FFFFCC;
 680 }
 681
 682 .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 {
 683          background : none;
 684     outline: 0; /* prevent dotted border in Firefox */
 685 }
 686
 687 .tabs-container {
 688     border-top: 0;
 689     padding : inherit;
 690     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 691 }
 692 .tabs-loading em {
 693     padding: inherit;
 694     background: none;
 695 }
 696
 697 .toptabs {
 698         margin-top : 1em;
 699 }
 700
 701 /*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
 702     top: 0;
 703  }*/
 704
 705 .toptabs .ui-tabs-nav li {
 706         margin-right : .5em;
 707 }
 708
 709 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 710         background-color : #F3F3F3;
 711         border-top : 1px solid #E8E8E8;
 712         border-left : 1px solid #E8E8E8;
 713         border-right : 1px solid #E8E8E8;
 714         border-bottom : 0;
 715         text-align : center;
 716         text-decoration : none;
 717 }
 718
 719 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
 720         background-color : #FFF;
 721         margin-top :  1px;
 722 }
 723
 724 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 725         background-color : #FFF;
 726         border-bottom : 1px solid #FFF;
 727         margin-bottom :  -1px;
 728         z-index : 2;
 729 }
 730
 731 .toptabs .tabs-container {
 732         border : 1px solid #E8E8E8;
 733         padding : 1em;
 734 }
 735
 736 .checkedout {
 737         color : #999999;
 738         font-style : italic;
 739 }
 740
 741 .subfield_not_filled {
 742         background-color : #FFFF99;
 743 }
 744 .content_hidden {
 745     visibility:hidden; /* you propably don't need to change this one */
 746     display:none;
 747 }
 748
 749 /* the property for the displayed tab */
 750 .content_visible {
 751     visibility:visible; /* you propably don't need to change this one */
 752     display:block;
 753 }
 754 #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, #neworder a {
 755         padding-left : 34px;
 756         background-image: url("../../img/toolbar-new.gif");
 757         background-position : center left;
 758         background-repeat : no-repeat;
 759 }
 760
 761 #changepassword a {
 762         padding-left : 34px;
 763         background-image: url("../../img/toolbar-password.gif");
 764         background-position : center left;
 765         background-repeat : no-repeat;
 766 }
 767
 768 #manageorders a {
 769         padding-left : 34px;
 770         background-image: url("../../img/toolbar-orders.gif");
 771         background-position : center left;
 772         background-repeat : no-repeat;
 773 }
 774
 775
 776 #savemenuc .first-child, #addbiblio .first-child {
 777         padding-left : 34px;
 778         background-image: url("../../img/toolbar-save.gif");
 779         background-position : center left;
 780         background-repeat : no-repeat;
 781 }
 782
 783 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
 784         padding-left : 34px;
 785         background-image: url("../../img/toolbar-edit.gif");
 786         background-position : center left;
 787         background-repeat : no-repeat;
 788 }
 789
 790 #duplicate a {
 791         padding-left : 34px;
 792         background-image: url("../../img/toolbar-duplicate.gif");
 793         background-position : center left;
 794         background-repeat : no-repeat;
 795 }
 796
 797 #receive a {
 798         padding-left : 34px;
 799         background-image: url("../../img/toolbar-receive.gif");
 800         background-position : center left;
 801         background-repeat : no-repeat;
 802 }
 803
 804 #renew a {
 805         padding-left : 34px;
 806         background-image: url("../../img/toolbar-renew.gif");
 807         background-position : center left;
 808         background-repeat : no-repeat;
 809 }
 810
 811 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 812         padding-left : 34px;
 813         background-image: url("../../img/toolbar-delete.gif");
 814         background-position : center left;
 815         background-repeat : no-repeat;
 816 }
 817
 818 #z3950search .first-child {
 819         padding-left : 34px;
 820         background-image: url("../../img/toolbar-search.gif");
 821         background-position : center left;
 822         background-repeat : no-repeat;
 823 }
 824 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 825         padding-left : 34px;
 826         background-image: url("../../img/toolbar-print.gif");
 827         background-position : center left;
 828         background-repeat : no-repeat;
 829 }
 830
 831 #addtoshelf button, #addtoshelf a {
 832         padding-left : 34px;
 833         background-image: url("../../img/toolbar-add-to-shelf.gif");
 834         background-position : center left;
 835         background-repeat : no-repeat;
 836 }
 837
 838 #placehold a {
 839         padding-left : 34px;
 840         background-image: url("../../img/toolbar-hold.gif");
 841         background-position : center left;
 842         background-repeat : no-repeat;
 843 }
 844
 845 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 846         padding-left : 15px;
 847 }
 848
 849 div.error {
 850         border : 2px dashed #990000;
 851         background-color : #FFFF99;
 852         padding : .5em;
 853         margin : 1em;
 854 }
 855
 856 input.alert {
 857         background-color : #FFFF99;
 858         border-color: #900;
 859 }
 860
 861 ol.bibliodetails {
 862         float: left;
 863         margin : 0 0 1em 1em;
 864 }
 865
 866 ol.bibliodetails li {
 867         border-bottom: 1px solid #E8E8E8;
 868         list-style-type : none;
 869         padding : .1em;
 870 }
 871
 872 ol.bibliodetails span.label {
 873         border-right : 1px solid #E8E8E8;
 874         float : left;
 875         font-weight: bold;
 876         width: 12em;
 877         margin-right: 1em;
 878 }
 879
 880 div.listgroup {
 881         clear :  left;
 882 }
 883
 884 div.listgroup h4 {
 885         font-style: italic;
 886 }
 887
 888 div.listgroup h4 a {
 889         font-size :  80%;
 890 }
 891
 892 div.listgroup input {
 893         font-size: 80%;
 894 }
 895
 896 div.sysprefs h3 {
 897         margin : .2em 0 .2em .4em;
 898 }
 899
 900 div.sysprefs dl {
 901         margin-left : 1.5em;
 902 }
 903
 904 div.sysprefs div.hint {
 905         width : 25%;
 906         float : right;
 907         padding : .5em;
 908         margin : .7em;
 909 }
 910
 911 tr.highlight td {
 912         background-color : #F6F6F6;
 913 }
 914
 915 tr.highlight th[scope=row] {
 916         background-color : #DDDDDD;
 917 }
 918
 919 tr.confirm td, tr.highlight.confirm td {
 920         background-color : #ffbfbf;
 921 }
 922
 923 #circ_circulation_issue label {
 924         font-size: 105%;
 925         font-weight : bold;
 926 }
 927
 928 #circ_circulation_issue div.hint {
 929         color : #666666;
 930         margin: .2em 0;
 931 }
 932
 933 #circ_circulation_issue .date-select {
 934         font-size : 85%;
 935         padding-top : .3em;
 936 }
 937
 938 #circ_circulation_issue .date-select label {
 939         font-size : inherit;
 940         font-weight: normal;
 941 }
 942
 943 #circ_circulation_issue .date-select input {
 944         padding : 1px;
 945 }
 946
 947 tr.expired td {
 948         color : #999999;
 949 }
 950
 951 span.expired {
 952         color : #990000;
 953         font-style : italic;
 954 }
 955
 956 div.help {
 957         margin: .9em 0 0 0;
 958 }
 959
 960 .blocker {
 961         color : #990000;
 962 }
 963
 964 .circmessage li {
 965         list-style : url(../../img/arrow-bullet.gif);
 966         margin-bottom : .2em;
 967 }
 968
 969 div.circmessage:first-child {
 970         margin-top : 1em;
 971 }
 972
 973 div.circmessage {
 974         padding: 0 .4em .4em .4em;
 975         margin-bottom : .3em;
 976 }
 977
 978 span.circ-hlt {
 979         color : #cc0000;
 980         font-weight : bold;
 981 }
 982
 983 div.first fieldset {
 984         margin-right : 0;
 985 }
 986
 987 #circ_needsconfirmation {
 988         margin : auto;
 989 }
 990
 991 .dialog {
 992   border: 1px solid #bcbcbc;
 993         padding : .5em;
 994         margin : 1em auto;
 995   width: 65%;
 996   }
 997
 998 .dialog table {
 999         margin : .5em auto;
1000 }
1001
1002 .dialog table th {
1003         text-align : right;
1004 }
1005
1006 .dialog table td {
1007         text-align : left;
1008 }
1009
1010 .dialog  h2, .dialog h3, .dialog h4 {
1011         margin : auto;
1012         text-align : center;
1013   }
1014
1015 .dialog input {
1016         background-color : #FFF;
1017         border : 1px solid #bcbcbc;
1018         margin : .4em;
1019         padding : .4em .4em .4em 25px;
1020  }
1021
1022 .dialog input.approve {
1023         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1024         padding : .4em .4em .4em 25px;
1025  }
1026
1027 .dialog input.deny {
1028         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1029         padding : .4em .4em .4em 25px;
1030  }
1031
1032 .dialog input.save {
1033         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1034         color:black;
1035         padding: .4em .4em .4em 34px;
1036 }
1037
1038 .dialog input.edit {
1039         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1040         color:black;
1041         padding: .4em .4em .4em 34px;
1042 }
1043
1044 .dialog input.print {
1045         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1046         padding : .4em .4em .4em 25px;
1047 }
1048
1049 .dialog input:hover {
1050         background-color : #ffc;
1051  }
1052
1053 div.alert {
1054   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1055   text-align : center;
1056 }
1057
1058 div.alert strong {
1059         color : #900;
1060 }
1061
1062 div.message {
1063         background : white url("../../img/message-bg.gif") repeat-x left 0;
1064    border : 1px solid #bcbcbc;
1065         width : 55%;
1066 }
1067
1068 div.message ul+h4 {
1069         margin-top : .7em;
1070 }
1071
1072  div.results {
1073         padding : .7em 0;
1074  }
1075
1076  .accesskey {
1077         text-decoration : underline;
1078  }
1079
1080 .required {
1081     color : #C00;
1082 }
1083
1084 span.required {
1085         font-style : italic;
1086 }
1087
1088 .term {
1089     background-color: #FFC;
1090          color : #990000;
1091 }
1092
1093 a .term {
1094          text-decoration : underline;
1095 }
1096
1097 a:hover .term {
1098         color : #FF9090;
1099 }
1100
1101 div#menu {
1102         border-right: 1px solid #000;
1103         margin-right: .5em;
1104         padding-top: 1em;
1105         padding-bottom: 2em;
1106 }
1107
1108 *html #menu li {
1109         display : inline;
1110 }
1111
1112 div#menu li a {
1113         text-decoration: none;
1114         display: block;
1115         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1116         border: 1px solid #000;
1117         font-size: 111%;
1118         margin: .5em 0;
1119         padding: .4em .3em;
1120         margin-right :  -1px;
1121 }
1122
1123 div#menu li a:hover {
1124         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1125 }
1126
1127 div#menu li.active a:hover {
1128         background-color: #fff;
1129         color :  #0000CC;
1130 }
1131
1132 #menu ul li {
1133         list-style-type: none;
1134 }
1135
1136 #menu ul li.active a {
1137         background-color: #FFF;
1138         background-image : none;
1139         border-right: 0;
1140         font-weight: bold;
1141 }
1142
1143 ul.error {
1144         background : #ffffcc;
1145         border : 1px solid #ff9090;
1146         margin : .5em;
1147         padding : .5em .5em .5em 1.5em;
1148         width : 75%
1149 }
1150
1151 h1#logo {
1152         border:0pt none;
1153         float:left !important;
1154         margin:0;
1155         padding:0;
1156         width:180px;
1157 }
1158 h1#logo {
1159         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1160         border: 0;
1161         margin:0.75em .3em 0.75em .7em;
1162         padding:0;
1163 }
1164
1165 *html h1#logo {
1166         margin : 0.75em .3em 0.75em .3em;
1167 }
1168
1169 h1#logo a {
1170         border:0;
1171         cursor:pointer;
1172         display:block;
1173         height:0px !important;
1174         margin:0;
1175         overflow:hidden;
1176         padding:44px 0 0;
1177         text-decoration:none;
1178         width:180px;
1179 }
1180
1181 #closewindow {
1182         margin-top : 2em;
1183         text-align : center;
1184 }
1185
1186 #closewindow a {
1187         font-weight : bold;
1188 }
1189
1190 .patroninfo+#menu {
1191         margin-right : 0;
1192 }
1193
1194 .barcode {
1195         font-size :  200%;
1196 }
1197
1198 .email {
1199 font-size :  87%;
1200 width : 15em;
1201 margin: 0;
1202 padding: 0;
1203 overflow :  hidden;
1204 }
1205
1206 .empty {
1207         color : #CCC;
1208 }
1209
1210 .address {
1211         font-size: 110%;
1212 }
1213
1214 .clearfix:after {
1215     content: ".";
1216     display: block;
1217     height: 0;
1218     clear: both;
1219     visibility: hidden;
1220 }
1221
1222 /* Hides from IE-mac \*/
1223 * html .clearfix {height: 1%;}
1224 /* End hide from IE-mac */
1225
1226 .title {
1227         font-weight : bold;
1228         font-size : 105%;
1229 }
1230
1231 .reserve {
1232         float : right;
1233         font-weight : bold;
1234 }
1235
1236 .thumbnail {
1237         display : block;
1238         margin : auto;
1239 }
1240
1241 #searchresults ul li {
1242         list-style : url(../../img/item-bullet.gif);
1243 }
1244
1245 #searchheader {
1246         background-color : #f3f3f3;
1247         font-size : 80%;
1248         margin : 0 0 .5em -1px;
1249         padding : .1em 0 .1em 1em;
1250 }
1251
1252 #searchheader h3 {
1253 }
1254
1255 #searchheader form {
1256         float : right;
1257 }
1258
1259 #search-facets ul {
1260         margin : 0;
1261         padding : .3em;
1262 }
1263
1264 #search-facets {
1265         border : 1px solid #e8e8e8;
1266 }
1267
1268 #search-facets h4 {
1269         background-color : #F3F3F3;
1270         border-bottom : 1px solid #e8e8e8;
1271         font-size : 90%;
1272         margin : 0;
1273         padding : .4em .2em;
1274         text-align : center;
1275 }
1276
1277 #search-facets ul li {
1278         font-weight : bold;
1279         list-style-type : none;
1280 }
1281
1282 #search-facets li li {
1283         font-weight : normal;
1284         font-size : 85%;
1285         margin-bottom : 2px;
1286         padding : .1em .2em;
1287 }
1288
1289 #search-facets li li a {
1290 }
1291
1292 #search-facets li.showmore {
1293         font-weight : bold;
1294         text-indent : 1em;
1295 }
1296
1297 div.pages {
1298         margin-top : .5em;
1299 }
1300
1301 div.pages a {
1302         font-weight: bold;
1303         padding: 1px 5px 1px 5px;
1304         text-decoration: none;
1305 }
1306
1307 div.pages a:link {
1308         background-color : #eeeeee;
1309         color : #3366CC;
1310 }
1311
1312 div.pages a:hover {
1313         background-color : #e8f0f6;
1314 }
1315
1316 div.pages a:active {
1317         background-color : #ffc;
1318 }
1319
1320 div.browse {
1321         margin : .5em 0;
1322 }
1323
1324 div#bookcoverimg {
1325         text-align : center;
1326 }
1327
1328 div#header_search input.submit {
1329         font-size : 1em;
1330 }
1331
1332 input[type=submit], input[type=button] {
1333         border: 1px outset #999999;
1334         border-top-color: #666;
1335         border-left-color: #666;
1336         padding: 0.25em;
1337         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1338         color: #333333;
1339 }
1340
1341 input.submit {
1342         border: 1px solid #999999;
1343         border-top-color: #666;
1344         border-left-color: #666;
1345         padding: 0.25em;
1346         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1347         color: #333333;
1348 }
1349
1350 *html input.submit {
1351         padding : .1em;
1352 }
1353
1354 input[type=submit]:active, input[type=button]:active {
1355         border : 1px inset #999999;
1356 }
1357
1358 input.submit:active {
1359         border : 1px inset #999999;
1360 }
1361
1362 input[type=reset], input[type=button], input.submit {
1363         border: 1px outset #999999;
1364         border-top-color: #666;
1365         border-left-color: #666;
1366         padding: 0.25em;
1367         background : #E8E8E8 url(../../img/button-bg.gif) top left repeat-x;
1368         color: #333333;
1369 }
1370
1371 input[type=reset]:active, input[type=button]:active, input.submit:active {
1372         border : 1px inset #999999;
1373 }
1374
1375 .searchhighlightblob {
1376     font-size:75%;
1377         font-style : italic;
1378 }
1379
1380 a.yuimenuitemlabel:hover {
1381         background-color : #B3D4FF;
1382         color : #000;
1383 }
1384
1385 #toplevelnav {
1386         float : left;
1387         margin-left : .5em;
1388 }
1389
1390 ul#toplevelmenu {
1391         padding : 0;
1392 }
1393
1394 ul#toplevelmenu li {
1395         display: inline;
1396         padding : 0 .6em;
1397 }
1398
1399 ul#toplevelmenu li.more a {
1400         background-image:url(../../img/more-arrow.gif);
1401         background-position:right center;
1402         background-repeat:no-repeat;
1403         padding-right:13px;
1404 }
1405
1406 ul#toplevelmenu li.more ul li a {
1407         background-image : none;
1408         padding-right : 20px;
1409 }
1410
1411 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1412         padding: .2em 20px .2em 20px;
1413 }
1414
1415 ul#menu li a, ul#toplevelmenu li a {
1416         text-decoration : none;
1417 }
1418 ul#menu li ul li, ul#toplevelmenu li ul li {
1419         display :block;
1420         padding :0;
1421 }
1422 ul#menu li ul li a, ul#toplevelmenu li ul li a {
1423         text-decoration : none;
1424 }
1425
1426 ul#i18nMenu {
1427         margin : 0;
1428         padding : .2em 0;
1429  }
1430
1431 ul#i18nMenu li {
1432         border-left : 1px solid #CCC;
1433         display : inline;
1434         list-style : none;
1435         padding : 0 10px;
1436  }
1437
1438 ul#i18nMenu li:first-child {
1439         border-left : 0;
1440  }
1441
1442 ul#i18nMenu li ul li {
1443         border : 0;
1444         display : block;
1445         padding : 0;
1446  }
1447
1448
1449 ul#i18nMenu li.more a {
1450         background-image:url(../../img/more-up-arrow.gif);
1451         background-position:right center;
1452         background-repeat:no-repeat;
1453         padding-right:13px;
1454 }
1455
1456 ul#i18nMenu li.more ul li a {
1457         background-image : none;
1458         padding-right : 20px;
1459 }
1460
1461  div#changelanguage{
1462         background-color: #fff;
1463         border-top: 1px solid #CCC;
1464   position:absolute;
1465   bottom:0;
1466   left:0;
1467   width:100%;
1468   height: 2em;
1469  }
1470
1471  @media screen{
1472   body>div#changelanguage {
1473    position: fixed;
1474   }
1475  }
1476
1477  * html body{
1478   overflow:hidden;
1479  }
1480
1481  * html div#doc1{
1482   height:100%;
1483   overflow:auto;
1484  }
1485
1486  * html div#doc2{
1487   height:100%;
1488   overflow:auto;
1489  }
1490
1491  * html div#doc3{
1492   height:100%;
1493   overflow:auto;
1494  }
1495
1496 #CheckAll, #CheckNone {
1497         font-weight : normal;
1498         margin : 0 .5em 0 0;
1499 }
1500 .lost,.dmg,.wdn {
1501         display : block;
1502         color : #990000;
1503 }
1504 .datedue {
1505         display : block;
1506         color : #999;
1507         font-style : italic;
1508 }
1509 /* Tablesorter */
1510 .header {
1511         background-image:url("../../img/ascdesc.gif");
1512         background-position:right center;
1513         background-repeat:no-repeat;
1514         cursor:pointer;
1515         padding : .2em 23px;
1516 }
1517 .headerSortUp {
1518         background-image:url("../../img/asc.gif");
1519 }
1520 .headerSortDown {
1521         background-image:url("../../img/desc.gif");
1522 }
1523
1524 tr.reserved td {
1525         background-color : #eeffd4;
1526 }
1527 tr.transfered td {
1528         background-color : #e8f0f6;
1529 }
1530 .waitinghere {
1531         color : #669900;
1532 }
1533
1534 /* Permissions Labels */
1535 label.permissioncode:before {
1536         content: "(";
1537 }
1538 label.permissioncode:after {
1539         content: ")";
1540 }
1541 label.permissioncode {
1542         font-style : italic;
1543 }
1544 span.permissiondesc {
1545         font-weight : normal;
1546 }
1547 /* autocomplete additions */
1548 #borrowerautocomplete { width: 450px; text-align:left;} /* z-index needed on top instances for ie & sf absolute inside relative issue */
1549 .autocomplete { width:130px; }/* set width of widget here*/
1550 .autocomplete .yui-ac-highlight ,
1551 .autocomplete .yui-ac-highlight .sample-result,
1552 .autocomplete .yui-ac-highlight .sample-query { color:#FFF; }
1553 .autocomplete .sample-result { color: black; }
1554 .autocomplete .sample-query { color:#000; }
1555 #findborrower { position:static; width:335px; }
1556 #yborrowercontainer { text-align:left;width:335px; }