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