2 <div class="float-left">
3 <a href="http://www.kcls.org"><img alt="[% l('KCLS Logo') %]"
4 src="[% ctx.media_prefix %]/images/KCLS_logo_horiz.gif" /></a>
6 <div class="float-right">
8 <div id="your-acct-login">
9 <a href="[% ctx.opac_root %]/myopac/main" id="home_myopac_link"><img
10 alt="[% l('Your Account Log in') %]"
11 src="[% ctx.media_prefix %]/images/login-btn.png"
12 onmouseover="this.src='[% ctx.media_prefix %]/images/login-btn-hover.png';"
13 onmouseout="this.src='[% ctx.media_prefix %]/images/login-btn.png';" /></a>
16 <div id="dash_wrapper">
17 <div class="float-right">
18 <table cellpadding="0" cellspacing="0" border="0">
21 <img src="[% ctx.media_prefix %]/images/dash-corner-left1.png" />
23 <td id="dash_corner_mid1a">
25 [% l('[_1] [_2]', ctx.user.first_given_name, ctx.user.family_name) %]
28 <td id="dash_corner_mid1b">
29 <img src="[% ctx.media_prefix %]/images/dash-divider.jpg" />
31 <td id="dash_corner_mid1c">
33 <a href="[% ctx.opac_root %]/myopac/main" class="pos-rel-top4"><img
34 alt="[% l('My Account') %]"
35 src="[% ctx.media_prefix %]/images/acct-btn.png"
36 onmouseover="this.src='[% ctx.media_prefix %]/images/acct-btn-hover.png';"
37 onmouseout="this.src='[% ctx.media_prefix %]/images/acct-btn.png';" /></a>
39 <a href="[% ctx.opac_root %]/logout" class="pos-rel-top4"
41 alt="[% l('Logout') %]"
42 src="[% ctx.media_prefix %]/images/logout-btn.png"
43 onmouseover="this.src='[% ctx.media_prefix %]/images/logout-btn-hover.png';"
44 onmouseout="this.src='[% ctx.media_prefix %]/images/logout-btn.png';" /></a>
47 <img src="[% ctx.media_prefix %]/images/dash-corner-right1.png" />
54 <div class="pos-rel-top4">
55 <table cellpadding="0" cellspacing="0" border="0">
58 <img src="[% ctx.media_prefix %]/images/dash-corner-left2.png" />
60 <td id="dash_corner_mid2a">
61 <div id="dash_number_row">
63 <div class="dash-pos-out">
64 <div class="dash-align-out">
65 <span id="dash_checked">[% ctx.user_stats.checkouts.total_out %]</span> [% l("Checked Out") %]
70 <div class="dash-pos-holds">
71 <div class="dash-align-holds">
72 <span id="dash_holds">[% ctx.user_stats.holds.total %]</span> [% l("On Hold") %]
77 <div class="dash-pos-pickup">
78 <div class="dash-align-pickup">
79 <span id="dash_pickup">[% ctx.user_stats.holds.ready %]</span> [% l("Ready for Pickup") %]
84 <div class="dash-pos-fines">
85 <div class="dash-align-fines">
86 <span id="dash_fines">[% money(ctx.user_stats.fines.balance_owed) %]</span> [% l("Fines") %]
93 <img src="[% ctx.media_prefix %]/images/dash-corner-right2.png" />
103 <div class="common-no-pad"></div>
105 <div id="gold-links-holder">
106 <div id="gold-links">
107 <div id="header-links">
108 <a href="http://www.kcls.org/usingthelibrary/index.cfm">Using the Library</a>
109 <a href="http://www.kcls.org/booksandreading/">Books & Reading</a>
110 <a href="http://www.kcls.org/research/index.cfm">Research & Homework</a>
111 <a href="http://www.kcls.org/programs/">Programs & Classes</a>
112 <a href="http://www.kcls.org/events/">Events</a>
113 <a href="/opac/extras/mobile/">Mobile Catalog</a>
114 <a href="http://www.kcls.org/about/">About KCLS</a>