koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css

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