Initial dev repository
[kcls-web.git] / opac / skin / kcls / css / style.css
1 @charset "utf-8";\r
2 /* CSS Document */\r
3 \r
4 @import '/js/dojo/dijit/themes/tundra/tundra.css';\r
5 \r
6 body {\r
7         margin:0;\r
8         font-family: Arial, Helvetica, sans-serif;\r
9         font-size: 12px;\r
10         background:#333;\r
11 }\r
12 \r
13 img {\r
14         border: none;\r
15 }\r
16 \r
17 a {\r
18         color: #003399;\r
19         text-decoration: none;\r
20 }\r
21 \r
22 a:hover {\r
23         text-decoration: underline;\r
24 }\r
25 \r
26 #search-wrapper input[type=text] {\r
27         border:none;\r
28         margin:0;\r
29         padding:0;\r
30 }\r
31 \r
32 #search-wrapper select {\r
33         border:1px solid #e9ebf3;\r
34         margin:0;\r
35         padding:0;\r
36         width:168px;\r
37 }\r
38 \r
39 /*\r
40 #search-wrapper select {\r
41         border:0px solid black;\r
42         filter:alpha(opacity=0);\r
43         -moz-opacity:0;\r
44         -khtml-opacity:0;\r
45         opacity:0;\r
46         padding:0;\r
47         margin:0;\r
48         height:18px;\r
49         font-size: 12px;\r
50 }\r
51 */\r
52 h1 {\r
53         margin:0;\r
54         margin-bottom: 5px;\r
55         font-size: 20px;\r
56         font-weight:normal;\r
57 }\r
58 \r
59 h2 {\r
60         margin:0;\r
61         margin-bottom: 5px;\r
62         font-size: 14px;\r
63         font-weight:bold;\r
64 }\r
65 \r
66 .hide_me {\r
67         display: none;\r
68         visibility: hidden;\r
69 }\r
70 \r
71 div.select-box-wrapper {\r
72         position:absolute;\r
73         padding-top:2px;\r
74         padding-left:3px;\r
75         overflow:hidden;\r
76         text-align:left;\r
77 }\r
78 \r
79 div.select-wrapper {\r
80         border:1px solid #4C8AB0;\r
81         display:inline-block;\r
82         position:relative;\r
83         z-index:2;\r
84         background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center;\r
85 }\r
86 \r
87 div.select-wrapper:hover {\r
88         background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center;\r
89 }\r
90 \r
91 #dash_wrapper {\r
92         width:500px;\r
93         position:relative;\r
94         top:-26px;\r
95 }\r
96 \r
97 #dashboard {\r
98         clear:both;\r
99         float:right;\r
100         width:384px;\r
101 }\r
102 \r
103 #dashboard span {\r
104         font-weight:bold;\r
105         position:relative;\r
106         left:-1px;\r
107 }\r
108 \r
109 #dash_user {\r
110         font-weight:bold;\r
111         text-transform:capitalize;\r
112 }\r
113 \r
114 #header {\r
115         color: #fff;\r
116         padding: 26px 0px 26px 0px;\r
117         width: 974px;\r
118         margin: auto;\r
119         font-size:11px;\r
120 }\r
121 \r
122 #header a {\r
123         color: #fff;\r
124 }\r
125 \r
126 #header a:hover {\r
127         color: white;\r
128         text-decoration: none;\r
129 }\r
130 \r
131 #header-links {\r
132         color: #afafaf;\r
133         font-size: 11px;\r
134         font-weight: bold;\r
135         position: relative;\r
136         top:4px;\r
137         \r
138 }\r
139 \r
140 #header-links a {\r
141         color: #afafaf;\r
142         display: block;\r
143         float:left;\r
144         margin-right:22px;\r
145 }\r
146 \r
147 #header-links a:hover {\r
148         color: white;\r
149         text-decoration: none;\r
150 }\r
151 \r
152 #header #header-links2 {\r
153         position:relative;\r
154         top:-8px;\r
155         color: white;\r
156         padding-bottom: 15px;\r
157 }\r
158 \r
159 #header #header-links2 a {\r
160         color: white;\r
161 }\r
162 \r
163 #header #header-links2 a:hover {\r
164         text-decoration: underline;\r
165 }\r
166 \r
167 #header #your-acct-login {\r
168         padding-top:10px;\r
169 }\r
170 \r
171 #gold-links {\r
172         margin:auto;\r
173         width:974px;\r
174         padding-left:0px;\r
175 }\r
176 \r
177 #util-bar {\r
178         margin:auto;\r
179         width:974px;\r
180         padding-left:0px;\r
181         height:0px;\r
182 }\r
183 \r
184 #search-wrapper {\r
185         border-bottom: 1px solid #e9ebf3;\r
186         padding-bottom: 5px;\r
187         background: white;\r
188 }\r
189 \r
190 #search_box_wrapper {\r
191         border:1px solid #e9ebf3;\r
192         padding: 1px;\r
193         padding-left:3px;\r
194 }\r
195 \r
196 #search-wrapper #breadcrumb {\r
197         margin-top:0px;\r
198         font-size: 10px;\r
199         float:left;\r
200 }\r
201 \r
202 #search-wrapper #search-within {\r
203         margin-top:10px;\r
204         float:right;\r
205         position:relative;\r
206         left:-173px;\r
207 }\r
208 \r
209 #search-wrapper #breadcrumb a {\r
210         color: black;\r
211 }\r
212 \r
213 #search-wrapper #search_frm label {\r
214         font-size: 10px;\r
215 }\r
216 \r
217 #search-wrapper #search-box {\r
218         width:974px;\r
219         margin:auto;\r
220         padding-left: 0px;\r
221 }\r
222 \r
223 #utils {\r
224         float:right;\r
225         z-index:1;\r
226         width:150px;\r
227         height:30px;\r
228         background:url('/opac/skin/kcls/graphics/utils-corner-left.png') no-repeat left top;\r
229         padding-left: 3px;\r
230         color: white;\r
231         position:relative;\r
232 }\r
233 \r
234 #utils a {\r
235         color: white;\r
236         font-size: 10px;\r
237 }\r
238 #adv_search_tabs {\r
239         height:33px;\r
240         width:974px;\r
241         margin:auto;\r
242 }\r
243 \r
244 #adv_search_tabs a {\r
245         float: left;\r
246         display: block;\r
247         height:33px;\r
248         margin-right:7px;\r
249 }\r
250 \r
251 #adv_search {\r
252         width:156px;\r
253         background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;\r
254 }\r
255 \r
256 #num_search {\r
257         width:156px;\r
258         background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;\r
259 }\r
260 \r
261 #expert_search {\r
262         width:156px;\r
263         background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;\r
264 }\r
265 \r
266 #acct_tabs {\r
267         height:33px;\r
268         width:974px;\r
269         margin:auto;\r
270 }\r
271 \r
272 #acct_tabs a {\r
273         float: left;\r
274         display: block;\r
275         height:33px;\r
276         margin-right:7px;\r
277 }\r
278 \r
279 #acct_summary {\r
280         width:156px;\r
281         background:url('/opac/skin/kcls/graphics/acct_summary_on.gif') no-repeat bottom;\r
282 }\r
283 \r
284 #acct_checked_out {\r
285         width:156px;\r
286         background:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif') no-repeat bottom;\r
287 }\r
288 \r
289 #acct_holds {\r
290         width:156px;\r
291         background:url('/opac/skin/kcls/graphics/acct_holds_off.gif') no-repeat bottom;\r
292 }\r
293 \r
294 #acct_prefs {\r
295         width:156px;\r
296         background:url('/opac/skin/kcls/graphics/acct_prefs_off.gif') no-repeat bottom;\r
297 }\r
298 \r
299 #acct_favs {\r
300         width:156px;\r
301         background:url('/opac/skin/kcls/graphics/acct_favs_off.gif') no-repeat bottom;\r
302 }\r
303 \r
304 #acct_lists {\r
305         width:156px;\r
306         background:url('/opac/skin/kcls/graphics/acct_lists_off.gif') no-repeat bottom;\r
307 }\r
308 \r
309 #rdetail_header {\r
310         font-size:14px;\r
311         font-weight:bold;\r
312         color:#074079;\r
313         padding: 5px 7px 6px 0px;\r
314         border-bottom: 1px dotted #ccc;\r
315 }\r
316 \r
317 #rdetail_result_count {\r
318         color: black;\r
319         font-size: 11px;\r
320         font-weight: normal;\r
321 }\r
322 \r
323 #rdetail_result_nav {\r
324         float:right;\r
325         font-size: 11px;\r
326         font-weight:normal;\r
327 }\r
328 \r
329 #rdetail_details_table {\r
330         margin-top: 15px;\r
331 }\r
332 \r
333 #rdetail_title {\r
334         font-size: 18px;\r
335 }\r
336 \r
337 #rdetail_image_cell {\r
338         padding-top: 3px;\r
339         padding-right: 10px;\r
340 }\r
341 \r
342 .rdetail_aux_utils {\r
343         border-left:1px dotted #ccc;\r
344         padding-left: 17px;\r
345         padding-bottom: 6px;\r
346         padding-right: 70px;\r
347 }\r
348 \r
349 .results_aux_utils {\r
350         border-left:1px dotted #ccc;\r
351         padding-left: 17px;\r
352         padding-bottom: 6px;\r
353         padding-right: 50px;\r
354 }\r
355 \r
356 #rdetails_status {\r
357         font-size: 10px;\r
358         text-transform: uppercase;\r
359         font-weight: bold;\r
360 }\r
361 \r
362 #rdetails_status_head td {\r
363         background-color: #d8d8d8;\r
364         padding: 13px 0px 13px 13px;\r
365 }\r
366 \r
367 .rdetail_extras {\r
368         height: 29px;\r
369         background: #9ad0f1;\r
370         padding-top:1px;\r
371         margin-bottom: 10px;\r
372         margin-top: 10px;\r
373 }\r
374 \r
375 .rdetail_extras_hr {\r
376         height: 1px;\r
377         background: #b7def5;\r
378         margin-left: 1px;\r
379         margin-right: 1px;\r
380 }\r
381 \r
382 .rdetail_extras_link {\r
383         padding-top: 4px;\r
384         padding-left: 12px;\r
385         font-size: 10px;\r
386         text-transform: uppercase;\r
387         font-weight: bold;\r
388 }\r
389 \r
390 .rdetail_extras_lbl {\r
391         position: relative;\r
392         top: -4px;\r
393         left: 7px;\r
394 }\r
395 \r
396 #paginate-homebanner a.toc {\r
397         display:block;\r
398         width:20px;\r
399         height:20px;\r
400         background:gray;\r
401         float:left;\r
402         margin-left:2px;\r
403         margin-right:2px;\r
404         margin-top:2px;\r
405 }\r
406 \r
407 #paginate-homebanner a.selected {\r
408         border: 2px solid black;\r
409         margin-top:0px;\r
410         margin-left:0px;\r
411         margin-right:0px;\r
412 }\r
413 \r
414 #hp-buttons {\r
415         margin: auto;\r
416         margin-top: 6px;\r
417         width: 974px;\r
418 }\r
419 \r
420 #hp-welcome {\r
421         position:absolute;\r
422         width:295px;\r
423         height:192px;\r
424         background: url('/opac/skin/kcls/graphics/banner-bg.png') no-repeat;\r
425         color: #fff;\r
426         padding-left: 33px;\r
427         padding-top: 21px;\r
428         z-index:9999999999;\r
429 }\r
430 \r
431 #hp-welcome h1 {\r
432         font-size: 25px;\r
433         margin-bottom:15px;\r
434 }\r
435 \r
436 #hp-welcome a {\r
437         color: #fff;\r
438         text-decoration: underline;\r
439 }\r
440 \r
441 #hp-banner {\r
442         margin: auto;\r
443         width:974px;\r
444         height: 213px;\r
445 }\r
446 \r
447 #hp-ql-table {\r
448         margin-left: 2px;\r
449         padding-top: 3px;\r
450 }\r
451 \r
452 #hp-ql-table a {\r
453         color: #333;\r
454         font-weight: bold;\r
455         font-size: 13px;\r
456         text-transform: uppercase;\r
457         text-decoration: none;\r
458         display: block;\r
459         width: 144px;\r
460         height: 25px;\r
461         padding-top: 9px;\r
462         padding-left: 15px;\r
463         background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat;\r
464 }\r
465 \r
466 #hp-ql-bottom {\r
467         width: 640px;\r
468         height: 31px;\r
469         padding-left: 24px;\r
470         padding-top: 13px;\r
471         background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x;\r
472 }\r
473 \r
474 #hp-ql-bottom a {\r
475         display: inline-block;\r
476         text-decoration: none;\r
477         color: white;\r
478         font-size: 15px;\r
479         font-weight: bold;\r
480 }\r
481 \r
482 #content-wrapper {\r
483         background: white;\r
484         min-height: 260px;\r
485         border-bottom: 1px solid black;\r
486 }\r
487 \r
488 #main-content {\r
489         width: 974px;\r
490         margin:auto;\r
491         padding-left:0px;\r
492 }\r
493 \r
494 #main-content .login_boxes {\r
495         border: 1px solid #dedede;\r
496         background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x;\r
497         color: #333;\r
498 }\r
499 \r
500 #main-content .login_boxes h1 {\r
501         font-weight: normal;\r
502         font-size: 25px;\r
503         margin:0;\r
504 }\r
505 \r
506 #main-content .left_brain {\r
507         padding-left:28px;\r
508         padding-top:25px;\r
509 }\r
510 \r
511 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {\r
512         width:167px;\r
513         height:18px;\r
514         margin:0;\r
515         padding:0;\r
516         border:none;\r
517         background: none;\r
518         font-size: 15px;\r
519         color: #666;\r
520 }\r
521 \r
522 #main-content .left_brain .input_bg {\r
523         padding:10px 10px 0px 13px;\r
524         background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat;\r
525         width:167px;\r
526         height:29px;\r
527 }\r
528 \r
529 #home-buttons-inner {\r
530         width:664px;\r
531         height:117px;\r
532         background:#bda964;\r
533 }\r
534 \r
535 #holds_temp_parent td {\r
536         border-bottom:1px solid #dcdbdb;\r
537 }\r
538 \r
539 #holds_temp_parent input, #holds_temp_parent select {\r
540         margin:0;\r
541 }\r
542 \r
543 \r
544 \r
545 \r
546 #results_header_bar {\r
547         background: #929292;\r
548         border-top:1px solid #8b8b8b;\r
549 }\r
550 \r
551 #results_header_inner {\r
552         height:32px;\r
553         width:974px;\r
554         margin:auto;\r
555         padding-top:6px;\r
556 }\r
557 \r
558 .results_header_btns {\r
559         float:left;\r
560         margin-right: 6px;\r
561 }\r
562 \r
563 .results_header_div {\r
564         float: left;\r
565         width: 0px;\r
566         height: 25px;\r
567         border-left: 1px solid #7c7c7c;\r
568         border-right: 1px solid #9c9c9c;\r
569         margin: 0px 13px;\r
570 }\r
571 \r
572 .results_header_lbl {\r
573         font-weight: bold;\r
574         float: left;\r
575         font-size: 11px;\r
576         color: #191919;\r
577         position: relative;\r
578         top: 5px;\r
579         margin-right: 6px;\r
580 }\r
581 \r
582 .results_header_sel {\r
583         float:left;\r
584         position: relative;\r
585         top: 2px;\r
586         margin:0;\r
587 }\r
588 \r
589 #results_header_nav1 {\r
590         padding: 5px 7px 6px 0px;\r
591         border-bottom: 1px dotted #ccc;\r
592 }\r
593 \r
594 #results_header_nav1 .h1 {\r
595         font-size:14px;\r
596         font-weight:bold;\r
597         color:#074079;\r
598 }\r
599 \r
600 #start_end_links_span {\r
601         font-size: 11px;\r
602 }\r
603 \r
604 #start_end_links_span2 {\r
605         font-size: 11px;\r
606 }\r
607 \r
608 .nav_arrow_fix {\r
609         font-size:8px;\r
610         position:relative;\r
611         top:-1px;\r
612 }\r
613 \r
614 #result_table_div {\r
615         margin-top: 20px;\r
616 }\r
617 \r
618 #result_numbers1 {\r
619         font-size: 11px;\r
620         padding-left:15px;\r
621 }\r
622 \r
623 \r
624 \r
625 \r
626 \r
627 \r
628 .icon_text {\r
629         text-transform:capitalize;\r
630 }\r
631 \r
632 .result_table_title_cell {\r
633         padding-left: 7px;\r
634 }\r
635 \r
636 #myopac_summary_div p {\r
637         margin:0;\r
638         margin-bottom: 10px;\r
639 }\r
640 \r
641 #acct_sum_checked_table td {\r
642         padding-bottom:5px;\r
643 }\r
644 \r
645 #zero_search_hits p {\r
646         margin-top:0;\r
647 }\r
648 \r
649 #zero_hits_term {\r
650         text-transform: uppercase;\r
651 }\r
652 \r
653 #zero_search_hits #spell_check_link {\r
654         text-transform: uppercase;\r
655 }\r
656 \r
657 #zero_search_hits #zero_hits_suggestions {\r
658         text-transform: uppercase;\r
659 }\r
660 \r
661 .results_info_table td {\r
662         padding-right: 10px;\r
663 }\r
664 \r
665 #rdetails_status td {\r
666         white-space:nowrap !important;\r
667 }\r
668 \r
669 #myopac_holds_main_table {\r
670         border-collapse: collapse;\r
671 }\r
672 \r
673 #myopac_holds_main_table td {\r
674         border: 1px solid black;\r
675         \r
676 }\r
677 \r
678 #myopac_prefs_div .data_grid {\r
679         border-collapse:collapse;\r
680 }\r
681 \r
682 #myopac_prefs_div .data_grid td {\r
683         background:#f0f0f0;\r
684         border-bottom:3px solid white;\r
685         padding:6px 0px 7px 17px;\r
686 }\r
687 \r
688 .header_middle {\r
689         height:22px;\r
690         font-size:14px;\r
691         font-weight:bold;\r
692         color:#074079;\r
693         padding: 0px 7px 0px 0px;\r
694         border-bottom: 1px dotted #ccc;\r
695 }\r
696 \r
697 .header_middle a {\r
698         font-size: 12px;\r
699         font-weight: normal;\r
700 }\r
701 \r
702 .acct_sum_row {\r
703         padding: 7px 15px;\r
704         width: 712px;\r
705         background: #f0f0f0;\r
706         margin-bottom: 2px;\r
707         font-size: 10px;\r
708         font-weight: bold;\r
709         text-transform: uppercase;\r
710 }\r
711 \r
712 .acct_sum_row a {\r
713         text-transform: none;\r
714         font-size: 12px;\r
715         position:relative;\r
716         top:-1px;\r
717 }\r
718 \r
719 .acct_sum_row .view_link {\r
720         font-weight: normal;\r
721         font-size:12px;\r
722 }\r
723 \r
724 #myopac_sum_fines {\r
725         float:right;\r
726         padding: 15px 0px 0px 23px;\r
727         background: #f0f0f0;\r
728         width: 177px;\r
729         height: 166px;\r
730 }\r
731 \r
732 .acct_holds_temp td {\r
733         text-align: left;\r
734 }\r
735 \r
736 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {\r
737         float:left;\r
738         /*padding-left:10px;*/\r
739 }\r
740 \r
741 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {\r
742         /*background:url('/opac/skin/kcls/graphics/gray-arrow.png') left 3px no-repeat;*/\r
743 }\r
744 \r
745 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {\r
746         font-weight:bold;\r
747         text-transform:uppercase;\r
748         font-size: 10px;\r
749 }\r
750 \r
751 #acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {\r
752         background: #d8d8d8;\r
753         padding: 8px 0px 7px 0px;\r
754 }\r
755 \r
756 #acct_list_header select, #acct_list_header_anon select {\r
757         font-weight:normal;\r
758         text-transform:none;\r
759 }\r
760 \r
761 #acct_holds_activates_table label {\r
762         font-weight: bold;\r
763         font-size: 11px;\r
764         text-transform:uppercase;\r
765         padding-right: 5px;\r
766 }\r
767 \r
768 .adv_search_font {\r
769         font-size: 10px;\r
770 }\r
771 \r
772 .search_catalog_lbl {\r
773         font-size: 14px;\r
774 }\r
775 \r
776 .lbl1 {\r
777         font-size:14px;\r
778         font-weight:bold;\r
779 }\r
780 \r
781 .lbl2 {\r
782         font-size:10px;\r
783         font-weight:normal;\r
784         position:relative;\r
785         top:3px;\r
786 }\r
787 \r
788 #myopac_tabs, #adv_search_parent {\r
789         background: #929292;\r
790         border-top:1px solid #8b8b8b;\r
791         padding-top:5px;\r
792         margin-bottom:20px;\r
793 }\r
794 \r
795 #adv_search_parent {\r
796         margin-bottom:0px;\r
797 }\r
798 \r
799 #myopac_loading {\r
800         width:100%;\r
801         text-align:center;\r
802         padding-top:20px;\r
803         font-size:16px;\r
804         font-weight:bold;\r
805 }\r
806 \r
807 .chili_link {\r
808         width:100px !important;\r
809         text-align: center !important;\r
810 }\r
811 \r
812 .chili_review div.chili_link div {\r
813         margin: auto;\r
814 }\r
815 \r
816 /* some facet styling */\r
817 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }\r
818 .facetClassLabelContainer { border: 1px solid #CCC; }\r
819 .facetClassLabel { font-weight: bold; text-align: center; }\r
820 .facetFieldContainer {  }\r
821 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }\r
822 .extraFacetFieldsWrapper { }\r
823 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }\r
824 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }\r
825 .facetField { border-top: 1px solid #CCC; }\r
826 .facetFields { padding-left: 5px; }\r
827 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }\r
828 \r
829 #footer {\r
830         padding-top:5px;\r
831         padding-bottom: 10px;\r
832         color: white;\r
833         margin: auto;\r
834         width: 974px;\r
835         color: #afafaf;\r
836         font-size: 11px;\r
837 }\r
838 \r
839 #footer a {\r
840         color: white;\r
841         color: #afafaf;\r
842 }\r
843 \r
844 .color_4 {\r
845         text-transform: uppercase;\r
846         font-weight: bold;\r
847         font-size: 10px;\r
848 }\r