--- /dev/null
+.sliderwrapper{
+position: relative; /*leave as is*/
+overflow: hidden; /*leave as is*/
+width: 675px; /*width of featured content slider*/
+height: 213px;
+}
+
+
+
+.sliderwrapper .contentdiv{
+visibility: hidden; /*leave as is*/
+position: absolute; /*leave as is*/
+left: 0; /*leave as is*/
+top: 0; /*leave as is*/
+width: 675px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
+height: 100%;
+filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
+-moz-opacity: 1;
+opacity: 1;
+}
+
+.pagination{
+width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
+text-align: right;
+background-color: navy;
+padding: 5px 10px;
+}
+
+.pagination a{
+padding: 0 5px;
+text-decoration: none;
+color: #00007D;
+background: white;
+}
+
+.pagination a:hover, .pagination a.selected{
+color: #000;
+background-color: #FEE496;
+}
\ No newline at end of file
--- /dev/null
+/* once done renaming and everything, combine with style.css */
+.opac-auto-001 { background: #2bb0fd; }
+.opac-auto-002 { background: #54987f; }
+.opac-auto-003 { background: #decc92; }
+.opac-auto-004 { background: #E0F0E0; }
+.opac-auto-005 { background: #ffc331; }
+.gray-back { background: gray; }
+.pink-back { background: pink; }
+.white-back { background: white; }
+.opac-auto-009 { border: 3px solid #E0E0E0; }
+.opac-auto-010 { border-bottom: 1px dotted #ccc; padding-top: 10px; }
+.opac-auto-011 { border-bottom: 1px dotted #ccc; padding-top: 6px; }
+.opac-auto-012 { border-bottom: none; }
+.opac-auto-013 { border-bottom: none; *height: 0px; }
+.opac-auto-014 { border-collapse: collapse; }
+.opac-auto-015 { border-left: 1px solid #e9ebf3; padding-right: 27px; }
+.opac-auto-016 { border: none; }
+.opac-auto-017 { border: none; width: 100%; }
+.opac-auto-018 { border-top: 1px dotted #ccc; padding-top: 17px; }
+.opac-auto-019 { border-top: none; }
+.clear-both { clear: both; }
+.common-no-pad { clear: both; height: 0px; margin: 0px; padding: 0px; }
+.common-full-pad { clear: both; height: 15px; }
+.opac-auto-029 { color: #333; font-weight: bold; font-size: 13px; }
+.opac-auto-030 { color: #545454; }
+.opac-auto-031 { color: #9999FF; padding-left: 10px; font-size: 7pt; font-weight: 300; }
+.red { color: red; }
+.bold-red { color: red; font-weight: bold }
+.pointer { cursor: pointer; }
+#lib_selector_span { display: none }
+.float-left { float: left; }
+.opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
+.opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
+.left-corner { float: left; width: 163px; height: 30px; background: url('/images/utils-corner-mid.png') repeat-x top; }
+.opac-auto-043 { float: left; width: 300px; margin-top: 20px; }
+.float-right { float: right; }
+.opac-auto-045 { float: right; margin-right: 17px; }
+.opac-auto-046 { float: right; width: 214px; }
+.opac-auto-047 { float: right; width: 353px; background: #ccc; padding: 10px; margin-top: 7px; }
+.opac-auto-048 { float: right; width: 65px; }
+#they_said_dont_touch { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
+.opac-auto-050 { float: right; width: 85px; }
+.ten-px { font-size: 10px; }
+.eleven-px { font-size: 11px; }
+.eight-pt { font-size: 8pt; }
+.opac-auto-054 { font-size: 8pt; padding-left: 20px; }
+.bold { font-weight: bold; }
+.opac-auto-057 { font-weight: bold; padding: 5px; margin: 5px; width: 100%; }
+.opac-auto-058 { font-weight: bold; padding-left: 10px; }
+.opac-auto-059 { font-weight: bold; padding-right: 10px; }
+.opac-auto-060 { font-weight: normal; }
+.opac-auto-061 { height: 0px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #d4d4d4; margin: 15px 0px; }
+.small-height { height: 10px; }
+.normal-height { height: 15px; }
+.big-height { height: 20px; }
+.very-big-height { height: 30px; }
+#gold-links-holder { height: 24px; background: #252525; }
+.opac-auto-067 { margin: 3px; width: 100%; }
+.big-block { margin: auto; width: 974px; height: 0px; }
+.opac-auto-069 { margin-bottom: 10px; }
+.opac-auto-070 { margin-bottom: 20px; }
+.opac-auto-071 { margin-bottom: 5px; }
+.opac-auto-072 { margin-left: 20px; }
+.opac-auto-073 { margin-left: 5px; margin-top: 5px; }
+#cn_browse_where { margin-left: 6px; }
+.opac-auto-075 { margin-right: 20px; }
+.opac-auto-076 { margin-right: 3px; }
+.opac-auto-077 { margin-right: 4px; position: relative; top: -10px; }
+.opac-auto-078 { margin-right: 7px; }
+.opac-auto-079 { margin-top: 10px; }
+.opac-auto-080 { margin-top: 10px; margin-bottom: 10px; }
+.opac-auto-081 { margin-top: 13px; }
+.opac-auto-082 { margin-top: 29px; }
+.opac-auto-083 { margin-top: 2px; }
+.opac-auto-084 { margin-top: 5px; }
+.opac-auto-085 { margin-top: 6px; margin-left: 20px; width: 250px; padding: 5px; }
+.opac-auto-086 { margin-top: 8px; }
+.opac-auto-087 { max-width: 11em; }
+.opac-auto-088 { padding: 0px; }
+.opac-auto-089 { padding: 0px 10px; }
+.opac-auto-090 { padding: 10px; }
+.opac-auto-091 { padding: 10px 0px; }
+.opac-auto-092 { padding: 4px; text-align: center; }
+.pad-bottom-five { padding: 5px; }
+.opac-auto-094 { padding: 5px 7px 0px 0px; }
+.opac-auto-095 { padding: 5px 7px 0px 0px; white-space: nowrap; }
+.opac-auto-096 { padding: 6px }
+.opac-auto-097 { padding: 8px 0px 6px 0px; }
+.opac-auto-098 { padding-bottom: 10px; }
+.opac-auto-099 { padding-bottom: 12px; color: #666; }
+.opac-auto-100 { padding-bottom: 16px; }
+.opac-auto-101 { padding-bottom: 1px; }
+.opac-auto-102 { padding-bottom: 7px; }
+.opac-auto-103 { padding-left: 10px; }
+.opac-auto-104 { padding-left: 11px; padding-right: 11px; }
+.opac-auto-105 { padding-left: 11px; padding-right: 13px; }
+.opac-auto-106 { padding-left: 15px; }
+.opac-auto-107 { padding-left: 15px; padding-bottom: 10px; }
+.opac-auto-108 { padding-left: 5px; }
+.opac-auto-109 { padding-left: 5px; padding-bottom: 10px; }
+.opac-auto-110 { padding-left: 6px; }
+.opac-auto-111 { padding-left: 8px; }
+.opac-auto-112 { padding-left: 9px; }
+.opac-auto-113 { padding-right: 10px; }
+.opac-auto-114 { padding-right: 15px; padding-left: 15px; }
+.opac-auto-115 { padding-right: 20px; }
+.opac-auto-116 { padding-right: 5px; }
+.opac-auto-117 { padding-right: 7px; }
+.pad-top-ten { padding-top: 10px; }
+.opac-auto-119 { padding-top: 14px; }
+.opac-auto-120 { padding-top: 5px; }
+.opac-auto-121 { padding-top: 6px; }
+.opac-auto-122 { padding-top: 7px; }
+.opac-auto-123 { padding-top: 8px; }
+.pos-abs { position: absolute; }
+#new_cat_link_holder { position: absolute; z-index: 101; }
+#new_cat_link_holder a { display: block; width: 675px; height: 213px; }
+.pos-rel { position: relative; }
+#search-box table { position: relative; left: -10px; }
+.opac-auto-129 { position: relative; left: -19px; }
+.opac-auto-130 { position: relative; left: 80px; }
+.opac-auto-131 { position: relative; top: 0px; left: 55px; }
+.opac-auto-132 { position: relative; top: 13px; }
+.opac-auto-133 { position: relative; top: -13px; left: 2px; font-size: 10px; }
+.opac-auto-134 { position: relative; top: -15px; left: 172px; }
+.opac-auto-135 { position: relative; top: -15px; left: -23px; }
+.opac-auto-136 { position: relative; top: 161px; left: 172px; }
+.opac-auto-137 { position: relative; top: 161px; left: -23px; }
+#home_adv_search_link { position: relative; top: -1px; left: 10px; }
+#util_back_btn { position: relative; top: 1px; left: 10px; }
+.opac-auto-140 { position: relative; top: -2px; }
+#util_help_btn { position: relative; top: 2px; left: 40px; }
+#util_forw_btn { position: relative; top: 2px; left: 50px; }
+.opac-auto-143 { position: relative; top: -3px; }
+#util_home_btn { position: relative; top: 3px; left: 20px; }
+.opac-auto-145 { position: relative; top: -3px; left: 3px; }
+.opac-auto-146 { position: relative; top: -3px; left: -5px; }
+.opac-auto-147 { position: relative; top: -5px; }
+#learn_more { position: relative; top: 5px; }
+.opac-auto-149 { position: relative; top: 5px; left: 25px; }
+#util_print_btn { position: relative; top: 5px; left: 30px; }
+.opac-auto-151 { position: relative; top: 75px; }
+.opac-auto-152 { position: relative; top: -9px; }
+.opac-auto-153 { position: relative; z-index: 100; }
+.text-center { text-align: center; }
+.opac-auto-156 { text-align: center; font-weight: bold; }
+.opac-auto-157 { text-align: center; margin-top: 20px; width: 400px; }
+.opac-auto-158 { text-align: center; margin-top: 6px; margin-bottom: 6px }
+.opac-auto-159 { text-align: center; padding: 20px; width: 100% }
+.opac-auto-160 { text-align: center; padding-bottom: 8px; }
+.opac-auto-161 { text-align: right; padding-right: 7px; }
+.opac-auto-162 { vertical-align: top; }
+.nowrap { white-space: nowrap; }
+.opac-auto-164 { white-space: nowrap; padding-left: 5px; }
+.full-width { width: 100%; }
+.opac-auto-167 { width: 100%; border: 1px solid black; padding: 6px; margin-top: 5px; }
+.opac-auto-168 { width: 100%; border: 2px solid #E0F0E0; margin-bottom: 20px; }
+.opac-auto-169 { width: 100%; height: 100%; }
+.opac-auto-170 { width: 100%; margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 8px; }
+.opac-auto-171 { width: 100%; text-align: center; font-weight: 700; margin-top: 10px; }
+.opac-auto-172 { width: 100%; text-align: center; padding-bottom: 5px; }
+.opac-auto-173 { width: 10px; }
+.opac-auto-174 { width: 111px; height: 25px; }
+.opac-auto-175 { width: 125px; height: 21px; }
+.opac-auto-176 { width: 129px; }
+#search_box { width: 162px; }
+.opac-auto-178 { width: 174px; }
+.opac-auto-179 { width: 175px; margin-right: 11px; }
+.opac-auto-180 { width: 182px; color: black; padding: 5px 25px; }
+.opac-auto-181 { width: 195px; }
+.opac-auto-182 { width: 230px; text-align: left; margin-top: 3px; }
+.opac-auto-183 { width: 250px; text-align: left; }
+.opac-auto-184 { width: 26px; height: 23px; margin-top: 6px; margin-bottom: 6px; }
+.opac-auto-185 { width: 324px; }
+.opac-auto-186 { width: 400px; margin-top: 20px; }
+.opac-auto-187 { width: 662px; }
+.opac-auto-188 { width: 700px; height: 30px; border: 1px solid red; }
+.opac-auto-189 { width: 742px; float: left; }
+.opac-auto-190 { width: 88px; }
+.opac-auto-191 { width: 90px; }
+#cn_browse_div > div { width: 90%; text-align: center; margin: 10px; }
+.opac-auto-193 { width: 91px; }
+#cn_browse { width: 95%; text-align: center; padding: 15px; }
+.opac-auto-195 { width: 99%; text-align: center }
--- /dev/null
+body {
+ margin:0;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ background:#333;
+}
+
+img {
+ border: none;
+}
+
+a {
+ color: #003399;
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+#search-wrapper input[type=text] {
+ border:none;
+ margin:0;
+ padding:0;
+}
+
+#search-wrapper select {
+ border:1px solid #e9ebf3;
+ margin:0;
+ padding:0;
+ width:168px;
+}
+
+/*
+#search-wrapper select {
+ border:0px solid black;
+ filter:alpha(opacity=0);
+ -moz-opacity:0;
+ -khtml-opacity:0;
+ opacity:0;
+ padding:0;
+ margin:0;
+ height:18px;
+ font-size: 12px;
+}
+*/
+h1 {
+ margin:0;
+ margin-bottom: 5px;
+ font-size: 20px;
+ font-weight:normal;
+}
+
+h2 {
+ margin:0;
+ margin-bottom: 5px;
+ font-size: 14px;
+ font-weight:bold;
+}
+
+.hide_me {
+ display: none;
+ visibility: hidden;
+}
+
+div.select-box-wrapper {
+ position:absolute;
+ padding-top:2px;
+ padding-left:3px;
+ overflow:hidden;
+ text-align:left;
+}
+
+div.select-wrapper {
+ border:1px solid #4C8AB0;
+ display:inline-block;
+ position:relative;
+ z-index:2;
+ background:url('/images/dropdown.gif') no-repeat right center;
+}
+
+div.select-wrapper:hover {
+ background:url('/images/dropdown-hover.gif') no-repeat right center;
+}
+
+#dash_wrapper {
+ width:500px;
+ position:relative;
+ top:-26px;
+}
+
+#dashboard {
+ clear:both;
+ float:right;
+ width:384px;
+}
+
+#dashboard span {
+ font-weight:bold;
+ position:relative;
+ left:-1px;
+}
+
+#dash_user {
+ font-weight:bold;
+ text-transform:capitalize;
+}
+
+#header {
+ color: #fff;
+ padding: 26px 0px 26px 0px;
+ width: 974px;
+ margin: auto;
+ font-size:11px;
+}
+
+#header a {
+ color: #fff;
+}
+
+#header a:hover {
+ color: white;
+ text-decoration: none;
+}
+
+#header-links {
+ color: #afafaf;
+ font-size: 11px;
+ font-weight: bold;
+ position: relative;
+ top:4px;
+
+}
+
+#header-links a {
+ color: #afafaf;
+ display: block;
+ float:left;
+ margin-right:22px;
+}
+
+#header-links a:hover {
+ color: white;
+ text-decoration: none;
+}
+
+#header #header-links2 {
+ position:relative;
+ top:-8px;
+ color: white;
+ padding-bottom: 15px;
+}
+
+#header #header-links2 a {
+ color: white;
+}
+
+#header #header-links2 a:hover {
+ text-decoration: underline;
+}
+
+#header #your-acct-login {
+ padding-top:10px;
+}
+
+#gold-links {
+ margin:auto;
+ width:974px;
+ padding-left:0px;
+}
+
+#util-bar {
+ margin:auto;
+ width:974px;
+ padding-left:0px;
+ height:0px;
+}
+
+#search-wrapper {
+ border-bottom: 1px solid #e9ebf3;
+ padding-bottom: 5px;
+ background: white;
+}
+
+#search_box_wrapper {
+ border:1px solid #e9ebf3;
+ padding: 1px;
+ padding-left:3px;
+}
+
+#search-wrapper #breadcrumb {
+ margin-top:0px;
+ font-size: 10px;
+ float:left;
+}
+
+#search-wrapper #search-within {
+ margin-top:10px;
+ float:right;
+ position:relative;
+ left:-173px;
+}
+
+#search-wrapper #breadcrumb a {
+ color: black;
+}
+
+#search-wrapper #search_frm label {
+ font-size: 10px;
+}
+
+#search-wrapper #search-box {
+ width:974px;
+ margin:auto;
+ padding-left: 0px;
+}
+
+#utils {
+ float:right;
+ z-index:1;
+ width:150px;
+ height:30px;
+ background:url('/images/utils-corner-left.png') no-repeat left top;
+ padding-left: 3px;
+ color: white;
+ position:relative;
+}
+
+#utils a {
+ color: white;
+ font-size: 10px;
+}
+#adv_search_tabs {
+ height:33px;
+ width:974px;
+ margin:auto;
+}
+
+#adv_search_tabs a {
+ float: left;
+ display: block;
+ height:33px;
+ margin-right:7px;
+}
+
+#adv_search {
+ width:156px;
+ background:url('/images/adv_search_on.gif') no-repeat bottom;
+}
+
+#num_search {
+ width:156px;
+ background:url('/images/num_search_off.gif') no-repeat bottom;
+}
+
+#expert_search {
+ width:156px;
+ background:url('/images/expert_search_off.gif') no-repeat bottom;
+}
+
+#acct_tabs {
+ height:33px;
+ width:974px;
+ margin:auto;
+}
+
+#acct_tabs a {
+ float: left;
+ display: block;
+ height:33px;
+ margin-right:7px;
+}
+
+.acct-tab {
+ background-repeat: no-repeat;
+ background-position: bottom;
+ width:156px;
+}
+
+.acct-main-off {
+ background-image:url('/images/acct_summary_off.gif');
+}
+.acct-main-on {
+ background-image:url('/images/acct_summary_on.gif');
+}
+
+.acct-circs-off {
+ background-image:url('/images/acct_checked_out_off.gif');
+}
+.acct-circs-on {
+ background-image:url('/images/acct_checked_out_on.gif');
+}
+
+.acct-holds-off {
+ background-image:url('/images/acct_holds_off.gif');
+}
+.acct-holds-on {
+ background-image:url('/images/acct_holds_on.gif');
+}
+
+.acct-prefs-off {
+ background-image:url('/images/acct_prefs_off.gif');
+}
+.acct-prefs-on {
+ background-image:url('/images/acct_prefs_on.gif');
+}
+
+.acct-lists-off {
+ background-image:url('/images/acct_lists_off.gif');
+}
+.acct-lists-on {
+ background-image:url('/images/acct_lists_on.gif');
+}
+
+#rdetail_header {
+ font-size:14px;
+ font-weight:bold;
+ color:#074079;
+ padding: 5px 7px 6px 0px;
+ border-bottom: 1px dotted #ccc;
+}
+
+#rdetail_result_count {
+ color: black;
+ font-size: 11px;
+ font-weight: normal;
+}
+
+#rdetail_result_nav {
+ float:right;
+ font-size: 11px;
+ font-weight:normal;
+}
+
+#rdetail_details_table {
+ margin-top: 15px;
+}
+
+#rdetail_title {
+ font-size: 18px;
+}
+
+#rdetail_image_cell {
+ padding-top: 3px;
+ padding-right: 10px;
+}
+
+.rdetail_aux_utils {
+ border-left:1px dotted #ccc;
+ padding-left: 17px;
+ padding-bottom: 6px;
+ padding-right: 70px;
+}
+
+.results_aux_utils {
+ border-left:1px dotted #ccc;
+ padding-left: 17px;
+ padding-bottom: 6px;
+ padding-right: 50px;
+}
+
+#rdetails_status td, #rdetails_status2 td {
+ white-space:nowrap !important;
+ padding: 7px 0px 3px 13px;
+}
+
+#rdetails_status_head td {
+ background-color: #d8d8d8;
+ padding: 13px 0px 13px 13px;
+ font-size: 10px;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+#rdetails_status_head2 td {
+ padding: 0px;
+}
+
+.rdetail_extras {
+ height: 29px;
+ background: #9ad0f1;
+ padding-top:1px;
+ margin-bottom: 10px;
+ margin-top: 10px;
+ clear:both;
+}
+
+.rdetail_extras_hr {
+ height: 1px;
+ background: #b7def5;
+ margin-left: 1px;
+ margin-right: 1px;
+}
+
+.rdetail_extras_link {
+ padding-top: 4px;
+ padding-left: 12px;
+ font-size: 10px;
+ text-transform: uppercase;
+ font-weight: bold;
+}
+
+.rdetail_extras_lbl {
+ position: relative;
+ top: -4px;
+ left: 7px;
+}
+
+#paginate-homebanner a.toc {
+ display:block;
+ width:20px;
+ height:20px;
+ background:gray;
+ float:left;
+ margin-left:2px;
+ margin-right:2px;
+ margin-top:2px;
+}
+
+#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
+ margin-left: 13px;
+}
+
+#rdetail_locs_expand, #rdetail_locs_collapse {
+ padding-bottom:3px;
+ margin-top:15px;
+ margin-left:13px;
+}
+
+#rdetail_anotes_div .biography {
+ margin:0;
+}
+
+#paginate-homebanner a.selected {
+ border: 2px solid black;
+ margin-top:0px;
+ margin-left:0px;
+ margin-right:0px;
+}
+
+#hp-buttons {
+ margin: auto;
+ margin-top: 6px;
+ width: 974px;
+}
+
+#hp-welcome {
+ position:absolute;
+ width:295px;
+ height:192px;
+ background: url('/images/banner-bg.png') no-repeat;
+ color: #fff;
+ padding-left: 33px;
+ padding-top: 21px;
+ z-index:9999999999;
+}
+
+#hp-welcome h1 {
+ font-size: 25px;
+ margin-bottom:15px;
+}
+
+#hp-welcome a {
+ color: #fff;
+ text-decoration: underline;
+}
+
+#hp-banner {
+ margin: auto;
+ width:974px;
+ height: 213px;
+}
+
+#hp-ql-table {
+ margin-left: 2px;
+ padding-top: 3px;
+}
+
+#hp-ql-table a {
+ color: #333;
+ font-weight: bold;
+ font-size: 13px;
+ text-transform: uppercase;
+ text-decoration: none;
+ display: block;
+ width: 144px;
+ height: 25px;
+ padding-top: 9px;
+ padding-left: 15px;
+ background: url('/images/button-bg.png') no-repeat;
+}
+
+#hp-ql-bottom {
+ width: 640px;
+ height: 31px;
+ padding-left: 24px;
+ padding-top: 13px;
+ background: url('/images/hp-links-mid.jpg') repeat-x;
+}
+
+#hp-ql-bottom a {
+ display: inline-block;
+ text-decoration: none;
+ color: white;
+ font-size: 15px;
+ font-weight: bold;
+}
+
+#content-wrapper {
+ background: white;
+ min-height: 260px;
+ border-bottom: 1px solid black;
+}
+
+#main-content {
+ width: 974px;
+ margin:auto;
+ padding-left:0px;
+}
+
+#main-content .login_boxes {
+ border: 1px solid #dedede;
+ background:url('/images/login-bg.jpg') top repeat-x;
+ color: #333;
+}
+
+#main-content .login_boxes h1 {
+ font-weight: normal;
+ font-size: 25px;
+ margin:0;
+}
+
+#main-content .left_brain {
+ padding-left:28px;
+ padding-top:25px;
+}
+
+#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
+ width:167px;
+ height:18px;
+ margin:0;
+ padding:0;
+ border:none;
+ background: none;
+ font-size: 15px;
+ color: #666;
+}
+
+#main-content .left_brain .input_bg {
+ padding:10px 10px 0px 13px;
+ background: url('/images/login-box-bg.jpg') no-repeat;
+ width:167px;
+ height:29px;
+}
+
+#home-buttons-inner {
+ width:664px;
+ height:117px;
+ background:#bda964;
+}
+
+#holds_temp_parent td {
+ border-bottom:1px solid #dcdbdb;
+}
+
+#holds_temp_parent input, #holds_temp_parent select {
+ margin:0;
+}
+
+
+
+
+#results_header_bar {
+ background: #929292;
+ border-top:1px solid #8b8b8b;
+}
+
+#results_header_inner {
+ height:32px;
+ width:974px;
+ margin:auto;
+ padding-top:6px;
+}
+
+.results_header_btns {
+ float:left;
+ margin-right: 6px;
+}
+
+.cached_list_div { width: 111px; height: 25px; }
+
+.results_header_div {
+ float: left;
+ width: 0px;
+ height: 25px;
+ border-left: 1px solid #7c7c7c;
+ border-right: 1px solid #9c9c9c;
+ margin: 0px 13px;
+}
+
+.results_header_lbl {
+ font-weight: bold;
+ float: left;
+ font-size: 11px;
+ color: #191919;
+ position: relative;
+ top: 5px;
+ margin-right: 6px;
+}
+
+.results_header_sel {
+ width: 88px;
+ float:left;
+ position: relative;
+ top: 2px;
+ margin:0;
+}
+
+#results_header_nav1 {
+ padding: 5px 7px 6px 0px;
+ border-bottom: 1px dotted #ccc;
+}
+
+#results_header_nav1 .h1 {
+ font-size:14px;
+ font-weight:bold;
+ color:#074079;
+}
+
+#start_end_links_span {
+ font-size: 11px;
+}
+
+#start_end_links_span2 {
+ font-size: 11px;
+}
+
+.nav_arrow_fix {
+ font-size:8px;
+ position:relative;
+ top:-1px;
+}
+
+#result_table_div {
+ margin-top: 20px;
+}
+
+#result_numbers1 {
+ font-size: 11px;
+ padding-left:15px;
+}
+
+
+
+
+
+
+.icon_text {
+ text-transform:capitalize;
+}
+
+.result_table_title_cell {
+ padding-left: 7px;
+}
+
+#myopac_summary_div p {
+ margin:0;
+ margin-bottom: 10px;
+}
+
+#acct_sum_checked_table td {
+ padding-bottom:5px;
+}
+
+#zero_search_hits p {
+ margin-top:0;
+}
+
+#zero_hits_term {
+ text-transform: uppercase;
+}
+
+#zero_search_hits #spell_check_link {
+ text-transform: uppercase;
+}
+
+#zero_search_hits #zero_hits_suggestions {
+ text-transform: uppercase;
+}
+
+.results_info_table td {
+ padding-right: 10px;
+}
+
+#myopac_holds_main_table {
+ border-collapse: collapse;
+}
+
+#myopac_holds_main_table td {
+ border: 1px solid black;
+
+}
+
+#myopac_prefs_div .data_grid {
+ border-collapse:collapse;
+}
+
+#myopac_prefs_div .data_grid td {
+ background:#f0f0f0;
+ border-bottom:3px solid white;
+ padding:6px 0px 7px 17px;
+}
+
+.header_middle {
+ height:22px;
+ font-size:14px;
+ font-weight:bold;
+ color:#074079;
+ padding: 0px 7px 0px 0px;
+ border-bottom: 1px dotted #ccc;
+}
+
+.header_middle a {
+ font-size: 12px;
+ font-weight: normal;
+}
+
+.acct_sum_row {
+ padding: 7px 15px;
+ width: 712px;
+ background: #f0f0f0;
+ margin-bottom: 2px;
+ font-size: 10px;
+ font-weight: bold;
+ text-transform: uppercase;
+}
+
+.acct_sum_row a {
+ text-transform: none;
+ font-size: 12px;
+ position:relative;
+ top:-1px;
+}
+
+.acct_sum_row .view_link {
+ font-weight: normal;
+ font-size:12px;
+}
+
+#myopac_sum_fines {
+ float:right;
+ padding: 15px 0px 0px 23px;
+ background: #f0f0f0;
+ width: 177px;
+ height: 166px;
+}
+
+.acct_holds_temp td {
+ text-align: left;
+}
+
+#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
+ float:left;
+ /*padding-left:10px;*/
+}
+
+#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
+ /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
+}
+
+#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
+ font-weight:bold;
+ text-transform:uppercase;
+ font-size: 10px;
+}
+
+#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 {
+ background: #d8d8d8;
+ padding: 8px 0px 7px 0px;
+}
+
+#acct_list_header select, #acct_list_header_anon select {
+ font-weight:normal;
+ text-transform:none;
+}
+
+#acct_holds_activates_table label {
+ font-weight: bold;
+ font-size: 11px;
+ text-transform:uppercase;
+ padding-right: 5px;
+}
+
+.adv_search_font {
+ font-size: 10px;
+}
+
+.search_catalog_lbl {
+ font-size: 14px;
+}
+
+.lbl1 {
+ font-size:14px;
+ font-weight:bold;
+}
+
+.lbl2 {
+ font-size:10px;
+ font-weight:normal;
+ position:relative;
+ top:3px;
+}
+
+#myopac_tabs, #adv_search_parent {
+ background: #929292;
+ border-top:1px solid #8b8b8b;
+ padding-top:5px;
+ margin-bottom:20px;
+}
+
+#adv_search_parent {
+ margin-bottom:0px;
+}
+
+#myopac_loading {
+ width:100%;
+ text-align:center;
+ padding-top:20px;
+ font-size:16px;
+ font-weight:bold;
+}
+
+.chili_link {
+ width:100px !important;
+ text-align: center !important;
+}
+
+.chili_review div.chili_link div {
+ margin: auto;
+}
+
+/* some facet styling */
+.facetClassContainer { margin: 2px; border: 1px solid #CCC; }
+.facetClassLabelContainer { border: 1px solid #CCC; }
+.facetClassLabel { font-weight: bold; text-align: center; }
+.facetFieldContainer { }
+.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
+.extraFacetFieldsWrapper { }
+.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
+.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
+.facetField { border-top: 1px solid #CCC; }
+.facetFields { padding-left: 5px; }
+.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
+
+#footer {
+ padding-top:5px;
+ padding-bottom: 10px;
+ color: white;
+ margin: auto;
+ width: 974px;
+ color: #afafaf;
+ font-size: 11px;
+}
+
+#footer a {
+ color: white;
+ color: #afafaf;
+}
+
+.color_4 {
+ text-transform: uppercase;
+ font-weight: bold;
+ font-size: 10px;
+}
+
+.advanced_div { padding-top: 15px; }
+#adv_global_search select { width: 13em; }
+#adv_global_input_table select { width: 7em; }
+.adv_adv_link { font-size: 8pt; color: red; }
+#acct_prefs_header { float: left; }
+#limit_to_available {
+ float: left; position: relative; top: 2px;
+ left: -2px; margin-right: 4px;
+}
+#rdetail_copy_info_table { font-size: 8pt; }
+#rdetail_copy_info_table td { padding: 3px; }
+
+++ /dev/null
-.sliderwrapper{
-position: relative; /*leave as is*/
-overflow: hidden; /*leave as is*/
-width: 675px; /*width of featured content slider*/
-height: 213px;
-}
-
-
-
-.sliderwrapper .contentdiv{
-visibility: hidden; /*leave as is*/
-position: absolute; /*leave as is*/
-left: 0; /*leave as is*/
-top: 0; /*leave as is*/
-width: 675px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
-height: 100%;
-filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
--moz-opacity: 1;
-opacity: 1;
-}
-
-.pagination{
-width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
-text-align: right;
-background-color: navy;
-padding: 5px 10px;
-}
-
-.pagination a{
-padding: 0 5px;
-text-decoration: none;
-color: #00007D;
-background: white;
-}
-
-.pagination a:hover, .pagination a.selected{
-color: #000;
-background-color: #FEE496;
-}
\ No newline at end of file
+++ /dev/null
-/* once done renaming and everything, combine with style.css */
-.opac-auto-001 { background: #2bb0fd; }
-.opac-auto-002 { background: #54987f; }
-.opac-auto-003 { background: #decc92; }
-.opac-auto-004 { background: #E0F0E0; }
-.opac-auto-005 { background: #ffc331; }
-.gray-back { background: gray; }
-.pink-back { background: pink; }
-.white-back { background: white; }
-.opac-auto-009 { border: 3px solid #E0E0E0; }
-.opac-auto-010 { border-bottom: 1px dotted #ccc; padding-top: 10px; }
-.opac-auto-011 { border-bottom: 1px dotted #ccc; padding-top: 6px; }
-.opac-auto-012 { border-bottom: none; }
-.opac-auto-013 { border-bottom: none; *height: 0px; }
-.opac-auto-014 { border-collapse: collapse; }
-.opac-auto-015 { border-left: 1px solid #e9ebf3; padding-right: 27px; }
-.opac-auto-016 { border: none; }
-.opac-auto-017 { border: none; width: 100%; }
-.opac-auto-018 { border-top: 1px dotted #ccc; padding-top: 17px; }
-.opac-auto-019 { border-top: none; }
-.clear-both { clear: both; }
-.common-no-pad { clear: both; height: 0px; margin: 0px; padding: 0px; }
-.common-full-pad { clear: both; height: 15px; }
-.opac-auto-029 { color: #333; font-weight: bold; font-size: 13px; }
-.opac-auto-030 { color: #545454; }
-.opac-auto-031 { color: #9999FF; padding-left: 10px; font-size: 7pt; font-weight: 300; }
-.red { color: red; }
-.bold-red { color: red; font-weight: bold }
-.pointer { cursor: pointer; }
-#lib_selector_span { display: none }
-.float-left { float: left; }
-.opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
-.opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
-.left-corner { float: left; width: 163px; height: 30px; background: url('/opac/skin/kcls/graphics/utils-corner-mid.png') repeat-x top; }
-.opac-auto-043 { float: left; width: 300px; margin-top: 20px; }
-.float-right { float: right; }
-.opac-auto-045 { float: right; margin-right: 17px; }
-.opac-auto-046 { float: right; width: 214px; }
-.opac-auto-047 { float: right; width: 353px; background: #ccc; padding: 10px; margin-top: 7px; }
-.opac-auto-048 { float: right; width: 65px; }
-#they_said_dont_touch { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
-.opac-auto-050 { float: right; width: 85px; }
-.ten-px { font-size: 10px; }
-.eleven-px { font-size: 11px; }
-.eight-pt { font-size: 8pt; }
-.opac-auto-054 { font-size: 8pt; padding-left: 20px; }
-.bold { font-weight: bold; }
-.opac-auto-057 { font-weight: bold; padding: 5px; margin: 5px; width: 100%; }
-.opac-auto-058 { font-weight: bold; padding-left: 10px; }
-.opac-auto-059 { font-weight: bold; padding-right: 10px; }
-.opac-auto-060 { font-weight: normal; }
-.opac-auto-061 { height: 0px; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #d4d4d4; margin: 15px 0px; }
-.small-height { height: 10px; }
-.normal-height { height: 15px; }
-.big-height { height: 20px; }
-.very-big-height { height: 30px; }
-#gold-links-holder { height: 24px; background: #252525; }
-.opac-auto-067 { margin: 3px; width: 100%; }
-.big-block { margin: auto; width: 974px; height: 0px; }
-.opac-auto-069 { margin-bottom: 10px; }
-.opac-auto-070 { margin-bottom: 20px; }
-.opac-auto-071 { margin-bottom: 5px; }
-.opac-auto-072 { margin-left: 20px; }
-.opac-auto-073 { margin-left: 5px; margin-top: 5px; }
-#cn_browse_where { margin-left: 6px; }
-.opac-auto-075 { margin-right: 20px; }
-.opac-auto-076 { margin-right: 3px; }
-.opac-auto-077 { margin-right: 4px; position: relative; top: -10px; }
-.opac-auto-078 { margin-right: 7px; }
-.opac-auto-079 { margin-top: 10px; }
-.opac-auto-080 { margin-top: 10px; margin-bottom: 10px; }
-.opac-auto-081 { margin-top: 13px; }
-.opac-auto-082 { margin-top: 29px; }
-.opac-auto-083 { margin-top: 2px; }
-.opac-auto-084 { margin-top: 5px; }
-.opac-auto-085 { margin-top: 6px; margin-left: 20px; width: 250px; padding: 5px; }
-.opac-auto-086 { margin-top: 8px; }
-.opac-auto-087 { max-width: 11em; }
-.opac-auto-088 { padding: 0px; }
-.opac-auto-089 { padding: 0px 10px; }
-.opac-auto-090 { padding: 10px; }
-.opac-auto-091 { padding: 10px 0px; }
-.opac-auto-092 { padding: 4px; text-align: center; }
-.pad-bottom-five { padding: 5px; }
-.opac-auto-094 { padding: 5px 7px 0px 0px; }
-.opac-auto-095 { padding: 5px 7px 0px 0px; white-space: nowrap; }
-.opac-auto-096 { padding: 6px }
-.opac-auto-097 { padding: 8px 0px 6px 0px; }
-.opac-auto-098 { padding-bottom: 10px; }
-.opac-auto-099 { padding-bottom: 12px; color: #666; }
-.opac-auto-100 { padding-bottom: 16px; }
-.opac-auto-101 { padding-bottom: 1px; }
-.opac-auto-102 { padding-bottom: 7px; }
-.opac-auto-103 { padding-left: 10px; }
-.opac-auto-104 { padding-left: 11px; padding-right: 11px; }
-.opac-auto-105 { padding-left: 11px; padding-right: 13px; }
-.opac-auto-106 { padding-left: 15px; }
-.opac-auto-107 { padding-left: 15px; padding-bottom: 10px; }
-.opac-auto-108 { padding-left: 5px; }
-.opac-auto-109 { padding-left: 5px; padding-bottom: 10px; }
-.opac-auto-110 { padding-left: 6px; }
-.opac-auto-111 { padding-left: 8px; }
-.opac-auto-112 { padding-left: 9px; }
-.opac-auto-113 { padding-right: 10px; }
-.opac-auto-114 { padding-right: 15px; padding-left: 15px; }
-.opac-auto-115 { padding-right: 20px; }
-.opac-auto-116 { padding-right: 5px; }
-.opac-auto-117 { padding-right: 7px; }
-.pad-top-ten { padding-top: 10px; }
-.opac-auto-119 { padding-top: 14px; }
-.opac-auto-120 { padding-top: 5px; }
-.opac-auto-121 { padding-top: 6px; }
-.opac-auto-122 { padding-top: 7px; }
-.opac-auto-123 { padding-top: 8px; }
-.pos-abs { position: absolute; }
-#new_cat_link_holder { position: absolute; z-index: 101; }
-#new_cat_link_holder a { display: block; width: 675px; height: 213px; }
-.pos-rel { position: relative; }
-#search-box table { position: relative; left: -10px; }
-.opac-auto-129 { position: relative; left: -19px; }
-.opac-auto-130 { position: relative; left: 80px; }
-.opac-auto-131 { position: relative; top: 0px; left: 55px; }
-.opac-auto-132 { position: relative; top: 13px; }
-.opac-auto-133 { position: relative; top: -13px; left: 2px; font-size: 10px; }
-.opac-auto-134 { position: relative; top: -15px; left: 172px; }
-.opac-auto-135 { position: relative; top: -15px; left: -23px; }
-.opac-auto-136 { position: relative; top: 161px; left: 172px; }
-.opac-auto-137 { position: relative; top: 161px; left: -23px; }
-#home_adv_search_link { position: relative; top: -1px; left: 10px; }
-#util_back_btn { position: relative; top: 1px; left: 10px; }
-.opac-auto-140 { position: relative; top: -2px; }
-#util_help_btn { position: relative; top: 2px; left: 40px; }
-#util_forw_btn { position: relative; top: 2px; left: 50px; }
-.opac-auto-143 { position: relative; top: -3px; }
-#util_home_btn { position: relative; top: 3px; left: 20px; }
-.opac-auto-145 { position: relative; top: -3px; left: 3px; }
-.opac-auto-146 { position: relative; top: -3px; left: -5px; }
-.opac-auto-147 { position: relative; top: -5px; }
-#learn_more { position: relative; top: 5px; }
-.opac-auto-149 { position: relative; top: 5px; left: 25px; }
-#util_print_btn { position: relative; top: 5px; left: 30px; }
-.opac-auto-151 { position: relative; top: 75px; }
-.opac-auto-152 { position: relative; top: -9px; }
-.opac-auto-153 { position: relative; z-index: 100; }
-.text-center { text-align: center; }
-.opac-auto-156 { text-align: center; font-weight: bold; }
-.opac-auto-157 { text-align: center; margin-top: 20px; width: 400px; }
-.opac-auto-158 { text-align: center; margin-top: 6px; margin-bottom: 6px }
-.opac-auto-159 { text-align: center; padding: 20px; width: 100% }
-.opac-auto-160 { text-align: center; padding-bottom: 8px; }
-.opac-auto-161 { text-align: right; padding-right: 7px; }
-.opac-auto-162 { vertical-align: top; }
-.nowrap { white-space: nowrap; }
-.opac-auto-164 { white-space: nowrap; padding-left: 5px; }
-.full-width { width: 100%; }
-.opac-auto-167 { width: 100%; border: 1px solid black; padding: 6px; margin-top: 5px; }
-.opac-auto-168 { width: 100%; border: 2px solid #E0F0E0; margin-bottom: 20px; }
-.opac-auto-169 { width: 100%; height: 100%; }
-.opac-auto-170 { width: 100%; margin-top: 20px; border-top: 1px dotted #ccc; padding-top: 8px; }
-.opac-auto-171 { width: 100%; text-align: center; font-weight: 700; margin-top: 10px; }
-.opac-auto-172 { width: 100%; text-align: center; padding-bottom: 5px; }
-.opac-auto-173 { width: 10px; }
-.opac-auto-174 { width: 111px; height: 25px; }
-.opac-auto-175 { width: 125px; height: 21px; }
-.opac-auto-176 { width: 129px; }
-#search_box { width: 162px; }
-.opac-auto-178 { width: 174px; }
-.opac-auto-179 { width: 175px; margin-right: 11px; }
-.opac-auto-180 { width: 182px; color: black; padding: 5px 25px; }
-.opac-auto-181 { width: 195px; }
-.opac-auto-182 { width: 230px; text-align: left; margin-top: 3px; }
-.opac-auto-183 { width: 250px; text-align: left; }
-.opac-auto-184 { width: 26px; height: 23px; margin-top: 6px; margin-bottom: 6px; }
-.opac-auto-185 { width: 324px; }
-.opac-auto-186 { width: 400px; margin-top: 20px; }
-.opac-auto-187 { width: 662px; }
-.opac-auto-188 { width: 700px; height: 30px; border: 1px solid red; }
-.opac-auto-189 { width: 742px; float: left; }
-.opac-auto-190 { width: 88px; }
-.opac-auto-191 { width: 90px; }
-#cn_browse_div > div { width: 90%; text-align: center; margin: 10px; }
-.opac-auto-193 { width: 91px; }
-#cn_browse { width: 95%; text-align: center; padding: 15px; }
-.opac-auto-195 { width: 99%; text-align: center }
+++ /dev/null
-body {
- margin:0;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- background:#333;
-}
-
-img {
- border: none;
-}
-
-a {
- color: #003399;
- text-decoration: none;
-}
-
-a:hover {
- text-decoration: underline;
-}
-
-#search-wrapper input[type=text] {
- border:none;
- margin:0;
- padding:0;
-}
-
-#search-wrapper select {
- border:1px solid #e9ebf3;
- margin:0;
- padding:0;
- width:168px;
-}
-
-/*
-#search-wrapper select {
- border:0px solid black;
- filter:alpha(opacity=0);
- -moz-opacity:0;
- -khtml-opacity:0;
- opacity:0;
- padding:0;
- margin:0;
- height:18px;
- font-size: 12px;
-}
-*/
-h1 {
- margin:0;
- margin-bottom: 5px;
- font-size: 20px;
- font-weight:normal;
-}
-
-h2 {
- margin:0;
- margin-bottom: 5px;
- font-size: 14px;
- font-weight:bold;
-}
-
-.hide_me {
- display: none;
- visibility: hidden;
-}
-
-div.select-box-wrapper {
- position:absolute;
- padding-top:2px;
- padding-left:3px;
- overflow:hidden;
- text-align:left;
-}
-
-div.select-wrapper {
- border:1px solid #4C8AB0;
- display:inline-block;
- position:relative;
- z-index:2;
- background:url('/opac/skin/kcls/graphics/dropdown.gif') no-repeat right center;
-}
-
-div.select-wrapper:hover {
- background:url('/opac/skin/kcls/graphics/dropdown-hover.gif') no-repeat right center;
-}
-
-#dash_wrapper {
- width:500px;
- position:relative;
- top:-26px;
-}
-
-#dashboard {
- clear:both;
- float:right;
- width:384px;
-}
-
-#dashboard span {
- font-weight:bold;
- position:relative;
- left:-1px;
-}
-
-#dash_user {
- font-weight:bold;
- text-transform:capitalize;
-}
-
-#header {
- color: #fff;
- padding: 26px 0px 26px 0px;
- width: 974px;
- margin: auto;
- font-size:11px;
-}
-
-#header a {
- color: #fff;
-}
-
-#header a:hover {
- color: white;
- text-decoration: none;
-}
-
-#header-links {
- color: #afafaf;
- font-size: 11px;
- font-weight: bold;
- position: relative;
- top:4px;
-
-}
-
-#header-links a {
- color: #afafaf;
- display: block;
- float:left;
- margin-right:22px;
-}
-
-#header-links a:hover {
- color: white;
- text-decoration: none;
-}
-
-#header #header-links2 {
- position:relative;
- top:-8px;
- color: white;
- padding-bottom: 15px;
-}
-
-#header #header-links2 a {
- color: white;
-}
-
-#header #header-links2 a:hover {
- text-decoration: underline;
-}
-
-#header #your-acct-login {
- padding-top:10px;
-}
-
-#gold-links {
- margin:auto;
- width:974px;
- padding-left:0px;
-}
-
-#util-bar {
- margin:auto;
- width:974px;
- padding-left:0px;
- height:0px;
-}
-
-#search-wrapper {
- border-bottom: 1px solid #e9ebf3;
- padding-bottom: 5px;
- background: white;
-}
-
-#search_box_wrapper {
- border:1px solid #e9ebf3;
- padding: 1px;
- padding-left:3px;
-}
-
-#search-wrapper #breadcrumb {
- margin-top:0px;
- font-size: 10px;
- float:left;
-}
-
-#search-wrapper #search-within {
- margin-top:10px;
- float:right;
- position:relative;
- left:-173px;
-}
-
-#search-wrapper #breadcrumb a {
- color: black;
-}
-
-#search-wrapper #search_frm label {
- font-size: 10px;
-}
-
-#search-wrapper #search-box {
- width:974px;
- margin:auto;
- padding-left: 0px;
-}
-
-#utils {
- float:right;
- z-index:1;
- width:150px;
- height:30px;
- background:url('/opac/skin/kcls/graphics/utils-corner-left.png') no-repeat left top;
- padding-left: 3px;
- color: white;
- position:relative;
-}
-
-#utils a {
- color: white;
- font-size: 10px;
-}
-#adv_search_tabs {
- height:33px;
- width:974px;
- margin:auto;
-}
-
-#adv_search_tabs a {
- float: left;
- display: block;
- height:33px;
- margin-right:7px;
-}
-
-#adv_search {
- width:156px;
- background:url('/opac/skin/kcls/graphics/adv_search_on.gif') no-repeat bottom;
-}
-
-#num_search {
- width:156px;
- background:url('/opac/skin/kcls/graphics/num_search_off.gif') no-repeat bottom;
-}
-
-#expert_search {
- width:156px;
- background:url('/opac/skin/kcls/graphics/expert_search_off.gif') no-repeat bottom;
-}
-
-#acct_tabs {
- height:33px;
- width:974px;
- margin:auto;
-}
-
-#acct_tabs a {
- float: left;
- display: block;
- height:33px;
- margin-right:7px;
-}
-
-.acct-tab {
- background-repeat: no-repeat;
- background-position: bottom;
- width:156px;
-}
-
-.acct-main-off {
- background-image:url('/opac/skin/kcls/graphics/acct_summary_off.gif');
-}
-.acct-main-on {
- background-image:url('/opac/skin/kcls/graphics/acct_summary_on.gif');
-}
-
-.acct-circs-off {
- background-image:url('/opac/skin/kcls/graphics/acct_checked_out_off.gif');
-}
-.acct-circs-on {
- background-image:url('/opac/skin/kcls/graphics/acct_checked_out_on.gif');
-}
-
-.acct-holds-off {
- background-image:url('/opac/skin/kcls/graphics/acct_holds_off.gif');
-}
-.acct-holds-on {
- background-image:url('/opac/skin/kcls/graphics/acct_holds_on.gif');
-}
-
-.acct-prefs-off {
- background-image:url('/opac/skin/kcls/graphics/acct_prefs_off.gif');
-}
-.acct-prefs-on {
- background-image:url('/opac/skin/kcls/graphics/acct_prefs_on.gif');
-}
-
-.acct-lists-off {
- background-image:url('/opac/skin/kcls/graphics/acct_lists_off.gif');
-}
-.acct-lists-on {
- background-image:url('/opac/skin/kcls/graphics/acct_lists_on.gif');
-}
-
-#rdetail_header {
- font-size:14px;
- font-weight:bold;
- color:#074079;
- padding: 5px 7px 6px 0px;
- border-bottom: 1px dotted #ccc;
-}
-
-#rdetail_result_count {
- color: black;
- font-size: 11px;
- font-weight: normal;
-}
-
-#rdetail_result_nav {
- float:right;
- font-size: 11px;
- font-weight:normal;
-}
-
-#rdetail_details_table {
- margin-top: 15px;
-}
-
-#rdetail_title {
- font-size: 18px;
-}
-
-#rdetail_image_cell {
- padding-top: 3px;
- padding-right: 10px;
-}
-
-.rdetail_aux_utils {
- border-left:1px dotted #ccc;
- padding-left: 17px;
- padding-bottom: 6px;
- padding-right: 70px;
-}
-
-.results_aux_utils {
- border-left:1px dotted #ccc;
- padding-left: 17px;
- padding-bottom: 6px;
- padding-right: 50px;
-}
-
-#rdetails_status td, #rdetails_status2 td {
- white-space:nowrap !important;
- padding: 7px 0px 3px 13px;
-}
-
-#rdetails_status_head td {
- background-color: #d8d8d8;
- padding: 13px 0px 13px 13px;
- font-size: 10px;
- text-transform: uppercase;
- font-weight: bold;
-}
-
-#rdetails_status_head2 td {
- padding: 0px;
-}
-
-.rdetail_extras {
- height: 29px;
- background: #9ad0f1;
- padding-top:1px;
- margin-bottom: 10px;
- margin-top: 10px;
- clear:both;
-}
-
-.rdetail_extras_hr {
- height: 1px;
- background: #b7def5;
- margin-left: 1px;
- margin-right: 1px;
-}
-
-.rdetail_extras_link {
- padding-top: 4px;
- padding-left: 12px;
- font-size: 10px;
- text-transform: uppercase;
- font-weight: bold;
-}
-
-.rdetail_extras_lbl {
- position: relative;
- top: -4px;
- left: 7px;
-}
-
-#paginate-homebanner a.toc {
- display:block;
- width:20px;
- height:20px;
- background:gray;
- float:left;
- margin-left:2px;
- margin-right:2px;
- margin-top:2px;
-}
-
-#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
- margin-left: 13px;
-}
-
-#rdetail_locs_expand, #rdetail_locs_collapse {
- padding-bottom:3px;
- margin-top:15px;
- margin-left:13px;
-}
-
-#rdetail_anotes_div .biography {
- margin:0;
-}
-
-#paginate-homebanner a.selected {
- border: 2px solid black;
- margin-top:0px;
- margin-left:0px;
- margin-right:0px;
-}
-
-#hp-buttons {
- margin: auto;
- margin-top: 6px;
- width: 974px;
-}
-
-#hp-welcome {
- position:absolute;
- width:295px;
- height:192px;
- background: url('/opac/skin/kcls/graphics/banner-bg.png') no-repeat;
- color: #fff;
- padding-left: 33px;
- padding-top: 21px;
- z-index:9999999999;
-}
-
-#hp-welcome h1 {
- font-size: 25px;
- margin-bottom:15px;
-}
-
-#hp-welcome a {
- color: #fff;
- text-decoration: underline;
-}
-
-#hp-banner {
- margin: auto;
- width:974px;
- height: 213px;
-}
-
-#hp-ql-table {
- margin-left: 2px;
- padding-top: 3px;
-}
-
-#hp-ql-table a {
- color: #333;
- font-weight: bold;
- font-size: 13px;
- text-transform: uppercase;
- text-decoration: none;
- display: block;
- width: 144px;
- height: 25px;
- padding-top: 9px;
- padding-left: 15px;
- background: url('/opac/skin/kcls/graphics/button-bg.png') no-repeat;
-}
-
-#hp-ql-bottom {
- width: 640px;
- height: 31px;
- padding-left: 24px;
- padding-top: 13px;
- background: url('/opac/skin/kcls/graphics/hp-links-mid.jpg') repeat-x;
-}
-
-#hp-ql-bottom a {
- display: inline-block;
- text-decoration: none;
- color: white;
- font-size: 15px;
- font-weight: bold;
-}
-
-#content-wrapper {
- background: white;
- min-height: 260px;
- border-bottom: 1px solid black;
-}
-
-#main-content {
- width: 974px;
- margin:auto;
- padding-left:0px;
-}
-
-#main-content .login_boxes {
- border: 1px solid #dedede;
- background:url('/opac/skin/kcls/graphics/login-bg.jpg') top repeat-x;
- color: #333;
-}
-
-#main-content .login_boxes h1 {
- font-weight: normal;
- font-size: 25px;
- margin:0;
-}
-
-#main-content .left_brain {
- padding-left:28px;
- padding-top:25px;
-}
-
-#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
- width:167px;
- height:18px;
- margin:0;
- padding:0;
- border:none;
- background: none;
- font-size: 15px;
- color: #666;
-}
-
-#main-content .left_brain .input_bg {
- padding:10px 10px 0px 13px;
- background: url('/opac/skin/kcls/graphics/login-box-bg.jpg') no-repeat;
- width:167px;
- height:29px;
-}
-
-#home-buttons-inner {
- width:664px;
- height:117px;
- background:#bda964;
-}
-
-#holds_temp_parent td {
- border-bottom:1px solid #dcdbdb;
-}
-
-#holds_temp_parent input, #holds_temp_parent select {
- margin:0;
-}
-
-
-
-
-#results_header_bar {
- background: #929292;
- border-top:1px solid #8b8b8b;
-}
-
-#results_header_inner {
- height:32px;
- width:974px;
- margin:auto;
- padding-top:6px;
-}
-
-.results_header_btns {
- float:left;
- margin-right: 6px;
-}
-
-.cached_list_div { width: 111px; height: 25px; }
-
-.results_header_div {
- float: left;
- width: 0px;
- height: 25px;
- border-left: 1px solid #7c7c7c;
- border-right: 1px solid #9c9c9c;
- margin: 0px 13px;
-}
-
-.results_header_lbl {
- font-weight: bold;
- float: left;
- font-size: 11px;
- color: #191919;
- position: relative;
- top: 5px;
- margin-right: 6px;
-}
-
-.results_header_sel {
- width: 88px;
- float:left;
- position: relative;
- top: 2px;
- margin:0;
-}
-
-#results_header_nav1 {
- padding: 5px 7px 6px 0px;
- border-bottom: 1px dotted #ccc;
-}
-
-#results_header_nav1 .h1 {
- font-size:14px;
- font-weight:bold;
- color:#074079;
-}
-
-#start_end_links_span {
- font-size: 11px;
-}
-
-#start_end_links_span2 {
- font-size: 11px;
-}
-
-.nav_arrow_fix {
- font-size:8px;
- position:relative;
- top:-1px;
-}
-
-#result_table_div {
- margin-top: 20px;
-}
-
-#result_numbers1 {
- font-size: 11px;
- padding-left:15px;
-}
-
-
-
-
-
-
-.icon_text {
- text-transform:capitalize;
-}
-
-.result_table_title_cell {
- padding-left: 7px;
-}
-
-#myopac_summary_div p {
- margin:0;
- margin-bottom: 10px;
-}
-
-#acct_sum_checked_table td {
- padding-bottom:5px;
-}
-
-#zero_search_hits p {
- margin-top:0;
-}
-
-#zero_hits_term {
- text-transform: uppercase;
-}
-
-#zero_search_hits #spell_check_link {
- text-transform: uppercase;
-}
-
-#zero_search_hits #zero_hits_suggestions {
- text-transform: uppercase;
-}
-
-.results_info_table td {
- padding-right: 10px;
-}
-
-#myopac_holds_main_table {
- border-collapse: collapse;
-}
-
-#myopac_holds_main_table td {
- border: 1px solid black;
-
-}
-
-#myopac_prefs_div .data_grid {
- border-collapse:collapse;
-}
-
-#myopac_prefs_div .data_grid td {
- background:#f0f0f0;
- border-bottom:3px solid white;
- padding:6px 0px 7px 17px;
-}
-
-.header_middle {
- height:22px;
- font-size:14px;
- font-weight:bold;
- color:#074079;
- padding: 0px 7px 0px 0px;
- border-bottom: 1px dotted #ccc;
-}
-
-.header_middle a {
- font-size: 12px;
- font-weight: normal;
-}
-
-.acct_sum_row {
- padding: 7px 15px;
- width: 712px;
- background: #f0f0f0;
- margin-bottom: 2px;
- font-size: 10px;
- font-weight: bold;
- text-transform: uppercase;
-}
-
-.acct_sum_row a {
- text-transform: none;
- font-size: 12px;
- position:relative;
- top:-1px;
-}
-
-.acct_sum_row .view_link {
- font-weight: normal;
- font-size:12px;
-}
-
-#myopac_sum_fines {
- float:right;
- padding: 15px 0px 0px 23px;
- background: #f0f0f0;
- width: 177px;
- height: 166px;
-}
-
-.acct_holds_temp td {
- text-align: left;
-}
-
-#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
- float:left;
- /*padding-left:10px;*/
-}
-
-#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
- /*background:url('/opac/skin/kcls/graphics/gray-arrow.png') left 3px no-repeat;*/
-}
-
-#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
- font-weight:bold;
- text-transform:uppercase;
- font-size: 10px;
-}
-
-#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 {
- background: #d8d8d8;
- padding: 8px 0px 7px 0px;
-}
-
-#acct_list_header select, #acct_list_header_anon select {
- font-weight:normal;
- text-transform:none;
-}
-
-#acct_holds_activates_table label {
- font-weight: bold;
- font-size: 11px;
- text-transform:uppercase;
- padding-right: 5px;
-}
-
-.adv_search_font {
- font-size: 10px;
-}
-
-.search_catalog_lbl {
- font-size: 14px;
-}
-
-.lbl1 {
- font-size:14px;
- font-weight:bold;
-}
-
-.lbl2 {
- font-size:10px;
- font-weight:normal;
- position:relative;
- top:3px;
-}
-
-#myopac_tabs, #adv_search_parent {
- background: #929292;
- border-top:1px solid #8b8b8b;
- padding-top:5px;
- margin-bottom:20px;
-}
-
-#adv_search_parent {
- margin-bottom:0px;
-}
-
-#myopac_loading {
- width:100%;
- text-align:center;
- padding-top:20px;
- font-size:16px;
- font-weight:bold;
-}
-
-.chili_link {
- width:100px !important;
- text-align: center !important;
-}
-
-.chili_review div.chili_link div {
- margin: auto;
-}
-
-/* some facet styling */
-.facetClassContainer { margin: 2px; border: 1px solid #CCC; }
-.facetClassLabelContainer { border: 1px solid #CCC; }
-.facetClassLabel { font-weight: bold; text-align: center; }
-.facetFieldContainer { }
-.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
-.extraFacetFieldsWrapper { }
-.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
-.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
-.facetField { border-top: 1px solid #CCC; }
-.facetFields { padding-left: 5px; }
-.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
-
-#footer {
- padding-top:5px;
- padding-bottom: 10px;
- color: white;
- margin: auto;
- width: 974px;
- color: #afafaf;
- font-size: 11px;
-}
-
-#footer a {
- color: white;
- color: #afafaf;
-}
-
-.color_4 {
- text-transform: uppercase;
- font-weight: bold;
- font-size: 10px;
-}
-
-.advanced_div { padding-top: 15px; }
-#adv_global_search select { width: 13em; }
-#adv_global_input_table select { width: 7em; }
-.adv_adv_link { font-size: 8pt; color: red; }
-#acct_prefs_header { float: left; }
-#limit_to_available {
- float: left; position: relative; top: 2px;
- left: -2px; margin-right: 4px;
-}
-#rdetail_copy_info_table { font-size: 8pt; }
-#rdetail_copy_info_table td { padding: 3px; }
-
+++ /dev/null
-/* Some really basic utils copied mostly from old opac js:
- * opac_utils.js, utils.js, misc.js (kcls). */
-function _stub() { alert("XXX disconnected"); } /* for in progress work */
-
-function $(id) { return document.getElementById(id); }
-function $n(root, nodeName, attr) {
- return findNodeByName(root, nodeName, attr);
-}
-
-function findNodeByName(root, nodeName, /* defaults to "name" */attr) {
- if (!root || !nodeName) return null;
- if (root.nodeType != 1) return null;
- if (!attr) attr = "name";
- if (root.getAttribute(attr) == nodeName || root[attr] == nodeName)
- return root;
-
- for (var i = 0; i != root.childNodes.length; i++) {
- var n = findNodeByName(root.childNodes[i], nodeName);
- if (n) return n;
- }
-
- return null;
-}
-
-function swapCSSClass(obj, old, newc) {
- removeCSSClass(obj, old);
- addCSSClass(obj, newc);
-}
-
-function addCSSClass(e,c) {
- /* XXX I've seen much simpler implementation of this idea that just
- * do a regexp replace on e.className. Any reason why we're making
- * it so hard here? I could see the justification if there's a certain
- * browser that doesn't cooperate. */
- if(!e || !c) return;
-
- var css_class_string = e.className;
- var css_class_array;
-
- if(css_class_string)
- css_class_array = css_class_string.split(/\s+/);
-
- var string_ip = ""; /*strip out nulls*/
- for (var css_class in css_class_array) {
- if (css_class_array[css_class] == c) { return; }
- if(css_class_array[css_class] !=null)
- string_ip += css_class_array[css_class] + " ";
- }
- string_ip += c;
- e.className = string_ip;
-}
-
-function removeCSSClass(e, c) {
- if(!e || !c) return;
-
- var css_class_string = '';
-
- var css_class_array = e.className;
- if( css_class_array )
- css_class_array = css_class_array.split(/\s+/);
-
- var first = 1;
- for (var css_class in css_class_array) {
- if (css_class_array[css_class] != c) {
- if (first == 1) {
- css_class_string = css_class_array[css_class];
- first = 0;
- } else {
- css_class_string = css_class_string + ' ' +
- css_class_array[css_class];
- }
- }
- }
- e.className = css_class_string;
-}
-
-function hideMe(obj) { addCSSClass(obj, "hide_me"); }
-function unHideMe(obj) { removeCSSClass(obj, "hide_me"); }
-
-function swapTabs(el) {
- if (!el) return;
-
- var tabs = [];
- for (var i = 0; i < el.parentNode.childNodes.length; i++) {
- var node = el.parentNode.childNodes[i];
- if (node.nodeType == 1 && node.nodeName.toLowerCase() == "a")
- tabs.push(node);
- }
-
- for (var n = 0; n < tabs.length; n++) {
- var i = tabs[n];
- if (i == el) {
- unHideMe($(i.rel));
- i.style.background = "url('/opac/skin/kcls/graphics/" +
- i.id + "_on.gif') no-repeat bottom";
- } else {
- hideMe($(i.rel));
- i.style.background = "url('/opac/skin/kcls/graphics/" +
- i.id + "_off.gif') no-repeat bottom";
- }
- }
-}
-
-
-/* Returns the character code pressed that caused the event. */
-function grabCharCode(evt) {
- // OLD CODE: evt = (evt) ? evt : ((window.event) ? event : null);
- evt = evt || window.event || event || null;
- if (evt) {
- // OLD CODE: return (evt.charCode ? evt.charCode : ((evt.which) ? evt.which : evt.keyCode));
- return evt.which || evt.charCode || evt.keyCode;
- } else {
- return -1;
- }
-}
-
-/* returns true if the user pressed enter */
-function userPressedEnter(evt) {
- var code = grabCharCode(evt);
- return (code == 13 || code == 3);
-}
-
-function setEnterFunc(node, func) {
- if (!(node && func)) return;
- node.onkeydown = function(evt) {
- if (userPressedEnter(evt)) func();
- };
-}
-
-function advAddGblRow() {
- var tbody = $("adv_global_tbody");
- var newrow = $("adv_global_trow").cloneNode(true);
- tbody.insertBefore(newrow, $("adv_global_addrow"));
- var input = $n(newrow, "term");
- input.value = "";
- setEnterFunc(input, _stub); /* XXX TODO make a real form and get rid of this? */
- $n(newrow, 'type').focus();
-}
-
-var rdetailShowExtra = _stub; /* XXX TODO reimplement without JS? */
-var cnBrowsePrev = _stub;
-var cnBrowseNext = _stub;
-var rdetailNewBookbag = _stub; /* XXX TODO reimplement without JS? */
-var addMyList = _stub; /* XXX TODO we probably still need this one */
-var listSaveAction = _stub; /* XXX TODO we probably still need this one */
-var expandBoxes = _stub; /* XXX TODO possibly reimplement or replace */
-var iForgotMyPassword = _stub; /* XXX TODO possibly reimplement or replace */
-var switchSubPage = _stub;
-var myOPACRenewSelected = _stub;
-var myOPACCreateBookbag = _stub;
-var myOPACSavePrefs = _stub;
-var myOPACUpdatePhone = _stub; /* XXX TODOD myOPACUpdate*() and the buttons where
- the handlers are used should probably go
- away completely */
-var myOPACUpdateUsername = _stub;
-var myOPACUpdatePassword = _stub;
-var myOPACUpdateEmail = _stub;
-var myOPACUpdateHomeOU = _stub;
-var myopacDoHoldAction = _stub;
-var myopacApplyThawDate = _stub;
-var showCachedList = _stub;
-var searchBarSubmit = _stub;
-var sortHolds = _stub; /* XXX TODO There was a method for sorting loaded holds
- in the DOM without reloading the page, but it was
- reliant on fieldmapper and some stock dojo
- libraries. Could be reimplemented without deps
- if deemed worthwhile. */
-var showDetailedResults = _stub; /* XXX TODO for an old onchange handler that
- toggled between simple and detailed results
- in the rresults page. */
-var showCanvas = _stub;
-var checkAll = _stub;
-var sortChecked = _stub;
-var sortCheckedHist = _stub;
-var showPaymentForm = _stub;
-var showFinesDiv = _stub;
-var fadeOut = _stub; /* XXX TODO what the heck? not seen anywhere */
<div id='myopac_checked_div' style="padding:0px;">
<div id="acct_checked_tabs" style="padding-bottom: 12px;color:#666;">
<div class="align selected" id="checked_label">
- <img src="/opac/skin/kcls/graphics/sub_checked_out_on.jpg" />
+ <img src="/images/sub_checked_out_on.jpg" />
</div>
<div class="align" id="checked_hist_link">
<a class="" href="#"><img
- src="/opac/skin/kcls/graphics/sub_checked_hist_off.jpg" /></a>
+ src="/images/sub_checked_hist_off.jpg" /></a>
</div>
<div class="align hide_me" id="checked_link">
<a href="#">
- <img src="/opac/skin/kcls/graphics/sub_checked_out_off.jpg" />
+ <img src="/images/sub_checked_out_off.jpg" />
</a>
</div>
<div class="align selected hide_me" id="checked_hist_label">
- <img src="/opac/skin/kcls/graphics/sub_checked_hist_on.jpg" />
+ <img src="/images/sub_checked_hist_on.jpg" />
</div>
<div class="clear-both"></div>
</div>
<td style="padding-left:9px;">
<a class="hide_me" href="#"><img
alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</td>
<td style="padding-left:5px;">
<a href="#"><img alt="Renewing Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<div id='myopac_holds_div'>
<div id="acct_holds_tabs" style="padding-bottom: 12px;color:#666;">
<div class="align selected" id="holds_label">
- <img src="/opac/skin/kcls/graphics/sub_holds_on.jpg" />
+ <img src="/images/sub_holds_on.jpg" />
</div>
<div class="align hide_me" id="holds_hist_link">
<a href="#"><img
- src="/opac/skin/kcls/graphics/sub_holds_hist_off.jpg" /></a>
+ src="/images/sub_holds_hist_off.jpg" /></a>
</div>
<div class="align hide_me" id="holds_link">
<a href="#"><img
- src="/opac/skin/kcls/graphics/sub_holds_off.jpg" /></a>
+ src="/images/sub_holds_off.jpg" /></a>
</div>
<div class="align selected hide_me" id="holds_hist_label">
- <img src="/opac/skin/kcls/graphics/sub_holds_hist_on.jpg" />
+ <img src="/images/sub_holds_hist_on.jpg" />
</div>
<div class="clear-both"></div>
</div>
<td width="1" style="padding-left:9px;">
<a href="#"><img
alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</td>
<td width="1" style="padding-left:5px;">
<a href="#"><img
alt="Holds Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
<td align="right">
<select class="hide_me" id="holds_sort">
Share this list?
<a href="#"><img
alt="Sharing Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
<td>
<input type="radio" value="0" name="shareList"
</tr>
</table>
<a href="#"><img
- alt="Submit" src="/opac/skin/kcls/graphics/btnSubmit.png" /></a>
+ alt="Submit" src="/images/btnSubmit.png" /></a>
<a href="#"><img
- alt="Cancel" src="/opac/skin/kcls/graphics/btnCancel.png" /></a>
+ alt="Cancel" src="/images/btnCancel.png" /></a>
</div>
<div id='myopac_bookbag_div' style="padding:5px;">
<div class="header_middle">
<a href="#"
style="position:relative;top:-3px;left:-5px;"><img
alt="Saving Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
<a id='acct_lists_save' href="#"><img alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</div>
</div>
</div>
<td>
<a href="#"><img
alt="Anonymous List Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<div id="myopac_sum_fines">
<div style="position:absolute;">
<div style="position:relative;top:-15px;left:-23px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_tl.png" />
+ <img src="/images/acct_sum_fines_tl.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:-15px;left:172px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_tr.png" />
+ <img src="/images/acct_sum_fines_tr.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:161px;left:-23px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_bl.png" />
+ <img src="/images/acct_sum_fines_bl.png" />
</div>
</div>
<div style="position:absolute;">
<div style="position:relative;top:161px;left:172px;">
- <img src="/opac/skin/kcls/graphics/acct_sum_fines_br.png" />
+ <img src="/images/acct_sum_fines_br.png" />
</div>
</div>
Fines: <span id="myopac_sum_fines_bal">$0.00</span><br />
<a class="hide_me" href="#" id="pay_fines_btn1"><img
alt="Pay Fines"
- onmouseover="this.src='/opac/skin/kcls/graphics/pay-fines-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/pay-fines-btn.png';"
- src="/opac/skin/kcls/graphics/pay-fines-btn.png"
+ onmouseover="this.src='/images/pay-fines-btn-hover.png';"
+ onmouseout="this.src='/images/pay-fines-btn.png';"
+ src="/images/pay-fines-btn.png"
style="position:relative;top:5px;" /></a>
</div>
<div style="width:662px;">
</table>
</div>
<a href="#"><img alt="Pay Fines"
- onmouseover="this.src='/opac/skin/kcls/graphics/pay-fines-btn-hover.png';"
- src="/opac/skin/kcls/graphics/pay-fines-btn.png"
+ onmouseover="this.src='/images/pay-fines-btn-hover.png';"
+ src="/images/pay-fines-btn.png"
style="position:relative;top:5px;" /></a>
<br/>
</div>
<div style="position:absolute;">
<div style="position:relative;left:80px;">
<a href="#"><img
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</div>
</div>
Security Code
<div style="float:left;">
<div class="align selected"
id="prefs_info_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_info_on.jpg" /></div>
+ "/images/sub_prefs_info_on.jpg" /></div>
<div class="align hide_me"
id="prefs_info_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_info_off.jpg" /></a>
+ "/images/sub_prefs_info_off.jpg" /></a>
</div>
<div class="align"
id="prefs_notify_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_notify_off.jpg" /></a>
+ "/images/sub_prefs_notify_off.jpg" /></a>
</div>
<div class="align selected hide_me"
id="prefs_notify_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_notify_on.jpg" /></div>
+ "/images/sub_prefs_notify_on.jpg" /></div>
<div class="align"
id="prefs_search_link">
<a href="#"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_search_off.jpg" /></a>
+ "/images/sub_prefs_search_off.jpg" /></a>
</div>
<div class="align selected hide_me"
id="prefs_search_lbl"><img src=
- "/opac/skin/kcls/graphics/sub_prefs_search_on.jpg" /></div>
+ "/images/sub_prefs_search_on.jpg" /></div>
</div>
<div style="float:right;width:65px;">
<a id='acct_prefs_save'
class='hide_me'
href="#"><img alt="Save"
- src="/opac/skin/kcls/graphics/save-btn.png" /></a>
+ src="/images/save-btn.png" /></a>
</div>
</div>
</div>
<a href="#">
<img alt="Search Hits Help"
src=
- "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ "/images/question-mark.png" /></a>
</div>
</div><select id='prefs_hits_per'
style="position:relative;z-index:100;">
<a href="#">
<img alt="Username Help"
src=
- "/opac/skin/kcls/graphics/question-mark.png" /></a>
+ "/images/question-mark.png" /></a>
</div>
</div>&common.username;
</td>
<td>
<a href="#"><img
alt="Address Help"
- src="/opac/skin/kcls/graphics/question-mark.png" /></a>
+ src="/images/question-mark.png" /></a>
</td>
</tr>
</table>
<tr class='border_4_2'>
<td align="left" colspan='2'>
<!-- XXX TODO make a real form, and make this a real submitter -->
- <img src="/opac/skin/kcls/graphics/search_btn.gif" alt="Search" style="cursor:pointer;" />
+ <img src="/images/search_btn.gif" alt="Search" style="cursor:pointer;" />
<!-- XXX TODO make a real form, and make this a real resetter -->
<a href="javascript:;" style="position: relative; top: -9px;">Reset Form</a>
<div style='margin-top: 8px;' class='adv_quick_search_submit'>
<!-- XXX TODO make a real form, and make a real submitter (quick
submit, FKA advGenericSearch() -->
- <img src="/opac/skin/kcls/graphics/search_btn.gif"
+ <img src="/images/search_btn.gif"
alt="Search" id="adv_quick_submit" style="cursor:pointer;" />
</div>
</div>
href='javascript:advAddMARC();'>&search.marc.add.row;</a>
<!-- XXX TODO make a real form, and make a real submitter (FKA
advMARCRun()) -->
- <img alt="Search" src="/opac/skin/kcls/graphics/search_btn.gif"
+ <img alt="Search" src="/images/search_btn.gif"
style="cursor:pointer;" />
</div>
</div>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/semiauto.css" />
+ href="/css/skin/default/opac/semiauto.css" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/style.css" />
+ href="/css/skin/default/opac/style.css" />
<link rel="stylesheet" type="text/css"
- href="/opac/skin/kcls-wire/css/contentslider.css" />
+ href="/css/skin/default/opac/contentslider.css" />
<title>Catalog - King County Library - [% ctx.page_title %]</title>
<link rel="unapi-server" type="application/xml" title="unAPI"
href="/opac/extras/unapi" />
<!-- ************************************ home page banner start ********************************************** -->
<div class="contentdiv" style="background:white;">
- <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" /></a>
+ <a href="http://www.kcls.org/newcatalog"><img alt="New catalog" src="/images/banner1.jpg" /></a>
</div>
<div class="contentdiv" style="background:#ffc331;">
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<div class="contentdiv" style="background:#2bb0fd;">
<br />
- <img src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /><br />
+ <img src="/images/KCLS_logo_horiz.gif" /><br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />test<br />
</div>
<a href="http://www.kcls.org/newcatalog"></a>
</div>
</div>
- <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
+ <img alt="New catalog" src="/images/banner1.jpg" />
</div>
</div>
<div id="hp-buttons">
<div class="float-left">
- <img src="/opac/skin/kcls/graphics/hp-links-left.jpg" />
+ <img src="/images/hp-links-left.jpg" />
</div>
<div class="float-left">
<div id="home-buttons-inner">
</table>
</div>
</div>
- <div class="float-left"><img src="/opac/skin/kcls/graphics/hp-links-right.jpg" /></div>
- <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/opac/skin/kcls/graphics/locations.jpg" /></a></div>
+ <div class="float-left"><img src="/images/hp-links-right.jpg" /></div>
+ <div class="float-right"><a href="http://www.kcls.org/locations"><img alt="Locations" src="/images/locations.jpg" /></a></div>
<div class="clear-both"></div>
</div>
<!-- ****************** end: homesearch.xml ***************************** -->
</span>
<span id='lib_selector_span'>
<a id='lib_selector_link' class='classic_link'
- href='javascript:void(0)'>&library.select.help;</a>
+ href='#'>&library.select.help;</a>
</span>
<!-- ****************** end: libselect.xml ***************************** -->
</div>
<div style="padding-top:14px;">
<a href="#" id="login_button"><img
- alt="Log in" src="/opac/skin/kcls/graphics/login-btn2.png" /></a>
+ alt="Log in" src="/images/login-btn2.png" /></a>
<input class="hide_me"
id="login_form_submit" type="submit" />
<a href="#"
<td class="login_boxes right_brain" align="center"
valign="top" width="291">
<a href="http://www.kcls.org/about/contact/"><img
- src="/opac/skin/kcls/graphics/questions.png"
+ src="/images/questions.png"
alt="Questions?" style="margin-top:29px;" /></a>
<div style="width:182px;color:black;padding:5px 25px;">
Visit our FAQs section for answers to common questions
about how to use your account.
</div>
<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm#FAQs"><img
- alt="FAQs" src="/opac/skin/kcls/graphics/faqs-btn.png"
+ alt="FAQs" src="/images/faqs-btn.png"
style="margin-top:13px;" /></a>
</td>
</tr>
services, please select "Outreach" to have the item delivered
during your scheduled visit.</p>
<a href="#" id="holds_submit"><img
- alt="Submit" src="/opac/skin/kcls/graphics/btnSubmit.png" /></a>
+ alt="Submit" src="/images/btnSubmit.png" /></a>
<a href="#" id="holds_cancel"><img
- alt="Cancel" src="/opac/skin/kcls/graphics/btnCancel.png" /></a>
+ alt="Cancel" src="/images/btnCancel.png" /></a>
<br /><br />
<p>* If you need your item today, and it is checked in at your
library, please place your hold and then call your library to set it
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("summary");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("summary");'
class="rdetail_extras_lbl">Summary</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("subject");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("subject");' class="rdetail_extras_lbl">subject</a>
</div>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("content");'><img alt=""
- src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("content");' class="rdetail_extras_lbl">Contents</a>
</div>
</div>
class="rdetail_extras hide_me" id="rdetail_authors_link"><div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("authors");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("authors");' class="rdetail_extras_lbl">Author</a>
</div>
</div>
class="rdetail_extras hide_me" id="rdetail_series_link"><div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("series");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("series");'
class="rdetail_extras_lbl">series</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("awards");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("awards");'
class="rdetail_extras_lbl">awards, reviews & suggested reads</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("reviews");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("reviews");'
class="rdetail_extras_lbl">&rdetail.extras.reviews;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("excerpt");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("excerpt");'
class="rdetail_extras_lbl">&rdetail.extras.excerpt;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("preview");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("preview");'
class="rdetail_extras_lbl">&rdetail.extras.preview;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("novelist");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("novelist");'
class="rdetail_extras_lbl">&rdetail.extras.novelist;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("cn");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("cn");'
class="rdetail_extras_lbl">&rdetail.extras.browser;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("copyinfo");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("copyinfo");'
class="rdetail_extras_lbl">&rdetail.extras.summary;</a>
</div>
<div class="rdetail_extras_hr"></div>
<div class="rdetail_extras_link">
<a href='javascript:rdetailShowExtra("marc");'><img
- alt="" src="/opac/skin/kcls/graphics/rdetail_arrow.png" /></a>
+ alt="" src="/images/rdetail_arrow.png" /></a>
<a href='javascript:rdetailShowExtra("marc");'
class="rdetail_extras_lbl">&rdetail.extras.marc;</a>
</div>
<div style="border-bottom:1px dotted #ccc;padding-top:10px;"
class="rdetail_aux_utils">
<a href="place_hold" id="rdetail_place_hold"><img
- src="/opac/skin/kcls/graphics/green_check.png" alt="place hold" />
+ src="/images/green_check.png" alt="place hold" />
<span style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</div>
<div style="padding-top:6px;" class="rdetail_aux_utils">
</div>
<a href="#"><img
alt="add to my list"
- src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+ src="/images/clipboard.png" /></a>
</div>
</div>
<div style="float:right;margin-right:17px;">
<div id="rdetail_locs_expand">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Show more locations</a>
</div>
<div id="rdetail_locs_collapse" class="hide_me">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Collapse locations</a>
</div>
<div id="rdetail_extras_expand">
<a href="#"><img
- src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Expand all tabs</a>
</div>
<div id="rdetail_extras_collapse" class="hide_me">
- <a href="#"><img src="/opac/skin/kcls/graphics/plus_sign.png" /></a>
+ <a href="#"><img src="/images/plus_sign.png" /></a>
<a style="position:relative;top:-3px;" href="#">Collapse all tabs</a>
</div>
</td>
<td width="1" valign="top" align="right" style="white-space:nowrap;">
<a href="place_hold" id=''><img alt="Place Hold"
- src="/opac/skin/kcls/graphics/place_hold.gif" /></a>
+ src="/images/place_hold.gif" /></a>
<a href="#" id="rd_reviews_and_more" target="_blank"><img
- alt="Reviews and More" src="/opac/skin/kcls/graphics/reviews.gif" /></a>
+ alt="Reviews and More" src="/images/reviews.gif" /></a>
<a href="#" id=""><img alt="Add to My List"
- src="/opac/skin/kcls/graphics/add_mylist.gif" /></a>
+ src="/images/add_mylist.gif" /></a>
</td>
</tr>
</table>
<div style="border-bottom:1px dotted #ccc;padding-top:10px;"
class="results_aux_utils"><a
href="javascript:;" name="place_hold_link"><img
- src="/opac/skin/kcls/graphics/green_check.png"
+ src="/images/green_check.png"
alt="place hold" /><span
style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</div>
<a href="javascript:;"
name="result_my_list_link_img"><img
alt="add to my list"
- src="/opac/skin/kcls/graphics/clipboard.png" /></a>
+ src="/images/clipboard.png" /></a>
</div>
<div style="padding-top:7px;" class="results_aux_utils">
<a title="Reviews and More" target="_blank"
name="reviews_and_more" href="javascript:;"><img
alt="reviews & more"
- src="/opac/skin/kcls/graphics/starz.png" /> <span
+ src="/images/starz.png" /> <span
style="position:relative;top:-5px;">Reviews & More</span></a>
</div>
</div>
<input type="button" id="search_submit" value="GO"
class="hide_me" /><a href="#"
id="search_submit_alt"><img
- alt="Search" src="/opac/skin/kcls/graphics/go-btn.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/go-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/go-btn.png';" /></a>
+ alt="Search" src="/images/go-btn.png"
+ onmouseover="this.src='/images/go-btn-hover.png';"
+ onmouseout="this.src='/images/go-btn.png';" /></a>
</div>
</div>
</td>
<div id="header">
<div class="float-left"><a
href="http://www.kcls.org"><img alt="KCLS Logo"
- src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /></a></div>
+ src="/images/KCLS_logo_horiz.gif" /></a></div>
<div class="float-right">
<div id="your-acct-login"><a
href="[% skin_root %]login" id="home_myopac_link"><img
alt="Your Account Log in"
- src="/opac/skin/kcls/graphics/login-btn.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/login-btn-hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/login-btn.png';" /></a></div>
+ src="/images/login-btn.png"
+ onmouseover="this.src='/images/login-btn-hover.png';"
+ onmouseout="this.src='/images/login-btn.png';" /></a></div>
</div>
<div class="float-right">
<div class="pos-rel">
<img
- src="/opac/skin/kcls/graphics/utils-corner-left.png"
+ src="/images/utils-corner-left.png"
class="float-left" />
<div class="left-corner">
<a href="javascript:history.go(-1)"
id="util_back_btn"><img alt="Back"
- src="/opac/skin/kcls/graphics/tool_back.png" /></a>
+ src="/images/tool_back.png" /></a>
<a href="[% skin_root %]home"
id="util_home_btn"><img alt="Homepage"
- src="/opac/skin/kcls/graphics/tool_home.png" /></a>
+ src="/images/tool_home.png" /></a>
<a href="javascript:window.print();"
id="util_print_btn"><img alt="Print Page"
- src="/opac/skin/kcls/graphics/tool_print.png" /></a>
+ src="/images/tool_print.png" /></a>
<a href="http://www.kcls.org/usingthelibrary/catalog_help/index.cfm"
id="util_help_btn"><img alt="Help"
- src="/opac/skin/kcls/graphics/tool_help.png" /></a>
+ src="/images/tool_help.png" /></a>
<a href="javascript:history.go(+1)"
id="util_forw_btn"><img alt="Forward"
- src="/opac/skin/kcls/graphics/tool_forward.png" /></a>
+ src="/images/tool_forward.png" /></a>
</div>
<img
- src="/opac/skin/kcls/graphics/utils-corner-right.png"
+ src="/images/utils-corner-right.png"
class="float-left" />
</div>
</div>
<div id="results_header_inner">
<div class="results_header_btns">
<a href="index.xml"><img alt="Another Search"
- src="/opac/skin/kcls/graphics/another_search.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/another_search_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/another_search.png';" /></a>
+ src="/images/another_search.png"
+ onmouseover="this.src='/images/another_search_hover.png';"
+ onmouseout="this.src='/images/another_search.png';" /></a>
</div>
<div class="results_header_btns">
<a href="advanced"><img alt="Advanced Search"
- src="/opac/skin/kcls/graphics/adv_search.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/adv_search_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/adv_search.png';" /></a>
+ src="/images/adv_search.png"
+ onmouseover="this.src='/images/adv_search_hover.png';"
+ onmouseout="this.src='/images/adv_search.png';" /></a>
</div>
<div class="results_header_btns cached_list_div">
<a href="#" class="hide_me" id="cacheListLink"><img
alt="View My List"
- src="/opac/skin/kcls/graphics/view_my_list.png"
- onmouseover="this.src='/opac/skin/kcls/graphics/view_my_list_hover.png';"
- onmouseout="this.src='/opac/skin/kcls/graphics/view_my_list.png';" /></a>
+ src="/images/view_my_list.png"
+ onmouseover="this.src='/images/view_my_list_hover.png';"
+ onmouseout="this.src='/images/view_my_list.png';" /></a>
</div>
<div class="results_header_div"></div>
<div class="results_header_lbl">Sort by</div>
projects / evergreen / equinox.git / commitdiff
