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