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

   1 @import url("../lib/yui/reset-fonts-grids.css") screen;
   2 @import url("../lib/yui/skin.css");
   3
   4 input:focus, textarea:focus {
   5     border-color:#538200;
   6     border-style:solid;
   7     border-radius: 4px;
   8 }
   9
  10 ::selection      { background:#538200; color:#ffffff; /* Safari and Opera */ }
  11 ::-moz-selection  { background:#538200; color:#ffffff; /* Firefox */ }
  12
  13 a, a:link, a:visited {
  14     color : #004d99;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     color : #538200;
  20     text-decoration: none;
  21 }
  22
  23 .yui-button {
  24     border-radius: 5px;
  25 }
  26
  27 .yui-button .first-child {
  28     border-radius: 5px;
  29 }
  30
  31 .yui-button,.yui-button a:link,.yui-button a:visited {
  32         color : #000;
  33 }
  34
  35 a.yuimenuitemlabel {
  36         color: #000000;
  37 }
  38
  39 .overdue,
  40 .debit {
  41         color : #cc0000;
  42 }
  43
  44 a.popup {
  45         background : transparent url("../../img/pop-up-link.png") center right no-repeat;
  46         padding-right : 15px;
  47 }
  48
  49 body {
  50         text-align : left;
  51     padding:0 0 4em 0;
  52   font-family: arial, verdana, helvetica, sans-serif;
  53 }
  54
  55 br.clear {
  56         clear : both;
  57         line-height : 1px;
  58 }
  59
  60 form {
  61         display : inline;
  62 }
  63
  64 form.confirm {
  65         display : block;
  66         text-align : center;
  67 }
  68
  69 h1 {
  70         font-size : 161.6%;
  71         font-weight : bold;
  72 }
  73
  74 h2 {
  75         font-size : 146.5%;
  76         font-weight : bold;
  77 }
  78
  79 h3 {
  80         font-size : 131%;
  81         font-weight : bold;
  82 }
  83
  84 h4 {
  85         font-size : 116%;
  86         font-weight : bold;
  87 }
  88
  89 h5 {
  90         font-size : 100%;
  91         font-weight : bold;
  92 }
  93
  94 h6 {
  95         font-size : 93%;
  96         font-weight : bold;
  97 }
  98
  99 h1,h2,h3,h4,h5,h6 {
 100         margin : .3em 0;
 101 }
 102
 103 p {
 104         margin: .5em 0 .5em 0;
 105 }
 106
 107 strong {
 108         font-weight : bold;
 109 }
 110
 111 strong em {
 112         font-weight : bold;
 113         font-style : italic;
 114 }
 115
 116 em, cite {
 117         font-style : italic;
 118 }
 119
 120 em strong {
 121         font-weight : bold;
 122         font-style : italic;
 123 }
 124
 125 .subfield-label {
 126     font-style : italic;
 127 }
 128
 129 #navmenulist li {
 130         padding : .2em 0;
 131         list-style-image : url("../../img/arrow-bullet.gif");
 132         border-bottom : 1px solid #EEE;
 133 }
 134
 135 #navmenulist li a {
 136         text-decoration : none;
 137 }
 138
 139 #doc, #doc1, #doc2, #doc3 {
 140         padding-top : 1em;
 141 }
 142
 143 #login_controls  {
 144         position : absolute;
 145         right : .5em;
 146     padding: .4em .5em;
 147 }
 148
 149 ul {
 150         padding-left : 1.1em;
 151 }
 152
 153 ul li {
 154         list-style-type : disc;
 155 }
 156
 157 ul li li {
 158         list-style-type : circle;
 159 }
 160
 161 ol {
 162         padding-left : 1.5em;
 163 }
 164
 165 ol li {
 166         list-style : decimal;
 167 }
 168
 169 .gradient {
 170     background-image: linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 171     background-image: -o-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 172     background-image: -moz-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 173     background-image: -webkit-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 174     background-image: -ms-linear-gradient(top, rgb(230,240,242) 1%, rgb(255,255,255) 99%);
 175
 176     background-image: -webkit-gradient(
 177         linear,
 178         left top,
 179         left bottom,
 180         color-stop(0.1, rgb(230, 240, 242)),
 181         color-stop(0.99, rgb(255,255,255))
 182     );
 183     display: inline-block;
 184     width:100%;
 185 }
 186
 187 .clearfix:after {
 188     content: ".";
 189     display: block;
 190     height: 0;
 191     clear: both;
 192     visibility: hidden;
 193 }
 194
 195 .clearfix {
 196     display: inline-block;
 197 }
 198
 199 /* Hides from IE-mac \*/
 200 * html .clearfix {height: 1%;}
 201 .clearfix {display: block;}
 202 /* End hide from IE-mac */
 203
 204 table {
 205         border-collapse : collapse;
 206         border-top : 1px solid #BCBCBC;
 207         border-right : 1px solid #BCBCBC;
 208 }
 209
 210 table.invis,
 211 table.invis tr,
 212 table.invis td,
 213 tr.highlight table.invis td {
 214         border : none;
 215 }
 216
 217 td, th {
 218         border-bottom : 1px solid #BCBCBC;
 219         border-left : 1px solid #BCBCBC;
 220         padding : .2em .3em;
 221 }
 222
 223 td {
 224         background-color : White;
 225         vertical-align : top;
 226 }
 227
 228 table.indexes td {
 229     vertical-align : middle;
 230 }
 231
 232 td.borderless {
 233     border-collapse : separate;
 234     border : 0 none;
 235 }
 236
 237 td.data,
 238 th.data {
 239         font-family : "Courier New", Courier, monospace;
 240         text-align : right;
 241 }
 242
 243 th {
 244         background-color : #E8E8E8;
 245         font-weight : bold;
 246         text-align : center;
 247 }
 248
 249 table+table {
 250         margin-top : 1em;
 251 }
 252
 253 #editions table, #editions td {
 254         border : 0;
 255 }
 256
 257 .highlighted-row { background-color: orange !important }
 258
 259 tr.highlight td,
 260 tr.highlight th,
 261 tr.odd td,
 262 tr.odd.highlight td {
 263         background-color : #F3F3F3;
 264     border : 1px solid #BCBCBC;
 265     border-right : 1px solid #BCBCBC;
 266 }
 267
 268 tr.even td, tr.even.highlight td {
 269         background-color: #FFF;
 270     border-right : 1px solid #BCBCBC;
 271 }
 272
 273 td.od {
 274         color : #cc0000;
 275         font-weight : bold;
 276 }
 277
 278 tr.warn td {
 279         background-color: #FF9090;
 280 }
 281
 282 tr.onissue td {
 283         background-color: #FFFFCC;
 284 }
 285
 286 tr.odd.onissue td {
 287         background-color: #FFFFE1;
 288 }
 289
 290 tfoot td {
 291         background-color : #f3f3f3;
 292         font-weight : bold;
 293 }
 294
 295 td.total {
 296         text-align : right;
 297 }
 298
 299 caption {
 300         font-size : 133.9%;
 301         font-weight : bold;
 302         margin : .3em 0;
 303 }
 304
 305 span.problem {
 306         background-color : #FFFFCC;
 307         color : #990000;
 308         font-weight : bold;
 309         line-height : 1.7em;
 310 }
 311
 312 fieldset {
 313         margin : 1em 1em 1em 0;
 314         padding : 1em;
 315     background-color:#f4f8f9;
 316     border:2px solid #b9d8d9;
 317     border-radius:5px;
 318 }
 319
 320 legend {
 321         font-size : 123.1%;
 322         font-weight : bold;
 323     border:2px solid #b9d8d9;
 324     background-color:#ffffff;
 325     border-radius:3px;
 326     padding: 0.2em 0.5em;
 327 }
 328
 329 #breadcrumbs {
 330     background-color : #e6f0f2;
 331     clear : both;
 332     font-size : 90%;
 333     padding :.2em .5em .4em 10px;
 334     margin : 0;
 335 }
 336
 337 #header+#breadcrumbs {
 338         margin-top : 1em;
 339 }
 340
 341 div.justify {
 342     text-align: justify;
 343 }
 344
 345 div#header_search {
 346         background-position : .5em .5em;
 347         background-repeat : no-repeat;
 348         float: left;
 349         margin: .3em 0 .5em 0;
 350 }
 351
 352 div#header_search input {
 353         font-size : 1.3em;
 354 }
 355
 356 div#header_search div.residentsearch {
 357         border : 0;
 358     border-bottom : 1px solid #85ca11;
 359         padding : 0 0 .2em 0;
 360 }
 361
 362 div#reserves,div#checkouts {
 363         border : 1px solid #B9D8D9;
 364         padding : 1em;
 365 }
 366
 367 .tip {
 368         font-size: 93%;
 369         color : Gray;
 370 }
 371
 372 .single-line {
 373         white-space: nowrap;
 374 }
 375
 376 .ex {
 377         font-family : "Courier New", Courier, fixed-width;
 378         font-weight : bold;
 379 }
 380
 381
 382 div.yui-b h5 {
 383         font-size : 100%;
 384         margin : .5em 0;
 385 }
 386
 387 dt {
 388         font-weight : bold;
 389 }
 390
 391 dd {
 392         padding : .2em;
 393         font-size : 90%;
 394         text-indent : 2.5em;
 395         font-weight : normal;
 396 }
 397
 398 div#toolbar {
 399        background-color : #EDF4F6;
 400         margin-bottom : .7em;
 401      padding: 5px 5px 5px 5px;
 402       border-radius: 5px 5px 0 0;
 403     border: 1px solid #E6F0F2;
 404 }
 405
 406 div#toolbar .yui-menu-button button,
 407 div#toolbar .yui-button-button button {
 408         line-height : 1.7em;
 409 }
 410
 411 ul.toolbar {
 412         padding-left : 0;
 413 }
 414
 415 ul.toolbar button {
 416         padding-bottom : 2px;
 417         font-family: arial, verdana, helvetica, sans-serif;
 418 }
 419
 420 a.yuimenuitemlabel-disabled, #disabled a {
 421         color: #999;
 422 }
 423 a.yuimenuitemlabel-disabled, #disabled2 a {
 424  color: #999;
 425 }
 426 a.yuimenuitemlabel-disabled:hover, #disabled a:hover {
 427         color : #999;
 428 }
 429 a.highlight_toggle {
 430     display : none;
 431 }
 432
 433 ul.toolbar li {
 434         display : inline;
 435         list-style : none;
 436 }
 437
 438 div.patroninfo {
 439         margin-top : -.5em;
 440 }
 441
 442 *html div.patroninfo {
 443         margin-right : .5em;
 444 }
 445
 446 div.patroninfo h5 {
 447     border-right:1px solid #b9d8d9;
 448         margin-bottom : 0;
 449         padding-left : -.5em;
 450         padding-top : .3em;
 451         padding-bottom : .5em;
 452 }
 453
 454 div.patroninfo h5:empty {
 455     border-right: none;
 456 }
 457
 458 div.patroninfo ul {
 459         border : 0;
 460     border-right:1px solid #b9d8d9;
 461         border-bottom : 0;
 462         border-top : 0;
 463         padding : 0;
 464         margin : 0;
 465 }
 466
 467 div.patroninfo ul li {
 468         margin : 0;
 469 }
 470
 471 div.patroninfo ul li {
 472         list-style-type : none;
 473 }
 474
 475 div.patronviews {
 476         border-right :  1px solid #000;
 477         border-top : 1px solid #000;
 478         margin-bottom : .5em;
 479         padding : .5em 0 .5em 0;
 480 }
 481 }
 482
 483 .column-tool {
 484         font-size: 80%;
 485 }
 486
 487 fieldset.brief {
 488     border : 2px solid #B9D8D9;
 489 }
 490
 491 fieldset.brief label,
 492 fieldset.brief span.label {
 493         display : block;
 494         font-weight : bold;
 495         padding : .3em 0;
 496 }
 497
 498 fieldset.brief ol, fieldset.brief li {
 499         list-style-type : none;
 500 }
 501
 502 .hint {
 503         color : #999999;
 504         font-size : 95%;
 505 }
 506
 507 fieldset.brief div.hint, fieldset.rows div.hint, div.yui-u div.hint {
 508         font-size : 95%;
 509         margin-bottom : .4em;
 510 }
 511
 512 div.yui-b fieldset.brief {
 513         padding : .4em .7em;
 514 }
 515
 516 div.yui-b fieldset.brief ol {
 517         font-size : 85%;
 518         margin : 0;
 519         padding : 0;
 520 }
 521
 522 div.yui-b fieldset.brief select {
 523         width: 12em;
 524 }
 525 div.yui-b fieldset.brief li.radio {
 526         padding : .7em 0;
 527 }
 528 div.yui-b fieldset.brief li.radio label,
 529 div.yui-b fieldset.brief li.dateinsert label,
 530 div.yui-b fieldset.brief li.dateinsert span.label,
 531 div.yui-b fieldset.brief li.radio span.label {
 532         display : inline;
 533 }
 534
 535 div.yui-b fieldset.brief li.radio input {
 536         padding:0.3em 0;
 537 }
 538
 539 div.yui-b fieldset.brief fieldset {
 540         margin : 0 .3em;
 541         padding : .5em;
 542 }
 543
 544 div.yui-b fieldset.brief fieldset legend {
 545         font-size : 85%;
 546 }
 547
 548 fieldset.rows {
 549 border-width : 1px;
 550 border:2px solid #b9d8d9;
 551 float : left;
 552 font-size : 90%;
 553 clear : left;
 554 margin: .9em 0 0 0;
 555 padding: 0;
 556 width: 100%;
 557 }
 558
 559 fieldset.rows legend {
 560         margin-left: 1em;
 561         font-weight: bold;
 562         font-size : 110%;
 563 }
 564
 565 fieldset.rows label, fieldset.rows span.label {
 566         float: left;
 567         font-weight : bold;
 568         width: 6em;
 569         margin-right: 1em;
 570         text-align: right;
 571 }
 572
 573 fieldset.rows fieldset {
 574     background-color: transparent;
 575         border-width : 1px;
 576     margin : 1em;
 577         padding : .3em;
 578 }
 579
 580 .yui-b fieldset.rows label, .yui-b fieldset.rows span.label {
 581         width: 9em;
 582 }
 583
 584 .yui-b fieldset.rows div.hint {
 585         margin-left : 10.5em;
 586 }
 587
 588 .yui-u fieldset.rows label, .yui-u fieldset.rows span.label {
 589         width: 10em;
 590 }
 591
 592 .yui-u fieldset.rows div.hint {
 593         margin-left : 7.5em;
 594 }
 595
 596 fieldset.rows.left label, fieldset.rows.left span.label {
 597         width : 8em;
 598         text-align : left;
 599 }
 600
 601 fieldset.rows ol {
 602 padding: 1em 1em 0 1em;
 603 list-style-type: none;
 604 }
 605
 606 fieldset.rows li {
 607 float : left;
 608 clear : left;
 609 padding-bottom: 1em;
 610 list-style-type: none;
 611 width: 100%;
 612 }
 613
 614 fieldset.rows.left li {
 615         padding-bottom : .4em;
 616 }
 617
 618 fieldset.rows li.radio {
 619         padding-left: 9em;
 620         width : auto;
 621 }
 622
 623 fieldset.rows li.radio label {
 624         float : none;
 625         width : auto;
 626         margin : 0 0 0 1em;
 627 }
 628
 629 fieldset.rows ol.radio label {
 630         width : auto;
 631         float : none;
 632         margin-right : 0;
 633 }
 634
 635 fieldset.rows ol.radio label.radio {
 636         float : left;
 637         width : 12em;
 638         margin-right : 1em;
 639 }
 640
 641 fieldset.rows caption {
 642     font-size : 120%;
 643 }
 644
 645 fieldset.rows p {
 646     margin : 1em 0 1em 1em;
 647 }
 648
 649 fieldset.rows table {
 650         font-size : 105%;
 651         clear : both;
 652         margin : 1em 0 1em 1em;
 653 }
 654
 655 fieldset.rows td label {
 656         float : none;
 657         font-weight : normal;
 658         width : auto;
 659 }
 660
 661 fieldset.rows label.yesno {
 662         float : none;
 663         width : auto;
 664 }
 665
 666 fieldset.rows label.error {
 667         float: none;
 668         margin-left: 1em;
 669         width: auto;
 670 }
 671
 672 fieldset.action, div.action {
 673     background-color: transparent;
 674         clear : both;
 675         float : none;
 676     border : 0px;
 677   margin: 0;
 678      padding: .4em .4em .4em .1em;
 679   width: auto;
 680 }
 681
 682 div.rows+div.rows {
 683     margin-top : .6em;
 684 }
 685
 686 div.rows {
 687 float : left;
 688 clear : left;
 689 margin: 0 0 0 0;
 690 padding: 0;
 691 width: 100%;
 692 }
 693
 694
 695 div.rows span.label {
 696         float: left;
 697         font-weight : bold;
 698         width: 9em;
 699         margin-right: 1em;
 700         text-align: left;
 701 }
 702
 703 div.rows ol {
 704 padding: .5em 1em 0 0;
 705 list-style-type: none;
 706 }
 707
 708 div.rows ol li li {
 709         border-bottom: 0;
 710 }
 711
 712 div.rows li {
 713 border-bottom :  1px solid #EEE;
 714 float : left;
 715 clear : left;
 716 padding-bottom: .2em;
 717 padding-top: .1em;
 718 list-style-type: none;
 719 width: 100%;
 720 }
 721
 722 a.cancel {
 723         padding-left : 1em;
 724 }
 725
 726 fieldset.rows fieldset.action {
 727         padding : 1em;
 728 }
 729
 730 fieldset.rows label.inline {
 731         display : inline;
 732         float : none;
 733         margin-left : 1em;
 734         width : auto;
 735 }
 736
 737 fieldset.rows .inputnote {
 738         clear : left;
 739         float : left;
 740         margin : .5em 0 0 11em;
 741 }
 742
 743 .checkedout {
 744         color : #999999;
 745         font-style : italic;
 746 }
 747
 748 .subfield_not_filled {
 749         background-color : #FFFF99;
 750 }
 751 .content_hidden {
 752     visibility:hidden; /* you propably don't need to change this one */
 753     display:none;
 754 }
 755
 756 /* the property for the displayed tab */
 757 .content_visible {
 758     visibility:visible; /* you propably don't need to change this one */
 759     display:block;
 760 }
 761 #new_course a, #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, #newbasket a, #newrootbudget-button, #budgets_menuc .first-child {
 762         padding-left : 34px;
 763         background-image: url("../../img/toolbar-new.gif");
 764         background-position : center left;
 765         background-repeat : no-repeat;
 766 }
 767
 768 #changepassword a {
 769         padding-left : 34px;
 770         background-image: url("../../img/toolbar-password.gif");
 771         background-position : center left;
 772         background-repeat : no-repeat;
 773 }
 774
 775 #manageorders a {
 776         padding-left : 34px;
 777         background-image: url("../../img/toolbar-orders.gif");
 778         background-position : center left;
 779         background-repeat : no-repeat;
 780 }
 781
 782
 783 #savemenuc .first-child, #addbiblio .first-child {
 784         padding-left : 34px;
 785         background-image: url("../../img/toolbar-save.gif");
 786         background-position : center left;
 787         background-repeat : no-repeat;
 788 }
 789
 790 #editpatron a,
 791 #editreport a,
 792 #editmenuc .first-child,
 793 #editshelf a,
 794 #edit a,
 795 #editsupplier a,
 796 #managelabel a,
 797 #managetemplate a,
 798 #managelabelbatch a,
 799 #manageprofile a,
 800 #periods_menuc .first-child {
 801         padding-left : 34px;
 802         background-image: url("../../img/toolbar-edit.gif");
 803         background-position : center left;
 804         background-repeat : no-repeat;
 805 }
 806
 807 #duplicate a {
 808         padding-left : 34px;
 809         background-image: url("../../img/toolbar-duplicate.gif");
 810         background-position : center left;
 811         background-repeat : no-repeat;
 812 }
 813
 814 #receive a {
 815         padding-left : 34px;
 816         background-image: url("../../img/toolbar-receive.gif");
 817         background-position : center left;
 818         background-repeat : no-repeat;
 819 }
 820
 821 #renew a {
 822         padding-left : 34px;
 823         background-image: url("../../img/toolbar-renew.gif");
 824         background-position : center left;
 825         background-repeat : no-repeat;
 826 }
 827
 828 #deletebiblio button, #deletebiblio a, #deletepatron a, #deleteshelf .first-child, #delete a {
 829         padding-left : 34px;
 830         background-image: url("../../img/toolbar-delete.gif");
 831         background-position : center left;
 832         background-repeat : no-repeat;
 833 }
 834
 835 #z3950search .first-child {
 836         padding-left : 34px;
 837         background-image: url("../../img/toolbar-search.gif");
 838         background-position : center left;
 839         background-repeat : no-repeat;
 840 }
 841 #z3950searcht table {
 842         /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
 843         padding: 20px;
 844         border: none;
 845 }
 846 #printbiblio button, #printbiblio a, #printmenuc .first-child {
 847         padding-left : 34px;
 848         background-image: url("../../img/toolbar-print.gif");
 849         background-position : center left;
 850         background-repeat : no-repeat;
 851 }
 852
 853 #addtoshelf button, #addtoshelf a {
 854         padding-left : 34px;
 855         background-image: url("../../img/toolbar-add-to-shelf.gif");
 856         background-position : center left;
 857         background-repeat : no-repeat;
 858 }
 859
 860 #placehold a,
 861 #placehold button,
 862 #holdfor .first-child {
 863         padding-left : 34px;
 864         background-image: url("../../img/toolbar-hold.gif");
 865         background-position : center left;
 866         background-repeat : no-repeat;
 867 }
 868
 869 #placeholdc #yui-gen13 { border-top : 1px solid #CCCCCC; margin-top : .3em; }
 870
 871 #holdfor .first-child { padding-left : 17px; }
 872
 873 #editmenuc .first-child, #deleteshelf .first-child,#newmenuc .first-child, #addbiblio .first-child, #z3950search .first-child, #printmenuc .first-child, #newsupplier .first-child, #savemenuc .first-child, #budgets_menuc .first-child, #periods_menuc .first-child {
 874         padding-left : 15px;
 875 }
 876
 877 .error,
 878 .error a,
 879 .error a:link,
 880 .error a:visited {
 881        color: #cc0000;
 882 }
 883
 884 div.error {
 885         border : 2px dashed #990000;
 886         background-color : #FFFF99;
 887         padding : .5em;
 888         margin : 1em;
 889 }
 890
 891 input.alert {
 892         background-color : #FFFF99;
 893         border-color: #900;
 894 }
 895
 896 ol.bibliodetails {
 897         float: left;
 898         margin : 0 0 1em 1em;
 899 }
 900
 901 ol.bibliodetails li {
 902         border-bottom: 1px solid #E8E8E8;
 903         list-style-type : none;
 904         padding : .1em;
 905 }
 906
 907 ol.bibliodetails span.label {
 908         border-right : 1px solid #E8E8E8;
 909         float : left;
 910         font-weight: bold;
 911         width: 12em;
 912         margin-right: 1em;
 913 }
 914
 915 div.listgroup {
 916         clear :  left;
 917 }
 918
 919 div.listgroup h4 {
 920         font-style: italic;
 921 }
 922
 923 div.listgroup h4 a {
 924         font-size :  80%;
 925 }
 926
 927 div.listgroup input {
 928         font-size: 80%;
 929 }
 930
 931 div.sysprefs h3 {
 932         margin : .2em 0 .2em .4em;
 933 }
 934
 935 div.sysprefs dl {
 936         margin-left : 1.5em;
 937 }
 938
 939 div.sysprefs div.hint {
 940         width : 25%;
 941         float : right;
 942         padding : .5em;
 943         margin : .7em;
 944 }
 945
 946 tr.highlight td {
 947         background-color : #F6F6F6;
 948         border-color : #BCBCBC;
 949 }
 950
 951 tr.highlight th[scope=row] {
 952         background-color : #DDDDDD;
 953         border-color : #BCBCBC;
 954 }
 955
 956 #circ_circulation_issue label {
 957         font-size: 105%;
 958         font-weight : bold;
 959 }
 960
 961 #circ_circulation_issue div.hint {
 962         color : #666666;
 963         margin: .2em 0;
 964 }
 965
 966 .date-select {
 967     font-size : 85%;
 968     padding-top : .3em;
 969 }
 970
 971 #circ_circulation_issue .date-select label,
 972 .date-select label {
 973     font-size : inherit;
 974     font-weight: normal;
 975 }
 976
 977 .date-select input {
 978     padding : 1px;
 979 }
 980
 981 tr.expired td {
 982         color : #999999;
 983 }
 984
 985 span.expired {
 986         color : #990000;
 987         font-style : italic;
 988 }
 989
 990 div.help {
 991         margin: .9em 0 0 0;
 992 }
 993
 994 .blocker {
 995         color : #990000;
 996 }
 997
 998 .circmessage li {
 999         list-style : url(../../img/arrow-bullet.gif);
1000         margin-bottom : .2em;
1001 }
1002
1003 div.circmessage:first-child {
1004         margin-top : 1em;
1005 }
1006
1007 div.circmessage {
1008         padding: 0 .4em .4em .4em;
1009         margin-bottom : .3em;
1010 }
1011
1012 span.circ-hlt {
1013         color : #cc0000;
1014         font-weight : bold;
1015 }
1016
1017 div.first fieldset {
1018         margin-right : 0;
1019 }
1020
1021 #circ_needsconfirmation {
1022         margin : auto;
1023 }
1024
1025 .dialog {
1026         -moz-border-radius : 2px;
1027         border-radius : 2px;
1028         padding : .5em;
1029         margin : 1em auto;
1030         text-align : center;
1031         width: 65%;
1032 }
1033
1034 .dialog table {
1035         margin : .5em auto;
1036 }
1037
1038 .dialog table th {
1039         text-align : right;
1040 }
1041
1042 .dialog table td {
1043         text-align : left;
1044 }
1045
1046 .dialog  h2, .dialog h3, .dialog h4 {
1047         margin : auto;
1048         text-align : center;
1049   }
1050
1051 .dialog input {
1052         background-color : #FFF;
1053         border : 1px solid #bcbcbc;
1054         margin : .4em;
1055         padding : .4em .4em .4em 25px;
1056  }
1057
1058  .dialog input[type="submit"] {
1059         background : #FFF none;
1060  }
1061
1062 .dialog input.approve, td input.approve {
1063         background : #FFF url(../../img/approve.gif) no-repeat 4px center;
1064         padding : .4em .4em .4em 25px;
1065  }
1066
1067 td input.approve {
1068         background-color : #FFC;
1069 }
1070
1071 .dialog input.deny {
1072         background : #FFF url(../../img/deny.gif) no-repeat 4px center;
1073         padding : .4em .4em .4em 25px;
1074  }
1075
1076 .dialog input.save {
1077         background: #fff url(../../img/toolbar-save.gif) no-repeat 4px center;
1078         color:black;
1079         padding: .4em .4em .4em 34px;
1080 }
1081
1082 .dialog input.edit {
1083         background: #fff url(../../img/toolbar-edit.gif) no-repeat 4px center;
1084         color:black;
1085         max-width : 13em;
1086         padding: .4em .4em .4em 34px;
1087         white-space: normal;
1088 }
1089
1090 .dialog input.new {
1091         background: #fff url(../../img/toolbar-new.gif) no-repeat 4px center;
1092         color:black;
1093         max-width : 13em;
1094         padding: .4em .4em .4em 34px;
1095         white-space: normal;
1096 }
1097
1098 .dialog input.print {
1099         background : #FFF url(../../img/print-confirm.gif) no-repeat 4px center;
1100         padding : .4em .4em .4em 25px;
1101 }
1102
1103 .dialog input:hover {
1104         background-color : #ffc;
1105  }
1106
1107 div.dialog {
1108         border: 1px solid #bcbcbc;
1109     text-align : center;
1110 }
1111
1112 div.alert {
1113         background: #fef8d3; /* Old browsers */
1114         background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */
1115         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */
1116         background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */
1117         background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */
1118         background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */
1119         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */
1120         background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */
1121           text-align : center;
1122         border: 1px solid #E0C726;
1123     color : inherit;
1124     text-shadow : none;
1125 }
1126
1127 div.alert strong {
1128         color : #900;
1129 }
1130
1131 .dialog li {
1132     list-style-position:inside;
1133 }
1134
1135 a.clear-field {
1136     background : transparent url("../../img/clear-field.png") center left no-repeat;
1137     padding-left : 16px;
1138 }
1139
1140 a.clone-field {
1141     background : transparent url("../../img/clone-field.png") center left no-repeat;
1142     padding-left : 20px;
1143 }
1144
1145 a.document {
1146         background-position : left middle;
1147         background-repeat : no-repeat;
1148         padding-left : 20px;
1149 }
1150
1151 a.pdf {
1152         background-image : url("../../img/famfamfam/silk/page_white_acrobat.png");
1153 }
1154
1155 a.csv {
1156         background-image : url("../../img/famfamfam/silk/page_white_excel.png");
1157 }
1158
1159 a.xml {
1160         background-image : url("../../img/famfamfam/silk/page_white_code.png");
1161 }
1162
1163 div.message {
1164         background: #ffffff; /* Old browsers */
1165         background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */
1166         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
1167         background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
1168         background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */
1169         background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */
1170     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
1171         background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */
1172         border : 1px solid #bcbcbc;
1173         text-align: center;
1174         width : 55%;
1175 }
1176
1177 div.message ul,
1178 div.message h5 {
1179         padding-left : 25%;
1180         text-align : left;
1181 }
1182
1183 div.message ul+h4 {
1184         margin-top : .7em;
1185 }
1186
1187 div.note {
1188         background: #f4f6fa;
1189         background-repeat : no-repeat;
1190         background-position : left center;
1191         background-image : url("../../img/note.png");
1192         background-image: url("../../img/note.png"), -moz-linear-gradient(top, #f4f6fa 0%, #e8edf6 100%); /* FF3.6+ */
1193         background-image: url("../../img/note.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(100%,#e8edf6)); /* Chrome,Safari4+ */
1194         background-image: url("../../img/note.png"), -webkit-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Chrome10+,Safari5.1+ */
1195         background-image: url("../../img/note.png"), -o-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* Opera11.10+ */
1196         background-image: url("../../img/note.png"), -ms-linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* IE10+ */
1197         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#e8edf6',GradientType=0 ); /* IE6-9 */
1198         background-image: url("../../img/note.png"), linear-gradient(top, #f4f6fa 0%,#e8edf6 100%); /* W3C */
1199         border : 1px solid #BCBCBC;
1200         padding : .5em .5em .5em 20px;
1201         margin : .5em 0;
1202 }
1203
1204  div.results {
1205         padding : .7em 0;
1206  }
1207
1208  .accesskey {
1209         text-decoration : underline;
1210  }
1211
1212 label.required,
1213 span.required {
1214     color : #C00;
1215 }
1216
1217 span.required {
1218         font-style : italic;
1219         margin-left : .5em;
1220 }
1221
1222 .missing{
1223     background-color : #FFFFCC;
1224 }
1225
1226 .term {
1227     background-color: #FFC;
1228          color : #990000;
1229 }
1230
1231 a .term {
1232          text-decoration : underline;
1233 }
1234
1235 /* style for shelving location in catalogsearch */
1236 .shelvingloc {
1237     display : block;
1238     font-style : italic;
1239 }
1240
1241 a:hover .term {
1242         color : #FF9090;
1243 }
1244
1245 div#menu {
1246     border-right:1px solid #b9d8d9;
1247         margin-right: .5em;
1248         padding-top: 1em;
1249         padding-bottom: 2em;
1250 }
1251
1252 *html #menu li {
1253         display : inline;
1254 }
1255
1256 div#menu li a {
1257         text-decoration: none;
1258         display: block;
1259
1260               background: #e8f0f6; /* Old browsers */
1261         background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */
1262     background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1263     background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1264      background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */
1265    background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */
1266        background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */
1267         -moz-border-top-left-radius: 5px;
1268         border-top-left-radius: 5px;
1269         -moz-border-bottom-left-radius: 5px;
1270         border-bottom-left-radius: 5px;
1271     border:1px solid #b9d8d9;
1272         font-size: 111%;
1273         margin: .5em 0;
1274         padding: .4em .3em;
1275         margin-right :  -1px;
1276 }
1277
1278 div#menu li a:hover {
1279      background: #fff; /* Old browsers */
1280    background: -moz-linear-gradient(left, #FAFAFA 0%, #FAFAFA 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */
1281   background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FAFAFA), color-stop(96%,#FAFAFA), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
1282   background: -webkit-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
1283      background: -o-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */
1284    background: -ms-linear-gradient(left, #FAFAFA 0%,#FAFAFA 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */
1285        background: linear-gradient(left, #FAFAFA 0%,#fff 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */
1286     border-left: 1px solid #85CA11;
1287     border-top: 1px solid #85CA11;
1288     border-bottom: 1px solid #85CA11;
1289 }
1290
1291 div#menu li.active a:hover {
1292         background-color: #fff;
1293     color :  #538200;
1294 }
1295
1296 #menu ul li {
1297         list-style-type: none;
1298 }
1299
1300 #menu ul li.active a {
1301         background-color: #FFF;
1302         background-image : none;
1303         font-weight: bold;
1304     color:#000000;
1305     border-left: 1px solid #85CA11;
1306     border-top: 1px solid #85CA11;
1307     border-bottom: 1px solid #85CA11;
1308     border-right: 0;
1309 }
1310
1311 h1#logo {
1312         border:0pt none;
1313         float:left !important;
1314         margin:0;
1315         padding:0;
1316         width:180px;
1317 }
1318 h1#logo {
1319         background:transparent url(../../img/koha-logo-medium.gif) no-repeat scroll 0%;
1320         margin:0.75em .3em 0.75em .7em;
1321 }
1322
1323 *html h1#logo {
1324         margin : 0.75em .3em 0.75em .3em;
1325 }
1326
1327 h1#logo a {
1328         border:0;
1329         cursor:pointer;
1330         display:block;
1331         height:0px !important;
1332         margin:0;
1333         overflow:hidden;
1334         padding:44px 0 0;
1335         text-decoration:none;
1336         width:180px;
1337 }
1338
1339 #closewindow {
1340         margin-top : 2em;
1341         text-align : center;
1342 }
1343
1344 #closewindow a {
1345         font-weight : bold;
1346 }
1347
1348 .patroninfo+#menu {
1349         margin-right : 0;
1350 }
1351
1352 .barcode {
1353         font-size :  200%;
1354 }
1355
1356 li.email a {
1357         display:block;
1358         overflow:hidden;
1359         width:13em;
1360 }
1361 li.email {
1362         background: #FFF url(../../img/elipsis.gif) right bottom no-repeat;
1363         font-size :  87%;
1364         overflow:hidden;
1365         padding :0 10px 0 0;
1366         width:13em;
1367 }
1368
1369 .empty {
1370         color : #CCC;
1371 }
1372
1373 .address {
1374         font-size: 110%;
1375 }
1376
1377 .clearfix:after {
1378     content: ".";
1379     display: block;
1380     height: 0;
1381     clear: both;
1382     visibility: hidden;
1383 }
1384
1385 /* Hides from IE-mac \*/
1386 * html .clearfix {height: 1%;}
1387 /* End hide from IE-mac */
1388
1389 .title {
1390         font-weight : bold;
1391         font-size : 105%;
1392 }
1393
1394 .hold {
1395         float : right;
1396         font-size: 90%;
1397         margin: 0;
1398 }
1399
1400 .thumbnail {
1401         display : block;
1402         margin : auto;
1403 }
1404
1405 .thumbnails > li {
1406     list-style-type: none;
1407 }
1408
1409 #searchresults ul li {
1410         font-size : 90%;
1411         list-style : url(../../img/item-bullet.gif);
1412         padding : .2em 0;
1413         clear : left;
1414 }
1415
1416 #searchresults span.status {
1417         clear : left;
1418         color : #900;
1419         display : block;
1420 }
1421
1422 #searchresults span.unavailable {
1423         clear : left;
1424         display : block;
1425 }
1426
1427 #searchresults .availability strong {
1428         display : block;
1429 }
1430
1431 #searchresults ul li img {
1432         float : left;
1433         margin : 3px 5px 3px -5px;
1434 }
1435
1436 #searchresults table td {
1437         vertical-align : top;
1438 }
1439
1440 #searchheader {
1441      background-color : #E6F0F2;
1442         font-size : 80%;
1443         margin : 0 0 .5em -1px;
1444  padding : .1em 0 .4em 1em;
1445      border-radius : 5px 5px 0 0;
1446    border : 1px solid #B9D8D9;
1447 }
1448
1449 #searchheader .btn-group > .btn:first-child {
1450     margin-left : .7em;
1451 }
1452
1453 #searchheader form {
1454         float : right;
1455   padding : 5px 5px 3px 0;
1456 }
1457
1458 #searchheader form.fz3950 {
1459         float : right;
1460         font-size : 125%;
1461         padding : 0 0 0 5em;
1462 }
1463
1464 #searchheader form.fz3950bigrpad {
1465         float : right;
1466         font-size : 125%;
1467         padding : 5px 25em 0 0;
1468 }
1469
1470 #searchheader .yui-button button,
1471 #searchheader .yui-button a {
1472         line-height : 1.5em;
1473 }
1474
1475 #search-facets ul {
1476         margin : 0;
1477         padding : .3em;
1478 }
1479
1480 #search-facets {
1481     border : 1px solid #B9D8D9;
1482     border-radius: 5px 5px 0 0;
1483 }
1484
1485 #search-facets h4 {
1486      background-color : #E6F0F2;
1487     border-bottom : 1px solid #B9D8D9;
1488      border-radius: 5px 5px 0 0;
1489         font-size : 90%;
1490         margin : 0;
1491         padding : .4em .2em;
1492         text-align : center;
1493 }
1494
1495 #search-facets ul li {
1496         font-weight : bold;
1497         list-style-type : none;
1498 }
1499
1500 #search-facets li li {
1501         font-weight : normal;
1502         font-size : 85%;
1503         margin-bottom : 2px;
1504         padding : .1em .2em;
1505 }
1506
1507 #search-facets li.showmore {
1508         font-weight : bold;
1509         text-indent : 1em;
1510 }
1511
1512 div.pages {
1513         margin : .5em 0;
1514 }
1515
1516 div.pages a {
1517         font-weight: bold;
1518         padding: 1px 5px 1px 5px;
1519         text-decoration: none;
1520 }
1521
1522 div.pages a:link,
1523 div.pages a:visited {
1524         background-color : #eeeeee;
1525         color : #3366CC;
1526 }
1527
1528 div.pages a:hover {
1529         background-color : #FFC;
1530 }
1531
1532 div.pages a:active {
1533         background-color : #ffc;
1534 }
1535
1536 div.pages .current,
1537 div.pages .currentPage {
1538         background-color : #e6fcb7;
1539         color : #666;
1540         font-weight: bold;
1541         padding: 1px 5px 1px 5px;
1542 }
1543
1544 div.pages .inactive {
1545         background-color : #f3f3f3;
1546         color : #BCBCBC;
1547         font-weight: bold;
1548         padding: 1px 5px 1px 5px;
1549 }
1550
1551 div.browse {
1552         margin : .5em 0;
1553 }
1554
1555 div#bookcoverimg {
1556         text-align : center;
1557 }
1558
1559 div#header_search input.submit {
1560         font-size : 1em;
1561 }
1562
1563 *html input.submit {
1564         padding : .1em;
1565 }
1566
1567 input[type=submit]:active, input[type=button]:active, button.submit:active {
1568         border : 1px inset #999999;
1569 }
1570
1571 input[type=submit], input[type=reset], input[type=button], input.submit, button.submit {
1572         border: 1px outset #999999;
1573         border-top-color: #666;
1574         border-left-color: #666;
1575         -moz-border-radius : 2px;
1576         padding: 0.25em;
1577         background: #ffffff; /* Old browsers */
1578         background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 35%, #e0e0e0 100%); /* FF3.6+ */
1579         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
1580         background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
1581         background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* Opera11.10+ */
1582         background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* IE10+ */
1583         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
1584         background: linear-gradient(top, #ffffff 0%,#f7f7f7 35%,#e0e0e0 100%); /* W3C */
1585         color: #333333;
1586 }
1587
1588 input[type=submit]:disabled,
1589 input[type=reset]:disabled,
1590 input[type=button]:disabled,
1591 input.submit:disabled,
1592 button.submit:disabled {
1593     color : #999;
1594     border : 1px solid #C0C0C0;
1595     background : #EEE none;
1596 }
1597
1598 input[type=reset]:active, input[type=button]:active, input.submit:active, button.submit:active {
1599         border : 1px inset #999999;
1600 }
1601
1602 ul li input.submit {
1603         font-size : 87%;
1604         padding : 2px;
1605 }
1606
1607 input.warning {
1608     background : #FFF url(../../img/famfamfam/silk/error.png) no-repeat 4px center;
1609         padding : 0.25em 0.25em 0.25em 25px;
1610 }
1611
1612 .searchhighlightblob {
1613     font-size:75%;
1614         font-style : italic;
1615 }
1616
1617 a.yuimenuitemlabel:hover {
1618         background-color : #B3D4FF;
1619         color : #000;
1620 }
1621
1622 #displayexample {
1623         padding: 5px;
1624         margin-bottom: 10px;
1625         background-color: #CCCCCC;
1626 }
1627
1628 #irregularity_summary {
1629         vertical-align : top;
1630 }
1631
1632 ul#toplevelmenu {
1633     padding : 0;
1634 }
1635
1636 /*#toplevelnav {
1637         float : left;
1638         margin-left : .5em;
1639      width: 40%;
1640 }
1641
1642 ul#toplevelmenu li {
1643         display: inline;
1644         padding : 0 .6em;
1645 }
1646
1647 ul#toplevelmenu li.more a {
1648         background-image:url(../../img/more-arrow.gif);
1649         background-position:right center;
1650         background-repeat:no-repeat;
1651         padding-right:13px;
1652 }
1653
1654 ul#toplevelmenu li.more ul li a {
1655         background-image : none;
1656         padding-right : 20px;
1657 }
1658
1659 ul#toplevelmenu li.more ul li a.yuimenuitemlabel {
1660         padding: .2em 20px .2em 20px;
1661 }
1662
1663 ul#toplevelmenu li a {
1664         text-decoration : none;
1665 }
1666 ul#toplevelmenu li ul li {
1667         display :block;
1668         padding :0;
1669 }
1670 ul#toplevelmenu li ul li a {
1671         text-decoration : none;
1672 }
1673
1674 ul#i18nMenu {
1675         margin : 0;
1676         padding : .2em 0;
1677  }
1678
1679 ul#i18nMenu li {
1680         border-left : 1px solid #CCC;
1681         display : inline;
1682         float: left;
1683         list-style : none;
1684         padding : 0 10px;
1685 }
1686
1687 ul#i18nMenu li.yuimenuitem {
1688         float: none;
1689 }
1690
1691 ul#i18nMenu li:first-child {
1692         border-left : 0;
1693  }
1694
1695 ul#i18nMenu li ul li {
1696         border : 0;
1697         display : block;
1698         padding : 0;
1699  }
1700
1701 ul#i18nMenu li.more a {
1702         background-image:url(../../img/more-up-arrow.gif);
1703         background-position:right center;
1704         background-repeat:no-repeat;
1705         padding-right:13px;
1706 }
1707
1708 ul#i18nMenu li.more ul li a {
1709         background-image : none;
1710         padding-right : 20px;
1711 }
1712
1713 div.lang {
1714         float:left;
1715 }
1716
1717  div#changelanguage{
1718         background-color: #fff;
1719         border-top: 1px solid #CCC;
1720   position:absolute;
1721   bottom:0;
1722   left:0;
1723   width:100%;
1724   height: 2em;
1725  }
1726
1727  @media screen{
1728   body>div#changelanguage {
1729    position: fixed;
1730   }
1731  }
1732
1733  * html body{
1734   overflow:hidden;
1735  }
1736
1737  * html div#doc1{
1738   height:100%;
1739   overflow:auto;
1740  }
1741
1742  * html div#doc2{
1743   height:100%;
1744   overflow:auto;
1745  }
1746
1747  * html div#doc3{
1748   height:100%;
1749   overflow:auto;
1750  }*/
1751
1752 #CheckAll, #CheckNone, #CheckPending {
1753         font-weight : normal;
1754         margin : 0 .5em 0 0;
1755 }
1756 .lost,.dmg,.wdn {
1757         display : block;
1758         color : #990000;
1759 }
1760 .datedue {
1761         display : block;
1762         color : #999;
1763         font-style : italic;
1764 }
1765 /* Tablesorter */
1766 .header {
1767         background-image:url("../../img/ascdesc.gif");
1768         background-position:right center;
1769         background-repeat:no-repeat;
1770         cursor:pointer;
1771         padding : .2em 23px;
1772 }
1773 .headerSortUp {
1774         background-image:url("../../img/asc.gif");
1775 }
1776 .headerSortDown {
1777         background-image:url("../../img/desc.gif");
1778 }
1779
1780 tr.reserved td {
1781         background-color : #eeffd4;
1782 }
1783 tr.transfered td {
1784         background-color : #e8f0f6;
1785 }
1786 .waitinghere,
1787 .credit {
1788         color : #669900;
1789 }
1790
1791 /* Permissions Labels */
1792 label.permissioncode:before {
1793         content: "(";
1794 }
1795 label.permissioncode:after {
1796         content: ")";
1797 }
1798 label.permissioncode {
1799         font-style : italic;
1800 }
1801 span.permissiondesc {
1802         font-weight : normal;
1803 }
1804 #mainuserblock {
1805         border : 1px solid #E8E8E8;
1806         margin-top : .5em;
1807         padding : .5em;
1808 }
1809
1810 .labeledmarc-table {
1811         border: 0;
1812 }
1813
1814 .labeledmarc-label {
1815         border: 0;
1816         padding: 5;
1817         font-size: 11pt;
1818     color: #000000;
1819     font-style: italic;
1820 }
1821
1822 .labeledmarc-value {
1823         border: 0;
1824         padding: 5;
1825         font-size: 10pt;
1826         color: black;
1827 }
1828
1829 #cartDetails {
1830         background-color : #FFF;
1831         border: 1px solid #739acf;
1832          -moz-box-shadow: 1px 1px 3px 0 #666;
1833          -webkit-box-shadow: 1px 1px 3px 0 #666;
1834          box-shadow: 1px 1px 3px 0 #666;
1835         color : black;
1836         display : none;
1837         margin : 0;
1838         padding : 10px;
1839         text-align : center;
1840         width : 180px;
1841         z-index : 50;
1842 }
1843 #cartmenulink {
1844         background: transparent url("../../img/cart-small.gif") left center no-repeat;
1845         padding-left : 15px;
1846 }
1847 #cartmenulink span#basketcount span {
1848         display : inline;
1849         font-size : 90%;
1850         font-weight : normal;
1851         padding : 0;
1852 }
1853 #moremenu {
1854         display : none;
1855 }
1856
1857 .results_summary {
1858   display: block;
1859   font-size : 85%;
1860   color: #707070;
1861   padding : 0 0 .5em 0;
1862 }
1863 .results_summary .label {
1864   color: #202020;
1865 }
1866 .results_summary a {
1867   font-weight: normal;
1868 }
1869
1870 ul.budget_hierarchy {
1871     margin-left: 0px;
1872     padding-left: 0px;
1873 }
1874 ul.budget_hierarchy li {
1875     display: inline;
1876 }
1877 ul.budget_hierarchy li:after {
1878     content: " -> ";
1879 }
1880 ul.budget_hierarchy li:last-child:after {
1881     content: "";
1882 }
1883 ul.budget_hierarchy li:first-child:after {
1884     content: "";
1885 }
1886 .holdcount { font-size : 105%; line-height : 200%; }
1887 .holdcount a {
1888         border : 1px solid #a4bedd;
1889         background-color : #e4ecf5;
1890         font-weight : bold;
1891         -moz-border-radius: 4px;
1892         border-radius: 4px;
1893         padding : .1em .4em;
1894         text-decoration : none;
1895 }
1896 .holdcount a:hover { background-color : #ebeff7; }
1897 .container {
1898         border : 1px solid #EEE;
1899         padding : 1em;
1900         margin : 1em 0;
1901 }
1902 fieldset.rows+h3 {clear:both;padding-top:.5em;}
1903
1904 .import_export{
1905     position:relative;
1906 }
1907 .import_export .import_export_options{
1908     background: white;
1909     border: 1px solid #CDCDCD;
1910     left: 60px;
1911     padding: 10px;
1912     position: absolute;
1913     top: 0;
1914     z-index: 1;
1915     width: 300px;
1916 }
1917 .import_export_options fieldset.rows li label {
1918     width : 16em;
1919 }
1920 .form_import fieldset.rows li label {
1921     width : auto;
1922 }
1923
1924 .import_export_options .export_ok {
1925     padding: 10;
1926     background: #E3E3E3 none;
1927     cursor: pointer;
1928     margin-left: 20px;
1929     border: none;
1930 }
1931 .import_export_options {
1932     padding: 10;
1933     background: #E3E3E3 none;
1934     cursor: pointer;
1935     margin-left: 20px;
1936     border: none;
1937 }
1938 .form_import .input_import {
1939     border: 1px solid #bcbcbc;
1940 }
1941 .import_export_options .importing {
1942     padding: inherit;
1943     background: none;
1944 }
1945
1946 .importing {
1947     position: relative;
1948 }
1949
1950 .importing .importing_msg {
1951     padding-left: 10px;
1952     padding-bottom: 10px;
1953 }
1954
1955 .m880 {
1956     display:block;
1957     text-align:right;
1958     float:right;
1959     width:50%;
1960     padding-left:20px
1961 }
1962
1963 .advsearch {
1964     margin: 0;
1965 }
1966
1967 .advsearch table {
1968     border-spacing : 5px;
1969     border-collapse : separate;
1970     border-width : 0;
1971 }
1972 .advsearch td {
1973     border : 1px solid #EEE;
1974     padding : 0.3em 0.4em;
1975 }
1976 #circ_circulation_issue {
1977     position: relative;
1978     }
1979
1980 #clearscreen {
1981     position: absolute;
1982     top:0;
1983     right:0;
1984     }
1985
1986 #clearscreen a {
1987     display:block;
1988     -moz-border-radius: 0 0 0 5px;
1989     border-radius: 0 0 0 5px;
1990     padding : 0 .7em .2em .7em;
1991     background-color : #EEE;
1992     color : #CCC;
1993     text-shadow: 0px -1px 0px #666;
1994     text-decoration: none;
1995     font-size: 160%;
1996     font-weight : bold
1997     }
1998 #clearscreen a:hover {
1999     color : #cc0000;
2000     }
2001
2002 div.pager {
2003         background-color : #E8E8E8;
2004         border : 1px solid #BCBCBC;
2005         -moz-border-radius : 5px;
2006     border-radius : 5px;
2007         display : inline-block;
2008         font-size : 85%;
2009         padding : .3em .5em .3em .5em;
2010         margin : .4em 0;
2011 }
2012 div.pager img {
2013         vertical-align : middle;
2014 }
2015
2016 div.pager img.last {
2017         padding-right: 5px;
2018 }
2019 div.pager input.pagedisplay {
2020         border : 0;
2021         background-color : transparent;
2022         font-weight: bold;
2023         text-align : center;
2024 }
2025 a.localimage img {
2026         border : 1px solid #0000CC;
2027         margin : 0 .5em;
2028         padding : .3em;
2029 }
2030 div.pager p {
2031         margin: 0;
2032 }
2033
2034 div#acqui_order_supplierlist > div.supplier {
2035     border: 1px solid #EEEEEE;
2036     margin: 0.5em;
2037     padding: 1em;
2038 }
2039
2040 div#acqui_order_supplierlist > div.supplier > span.suppliername {
2041     display: inline;
2042     font-size: 1.7em;
2043     margin-bottom: 0.5em;
2044 }
2045
2046 div#acqui_order_supplierlist > div.supplier > span.action {
2047     margin-left: 5em;
2048 }
2049
2050 div#acqui_order_supplierlist > div.supplier > div.baskets {
2051     margin-top: 0.5em;
2052 }
2053
2054 /* Override core jQueryUI widgets */
2055 .ui-widget-content { border: 1px solid #B9D8D9; background: #ffffff none; color: #222222; }
2056 .ui-widget-header { border: 1px solid #B9D8D9; background: #E6F0F2 none; color: #222222; font-weight: bold; }
2057 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B9D8D9; background: #F4F8F9 none; font-weight: normal; color: #555555; }
2058 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #B9D8D9; background: #E6F0F2 none; font-weight: normal; color: #212121; }
2059 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff none; font-weight: normal; color: #212121; }
2060 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #FED22F; background: #FFF4C6; color: #363636; }
2061 .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
2062
2063 /* Override jQuery Autocomplete */
2064 .ui-autocomplete {
2065     position: absolute;
2066     cursor: default;
2067     -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2068     -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2069     box-shadow: 2px 2px 2px rgba(0,0,0,.3);
2070 }
2071 .ui-autocomplete.ui-widget-content .ui-state-hover {
2072     border: 1px solid #B9D8D9;
2073     background: #E6F0F2 none;
2074     font-weight: normal;
2075     color: #212121;
2076 }
2077 .ui-autocomplete-loading {
2078     background: #FFF url("../../img/loading-small.gif") right center no-repeat;
2079 }
2080
2081 /* jQuery UI standard tabs */
2082 .ui-menu li {
2083     list-style:none;
2084 }
2085
2086 .ui-tabs-nav .ui-tabs-selected a,
2087 .ui-tabs-nav a:hover,
2088 .ui-tabs-nav a:focus,
2089 .ui-tabs-nav a:active,
2090 .ui-tabs-nav span.a {
2091     background: none repeat scroll 0 0 transparent;
2092     outline: 0 none;
2093 }
2094
2095 .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
2096     background-color : #FFF;
2097     border : 1px solid #B9D8D9;
2098 }
2099
2100 .ui-widget,
2101 .ui-widget input,
2102 .ui-widget select,
2103 .ui-widget textarea,
2104 .ui-widget button {
2105     font-family : inherit;
2106     font-size : inherit;
2107 }
2108 ul.ui-tabs-nav li {
2109     list-style : none;
2110 }
2111 .ui-tabs.ui-widget-content {
2112     background : transparent none;
2113     border : 0;
2114 }
2115
2116 .ui-tabs .ui-tabs-panel {
2117     border : 1px solid #B9D8D9;
2118 }
2119 .ui-tabs-nav.ui-widget-header {
2120     border : 0;
2121     background : none;
2122 }
2123 .ui-tabs .ui-tabs-nav li {
2124     background: #E6F0F2 none;
2125     border: 1px solid #B9D8D9;
2126     margin-right : .4em;
2127 }
2128 .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
2129     color : #000;
2130     font-weight : bold;
2131 }
2132
2133 .ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
2134     background : #EDF4F5 none;
2135 }
2136
2137 .ui-tabs .ui-tabs-nav li.ui-tabs-selected.ui-state-hover {
2138     background : #FFF none;
2139 }
2140
2141 .ui-tabs .ui-state-default a,
2142 .ui-tabs .ui-state-default a:link,
2143 .ui-tabs .ui-state-default a:visited {
2144     color: #004D99;
2145 }
2146
2147 .ui-tabs .ui-state-hover a,
2148 .ui-tabs .ui-state-hover a:link,
2149 .ui-tabs .ui-state-hover a:visited {
2150     color: #538200;
2151 }
2152
2153 .statictabs ul {
2154     background: none repeat scroll 0 0 transparent;
2155     border: 0 none;
2156     margin: 0;
2157     padding: 0.2em 0.2em 0;
2158     border-bottom-right-radius: 4px;
2159     border-bottom-left-radius: 4px;
2160     border-top-right-radius: 4px;
2161     border-top-left-radius: 4px;
2162     color: #222222;
2163     font-weight: bold;
2164     font-size: 100%;
2165     line-height: 1.3;
2166     list-style: none outside none;
2167     outline: 0 none;
2168     text-decoration: none;
2169 }
2170
2171 .statictabs ul:after {
2172     clear: both;
2173 }
2174
2175 .statictabs ul:before,
2176 .statictabs ul:after {
2177     content: "";
2178     display: table;
2179 }
2180
2181 .statictabs ul li {
2182     background: none repeat scroll 0 0 #E6F0F2;
2183     border: 1px solid #B9D8D9;
2184     border-bottom: 0 none !important;
2185     border-top-right-radius: 4px;
2186     border-top-left-radius: 4px;
2187     float: left;
2188     list-style: none outside none;
2189     margin-bottom: 0;
2190     margin-right: 0.4em;
2191     padding: 0;
2192     position: relative;
2193     white-space: nowrap;
2194     top: 1px;
2195     color: #555555;
2196     font-weight: normal;
2197
2198 }
2199
2200 .statictabs ul li.active {
2201     background-color: #FFFFFF;
2202     color: #212121;
2203     font-weight: normal;
2204     padding-bottom: 1px;
2205 }
2206
2207 .statictabs ul li a {
2208     color: #004D99;
2209     cursor: pointer;
2210     float: left;
2211     padding: 0.5em 1em;
2212     text-decoration: none;
2213 }
2214
2215 .statictabs ul li a:hover {
2216     background-color : #EDF4F5;
2217     border-top-right-radius: 4px;
2218     border-top-left-radius: 4px;
2219     color : #538200;
2220 }
2221
2222 .statictabs ul li.active a {
2223     color: #000000;
2224     font-weight: bold;
2225     cursor: text;
2226     background: none repeat scroll 0 0 transparent;
2227     outline: 0 none;
2228 }
2229
2230 .statictabs .tabs-container {
2231     border: 1px solid #B9D8D9;
2232     background: none repeat scroll 0 0 transparent;
2233     display: block;
2234     padding: 1em 1.4em;
2235     border-bottom-right-radius: 4px;
2236     border-bottom-left-radius: 4px;
2237     color: #222222;
2238 }
2239
2240 /* jQuery UI header search box tabs */
2241 #header_search ul.ui-tabs-nav {
2242     padding-top : 0;
2243     margin-left: 1em;
2244 }
2245 #header_search ul.ui-tabs-nav li.ui-state-default {
2246     border: 0 !important;
2247     background : transparent none; top: 0;
2248 }
2249 #header_search ul.ui-tabs-nav li.ui-state-default a {
2250     padding : .3em .6em;
2251 }
2252 #header_search ul.ui-tabs-nav li.ui-tabs-selected {
2253     background-color : #FFFFF1;
2254     border: 1px solid #85CA11 !important;
2255     border-top: 0 !important; top: -1px;
2256 }
2257 #header_search ul.ui-tabs-nav li.ui-tabs-selected a {
2258     text-decoration: none;
2259 }
2260 #header_search .ui-corner-top {
2261      border-radius: 0 0 4px 4px;
2262 }
2263
2264 .authref {
2265     text-indent: 2em;
2266 }
2267
2268 .authref .label {
2269     font-style: italic;
2270 }
2271
2272 #authfinderops {
2273     float: right;
2274 }
2275 div.authorizedheading {
2276   font-weight: bold;
2277 }
2278 .authres_notes, .authres_seealso, .authres_otherscript {
2279   padding-top: 3px;
2280 }
2281 .authres_notes {
2282   font-style: italic;
2283 }
2284
2285
2286 .contents {
2287     width: 75%;
2288 }
2289
2290 .contentblock {
2291     position: relative;
2292     margin-left: 2em;
2293 }
2294
2295 .contents .t:first-child:before {
2296     content: "→ ";
2297 }
2298
2299 .contents .t:before {
2300     content: "\A→ ";
2301     white-space: pre;
2302 }
2303
2304 .contents .t {
2305     font-weight: bold;
2306     display: inline;
2307 }
2308
2309 .contents .r {
2310     display: inline;
2311 }
2312
2313 #hierarchies a {
2314     font-weight: normal;
2315     text-decoration: underline;
2316     color: #069;
2317 }
2318
2319 #hierarchies a:hover {
2320     color: #990033;
2321 }
2322
2323 #didyoumeanopac, #didyoumeanintranet {
2324     float: left;
2325     width: 260px;
2326 }
2327
2328 .pluginlist {
2329     padding-bottom: 10px;
2330 }
2331 .plugin {
2332     margin: 0 1em 1em 0;
2333 }
2334 .pluginname {
2335     margin: 0.3em;
2336     padding-bottom: 4px;
2337     padding-left: 0.2em;
2338     background-color: #E6F0F2;
2339 }
2340 .pluginname .ui-icon {
2341     float: right;
2342 }
2343 .plugindesc {
2344     padding: 0.4em;
2345 }
2346 .ui-sortable-placeholder {
2347     border: 1px dotted black;
2348     visibility: visible !important;
2349     height: 80px !important;
2350 }
2351 .ui-sortable-placeholder * {
2352     visibility: hidden;
2353 }
2354
2355 /* jQuery UI Datepicker */
2356 .ui-datepicker table {
2357     width: 100%;
2358     font-size: .9em;
2359     border : 0;
2360     border-collapse: collapse;
2361     margin:0 0 .4em;
2362 }
2363
2364 .ui-datepicker th {
2365     background : transparent none;
2366     padding: .7em .3em;
2367     text-align: center;
2368     font-weight: bold;
2369     border: 0;
2370 }
2371
2372 .ui-datepicker-trigger {
2373     vertical-align: middle;
2374     margin : 0 3px;
2375 }
2376 .ui-datepicker {
2377     -moz-box-shadow: 1px 1px 3px 0 #666;
2378     -webkit-box-shadow: 1px 1px 3px 0 #666;
2379     box-shadow: 1px 1px 3px 0 #666;
2380 }
2381
2382 /* css for timepicker */
2383 .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
2384 .ui-timepicker-div dl { text-align: left; }
2385 .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
2386 .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
2387 .ui-timepicker-div td { font-size: 90%; }
2388 .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
2389
2390 /* jQuery UI Accordion */
2391 .ui-accordion-header,
2392 .ui-widget-content .ui-accordion-header {
2393     font-weight: bold; font-size : 110%;
2394 }
2395
2396 video {
2397     width: 480px;
2398 }
2399
2400 /* Bootstrap overrides */
2401 .btn {
2402     border-color : #ADADAD #ADADAD #949494;
2403 }
2404
2405 .btn.btn-link {
2406     border : 0;
2407 }
2408
2409 .btn-small .caret {
2410     margin-top : .6em;
2411 }
2412
2413 .icon-hold {
2414     background-position:-24px -166px;
2415 }
2416
2417 .icon-copy {
2418     background-position:-3px -166px;
2419 }
2420
2421 .icon-merge {
2422     background-position:-48px -166px;
2423 }
2424
2425 #toolbar .btn,
2426 #toolbar .dropdown-menu {
2427     font-size: 13px;
2428 }
2429 a.btn:link,
2430 a.btn:visited{
2431     color: #333333;
2432 }
2433 .dropdown-menu li {
2434     list-style: none outside none;
2435 }
2436 a.dropdown-toggle {
2437     white-space: nowrap;
2438 }
2439 [class^="icon-"],[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-koha.png");}
2440 .icon-white,.nav-tabs>.active>a>[class^="icon-"],.nav-tabs>.active>a>[class*=" icon-"],.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"]{background-image:url("../../img/glyphicons-halflings-white-koha.png");}
2441 a.disabled {
2442     color : #999999;
2443 }
2444
2445 .navbar {
2446     color: #333;
2447 }
2448
2449 .navbar .nav > li > a {
2450     color: #004D99;
2451     font-weight: bold;
2452     padding : .4em .2em;
2453 }
2454
2455 .navbar .nav > li {
2456     list-style: none outside none;
2457     padding : 0 .6em;
2458 }
2459
2460 .navbar .nav > li > a:focus,
2461 .navbar .nav > li > a:hover {
2462     color: #538200;
2463 }
2464
2465 .navbar .nav li.dropdown.open > .dropdown-toggle,
2466 .navbar .nav li.dropdown.active > .dropdown-toggle,
2467 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2468     background: transparent none;
2469 }
2470
2471 .navbar-static-top .navbar-inner {
2472     background: #E6F0F2 none;
2473     border: 0;
2474     box-shadow: none;
2475     min-height: 0;
2476     padding-left: 0;
2477 }
2478 .navbar-fixed-bottom .navbar-inner {
2479     min-height: 0;
2480     padding : .4em 0;
2481 }
2482
2483 .navbar-fixed-bottom .nav > li > a {
2484     font-weight: normal;
2485     padding : .05em .3em;
2486 }
2487
2488 .navbar-fixed-bottom .nav > li {
2489     border-right : 1px solid #CCC;
2490 }
2491
2492 .navbar-fixed-bottom .nav > li:last-child {
2493     border-right : 0;
2494 }
2495
2496 .navbar-fixed-bottom .nav > li.navbar-text {
2497     line-height: normal;
2498     padding : 0.4em 0.7em;
2499 }
2500 .navbar .nav > li {
2501     list-style: none outside none;
2502     padding : 0 .6em;
2503 }
2504 .navbar .nav > li > a {
2505     color: #004D99;
2506     font-weight: bold;
2507     padding : .4em .3em;
2508 }
2509 .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2510     background: transparent none;
2511 }
2512
2513 .navbar .nav > li > a:focus,
2514 .navbar .nav > li > a:hover {
2515     color: #538200;
2516 }
2517
2518 .navbar .nav li.dropdown.open > .dropdown-toggle,
2519 .navbar .nav li.dropdown.active > .dropdown-toggle,
2520 .navbar .nav li.dropdown.open.active > .dropdown-toggle {
2521     background: transparent none;
2522 }
2523
2524 .tooltip.bottom .tooltip-arrow {
2525     border-bottom-color: #EEE;
2526 }
2527 .tooltip.bottom .tooltip-inner {
2528     background-color : #FFF;
2529     border: 1px solid rgba(0, 0, 0, 0.2);
2530     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
2531     color: #000;
2532     padding : 1em;
2533     font-size : 120%;
2534 }
2535 .separator { color : #666; padding : 0 .2em; }
2536
2537 .close {
2538     position: inherit;
2539     top: auto;
2540     right : auto;
2541     filter : none;
2542     float : none;
2543     font-size: inherit;
2544     font-weight: normal;
2545     opacity: inherit;
2546     text-shadow: none;
2547 }
2548
2549 .close:hover {
2550     color: #538200;
2551     filter: inherit;
2552     font-size: inherit;
2553     opacity: inherit;
2554 }
2555
2556 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2557 /* Use <a class="closebtn" href="#">&times;</a> */
2558 .alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
2559 .modal-header .closebtn{margin-top:2px;}
2560 .closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
2561 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
2562
2563 .btn-group label,
2564 .btn-group select {
2565     font-size: 13px;
2566 }
2567
2568 .waiting {
2569     cursor: wait;
2570 }
2571
2572 fieldset.rows table.mceListBox {
2573     margin: 0;
2574 }
2575
2576 #jobpanel,#jobstatus,#jobfailed { display : none; }
2577 #jobstatus { margin:.4em; }
2578 #jobprogress{ width:200px;height:10px;border:1px solid #666;background:url('../../img/progress.png') -300px 0px no-repeat; }
2579 #selections { width : 100%; white-space : normal; }
2580 #selections span { margin:3px;padding:3px;background-color:#EBF3FF;-moz-border-radius:5px;border-radius:5px;white-space:nowrap;line-height:240%;font-size:75%; }
2581 #selections span.selected { background-color : #CCE0FC; }
2582 #selections input { vertical-align:middle;margin:0 2px; }
2583 #changepasswordf input[type="text"],
2584 #changepasswordf input[type="password"] {
2585     font-size: 140%;
2586     font-family : monospace;
2587     padding : .3em;
2588 }
2589
2590 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2591 .floating {
2592     -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2593     box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .5);
2594 }
2595
2596 .tag_editor {
2597     background: transparent url("../../img/edit-tag.png") top left no-repeat;
2598     display : block;
2599     float : left;
2600     width : 16px;
2601     height: 16px;
2602     margin : 4px;
2603     text-indent: 100%;
2604     white-space: nowrap;
2605     overflow: hidden;
2606 }
2607
2608 .browse-controls {
2609     margin-left: 1.1em;
2610     margin-right: .5em;
2611     padding-bottom: 1em;
2612     padding-top: 1em;
2613 }
2614
2615 #browse-return-to-results {
2616     border-top-left-radius : 3px;
2617     border-top-right-radius : 3px;
2618     display: block;
2619     text-align: center;
2620 }
2621
2622 .browse-button {
2623     color: #004d99;
2624     padding: .4em .6em;
2625     display: inline-block;
2626 }
2627
2628 span.browse-button {
2629     background: #fafafa;
2630     color: #222;
2631 }
2632
2633 .browse-button:hover {
2634     background: #fafafa;
2635 }
2636
2637 .browse-label,
2638 .browse-prev-next {
2639     border: 1px solid #b9d8d9;
2640 }
2641
2642 .browse-label {
2643     border-top-left-radius : 5px;
2644     border-top-right-radius : 5px;
2645     background-color : #e8f0f6;
2646 }
2647
2648 .browse-prev-next {
2649     border-top-width: 0;
2650     border-bottom-left-radius: 5px;
2651     border-bottom-right-radius: 5px;
2652 }
2653
2654 #browse-previous {
2655     border-right : 1px solid #B9D8D9;
2656     border-bottom-left-radius: 5px;
2657     padding-right: 1em;
2658 }
2659
2660 #browse-next {
2661     border-top-width : 0;
2662     border-bottom-right-radius: 5px;
2663     float: right;
2664     padding-right: 1em;
2665 }
2666
2667 .loading-overlay {
2668     background-color: #FFF;
2669     cursor: wait;
2670     height: 100%;
2671     left: 0;
2672     opacity: .7;
2673     position: fixed;
2674     top: 0;
2675     width: 100%;
2676     z-index: 1000;
2677 }
2678 .loading-overlay div {
2679     background : transparent url(../../img/loading.gif) top left no-repeat;
2680     font-size : 175%;
2681     font-weight: bold;
2682     height: 2em;
2683     left: 50%;
2684     margin: -1em 0 0 -2.5em;
2685     padding-left : 50px;
2686     position: absolute;
2687     top: 50%;
2688     width: 15em;
2689 }