Bug 8597: Add CSS, JS, and images to ccsr theme
[koha_fer] / koha-tmpl / opac-tmpl / ccsr / en / css / sanop.css
1
2 body #main {
3   margin-left : 2%;
4       background-color: #eeeeee;
5
6 }
7
8 /* TWO COLUMNS, RIGHT SIDEBAR */
9
10
11 body#withsidebar #main  {
12      float: left;
13    margin-left: 1%;
14        width: 58%;
15     }
16
17 html body#withsidebar #main     {
18        margin-left: .5%;
19       }
20
21 body#withsidebar #sidebar
22    {
23       float: left;
24    margin-top : 2.4em;
25     width: 39%;
26 }
27
28 /* THREE COLUMNS */
29
30 body#tricolumn #main_wrapper {
31              float: left;
32    width: 100%;
33 }
34
35 body#tricolumn #main
36    {
37               margin: 0 150px 0 175px;
38        }
39
40 body#tricolumn #nav
41  {
42       float: left;
43    margin-left: -100%;
44     width: 175px;
45   }
46 body#tricolumn #sidebar
47       {
48       float: left;
49    margin-left: -150px;
50    width: 150px;
51   }
52
53 /* TWO COLUMNS LEFT NAVIGATION */
54
55 body#withnav #main_wrapper
56        {
57       float: left;
58    width: 100%;
59    }
60
61 body#withnav #main
62   {
63       margin: 0 0 0 175px;
64    }
65
66 body#withnav #nav
67    {
68       float: left;
69    margin-left: -100%;
70     width: 175px;
71   }
72
73 body#withnav #main .content-block {
74  padding-left : 10px;
75 }
76
77 /* END TWO COLUMNS RIGHT NAVIGATION */
78
79 a {
80     font-weight: bold;
81 }
82
83 a:link, a:visited, a:active {
84         text-decoration : underline;
85         color :navy;
86 }
87
88 a:link.current {
89       font-weight: bold;
90      padding: 1px 5px 1px 5px;
91       text-decoration: none;
92 }
93
94 a:link.nav {
95  font-weight: bold;
96      padding: 1px 5px 1px 5px;
97       text-decoration: none;
98
99 }
100
101 a:visited.current {
102  font-weight: bold;
103      padding: 1px 5px 1px 5px;
104       text-decoration: none;
105 }
106
107 a:visited.nav {
108       font-weight: bold;
109      padding: 1px 5px 1px 5px;
110       text-decoration: none;
111 }
112
113 a:hover.current {
114     font-weight: bold;
115      padding: 1px 5px 1px 5px;
116       text-decoration: none;
117 }
118
119 a:hover.nav {
120         font-weight: bold;
121      padding: 1px 5px 1px 5px;
122       text-decoration: none;
123
124 }
125
126 a:active.current {
127   font-weight: bold;
128      padding: 1px 5px 1px 5px;
129       text-decoration: none;
130 }
131
132 a:active.nav {
133        font-weight: bold;
134      padding: 1px 5px 1px 5px;
135       text-decoration: none;
136 }
137
138 a.help {
139      padding: 3px;
140   text-decoration: none;
141 }
142
143 a.title {
144     font-size: 1.2em;
145       font-style: normal;
146     font-weight: bold;
147 }
148
149 body {
150    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
151     font-size: 73%;
152         margin: 0;
153      padding: 0;
154     background-color : #eeeeee;
155 }
156
157 input, select, th, td {
158  font-size:1em
159 }
160
161 caption {
162      font-family: Arial, Geneva, Helvetica, sans-serif;
163      font-size : 1.3em;
164      font-weight: bold;
165      margin: 0;
166      padding: 5px 0 3px 0;
167   text-align: left;
168 }
169
170 div.bookcover {
171    float: right;
172 }
173
174 div.details td.details {
175       text-align: left;
176 }
177
178 div.details ul {
179   list-style-type: circle;
180        margin-left: 0;
181         text-align: left;
182 }
183
184 div.error {
185        padding: 3px 10px 3px 10px;
186     width: 75%;
187 }
188
189 div.error li {
190   margin-bottom: .5em;
191 }
192
193 div.form, div.details {
194         margin: 0 auto;
195         padding: 0 0 0 6px;
196 }
197
198 div.notes {
199      text-align: left;
200 }
201
202 div.sidebar-box+div.sidebar-box {
203  margin-top: 5px;
204 }
205
206 div.tab {
207   display: block;
208         margin-right: 0px;
209      width: 100%;
210 }
211
212 div.tab p {
213     margin: 0;
214      padding: 3px 0;
215 }
216
217 div.tab p.MARCtag {
218  clear: both;
219    font-weight: bold; /* style for tag definition (700 - Statement of responsability) */
220   margin: 0;
221      padding: 2px;
222 }
223
224 div.tab table {
225 }
226
227 div.tabbloc {
228       font-family: Arial, Helvetica, sans-serif;
229 }
230
231 div.table {
232       width: 95%;
233 }
234
235 dl.details dt {
236  font-weight: bold;
237      margin: .5em 0;
238 }
239
240 dl.details dd {
241      margin-left: 1em;
242 }
243
244 dl.details ul {
245    padding: 0;
246     margin-left: 1em;
247 }
248
249 dl.details ul p {
250  margin-left : 0;
251 }
252
253 em.new {
254    font-style: normal;
255     font-weight: bold;
256 }
257
258 form {
259    display: inline;
260        margin: 0;
261      padding: 0;
262 }
263
264 h1 {
265     font-size: 1.8em;
266       padding: 5px 0 3px 0;
267 }
268
269 h1,h2,h3,h4,h5,h6 {
270    font-family: arial, geneva, helvetica, sans-serif;
271      margin: 0;
272 }
273
274 h1.logo {
275         display: inline;
276        margin: 10px 0 0 10px;
277
278 }
279
280 h1.title {
281   font-style: italic;
282     padding: 5px 0 3px 0;
283   color: navy;
284 }
285
286 h2 {
287    font-size: 1.6em;
288       padding: 5px 0 3px 0;
289
290 }
291
292 h2#libraryname {
293      padding-left : 5px;
294 }
295
296 h3 {
297     font-size: 1.4em;
298       padding: 5px 0 3px 0;
299 }
300
301 h3.author {
302    padding: 0 0 3px 15px;
303 }
304
305 h3+p {
306        margin: .4em 0 .4em 0;
307 }
308
309 h4 {
310  font-size: 1.3em;
311       padding: 5px 0 3px 0;
312 }
313
314 h5 {
315   font-size: 1.2em;
316       margin: 0;
317      padding: 10px 0 2px 0;
318 }
319
320 h5+p {
321        margin-top: 0;
322  padding-top: 0;
323 }
324
325 h6 {
326         font-size: 1.1em;
327 }
328
329 input.add, a.add {
330         background-image: url(../images/add.gif);
331 }
332
333 input.addchecked, a.addchecked {
334   background-image: url(../images/addtobasket.gif);
335 }
336
337 input.back, a.back {
338       background-image: url(../images/back.gif);
339 }
340
341 input.brief, a.brief {
342    background-image: url(../images/brief.gif);
343 }
344
345 input.cancel {
346   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
347     font-size : .9em;
348       font-weight: bold;
349      padding: 2px;
350 }
351
352 input.cart, a.cart {
353   background-image: url(../images/cart.gif);
354 }
355
356 input.clearall, a.clearall {
357      background-image: url(../images/clearbasket.gif);
358 }
359
360 input.close, a.close {
361     background-image: url(../images/close.gif);
362 }
363
364 input.delete, a.delete {
365         background-image: url(../images/delete.gif);
366 }
367
368 input.detail, a.detail {
369        background-image: url(../images/detail.gif);
370 }
371
372 input.edit, a.edit {
373    background-image: url(../images/edit.gif);
374 }
375
376 input.icon {
377      background-position: left;
378      background-repeat: no-repeat;
379   font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
380     font-size : .9em;
381       font-weight: bold;
382      padding: 2px 2px 2px 22px;
383 }
384
385 input.isbd, a.isbd {
386      background-image: url(../images/isbd.gif);
387 }
388
389 input.print, a.print {
390    background-image: url(../images/print2.gif);
391 }
392
393 input.remove, a.remove {
394        background-image: url(../images/remove.gif);
395 }
396
397 input.reserve, a.reserve {
398      background-image: url(../images/placereserve.gif);
399 }
400
401 input.send, a.send {
402      background-image: url(../images/send.gif);
403 }
404
405 input.shelf, a.shelf {
406    background-image: url(../images/addtoshelf.gif);
407 }
408
409 input.trash, a.trash {
410      background-image: url(../images/trash.gif);
411 }
412
413 p {
414      padding: 0 10px 0 10px;
415 }
416
417 p.error, div.error {
418         font-weight: normal;
419    margin: auto;
420   padding: 5px 20px 5px 20px;
421 }
422
423 p.error+p.error, div.error+div.error {
424   margin-top: 5px;
425 }
426
427 p+h3 {
428      margin-top: .6em;
429 }
430
431 p+h5 {
432     margin: 0;
433      padding: 3px 0 2px 0;
434 }
435
436 span.itemicon {
437        float : left;
438   font-size: .9em;
439        margin: 2px;
440    white-space: nowrap;
441 }
442
443 span.print {
444    font-size: .7em;
445        font-weight: normal;
446    padding-left: .7em;
447 }
448
449 table {
450  border-collapse: collapse;
451      margin: 5px 0 5px 0;
452    padding: 0;
453 }
454
455 *html td, *html th {
456     font-size : .8em;
457 }
458
459 td {
460       padding: 3px;
461 }
462
463 td.input, div.form td, div.details td {
464        border-left: 0;
465         border-right: 0;
466        padding: 2px 2px 2px 4px;
467       text-align: right;
468 }
469
470 td.credit {
471       text-align: right;
472 }
473
474 td.debit {
475        text-align: right;
476 }
477
478 td.sum, th.sum {
479  text-align: right;
480 }
481
482 td.sum {
483  font-weight: bold;
484 }
485
486 td.label {
487        font-weight: bold;
488      line-height: 1.5em;
489     padding: 4px;
490 }
491
492 td.label, div.form th, div.details th {
493        border-right: 0;
494        border-top: 0;
495  font-weight: bold;
496      padding: 2px 2px 2px 4px;
497       text-align: left;
498       vertical-align: top;
499 }
500
501 td.search-options select {
502 }
503
504 td:last-child {
505   padding: 3px;
506 }
507
508 th {
509   font-weight: bold;
510      padding: 2px;
511 }
512
513 th a {
514         font-weight: bold;
515      text-decoration: none;
516 }
517
518 th:last-child {
519       font-weight: bold;
520      padding: 2px;
521 }
522
523 th[scope="row"] {
524      font-weight: normal;
525    text-align: right;
526 }
527
528 ul#facets {
529       margin: 3px;
530 }
531
532 #nav ul#facets {
533        margin : 0;
534     padding : 0;
535 }
536
537 #nav ul#facets li {
538     font-weight: bold;
539      text-align: left;
540 }
541
542 #nav ul#facets li#branch_facet, #nav ul#facets li#subject_facet, #nav ul#facets li#series_facet, #nav ul#facets li#author_facet {
543 }
544
545 #nav ul#facets ul li {
546        border: 0;
547      font-size: .95em;
548       font-weight: normal;
549    padding: 2px;
550   text-align: left;
551 }
552
553 #nav ul#facets ul li a {
554   font-weight: normal;
555    text-decoration: underline;
556 }
557
558 #nav ul#facets ul li.showmore {
559  text-align: center;
560 }
561
562 #nav ul#facets ul li.showmore a {
563        font-weight: bold;
564      text-decoration: none;
565 }
566
567 /* Tabs */
568 ul.link-tabs {
569     list-style-type: none;
570  margin: 9px 0 -2px 5px;
571         padding: 0;
572 }
573
574 ul.link-tabs li {
575        display: inline;
576        padding: 0px;
577 }
578
579 ul.link-tabs li a {
580    font-weight: bold;
581      padding: 2px 4px 2px 4px;
582       text-decoration: none;
583 }
584
585 ul.link-tabs li#power_formButton a, ul.link-tabs li#proximity_formButton a {
586  padding: 2px 4px 3px 4px;
587 }
588
589 ul.link-tabs li.off a {
590 }
591
592 ul.link-tabs li.off a:hover {
593   padding: 2px 3px 2px 4px;
594 }
595
596 ul.link-tabs li.on a {
597 }
598
599 .clear {
600         clear: both;
601    line-height: .1em;
602 }
603
604 .content-block {
605  padding: 5px;
606 }
607
608 #home {
609        text-align : center;
610 }
611
612 #home #searchform input.submit {
613        font-size : 1.3em;
614 }
615
616 div#advanced-search p {
617   margin: .4em;
618
619 }
620
621 div#advanced-search fieldset {
622        /*margin-left : -1em;*/
623         margin-bottom: .3em;
624   background-color : #eeeeee;
625
626 }
627
628 div#advanced-search fieldset p {
629        margin-left : 1em;
630         white-space: nowrap;
631
632
633 }
634
635 table.itemtypes {
636         border-collapse: separate;
637      border-spacing: 3px;
638    display: block;
639         padding: 0;
640     margin: 0;
641 }
642
643 div#advanced-search legend, div#sidebar legend {
644  font-weight: bold;
645 }
646
647 div#advanced-search label {
648
649 }
650
651 .count {
652  font-weight: normal;
653 }
654
655 .current {
656      font-weight: bold;
657      padding: 1px 5px 1px 5px;
658       text-decoration: none;
659 }
660
661 .detail-sidebar {
662     float: right;
663   padding: 5px;
664   margin-left : 15px;
665     margin-right : 5px;
666     text-align: center;
667     width : 25%;
668 }
669
670 .detail-sidebar .further {
671      float: none;
672    text-align: left;
673       width : 90%;
674 }
675
676 .further {
677      margin: 5px;
678    text-align: left;
679       width : 90%;
680 }
681
682 .ex {
683   font-family: "Courier New", Courier, monospace;
684 }
685
686 .further h4 {
687        padding: 2px;
688 }
689
690 .further li {
691  padding: 2px 0;
692 }
693
694 .further ul, .further li {
695   list-style: none;
696       margin: .5em 0 .7em .4em;
697       padding: 0;
698 }
699
700 .inline {
701        display: inline;
702 }
703
704 .item-datedue {
705     font-style: italic;
706 }
707
708 .item-details {
709  display: block;
710         margin: 0 0 0 25px;
711 }
712
713 .item-reserved, .item-notforloan, .item-lost, .item-cancelled, .item-damaged, .item-reserved {
714   display: block;
715 }
716
717 .labelsubfield {
718     clear: both; /* style for each subfield (like : a Publication year), just before the biblio subfield */
719         float: left;
720    font-weight: bold;
721      margin-left: 30px;
722      width: 12em;
723 }
724
725 .left {
726         float: left;
727 }
728
729 .loggedin {
730     font-weight: bold;
731 }
732
733 .login-note {
734     width: 35%;
735 }
736
737 .menu {
738  line-height: 3em;
739       font-size: 1.2em;
740       margin: 0;
741      padding: 5px;
742 }
743
744 .menu a.logout {
745       font-weight: bold;
746      padding: 3px 15px 3px 15px;
747     text-decoration: none;
748 }
749
750 .menu a:link, #members a:link {
751       padding: 2px;
752 }
753
754 .menu a:visited, #members a:visited {
755  padding: 2px;
756 }
757
758 .menu a:hover, #members a:hover {
759      padding: 2px;
760 }
761
762 .menu a:active, #members a:active {
763    padding: 2px;
764 }
765
766 .menu input {
767 }
768
769 .menu label {
770         font-weight: bold;
771 }
772
773 .menu p {
774         margin: 0;
775      padding: 0;
776 }
777
778 .menu p+p {
779      margin-top: 5px;
780 }
781
782 .note {
783     margin: 10px auto;
784      padding: 4px 4px 4px 4px;
785       width: 35%;
786 }
787
788 .opac-detail {
789   padding: 4px;
790 }
791
792 .opac-detail dd {
793      display: block;
794         line-height: 1.5em;
795     padding: 4px;
796   text-align: right;
797 }
798
799 .operations {
800     margin-top: 7px;
801        padding: 0 10px;
802        text-align: center;
803     width: 100%;
804 }
805
806 .operations img {
807       padding: 5px;
808 }
809
810 .operations li {
811       list-style-type: none;
812  margin: 0;
813      padding-bottom: 2px;
814 }
815
816 .operations li a, .operations li a:visited {
817    background-position: top left;
818  background-repeat: no-repeat;
819   border-style: outset;
820   display: block;
821         padding: 3px 3px 3px 26px;
822      text-decoration: none;
823 }
824
825 .searchresults a.reserve, .searchresults a.reserve:visited {
826  background-position: top left;
827  background-repeat: no-repeat;/*
828         border-style: outset;*/
829         float: right;
830   padding: 2px 3px 2px 26px;
831      /*text-decoration: none;*/
832 }
833
834 .operations li a:active {
835         border-style: inset;
836 }
837
838 .operations ul {
839        margin: 0;
840      padding: 0;
841     width: 90%;
842 }
843
844 .overdue {
845       font-weight: bold;
846 }
847
848 .pages {
849  line-height : 1.8em;
850    text-align: center;
851 }
852
853 .rejected {
854      text-decoration: line-through;
855 }
856
857 .right {
858      float: right;
859 }
860
861 .search-main {
862         float: left;
863    width: 65%;
864 }
865
866 .searchresults input, .searchresults label, .searchresults select {
867      font-size: .8em;
868 }
869
870 .searchresults p {
871  margin: 0;
872      padding: 0;
873     padding-top : .6em;
874 }
875
876 .searchresults p img {
877   vertical-align: middle;
878 }
879
880 .searchresults table td {
881    vertical-align: top;
882 }
883
884 p.searchresults {
885       margin-top : -5px;
886      text-align : right;
887     vertical-align : middle;
888        padding-bottom : 3px;
889 }
890
891 .selected {
892    text-decoration: none;
893 }
894
895 .sidebar-box {
896        margin-bottom: 0;
897 }
898
899 .sidebar-box h3, .sidebar-box h4 {
900         margin-left: 10px;
901 }
902
903 .sidebar-box p {
904  margin: 3px 10px;
905       padding: 0;
906 }
907
908 .submit {
909        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
910     font-size : .9em;
911       font-weight: bold;
912      padding: 2px;
913 }
914
915 .term {
916        font-weight: bold;
917 }
918
919 .thumbnail {
920      border: 0;
921      float: left;
922    margin: 0 5px 5px 0;
923 }
924
925 .title {
926        font-style: italic;
927     font-weight: bold;
928 }
929
930 #sidebar .content-block {
931         margin : 0 10px 0 0;
932 }
933
934 form#auth h3 {
935  font-size : 1.1em;
936 }
937
938 #footer {
939         clear: both;
940    padding: 10px;
941  text-align: center;
942 }
943
944 #corner {
945        position: absolute;
946     top: 10px;
947      right: 5px;
948 }
949
950 #corner a.cart {
951         background-image : url(../images/cart-small.gif);
952       background-position: left;
953      background-repeat : no-repeat;
954  padding: 0 15px;
955        text-decoration: none;
956 }
957
958 #languages {
959  display: inline;
960 }
961
962 #languages ul {
963     display : inline;
964       list-style: none;
965       margin: 0;
966      padding : 0;
967 }
968
969 #languages ul li {
970      display: inline;
971        font-family: Arial, Helvetica, sans-serif;
972      font-size: .9em;
973 }
974
975 #languages ul li a {
976        font-weight: normal;
977    padding: 0 3px;
978         text-decoration: none;
979 }
980
981 #loose_form label, #keyword_form label, #precise_form label, #cql_form label, #advanced label, #cql label, #power label, #proximity label {
982   font-weight: bold;
983      text-align: right;
984 }
985
986 #loose_form, #keyword_form, #precise_form, #cql_form, #advanced, #cql, #power, #proximity {
987       margin: 5px;
988    width: 96%;
989 }
990
991 /*#main {
992        margin-left: 20%;
993       margin-right: 0;
994        padding: 0;
995     position: relative;
996 }*/
997
998 #masthead {
999    margin: 0;
1000      margin-bottom : 1em;
1001    padding: 0;
1002     text-align:center;
1003
1004 }
1005
1006 #members {
1007       font-size: .8em;
1008        font-weight: bold;
1009      padding: 4px 0 4px 0;
1010 }
1011
1012 #members a.card {
1013      background-image: url(../images/card.gif);
1014      background-position: left;
1015      background-repeat: no-repeat;
1016   display: block;
1017         padding-left: 39px;
1018 }
1019
1020 #members a.logout {
1021      font-weight: bold;
1022      padding: 0 .3em 0 .3em;
1023         text-decoration: none;
1024 }
1025
1026 #members li {
1027         display: inline;
1028        list-style: none;
1029       margin: 0;
1030 }
1031
1032 #members ul li a:link, #members ul li a:visited, #members ul li a:hover, #members ul li a:active, #members span.members {
1033         padding : 4px;
1034 }
1035
1036 #members ul li:last-child {
1037 }
1038
1039 #members ul li a:hover {
1040 }
1041
1042 #members ul {
1043      margin: 0;
1044      padding: 0;
1045     text-align: right;
1046 }
1047
1048 /*#nav {
1049  float: left;
1050    margin: 0;
1051      padding: 0;
1052     width: 20%;
1053 }*/
1054
1055 #nav a {
1056       font-family: Arial, Geneva, Helvetica, sans-serif;
1057      font-weight: bold;
1058      text-decoration: none;
1059 }
1060
1061 #nav h6 {
1062     padding: 3px;
1063   text-align: center;
1064 }
1065
1066 #nav li ul li {
1067  font-family: Arial, Geneva, Helvetica, sans-serif;
1068      list-style: none;
1069       margin: 0;
1070      padding: 5px 3px 5px 3px;
1071       text-align: right;
1072 }
1073
1074 #nav li ul li a {
1075         font-family: Arial, Geneva, Helvetica, sans-serif;
1076      font-weight: bold;
1077      text-decoration: none;
1078 }
1079
1080 #nav ul {
1081     margin: 0;
1082      padding: 0;
1083 }
1084
1085 #nav ul li {
1086     font-family: Arial, Geneva, Helvetica, sans-serif;
1087      list-style: none;
1088       margin: 0;
1089      padding: 3px 8px 3px 3px;
1090       text-align: right;
1091 }
1092
1093 #nav ul li+li {
1094   margin: 0;
1095 }
1096
1097 #power_formButton, #proximity_formButton {
1098 }
1099
1100 #results, .results {
1101        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
1102     margin: 0;
1103      padding: 7px 0 10px 0;
1104 }
1105
1106 #search-footer {
1107      margin: auto;
1108   text-align: center;
1109 }
1110
1111 #search-footer a {
1112       margin: 3px 5px 3px 5px;
1113        padding: 2px 5px;
1114       text-decoration: none;
1115 }
1116
1117 #searchform input.submit {
1118    font-size: .8em;
1119 }
1120
1121 #search-sidebar {
1122   float: right;
1123   margin: 10px;
1124   padding: 3px;
1125   width: 30%;
1126 }
1127
1128 #search-sidebar .sidebar-box label {
1129     display: block;
1130         text-align: left;
1131 }
1132
1133 /*#sidebar {
1134       float: right;
1135   margin: 20px;
1136   padding: 5px;
1137   width: 20%;
1138 }*/
1139
1140 #sidebar .submit {
1141     font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
1142     font-weight: bold;
1143      padding: 2px;
1144   font-size: 1em;
1145 }
1146
1147 #sidebar h3 {
1148        font-family: Arial, Geneva, Helvetica, sans-serif;
1149      margin: 0;
1150      padding: 5px 0 1px 0;
1151 }
1152
1153 #sort {
1154        margin: .3em;
1155 }
1156
1157 #sort, #sort select, #sort input {
1158 }
1159
1160 #starFull {
1161      background: url(../images/bluestars.png) top left no-repeat;
1162    height: 25px;
1163   margin: 0;
1164      padding: 0;
1165 }
1166
1167 #starMT {
1168        background: url(../images/emptystars.png) top left no-repeat;
1169   height: 25px;
1170   margin: 0 3px 0 30px;
1171   padding: 0;
1172     position: relative;
1173     width: 100px;
1174 }
1175
1176 #window {
1177      margin-left: 2%;
1178        margin-right: 2%;
1179       margin-top: 2%;
1180         padding: 10px;
1181 }
1182
1183 #window .class {
1184      display: block;
1185         font-weight: bold;
1186      padding: 0 0 5px 3px;
1187 }
1188
1189 #window div.menu {
1190     margin: 0;
1191
1192 }
1193
1194 div#item-details {
1195       margin-bottom : 1.5em;
1196 }
1197
1198 div#item-details img {
1199        float : left;
1200   padding : 1em;
1201 }
1202
1203 div#item-details p {
1204  margin : .1em 0;
1205        line-height : 1.6em;
1206 }
1207
1208 div#holdings table {
1209    width : 100%;
1210 }
1211
1212 div#holdings td, div#holdings th {
1213     padding : 5px;
1214 }
1215
1216 div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves, div#privateshelves, div#fines, div#waiting, div#overdues, div#issues, div#reserves {
1217     margin-top : 4px;
1218       padding : .7em;
1219         width : 90%;
1220 }
1221
1222 #usermenu {
1223     font-size: .9em;
1224        font-weight: bold;
1225      margin-top : -1.1em;
1226    margin-bottom : 1em;
1227    padding: 4px 0 4px 0;
1228
1229
1230 }
1231
1232 #usermenu li {
1233       display: inline;
1234        list-style: none;
1235       margin: 0;
1236 }
1237
1238 #usermenu ul li a:link, #usermenu ul li a:visited, #usermenu ul li a:hover, #usermenu ul li a:active, #usermenu span.members {
1239    padding : 4px;
1240 }
1241
1242 #usermenu ul li:last-child {
1243 }
1244
1245 #usermenu ul li a:hover {
1246 }
1247
1248 #usermenu ul {
1249   margin: 0;
1250      padding: 0;
1251     text-align: right;
1252 }
1253
1254 table.featured-item {
1255     border-collapse : separate;
1256     border-spacing: 9px;
1257    margin : 5px;
1258   text-align : center;
1259 }
1260
1261 table.featured-item td {
1262        vertical-align : top;
1263 }
1264
1265 table.featured-item a img {
1266    margin : auto;
1267 }
1268
1269 table.featured-item a.title {
1270         display : block;
1271        font-size : 1em;
1272        margin-bottom : .4em;
1273 }
1274
1275 table.featured-item .author {
1276  display : block;
1277        font-size : .95em;
1278      margin-bottom : .2em;
1279 }
1280
1281 table.featured-item .publisher {
1282       display : block;
1283        font-size : .8em;
1284 }
1285
1286 /* COLORS, BACKGROUNDS, AND BORDERS */
1287
1288 a {
1289        color: #006699;
1290 }
1291
1292 a:link.current {
1293     background-color: transparent;
1294  color: #3366CC;
1295 }
1296
1297 a:link.nav {
1298         background-color: #EFF1DC;
1299      border: 1px solid #CCCC99;
1300      color: #3366CC;
1301 }
1302
1303 a:visited {
1304  color: #006699;
1305 }
1306
1307 a:visited.current {
1308  background-color: transparent;
1309  color: #3366CC;
1310 }
1311
1312 a:visited.nav {
1313      background-color: #EFF1DC;
1314      border: 1px solid #CCCC99;
1315      color: #3366CC;
1316 }
1317
1318 a:hover {
1319    color: orange;
1320 }
1321
1322 a:hover.current {
1323     background-color: #CCFF00;
1324      color: #CC3333;
1325 }
1326
1327 a:hover.nav {
1328        background-color: #FFFFCC;
1329      border: 1px solid #CCCC99;
1330      color: #CC3333;
1331 }
1332
1333 a:active {
1334   color: #990033;
1335 }
1336
1337 a:active.current {
1338   background-color: #99CC00;
1339      color: #FFFF99;
1340 }
1341
1342 a:active.nav {
1343       background-color: #FFFFCC;
1344      border: 1px solid #CCCC99;
1345      color: #D25500;
1346 }
1347
1348 a.reserve {
1349  background-color: #006699;
1350      color: White;
1351 }
1352
1353 body {
1354         background-color: #eeeeee;
1355 }
1356
1357 body#withsidebar #main  {
1358  border: 0;
1359
1360 }
1361 ul {
1362 background-color:#eeeeee;
1363 text-align: left;
1364 }
1365
1366 caption {
1367     color: #000066;
1368 }
1369
1370 div.error h3 {
1371       color: #990000;
1372 }
1373
1374 div.form, div.details {
1375      background-color: #ffffff;
1376 }
1377
1378 div.tab {
1379         background-color: transparent;
1380 }
1381
1382 div.tab p {
1383   border-bottom: 1px solid #FFFFFF;
1384       border-top: 1px solid #D8DEB8;
1385 }
1386
1387 div.tabbloc {
1388         background-color: transparent;
1389 }
1390
1391 div#advanced-search fieldset {
1392         border-right : 1px none #999999;
1393         border-top : 1px none #999999;
1394         border-bottom : 1px none #999999;
1395         border-left : 1px none #999999;
1396 }
1397
1398 div#advanced-search legend {
1399  color : #003366;
1400 }
1401
1402 dl.details dt {
1403     color: #000066;
1404 }
1405
1406 em.new {
1407     color: #CC3333;
1408 }
1409
1410 h1,h2,h3,h4,h5,h6 {
1411  color: navy;
1412    background-color:navy;
1413  color:white;
1414 }
1415
1416 h1.logo {
1417       color: #D3DFAD;
1418
1419 }
1420
1421 h1#libraryname a {
1422  color: #000066;
1423         margin-left: .3em;
1424      text-decoration: none;
1425 }
1426
1427 input.icon {
1428  background-color: #6699CC;
1429      border: 1px outset #666666;
1430     color: #FFFFCC;
1431 }
1432
1433 p.availability {
1434     color: #666666;
1435         font-size: .9em;
1436 }
1437
1438 p.error, div.error {
1439        background-color: #FFFFCC;
1440      border: 1px dashed #CC6600;
1441 }
1442
1443 span.itemicon {
1444  background-color : #F8F8EB;
1445     border: 1px solid #D8DEB8;
1446 }
1447
1448 table {
1449   background-color: #FFFFFF;
1450 }
1451
1452 table.itemtypes td {
1453      background-color: #F8F8EB;
1454      border: 1px solid #D8DEB8;
1455 }
1456
1457 td {
1458      background-color: #FFFFFF;
1459      border-bottom: 1px solid #DDDDDD;
1460       border-right: 1px solid #DDDDDD;
1461 }
1462
1463 td.input, div.form td, div.details td {
1464     border-bottom: 1px solid #CCCCCC;
1465       border-left: 0;
1466         border-right: 0;
1467        color: #000000;
1468 }
1469
1470 td.credit {
1471  color: #000066;
1472 }
1473
1474 td.debit {
1475   color: #990000;
1476 }
1477
1478 td.sum, th.sum {
1479 }
1480
1481 td.sum {
1482         background-color : #FFFFCC;
1483 }
1484
1485 td.label {
1486       border-bottom: 1px solid #CCCCCC;
1487       border-left: 1px solid #CCCCCC;
1488         color: #000088;
1489 }
1490
1491 td.label, div.form th, div.details th {
1492      background-color: #FFFFFF;
1493      border-bottom: 1px solid #CCCCCC;
1494       border-left: 1px solid #CCCCCC;
1495         border-right: 0;
1496        border-top: 0;
1497  color: #000088;
1498 }
1499
1500 div.details {
1501        padding: 5px;
1502
1503 }
1504
1505 div.details table, div.details td, div.details th {
1506   border: 0;
1507      border-bottom: 1px solid #DDDDDD;
1508 }
1509
1510 td.overdue {
1511       color: #CC0000;
1512 }
1513
1514 td:last-child {
1515      border-bottom: 1px solid #CCCCCC;
1516       border-right: 0 solid #CCCCCC;
1517 }
1518
1519 th {
1520  background-color: #EFF1DC;
1521      border-bottom: 1px solid #CCCCCC;
1522       border-right: 1px solid #CCCCCC;
1523 }
1524
1525 th:last-child {
1526     background-color: #EFF1DC;
1527      border-bottom: 1px solid #CCCCCC;
1528       border-right: 0 solid #CCCCCC;
1529 }
1530
1531 th[scope="row"] {
1532     background-color: #E7E7CA;
1533 }
1534
1535 tr.highlight {
1536    background-color: #F8F8EB;
1537 }
1538
1539 tr.highlight th[scope="row"] {
1540    background-color: #EEEEEE;
1541 }
1542
1543 tr.overdue td {
1544   background-color: #FFDDDD;
1545 }
1546
1547 input.cancel {
1548    background-color: #990033;
1549      border: 1px outset #666666;
1550     color: #FFFFCC;
1551 }
1552
1553 .available {
1554         color : #006600;
1555 }
1556
1557 .content-block {
1558    background-color: #FFFFFF;
1559 }
1560
1561 .current {
1562        background-color: #FFFFFF;
1563      color: #3366CC;
1564 }
1565
1566 .detail-sidebar {
1567    background-color: #EEEEEB;
1568 }
1569
1570 .further {
1571        background-color: #EEEEEB;
1572      border: 2px solid #DDDED3;
1573      color: #CCCC99;
1574 }
1575
1576 .further h4 {
1577        background-color: #D8DEB8;
1578 }
1579
1580 .further li {
1581 }
1582
1583 .issued {
1584        color: #999999;
1585 }
1586
1587 .labelsubfield {
1588 }
1589
1590 .loggedin {
1591      color: #D8DEB8;
1592 }
1593
1594 .loggedinusername {
1595  color: #666666;
1596 }
1597
1598 .marcsubfieldletter {
1599        background-color: #EFF1DC;
1600 }
1601
1602 .marcsubfieldname {
1603       background-color: #EFF1DC;
1604 }
1605
1606 .MARCtag {
1607        background-color: #EEEEEE;
1608      color: #000066; /* style for tag definition (700 - Statement of responsability) */
1609 }
1610
1611 .menu {
1612   background-image : url(../images/menu-background.gif);
1613  background-repeat: repeat-x;
1614    background-color: #6699CC;
1615      border-top: 1px solid #335599;
1616  border-bottom: 1px solid #335599;
1617       color: #FFFFFF;
1618
1619 }
1620
1621 .menu a:link {
1622      color : #FFFFCC;
1623 }
1624
1625 .menu a:visited {
1626   color : #FFFFCC;
1627 }
1628
1629 .menu a:hover {
1630     color : #FFFFFF;
1631 }
1632
1633 .menu a:active {
1634    color : #FFFF99;
1635 }
1636
1637 #members a:link {
1638   color: #0099CC;
1639 }
1640
1641 #members a:visited {
1642         color: #0099CC;
1643 }
1644
1645 #members a:hover {
1646   color: #990000;
1647 }
1648
1649 #members a:active {
1650  color: #990000;
1651 }
1652
1653 .menu input.submit {
1654         background-color : #6BA037;
1655     color: #FFFFFF;
1656 }
1657
1658 .note {
1659      background-color: #EEEEEB;
1660      border-bottom: 1px solid #DDDED3;
1661       border-left: 1px solid #DDDED3;
1662         border-right: 1px solid #DDDED3;
1663        border-top: 1px solid #DDDED3;
1664 }
1665
1666 .opac-detail {
1667        background-color: #FFFFCC;
1668 }
1669
1670 .opac-detail dd {
1671         border-bottom: 1px solid #E7E7CA;
1672       color: #000000;
1673 }
1674
1675 .operations li a, .operations li a:visited {
1676         background-color: #6699CC;
1677      border: 2px solid #D8DEB8;
1678      color: #FFFFCC;
1679 }
1680
1681 .operations li a:hover {
1682     background-color: #0099FF;
1683      color: #FFFF99;
1684 }
1685
1686 .operations li a:active {
1687    background-color: #0099FF;
1688      color: #FFFF99;
1689 }
1690
1691
1692 .item-reserved {
1693    color : #009933;
1694 }
1695
1696 .item-datedue {
1697     color: #999999;
1698 }
1699
1700 .item-notforloan, .item-lost, .item-cancelled, .item-damaged, .item-reserved {
1701 }
1702
1703 .searchresults td, .searchresults th, .searchresults table {
1704       border: 0;
1705 }
1706
1707 .searchresults tr {
1708       border-bottom : 1px solid #CCCCCC;
1709 }
1710
1711 .searchresults table {
1712    border-top : 0px solid #CCCCCC;
1713 }
1714
1715 p.searchresults {
1716    background-color : #EFF1DC;
1717 }
1718
1719 .searchresults a.reserve {
1720       background-color : transparent;
1721         color : #006699;/*
1722      background-color : #6699CC;
1723     border: 1px outset #666666;
1724     color : White;*/
1725 }
1726
1727 .sidebar-box {
1728      border: 1px dashed #CCCCCC;
1729 }
1730
1731 .subfield {
1732      background-color: #EFF1DC;
1733 }
1734
1735 .subfieldvalue {
1736  background-color: #FFFFFF;
1737 }
1738
1739 .submit {
1740         background-color: #EEC95A;
1741      border: 3px outset #666666;
1742     color: #FFFFFF;
1743 }
1744
1745 .term {
1746      background-color: #FFFFCC;
1747      color: #990000;
1748 }
1749
1750 .unavailable {
1751       color: #990033;
1752 }
1753
1754 #footer {
1755    border-top: 1px solid #EEEEEE;
1756 }
1757
1758 #languages ul li a {
1759  border: 1px solid #D8DEB8;
1760 }
1761
1762 #languages ul li a:hover {
1763        background-color: #FFFFCC;
1764 }
1765
1766 #main {
1767   background-color: transparent;/*
1768        border-top: 1px solid #EEEEEE;*/
1769 }
1770
1771 #masthead {
1772         background-color: #FFFFFF;/*
1773    border-bottom: 1px solid #EEEEEE;*/
1774 }
1775
1776 #members {
1777       background-image : url(../images/member-menu-background.gif);
1778   background-repeat: repeat-x;
1779    border-top: 1px solid #9999CC;
1780  border-bottom : 1px solid #9999CC;
1781      background-color: #AFBCCF;
1782      color: #000066;
1783 }
1784
1785 #members ul li a:link, #members ul li a:visited, #members span.members {
1786     background-image : url(../images/member-menu-background-link.gif);
1787      background-repeat: repeat-x;
1788    border-left: 1px solid #9999CC;
1789         color: #006699;
1790 }
1791
1792 #members ul li:last-child a {
1793        border-right : 1px solid #9999CC;
1794 }
1795
1796 #members ul li a:hover, #members ul li a:active {
1797  background-image : url(../images/member-menu-background-hover.gif);
1798     background-repeat: repeat-x;
1799 }
1800
1801 #members a {
1802    text-decoration: none;
1803 }
1804
1805 #members a.logout:link, #members a.logout:visited, #members a.logout:hover, #members a.logout:active {
1806        background-image : url(../images/member-menu-background-logout.gif);
1807    background-repeat: repeat-x;
1808    color: #000000;
1809 }
1810
1811 #members a:hover.logout {
1812    background-image : url(../images/member-menu-background-logout-hover.gif);
1813      background-repeat: repeat-x;
1814    color: #000000;
1815 }
1816
1817 #nav {
1818       /*background-color: #EFF1DC;*/
1819  border : 1px solid #EFF1DC;
1820
1821 }
1822
1823 #nav h6 {
1824       background-color: #E7E7CA;
1825      line-height : 1.8em;
1826    margin-left: -1px;
1827      margin-top : -1px;
1828      margin-right : -1px;
1829 }
1830
1831 #nav li ul li {/*
1832       background-color: #E7E7CA;*/
1833    border-bottom: 0 solid #D8DEB8;
1834         border-left: 0 solid #FFFFCC;
1835   border-right: 0 solid #006699;
1836  border-top: 0 solid #FFFFCC;
1837 }
1838
1839 #nav li ul li a {
1840       color: #0000FF;
1841 }
1842
1843 #nav li ul li a:link {
1844       color: #335599;
1845 }
1846
1847 #nav li ul li a:visited {
1848    color: #335599;
1849 }
1850
1851 #nav li ul li a:hover {
1852      color: #CC3333;
1853 }
1854
1855 #nav ul li {
1856         /* background-color: #EFF1DC; */
1857        border-bottom: 0px solid #CCCC99;
1858       border-left: 0 solid #FFFFCC;
1859   border-right: 0 solid #006699;
1860  border-top: 0 solid #FFFFCC;
1861 }
1862
1863 #nav ul li+li {
1864         border-bottom: 0px solid #CCCC99;
1865       border-left: 0 solid #FFFFCC;
1866   border-right: 0 solid #006699;
1867 }
1868
1869 #results, .results {
1870  color: #000066;
1871 }
1872
1873 #search-sidebar {
1874    background-color: #F8F8EB;
1875 }
1876
1877 #sidebar {
1878        /*background-color: #F8F8EB;
1879    border: 1px dashed #666666;*/
1880 }
1881
1882 #sidebar .content-block {
1883      background-color : #EEEEEE;
1884 }
1885
1886 #sidebar fieldset {
1887      background-color: #F9F9FF;
1888 }
1889
1890 #sidebar legend {
1891         color : #003366;
1892 }
1893
1894 #sidebar .submit {
1895 /*      background-color: #EEC95A; */
1896        color: #FFFFFF;
1897 }
1898
1899 #sidebar h3 {
1900        color: #000066;
1901 }
1902
1903 #window {
1904    background-color: #E7E7CA;
1905      border-left: 1px solid #CCCC99;
1906 }
1907 ul.link-tabs {
1908 }
1909
1910 ul.link-tabs li {
1911 }
1912
1913 ul.link-tabs li a {
1914    border-top: 1px solid #DDDDDD;
1915  border-left : 1px solid #DDDDDD;
1916        border-right : 1px solid #666666;
1917 }
1918
1919 ul.link-tabs li.on a {
1920     background-color: #FFFFFF;
1921      border-bottom: 1px solid #FFFFFF;
1922 }
1923
1924 ul.link-tabs li.off a {
1925    background-color: #EEEEEB;
1926      border-bottom: 1px solid #DDDDDD;
1927 }
1928
1929 ul.link-tabs li.off a:hover {
1930      background-color: #FFFFEC;
1931      border-top: 1px solid #BEBF84;
1932  border-left : 1px solid #BEBF84;
1933        border-right : 2px solid #333333;
1934 }
1935
1936 ul.link-tabs li a.debit {
1937  background-color : #FFFF99;
1938     color : #990033;
1939 }
1940
1941 div#holdings, div#descriptions, div#reviews, div#serials, div#publicshelves, div#privateshelves, div#fines, div#waiting, div#overdues, div#issues, div#reserves {
1942   border : 1px solid #DDDDDD;
1943 }
1944
1945 div#holdings table {
1946     border-top : 1px solid #DDDDDD;
1947         border-right : 1px solid #DDDDDD;
1948 }
1949
1950 div#holdings td, div#holdings th {
1951         border-left : 1px solid #DDDDDD;
1952        border-bottom : 1px solid #DDDDDD;
1953 }
1954
1955 #usermenu {
1956       background-image : url(../images/usermenu-background.gif);
1957      background-repeat: repeat-x;
1958    background-color: #EEEEEB;
1959      border-top: 1px solid #EEEEEE;
1960  border-bottom: 1px solid #335599;
1961       color: #000000;
1962 }
1963
1964 #usermenu ul li a:link, #usermenu ul li a:visited {
1965  background-image : url(../images/usermenu-background.gif);
1966      background-repeat: repeat-x;
1967    border-left: 1px solid #9999CC;
1968         color: #006699;
1969 }
1970
1971 #usermenu ul li:last-child a {
1972       border-right : 1px solid #9999CC;
1973 }
1974
1975 #usermenu ul li a:hover, #usermenu ul li a:active {
1976        background-image : url(../images/usermenu-background-hover.gif);
1977        background-repeat: repeat-x;
1978 }
1979
1980 #usermenu a {
1981   text-decoration: none;
1982 }
1983
1984 table.featured-item {
1985         border : 0;
1986 }
1987
1988 table.featured-item td {
1989         border : 1px solid #CCCCCC;
1990 }
1991
1992 table.featured-item a img {
1993 }
1994
1995 table.featured-item a.title {
1996 }
1997
1998 table.featured-item .author {
1999 }
2000
2001 table.featured-item .publisher {
2002 }
2003 h1{
2004 background-color: #eeeeee;
2005 color: navy;
2006 background-image: url(./acceuil.jpg);
2007 background-repeat:no-repeat;
2008 }
2009 h1.authority
2010 {
2011 background-image:none;
2012
2013 }