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