3 font-family: Arial, Helvetica, sans-serif;
16 #search-wrapper input[type=text] {
22 #search-wrapper select, .results_header_lbl select {
23 border:1px solid #e9ebf3;
30 #search-wrapper select {
31 border:0px solid black;
32 filter:alpha(opacity=0);
61 div.select-box-wrapper {
70 border:1px solid #4C8AB0;
74 background:url('/images/dropdown.gif') no-repeat right center;
77 div.select-wrapper:hover {
78 background:url('/images/dropdown-hover.gif') no-repeat right center;
88 vertical-align: middle;
92 padding: 0em 1em 0em 1em;
96 margin: 0em 1em 0em 1em;
111 #dashboard span.dash-align a {
119 text-transform: capitalize;
124 #logout_link { left: 1px; }
126 #dash_checked { color: #ffcc33; }
127 #dash_holds { color: #ffcc33; }
128 #dash_pickup { color: #1dd93c; }
129 #dash_fines { color: #f41d36; }
131 background: linear-gradient(lightGreen, #252525);
132 background: -moz-linear-gradient(lightGreen, #252525);
133 background: -o-linear-gradient(lightGreen, #252525);
134 background: -webkit-linear-gradient(lightGreen, #252525);
135 background-color: lightGreen;
151 text-decoration: none;
170 #header-links a:hover {
172 text-decoration: none;
175 #header #header-links2 {
179 padding-bottom: 15px;
182 #header #header-links2 a {
186 #header #header-links2 a:hover {
187 text-decoration: underline;
190 #header #your-acct-login {
214 border-bottom: 1px solid #e9ebf3;
219 .search_box_wrapper {
220 border:1px solid #e9ebf3;
225 #search-wrapper #breadcrumb {
231 #search-wrapper #search-within {
238 #search-wrapper #breadcrumb a {
242 #search-wrapper #search_frm label {
246 #search-wrapper #search-box {
257 background:url('/images/utils-corner-left.png') no-repeat left top;
268 #adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
274 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
277 vertical-align: middle;
279 margin: 10px 7px 10px 0px;
280 padding: 10px 0px 10px 0px;
281 -moz-border-radius: 7px 7px 0px 0px;
282 border-radius: 7px 7px 0px 0px;
289 #adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
293 #adv_search.on, #num_search.on, #expert_search.on {
298 #adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
307 #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
311 padding: 10px 10px 10px 10px;
314 #acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
319 #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
320 padding-bottom: 12px;
328 padding: 5px 7px 6px 0px;
329 border-bottom: 1px dotted #ccc;
332 #rdetail_result_count {
339 #rdetail_result_nav {
345 #rdetail_details_table {
349 #rdetail_image { border: none; }
350 #rdetail_image_cell {
356 border: thin black solid;
361 border-left:1px dotted #ccc;
368 border-left:1px dotted #ccc;
379 #rdetails_status td, #rdetails_status2 td {
380 white-space:nowrap !important;
381 padding: 7px 0px 3px 13px;
384 #rdetails_status thead th {
385 background-color: #d8d8d8;
386 padding: 13px 0px 13px 13px;
388 text-transform: uppercase;
393 #rdetails_status tbody td {
414 .rdetail_extras_link {
418 text-transform: uppercase;
422 .rdetail_extras_lbl {
428 #paginate-homebanner a.toc {
439 #rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
443 #rdetail_locs_expand, #rdetail_locs_collapse {
449 #rdetail_anotes_div .biography {
453 #paginate-homebanner a.selected {
454 border: 2px solid black;
463 width: 694px; /* 974px; */
470 background: url('/images/banner-bg.png') no-repeat;
484 text-decoration: underline;
489 width: 694px; /* formerly 974px */
502 text-transform: uppercase;
503 text-decoration: none;
509 background: url('/images/button-bg.png') no-repeat;
517 background: url('/images/hp-links-mid.jpg') repeat-x;
521 display: inline-block;
522 text-decoration: none;
534 .almost-content-wrapper {
541 border-bottom: 1px solid black;
544 .content-wrapper-record-page { top: -15px; position: relative; }
546 #main-content-home { width: 694px; margin: auto; padding-left: 17px; }
547 #main-content { width: 974px; margin:auto; padding-left: 0px; }
549 #main-content-after-bar { float: left; width: 800px; margin: auto; padding-left: 4px; }
551 #results-side-bar { float: left; width: 174px; height: 500px; /* XXX to height of container*/ }
553 #main-content .login_boxes {
554 border: 1px solid #dedede;
555 background:url('/images/login-bg.jpg') top repeat-x;
559 #main-content .login_boxes h1 {
565 #main-content .left_brain {
570 #main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
581 #main-content .left_brain .input_bg {
582 padding:10px 10px 0px 13px;
583 background: url('/images/login-box-bg.jpg') no-repeat;
588 #home-buttons-inner {
594 #holds_temp_parent td {
595 border-bottom:1px solid #dcdbdb;
598 #holds_temp_parent input, #holds_temp_parent select {
602 #results_header_bar {
604 border-top:1px solid #8b8b8b;
607 #results_header_inner {
612 .cached_list_div { width: 111px; height: 25px; }
614 .results_header_div {
618 border-left: 1px solid #7c7c7c;
619 border-right: 1px solid #9c9c9c;
623 .results_header_lbl {
631 .results_header_sel {
637 .results_header_nav1 {
638 padding: 5px 7px 6px 0px;
639 border-bottom: 1px dotted #ccc;
642 .results_header_nav1 .h1 {
648 .start_end_links_span {
663 font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
666 .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; }
672 text-transform:capitalize;
675 .result_table_title_cell {
679 #myopac_summary_div p {
684 #acct_sum_checked_table td {
688 .zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
689 .zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
691 #zero_search_hits p {
696 text-transform: uppercase;
700 #zero_search_hits #spell_check_link {
701 text-transform: uppercase;
704 #zero_search_hits #zero_hits_suggestions {
705 text-transform: uppercase;
708 .results_info_table td {
712 #myopac_holds_main_table {
713 border-collapse: collapse;
716 #myopac_holds_main_table td {
717 border: 1px solid black;
721 #myopac_prefs_div .data_grid {
722 border-collapse:collapse;
725 #myopac_prefs_div .data_grid td {
727 border-bottom:3px solid white;
728 padding:6px 0px 7px 17px;
736 padding: 0px 7px 0px 0px;
737 border-bottom: 1px dotted #ccc;
752 text-transform: uppercase;
756 text-transform: none;
762 .acct_sum_row .view_link {
769 padding: 15px 0px 0px 23px;
775 #myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
777 .acct_holds_temp td {
781 #acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
783 /*padding-left:10px;*/
786 #acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
787 /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
790 #acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
792 text-transform:uppercase;
796 #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 {
798 padding: 8px 0px 7px 0px;
801 #acct_list_header select, #acct_list_header_anon select {
806 #acct_holds_activates_table label {
809 text-transform:uppercase;
817 .search_catalog_lbl {
833 #myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
835 border-top:1px solid #8b8b8b;
840 #fines_payments_wrapper {
845 .myopac_payments_table th { text-align: left; }
846 .myopac_payments_table thead th { border-bottom: 1px dashed #333; }
847 .myopac_payments_table thead th:first-child { width: 8em; }
848 .myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
849 .myopac_payments_table form { display: inline; }
850 .myopac_payments_table input[type="submit"] { padding: 1px; }
853 font-weight: bold; color: red;
854 padding: 10px; border: 1px solid #888;
870 width:100px !important;
871 text-align: center !important;
874 .chili_review div.chili_link div {
878 /* some facet styling */
880 .facetClassContainer { margin: 2px; border: 1px solid #CCC; }
881 .facetClassLabelContainer { border: 1px solid #CCC; }
882 .facetClassLabel { font-weight: bold; text-align: center; }
883 .facetFieldContainer { }
884 .facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
885 .extraFacetFieldsWrapper { }
886 .toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
887 .facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
888 .facetField { border-top: 1px solid #CCC; }
889 .facetFields { padding-left: 5px; }
890 .facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
899 .facet_box_temp .header {
903 background:url('/images/facet_box_bg.png') no-repeat;
909 .facet_box_temp .header .title {
917 .facet_box_temp .header .button {
922 .facet_box_wrapper .box_wrapper {
929 .facet_box_wrapper .box_wrapper .box {
931 border-top:1px solid #7ebee5;
932 border-left:1px solid #f3f3f3;
933 border-right:1px solid #f3f3f3;
939 .facet_box_wrapper .box_wrapper .bottom {
940 background:url('/images/facet_box_bg_bottom.png') no-repeat;
947 .facet_template .facet {
952 .facet_template .count {
958 .facet_template_selected {
959 background-color: #d7d7d7;
963 background: linear-gradient(lightGreen, #252525);
964 background: -moz-linear-gradient(lightGreen, #252525);
965 background: -o-linear-gradient(lightGreen, #252525);
966 background: -webkit-linear-gradient(lightGreen, #252525);
967 background-color: lightGreen;
972 padding-bottom: 10px;
983 text-transform: uppercase;
988 .advanced_div { padding-top: 15px; }
989 #adv_global_search select { width: 13em; }
990 #adv_global_input_table select { width: 7em; }
991 .adv_adv_link { font-size: 8pt; color: red; }
992 #acct_prefs_header { float: left; }
993 .search_page_nav_link { cursor: pointer; }
994 #opac.result.sort { width: 160px; }
995 .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
996 .failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
997 .refine-controls { font-size: 125%; padding: 0.5ex 0; }
998 #adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
999 #adv_search_refine select { border: 1px inset #ccc !important; }
1000 #adv_search_refine {
1001 padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
1003 .row-remover { position: relative; top: 1px; vertical-align: middle; }
1005 background-color: #ffffff;
1006 color: #003399; text-decoration: none;
1008 padding: 0; border: 0; margin: 0;
1009 vertical-align: middle;
1011 .subtle-button:hover { text-decoration: underline; cursor: pointer; }
1012 .no-dec:hover { text-decoration: none; }
1013 .pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
1015 #account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
1016 #account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
1017 #account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
1018 a.dash-link:hover { text-decoration: underline !important; }
1019 #list_create_table td { vertical-align: middle; padding: 0 8px; }
1020 #list_create_table {
1021 background-color: #ccc;
1022 padding-bottom: 4px;
1023 margin-bottom: 10px;
1024 border-bottom: 1px dotted #666;
1026 .list-create-table-buttons input[type=image] { margin-top: 2px; }
1027 .result_table_format_cell { padding: 0px 10px; text-align: center; }
1028 #hold_editor h1 { font-size: 120%; font-weight: bold; }
1029 #hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
1030 #hold_editor h1, #hold_editor h2 { margin: 2px 0; }
1031 #hold_editor_table { background-color: #ddd; padding: 0.5em; }
1032 #hold_editor_table th { text-align: right; padding-right: 1em; }
1033 #hold_editor_table td { padding: 0.25em 0; }
1034 .fmt-note { vertical-align: middle; padding-left: 1em !important; }
1035 .hold-editor-controls { text-align: center; padding-top: 1em !important; }
1036 .hold-editor-controls a { padding-left: 2em; }
1038 .text-right { text-align: right; }
1039 .text-right-top { text-align: right; vertical-align: top; }
1040 .rdetail-author-div { padding-bottom: 10px; }
1042 .invisible { visibility: hidden; }
1043 .rdetail-extras-summary { margin: 10px; }
1044 .staff-hold { background-color: #eee; }
1045 .expert-search tbody tr th { text-align: right; padding-left: 2em; }
1046 .bookshelf thead tr td {
1047 border-bottom: 1px dashed #999;
1048 padding-bottom: 1ex;
1050 .cn_browse_item { padding: 2ex; }
1052 .results-paginator-selected { color: red; }
1053 .inactive-hold { background: #e5e5e5; }
1055 #hold-items-list td { padding: 5px; margin-bottom: 20px; }
1056 .hold-items-list-title { font-size: 120%; }
1057 .hold-items-list-problem { color: red; }
1059 .big-strong {font-weight: bold; font-size: 120%; }
1061 .results_header_btns, .results_header_sel {
1067 /* TODO: gradients */
1068 .opac-button, .results_header_btns, #simple-detail-view-links {
1071 -moz-border-radius: 5%;
1073 background: #1784c7;
1076 .results_header_btns a, #simple-detail-view-links a {
1078 padding: 5px 10px 5px 10px;
1080 vertical-align: middle;
1081 display: table-cell;
1084 a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
1085 background: #359ee0;
1086 text-decoration: none;
1091 padding: 5px 10px 5px 10px;
1094 #dash_wrapper .opac-button {
1099 #myopac_checked_div {
1103 .rdetail-mfhd-head {
1106 background-color: #D8D8D8;
1109 .rdetail-mfhd-type {
1113 .rdetail-mfhd-bottom {
1114 border-bottom: thin solid black;
1118 .rdetail_copy_counts {
1122 #rdetail_record_details {
1127 .rdetail_subject_type {
1128 vertical-align: top;
1132 .bookbag-item-row td { vertical-align: top; }
1134 .error { color: red; font-weight: bold; }
1135 .success { color: green; font-weight: bold; }
1137 .rdetail_related_subjects {
1141 .rdetail_related_series {
1149 .rdetail_openurl_entry {
1153 .bookbag-controls-holder { width: 100%; }
1154 .bookbag-controls-holder:nth-child(odd) { background-color: #d7d7d7; }
1155 .bookbag-controls-holder:nth-child(even) { background-color: #e3e3e3; }
1156 .bookbag-controls-holder .most { padding-left: 0; width: 55%; }
1157 h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
1158 .bookbag-share .fixed { min-width: 4em; }
1159 .bookbag-specific { margin-left: 1em; }
1160 .bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
1161 .bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
1162 #bbag-name-desc-form tr th { vertical-align: middle; }
1163 #bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
1164 .bookbag-description {
1168 #bbag-edit-description { width: 20em; }
1169 #bbag-edit-name { width: 20em; }
1170 textarea { font-family: sans-serif; }
1171 table.bookbag-specific {
1172 border-right: 1px solid #999;
1173 border-bottom: 1px solid #666;
1176 .save-notes { padding-bottom: 1.5ex; }
1177 .saved-searches-header { width: 100%; font-weight: bold; font-size: 120%; }
1178 .saved-searches-header .button { float: right; width: 28px; }
1179 .saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
1180 .saved-searches-header {font-weight: bold; font-size: 120%; }
1181 .saved-searches { border-bottom: 1px solid #666; }
1182 #staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
1183 border-right: 1px solid #333;