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 fieldset.rows {
 452 border-width : 1px;
 453 border-bottom : 1px solid black;
 454 float : left;
 455 font-size : 90%;
 456 clear : left;
 457 margin: .9em 0 0 0;
 458 padding: 0;
 459 width: 100%;
 460 }
 461
 462 fieldset.rows legend {
 463         margin-left: 1em;
 464         font-weight: bold;
 465         font-size : 110%;
 466 }
 467
 468 fieldset.rows label, fieldset.rows span.label {
 469         float: left;
 470         font-weight : bold;
 471         width: 6em;
 472         margin-right: 1em;
 473         text-align: right;
 474 }
 475
 476 fieldset.rows fieldset {
 477         border-width : 1px;
 478         margin : 0 0 .5em 0;
 479         padding : .3em;
 480 }
 481
 482 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 483         width: 9em;
 484 }
 485
 486 .yui-b fieldset.rows div.hint {
 487         margin-left : 10.5em;
 488 }
 489
 490 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 491         width: 6em;
 492 }
 493
 494 .yui-u fieldset.rows div.hint {
 495         margin-left : 7.5em;
 496 }
 497
 498 fieldset.rows.left label, fieldset.rows.left span.label {
 499         width : 8em;
 500         text-align : left;
 501 }
 502
 503 fieldset.rows ol {
 504 padding: 1em 1em 0 1em;
 505 list-style-type: none;
 506 }
 507
 508 fieldset.rows li {
 509 float : left;
 510 clear : left;
 511 padding-bottom: 1em;
 512 list-style-type: none;
 513 width: 100%;
 514 }
 515
 516 fieldset.rows.left li {
 517         padding-bottom : .4em;
 518 }
 519
 520 fieldset.rows li.radio {
 521         padding-left: 9em;
 522         width : auto;
 523 }
 524
 525 fieldset.rows li.radio label {
 526         float : none;
 527         width : auto;
 528         margin : 0 0 0 1em;
 529 }
 530
 531 fieldset.rows ol.radio label {
 532         width : auto;
 533         float : none;
 534         margin-right : 0;
 535 }
 536
 537 fieldset.rows ol.radio label.radio {
 538         float : left;
 539         width : 12em;
 540         margin-right : 1em;
 541 }
 542
 543 fieldset.rows table {
 544         font-size : 105%;
 545         clear : both;
 546         margin : 1em 0 1em 1em;
 547 }
 548
 549 fieldset.rows td label {
 550         float : none;
 551         font-weight : normal;
 552         width : auto;
 553 }
 554
 555 fieldset.rows label.yesno {
 556         float : none;
 557         width : auto;
 558 }
 559
 560 fieldset.action, div.action {
 561         clear : both;
 562         float : none;
 563         border : none;
 564         margin : 0;
 565         padding : 1em 0 .3em 0;
 566         width : auto;
 567 }
 568
 569 div.rows {
 570 float : left;
 571 clear : left;
 572 margin: 0 0 0 0;
 573 padding: 0;
 574 width: 100%;
 575 }
 576
 577
 578 div.rows span.label {
 579         float: left;
 580         font-weight : bold;
 581         width: 9em;
 582         margin-right: 1em;
 583         text-align: left;
 584 }
 585
 586 div.rows ol {
 587 padding: .5em 1em 0 0;
 588 list-style-type: none;
 589 }
 590
 591 div.rows ol li li {
 592         border-bottom: 0;
 593 }
 594
 595 div.rows li {
 596 border-bottom :  1px solid #EEE;
 597 float : left;
 598 clear : left;
 599 padding-bottom: .2em;
 600 padding-top: .1em;
 601 list-style-type: none;
 602 width: 100%;
 603 }
 604
 605 a.cancel {
 606         padding-left : 1em;
 607 }
 608
 609 fieldset.rows fieldset.action {
 610         padding : 1em;
 611 }
 612
 613 fieldset.rows label.inline {
 614         display : inline;
 615         float : none;
 616         margin-left : 1em;
 617         width : auto;
 618 }
 619
 620 fieldset.rows .inputnote {
 621         float : left;
 622         margin : .5em 0 0 10em;
 623 }
 624
 625 .ui-tabs-nav li {
 626         list-style : none;
 627 }
 628
 629 .ui-tabs-nav a, .ui-tabs-nav a span, .ui-tabs-nav span.a {
 630    background : none;
 631         display : block;
 632         padding: .2em .5em .25em .5em;
 633 }
 634
 635 .ui-tabs-nav a, .ui-tabs-nav span.a {
 636     z-index : auto;
 637 }
 638
 639 .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected span.a {
 640         background-color : #FFFFCC;
 641         border-top: 1px solid #FFFFCC;
 642         border-right: 1px solid #FF9900;
 643         border-bottom: 1px solid #FF9900;
 644         border-left: 1px solid #FFCC66;
 645         font-weight : bold;
 646         text-align : center;
 647         text-decoration : none;
 648         margin-top : -1px;
 649         z-index: 100;
 650 }
 651
 652 .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 {
 653     background-position : inherit;
 654     outline: 0; /* prevent dotted border in Firefox */
 655 }
 656 .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 {
 657     background-position: inherit;
 658 }
 659
 660 .ui-tabs-nav .ui-tabs-selected a:hover {
 661         color : #0000CC;
 662 }
 663
 664 .ui-tabs-nav li.ui-tabs-selected {
 665         background-color : #FFFFCC;
 666 }
 667
 668 .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 {
 669          background : none;
 670     outline: 0; /* prevent dotted border in Firefox */
 671 }
 672
 673 .tabs-container {
 674     border-top: 0;
 675     padding : inherit;
 676     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 677 }
 678 .tabs-loading em {
 679     padding: inherit;
 680     background: none;
 681 }
 682
 683 .toptabs {
 684         margin-top : 1em;
 685 }
 686
 687 /*.toptabs .ui-tabs-nav a, .toptabs .ui-tabs-nav span.a {
 688     top: 0;
 689  }*/
 690
 691 .toptabs .ui-tabs-nav li {
 692         margin-right : .5em;
 693 }
 694
 695 .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a {
 696         background-color : #F3F3F3;
 697         border-top : 1px solid #E8E8E8;
 698         border-left : 1px solid #E8E8E8;
 699         border-right : 1px solid #E8E8E8;
 700         border-bottom : 0;
 701         text-align : center;
 702         text-decoration : none;
 703 }
 704
 705 .toptabs .ui-tabs-nav li.ui-tabs-selected  {
 706         background-color : #FFF;
 707         margin-top :  1px;
 708 }
 709
 710 .toptabs .ui-tabs-nav li.ui-tabs-selected a, .toptabs .ui-tabs-nav li.ui-tabs-selected span.a {
 711         background-color : #FFF;
 712         border-bottom : 1px solid #FFF;
 713         margin-bottom :  -1px;
 714         z-index : 2;
 715 }
 716
 717 .toptabs .tabs-container {
 718         border : 1px solid #E8E8E8;
 719         padding : 1em;
 720 }
 721
 722 .checkedout {
 723         color : #999999;
 724         font-style : italic;
 725 }
 726
 727 .subfield_not_filled {
 728         background-color : #FFFF99;
 729 }
 730 .content_hidden {
 731     visibility:hidden; /* you propably don't need to change this one */
 732     display:none;
 733 }
 734
 735 /* the property for the displayed tab */
 736 .content_visible {
 737     visibility:visible; /* you propably don't need to change this one */
 738     display:block;
 739 }
 740 #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 {
 741         padding-left : 34px;
 742         background-image: url("../../img/toolbar-new.gif");
 743         background-position : center left;
 744         background-repeat : no-repeat;
 745 }
 746
 747 #changepassword a {
 748         padding-left : 34px;
 749         background-image: url("../../img/toolbar-password.gif");
 750         background-position : center left;
 751         background-repeat : no-repeat;
 752 }
 753
 754 #manageorders a {
 755         padding-left : 34px;
 756         background-image: url("../../img/toolbar-orders.gif");
 757         background-position : center left;
 758         background-repeat : no-repeat;
 759 }
 760
 761
 762 #savemenuc .first-child, #addbiblio .first-child {
 763         padding-left : 34px;
 764         background-image: url("../../img/toolbar-save.gif");
 765         background-position : center left;
 766         background-repeat : no-repeat;
 767 }
 768
 769 #editpatron a, #editmenuc .first-child, #editshelf a, #edit a, #editsupplier a {
 770         padding-left : 34px;
 771         background-image: url("../../img/toolbar-edit.gif");
 772         background-position : center left;
 773         background-repeat : no-repeat;
 774 }
 775
 776 #duplicate a {
 777         padding-left : 34px;
 778         background-image: url("../../img/toolbar-duplicate.gif");
 779         background-position : center left;
 780         background-repeat : no-repeat;
 781 }
 782
 783 #receive a {
 784         padding-left : 34px;
 785         background-image: url("../../img/toolbar-receive.gif");
 786         background-position : center left;
 787         background-repeat : no-repeat;
 788 }
 789
 790 #renew a {
 791         padding-left : 34px;
 792         background-image: url("../../img/toolbar-renew.gif");
 793         background-position : center left;
 794         background-repeat : no-repeat;
 795 }
 796
 797 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 798         padding-left : 34px;
 799         background-image: url("../../img/toolbar-delete.gif");
 800         background-position : center left;
 801         background-repeat : no-repeat;
 802 }
 803
 804 #z3950search .first-child {
 805         padding-left : 34px;
 806         background-image: url("../../img/toolbar-search.gif");
 807         background-position : center left;
 808         background-repeat : no-repeat;
 809 }
 810 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 811         padding-left : 34px;
 812         background-image: url("../../img/toolbar-print.gif");
 813         background-position : center left;
 814         background-repeat : no-repeat;
 815 }
 816
 817 #addtoshelf button, #addtoshelf a {
 818         padding-left : 34px;
 819         background-image: url("../../img/toolbar-add-to-shelf.gif");
 820         background-position : center left;
 821         background-repeat : no-repeat;
 822 }
 823
 824 #placehold a {
 825         padding-left : 34px;
 826         background-image: url("../../img/toolbar-hold.gif");
 827         background-position : center left;
 828         background-repeat : no-repeat;
 829 }
 830
 831 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child {
 832         padding-left : 15px;
 833 }
 834
 835 div.error {
 836         border : 2px dashed #990000;
 837         background-color : #FFFF99;
 838         padding : .5em;
 839         margin : 1em;
 840 }
 841
 842 input.alert {
 843         background-color : #FFFF99;
 844         border-color: #900;
 845 }
 846
 847 ol.bibliodetails {
 848         float: left;
 849         margin : 0 0 1em 1em;
 850 }
 851
 852 ol.bibliodetails li {
 853         border-bottom: 1px solid #E8E8E8;
 854         list-style-type : none;
 855         padding : .1em;
 856 }
 857
 858 ol.bibliodetails span.label {
 859         border-right : 1px solid #E8E8E8;
 860         float : left;
 861         font-weight: bold;
 862         width: 12em;
 863         margin-right: 1em;
 864 }
 865
 866 div.listgroup {
 867         clear :  left;
 868 }
 869
 870 div.listgroup h4 {
 871         font-style: italic;
 872 }
 873
 874 div.listgroup h4 a {
 875         font-size :  80%;
 876 }
 877
 878 div.listgroup input {
 879         font-size: 80%;
 880 }
 881
 882 div.sysprefs h3 {
 883         margin : .2em 0 .2em .4em;
 884 }
 885
 886 div.sysprefs dl {
 887         margin-left : 1.5em;
 888 }
 889
 890 div.sysprefs div.hint {
 891         width : 25%;
 892         float : right;
 893         padding : .5em;
 894         margin : .7em;
 895 }
 896
 897 tr.highlight td {
 898         background-color : #F6F6F6;
 899 }
 900
 901 tr.highlight th[scope=row] {
 902         background-color : #DDDDDD;
 903 }
 904
 905 tr.confirm td, tr.highlight.confirm td {
 906         background-color : #ffbfbf;
 907 }
 908
 909 #circ_circulation_issue label {
 910         font-size: 105%;
 911         font-weight : bold;
 912 }
 913
 914 #circ_circulation_issue div.hint {
 915         color : #666666;
 916         margin: .2em 0;
 917 }
 918
 919 #circ_circulation_issue .date-select {
 920         font-size : 85%;
 921         padding-top : .3em;
 922 }
 923
 924 #circ_circulation_issue .date-select label {
 925         font-size : inherit;
 926         font-weight: normal;
 927 }
 928
 929 #circ_circulation_issue .date-select input {
 930         padding : 1px;
 931 }
 932
 933 tr.expired td {
 934         color : #999999;
 935 }
 936
 937 span.expired {
 938         color : #990000;
 939         font-style : italic;
 940 }
 941
 942 div.tag {
 943     clear: both;
 944 }
 945
 946 div.subfield_line {
 947         padding-bottom : .3em;
 948     clear: both;
 949 }
 950
 951 div.subfield_line label {
 952     font-size:89%;
 953     float: left;
 954          padding-right : .4em;
 955     width: 210px;
 956     text-align: left;
 957     clear:left;
 958 }
 959
 960 div.help {
 961         margin: .9em 0 0 0;
 962 }
 963
 964 .blocker {
 965         color : #990000;
 966 }
 967
 968 .circmessage li {
 969         list-style : url(../../img/arrow-bullet.gif);
 970         margin-bottom : .2em;
 971 }
 972
 973 div.circmessage:first-child {
 974         margin-top : 1em;
 975 }
 976
 977 div.circmessage {
 978         padding: 0 .4em .4em .4em;
 979         margin-bottom : .3em;
 980 }
 981
 982 span.circ-hlt {
 983         color : #cc0000;
 984         font-weight : bold;
 985 }
 986
 987 div.first fieldset {
 988         margin-right : 0;
 989 }
 990
 991 #circ_needsconfirmation {
 992         margin : auto;
 993 }
 994
 995 .dialog {
 996   border: 1px solid #bcbcbc;
 997         padding : .5em;
 998         margin : 1em auto;
 999   width: 65%;
1000   }
1001
1002 .dialog table {
1003         margin : .5em auto;
1004 }
1005
1006 .dialog table th {
1007         text-align : right;
1008 }
1009
1010 .dialog table td {
1011         text-align : left;
1012 }
1013
1014 .dialog  h2, .dialog h3, .dialog h4 {
1015         margin : auto;
1016         text-align : center;
1017   }
1018
1019 .dialog input {
1020         background-color : #FFF;
1021         border : 1px solid #bcbcbc;
1022         margin : .4em;
1023         padding : .4em .4em .4em 25px;
1024  }
1025
1026 .dialog input.approve {
1027         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1028         padding : .4em .4em .4em 25px;
1029  }
1030
1031 .dialog input.deny {
1032         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1033         padding : .4em .4em .4em 25px;
1034  }
1035
1036 .dialog input.save {
1037         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1038         color:black;
1039         padding: .4em .4em .4em 34px;
1040 }
1041
1042 .dialog input.edit {
1043         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1044         color:black;
1045         padding: .4em .4em .4em 34px;
1046 }
1047
1048 .dialog input.print {
1049         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1050         padding : .4em .4em .4em 25px;
1051 }
1052
1053 .dialog input:hover {
1054         background-color : #ffc;
1055  }
1056
1057 div.alert {
1058   background : #FFC url(../../img/alert-bg.gif) repeat-x left 0;
1059   text-align : center;
1060 }
1061
1062 div.alert strong {
1063         color : #900;
1064 }
1065
1066 div.message {
1067         background : white url("../../img/message-bg.gif") repeat-x left 0;
1068    border : 1px solid #bcbcbc;
1069         width : 55%;
1070 }
1071
1072 div.message ul+h4 {
1073         margin-top : .7em;
1074 }
1075
1076  div.results {
1077         padding : .7em 0;
1078  }
1079
1080  .accesskey {
1081         text-decoration : underline;
1082  }
1083
1084 .required {
1085     color : #C00;
1086 }
1087
1088 span.required {
1089         font-style : italic;
1090 }
1091
1092 .term {
1093     background-color: #FFC;
1094          color : #990000;
1095 }
1096
1097 a .term {
1098          text-decoration : underline;
1099 }
1100
1101 a:hover .term {
1102         color : #FF9090;
1103 }
1104
1105 div#menu {
1106         border-right: 1px solid #000;
1107         margin-right: .5em;
1108         padding-top: 1em;
1109         padding-bottom: 2em;
1110 }
1111
1112 *html #menu li {
1113         display : inline;
1114 }
1115
1116 div#menu li a {
1117         text-decoration: none;
1118         display: block;
1119         background : #EEE url(../../img/side-tab-gradient.gif) repeat-y top right;
1120         border: 1px solid #000;
1121         font-size: 111%;
1122         margin: .5em 0;
1123         padding: .4em .3em;
1124         margin-right :  -1px;
1125 }
1126
1127 div#menu li a:hover {
1128         background : #E8F0F6 url(../../img/side-tab-gradient-hover.gif) repeat-y top right;
1129 }
1130
1131 div#menu li.active a:hover {
1132         background-color: #fff;
1133         color :  #0000CC;
1134 }
1135
1136 #menu ul li {
1137         list-style-type: none;
1138 }
1139
1140 #menu ul li.active a {
1141         background-color: #FFF;
1142         background-image : none;
1143         border-right: 0;
1144         font-weight: bold;
1145 }
1146
1147 ul.error {
1148         background : #ffffcc;
1149         border : 1px solid #ff9090;
1150         margin : .5em;
1151         padding : .5em .5em .5em 1.5em;
1152         width : 75%
1153 }
1154
1155 h1#logo {
1156         border:0pt none;
1157         float:left !important;
1158         margin:0;
1159         padding:0;
1160         width:180px;
1161 }
1162 h1#logo {
1163         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1164         border: 0;
1165         margin:0.75em .3em 0.75em .7em;
1166         padding:0;
1167 }
1168
1169 *html h1#logo {
1170         margin : 0.75em .3em 0.75em .3em;
1171 }
1172
1173 h1#logo a {
1174         border:0;
1175         cursor:pointer;
1176         display:block;
1177         height:0px !important;
1178         margin:0;
1179         overflow:hidden;
1180         padding:44px 0 0;
1181         text-decoration:none;
1182         width:180px;
1183 }
1184
1185 #closewindow {
1186         margin-top : 2em;
1187         text-align : center;
1188 }
1189
1190 #closewindow a {
1191         font-weight : bold;
1192 }
1193
1194 .patroninfo+#menu {
1195         margin-right : 0;
1196 }
1197
1198 .barcode {
1199         font-size :  200%;
1200 }
1201
1202 .email {
1203 font-size :  87%;
1204 width : 15em;
1205 margin: 0;
1206 padding: 0;
1207 overflow :  hidden;
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; }