PINES KPAC: New logo rel_3_4_1_kpac_new_logo
authorTerran McCanna <tmccanna@georgialibraries.org>
Thu, 19 Dec 2019 19:57:20 +0000 (14:57 -0500)
committerTerran McCanna <tmccanna@georgialibraries.org>
Thu, 19 Dec 2019 19:57:20 +0000 (14:57 -0500)
Updates to incorporate new PINES logo.

Signed-off-by: Terran McCanna <tmccanna@georgialibraries.org>
Open-ILS/src/templates/kpac/parts/header.tt2
Open-ILS/web/css/skin/default/kpac/style.css
Open-ILS/web/images/kpac/pines-logo-small.png [new file with mode: 0644]

index e632a60..528fdf8 100644 (file)
@@ -1,32 +1,38 @@
 <div class="main_header_wrapper">
     <div class="logo_wrapper">
-        <a href="http://evergreen-ils.org">
+        <a href="[%- mkurl(ctx.kpac_root _ '/home') -%]">
             <span class="logo_left">&nbsp;</span>
-            <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/eg_logo.jpg[% ctx.cache_key %]" width="170" alt="[% l('Logo') %]" /></span>
-            <span class="logo_right">&nbsp;</span>
+            <span class="logo_middle"><img src="[% ctx.media_prefix %]/images/kpac/pines-logo-small.png[% ctx.cache_key %]" height="90" alt="[% l('Logo') %]" /></span>
+            <span class="logo_right">&nbsp;</span><br />
+            Kids' Catalog Home Page
         </a>
     </div>
     <div class="header_utils">
         <!--
-        <a href="javascript:;" class="text_size_btn"><span>[% l('Text size') %]</span> &nbsp; <img 
-            alt="[% l('text size') %]" src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png[% ctx.cache_key %]" /></a>
+        <a href="javascript:;" class="text_size_btn"><span>Text size</span> &nbsp; <img 
+            alt="[% l('text size') %]" src="[% ctx.media_prefix %]/images/kpac/text_size_btn.png" /></a>
         -->
-        <a href="javascript:window.print()" class="print_btn"><span>[% l('Print') %]</span> &nbsp; <img 
+        <!-- 
+       <a href="javascript:window.print()" class="print_btn"><span>[% l('Print') %]</span> &nbsp; <img 
             alt="[% l('print') %]" src="[% ctx.media_prefix %]/images/kpac/print_btn.png[% ctx.cache_key %]" /></a>
+       -->
     </div>
     <div class="header_menu">
         <!-- menu rendered in reverse order -->
+        <!-- <a href="http://pines.georgialibraries.org/catalog-help">[% l('Help') %]</a> --> 
+        <a href="http://www.galileo.usg.edu/kids">GALILEO for Kids</a>
+        <a href="http://gapines.org">Full PINES Catalog</a>
+        <a href="http://pines.georgialibraries.org/pinesLocator/locator.html">Find a Library</a> 
         [% IF ctx.user %]
             [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %]
             <a href="[% mkurl(ctx.logout_page, 
                 {redirect_to => redir.replace('^https:', 'http:')}, 1) %]">[% 
                     l('Logout ([_1] [_2])', ctx.user.first_given_name, ctx.user.family_name) %]</a>
         [% ELSE %]
-            <a href="[% mkurl(ctx.opac_root _ '/login').replace('^http:', 'https:') %]">[% l('Login') %]</a>
+                   [% redir = CGI.url('-base' => 1) _ ctx.kpac_root _ '/home' %]
+            <a href="[% mkurl(ctx.opac_root _ '/login?redirect_to=' _ redir).replace('^http:', 'https:') %]">Login</a>
         [% END %]
-        <a href="javascript:;">[% l('Get a Library Card') %]</a>
-        <a href="javascript:;">[% l('Help') %]</a>
     </div>
+    
     <div class="clear">&nbsp;</div>
-</div>
 
index e42863f..18576bd 100755 (executable)
-@charset "utf-8";\r
-\r
-@font-face {\r
-    font-family: 'Cabin';\r
-    src: url('fonts/Cabin-Regular.eot');\r
-    src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),\r
-         url('fonts/Cabin-Regular.woff') format('woff'),\r
-         url('fonts/Cabin-Regular.ttf') format('truetype'),\r
-         url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');\r
-}\r
-\r
-@font-face {\r
-    font-family: 'Cabin-Semibold';\r
-    src: url('fonts/Cabin-SemiBold.eot');\r
-    src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),\r
-         url('fonts/Cabin-SemiBold.woff') format('woff'),\r
-         url('fonts/Cabin-SemiBold.ttf') format('truetype'),\r
-         url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');\r
-}\r
-\r
-body {\r
-       font-family:'Cabin', Arial;\r
-       font-size:12px;\r
-       background: #f4f4f4;\r
-       margin:0;\r
-       padding:0;\r
-       border:0;\r
-       color:#424242;\r
-}\r
-\r
-a img { border:0; }\r
-\r
-a {\r
-       text-decoration:none;\r
-       cursor:pointer;\r
-       color:#b53ea6;\r
-}\r
-\r
-h1, h2, h3 {\r
-       font-weight:normal;\r
-       text-transform:uppercase;\r
-       margin:0;\r
-}\r
-\r
-h1 {\r
-       font-size:52px;\r
-}\r
-\r
-h2 {\r
-       font-size:48px;\r
-}\r
-\r
-h3 {\r
-       color:#989898;\r
-       font-size:18px;\r
-       text-transform:none;\r
-}\r
-\r
-select {\r
-       font-size:14px;\r
-       border:1px solid #d0d0d0;\r
-       color:#424242;\r
-}\r
-\r
-input[type=radio] {\r
-       margin:0;\r
-       padding:0;\r
-}\r
-\r
-input[type=text], input[type=password], textarea {\r
-       border:1px solid #d0d0d0;\r
-       font-family:'Cabin', Arial;\r
-       color:#424242;\r
-       margin:0;\r
-       resize:none;\r
-}\r
-\r
-.main_center {\r
-       width:956px;\r
-       margin:auto;\r
-       padding-bottom:20px;\r
-       padding-top:17px;\r
-}\r
-\r
-.main_header_wrapper {\r
-       width:956px;\r
-       height:71px;\r
-       position:relative;\r
-       top:5px;\r
-       overflow:hidden;\r
-}\r
-\r
-.logo_wrapper {\r
-       margin-left:23px;\r
-       float:left;\r
-}\r
-\r
-.logo_left, .logo_right {\r
-       display:block;\r
-       width:16px;\r
-       height:71px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/logo_left.png') no-repeat;\r
-       float:left;\r
-}\r
-\r
-.logo_right {\r
-       background:url('/images/kpac/logo_right.png') no-repeat;\r
-}\r
-\r
-.logo_middle {\r
-       display:block;\r
-       background:url('/images/kpac/logo_mid.png') repeat-x;\r
-       float:left;\r
-       height:53px;\r
-       padding:18px 14px 0px 14px;\r
-}\r
-\r
-.header_utils {\r
-       font-family:Arial;\r
-}\r
-\r
-.header_utils a {\r
-       color:#8e8e8e;\r
-       display:block;\r
-       float:left;\r
-       margin-top:19px;\r
-       padding:17px 8px 15px 8px;\r
-}\r
-\r
-.header_utils a:hover {\r
-       color:#b53ea6;\r
-}\r
-\r
-.text_size_btn {\r
-       margin-left:2px;\r
-       padding:15px 8px 11px 9px !important;\r
-}\r
-\r
-.text_size_btn span {\r
-       position:relative;\r
-       top:-4px;\r
-}\r
-\r
-.print_btn {\r
-       padding:12px 9px 9px 9px !important;\r
-}\r
-\r
-.print_btn span {\r
-       position:relative;\r
-       top:-6px;\r
-}\r
-\r
-.header_menu {\r
-       margin-top:19px;\r
-       margin-right:29px;\r
-       font-family:Arial;\r
-}\r
-\r
-.header_menu a {\r
-       display:block;\r
-       float:right;\r
-       color:#8e8e8e;\r
-       padding:17px 8px 15px 8px;\r
-}\r
-\r
-.header_menu a:hover {\r
-       color:#b53ea6;\r
-}\r
-\r
-.main_wrapper {\r
-       width:956px;\r
-       overflow:hidden;\r
-}\r
-\r
-.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {\r
-       width:956px;\r
-       height:8px;\r
-       overflow:hidden;\r
-}\r
-\r
-.main_top_shadow_sub {\r
-       height:69px;\r
-}\r
-\r
-.main_tl_corner, .main_bl_corner {\r
-       width:8px;\r
-       height:8px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/main_tl_corner.png') no-repeat;\r
-       float:left;\r
-}\r
-\r
-.main_bl_corner {\r
-       background:url('/images/kpac/main_bl_corner.png') no-repeat;\r
-}\r
-\r
-.main_tr_corner, .main_br_corner {\r
-       width:8px;\r
-       height:8px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/main_tr_corner.png') no-repeat;\r
-       float:right;\r
-}\r
-\r
-.main_br_corner {\r
-       background:url('/images/kpac/main_br_corner.png') no-repeat;\r
-}\r
-\r
-.main_mid_top, .main_mid_bottom {\r
-       width:940px;\r
-       height:8px;\r
-       overflow:hidden;\r
-       float:left;\r
-       background:url('/images/kpac/main_top_bg.png') repeat-x;\r
-}\r
-\r
-.main_mid_bottom_sub {\r
-       width:956px;\r
-       height:8px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;\r
-}\r
-\r
-.main_mid_top_sub {\r
-       width:3000px;\r
-       height:69px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/main_top_bg_sub.png') no-repeat;\r
-}\r
-\r
-.main_mid_bottom {\r
-       background:url('/images/kpac/main_bottom_bg.png') repeat-x;\r
-}\r
-\r
-.main_left_shadow {\r
-       background:url('/images/kpac/main_left_shadow.png') repeat-y;\r
-}\r
-\r
-.main_right_shadow {\r
-       background:url('/images/kpac/main_right_shadow.png') repeat-y;\r
-}\r
-\r
-.main_inside_cell {\r
-       background: white;\r
-}\r
-\r
-.main_content_wrapper {\r
-       width:684px;\r
-       overflow:hidden;\r
-}\r
-\r
-/*\r
-.main_content_wrapper a {\r
-       padding:0 2px;\r
-       color:#b53ea6;\r
-}\r
-\r
-.main_content_wrapper a:hover {\r
-       background:#b53ea6;\r
-       color:white;\r
-}\r
-*/\r
-\r
-.sub_search_category .search_category {\r
-       width:216px;\r
-}\r
-\r
-.search_wrapper {\r
-       text-align:center;\r
-       width:950px;\r
-       background:url('/images/kpac/search_bg.png') no-repeat bottom;\r
-}\r
-\r
-.search_wrapper h1 {\r
-       margin-top:23px;\r
-}\r
-\r
-.search_box_wrapper {\r
-       margin-top:15px;\r
-       padding-bottom:37px;\r
-}\r
-\r
-.search_box_wrapper label {\r
-       font-size:20px;\r
-       font-weight:bold;\r
-       color:#74d514;\r
-       margin:0;\r
-       padding:0;\r
-}\r
-\r
-.search_box_wrapper .st_radio_btn {\r
-       padding-right:4px;\r
-}\r
-\r
-.search_box_wrapper .st_label {\r
-       padding-right:24px;\r
-}\r
-\r
-.search_box {\r
-       width:304px;\r
-       height:17px;\r
-       font-size:14px;\r
-       padding:10px;\r
-       font-weight:bold;\r
-       margin-right:6px !important;\r
-}\r
-\r
-.st_author_box {\r
-       padding-right:15px !important;\r
-}\r
-\r
-.category_wrapper {\r
-       margin-left:24px;\r
-       padding-bottom:10px;\r
-}\r
-\r
-.c_header_image {\r
-       margin-top:10px;\r
-       margin-bottom:10px;\r
-}\r
-\r
-.main_category_table td {\r
-       padding-right:13px;\r
-       padding-bottom:11px;\r
-}\r
-\r
-.main_category_table td a {\r
-       display:block;\r
-       width:168px;\r
-       height:144px;\r
-       border:1px solid #d0d0d0;\r
-       font-size:16px;\r
-       color:white;\r
-       overflow:hidden;\r
-       white-space:nowrap;\r
-}\r
-\r
-.main_category_table td a span {\r
-       display:block;\r
-       width:168px;\r
-       height:29px;\r
-       background:#b53ea6;\r
-       overflow:hidden;\r
-       text-align:center;\r
-       padding-top:8px;\r
-}\r
-\r
-.footer_wrapper {\r
-       font-size:11px;\r
-       font-family:Arial;\r
-       margin-left:3px;\r
-       margin-top:7px;\r
-}\r
-\r
-.footer_wrapper a {\r
-       display:block;\r
-       float:left;\r
-       color:#666;\r
-       padding:10px 15px 10px 0px;\r
-}\r
-\r
-.footer_wrapper a:hover {\r
-       color:#b53ea6;\r
-}\r
-\r
-.sub_sidebar {\r
-       background:#e3e3e3 url('/images/kpac/sub_side_bg.png') repeat-y;\r
-       border-top:1px solid #eee;\r
-}\r
-\r
-.sub_sidebar_inner {\r
-       width:216px;\r
-       overflow:hidden;\r
-       margin:26px 25px 0px 25px;\r
-}\r
-\r
-.sub_sidebar_header {\r
-       color:#424242;\r
-       font-size:18px;\r
-       text-transform:uppercase;\r
-       margin-bottom:7px;\r
-}\r
-\r
-.sub_sidebar_search_box,\r
-.item_detail_rating .review_box_body .input_boxes input[type=text],\r
-.checkout_box .box_inside .text_box {\r
-       width:198px;\r
-       font-size:14px;\r
-       padding:11px 8px 11px 8px;\r
-}\r
-\r
-.sub_sidebar_search_wrapper {\r
-       margin-bottom:4px;\r
-}\r
-\r
-.sub_sidebar_search_st {\r
-       font-size:14px;\r
-       color:white;\r
-}\r
-\r
-.sub_sidebar_search_st .st_radio_btn {\r
-       background:#9e9e9e;\r
-       padding:6px 4px 7px 7px;\r
-}\r
-\r
-.sub_sidebar_search_st .st_radio_btn input[type=radio] {\r
-       overflow:hidden;\r
-       width:15px;\r
-}\r
-\r
-.sub_sidebar_search_st .st_label {\r
-       background:#9e9e9e;\r
-       padding-right:10px;\r
-}\r
-\r
-.st_radio_spacer div {\r
-       width:4px;\r
-}\r
-\r
-.breadcrumb {\r
-       margin-top:11px;\r
-       margin-left:3px;\r
-}\r
-\r
-.breadcrumb a, .breadcrumb .bread_last {\r
-       display:block;\r
-       float:left;\r
-       background:#74d514;\r
-       font-family:'Cabin-Semibold', 'Cabin', Arial;\r
-       color:white;\r
-       font-size:11px;\r
-       text-transform:uppercase;\r
-       padding:18px 10px 18px 15px;\r
-       height:14px;\r
-}\r
-\r
-.breadcrumb .bread_last {\r
-       display:block;\r
-       background:#b9b9b9;\r
-       padding-right:15px;\r
-}\r
-\r
-.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {\r
-       float:left;\r
-       width:27px;\r
-       height:50px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/bread_green_mid.png') no-repeat;\r
-}\r
-\r
-.breadcrumb .bread_green_last {\r
-       background:url('/images/kpac/bread_green_last.png') no-repeat;\r
-}\r
-\r
-.breadcrumb .bread_home {\r
-       padding:7px 4px 7px 8px;\r
-       height:36px;\r
-}\r
-\r
-.item_detail_header {\r
-       padding-left:23px;\r
-       padding-top:28px;\r
-       margin-bottom:20px;\r
-}\r
-\r
-.item_detail_image {\r
-       float:left;\r
-       padding-top:3px;\r
-       width:169px;\r
-       overflow:hidden;\r
-}\r
-\r
-.item_detail_image a img {\r
-       border:1px solid #d0d0d0;\r
-}\r
-\r
-.item_detail_info {\r
-       float:left;\r
-       width:321px;\r
-       padding-left:18px;\r
-}\r
-\r
-.item_detail_name {\r
-       font-size:18px;\r
-       color:#b53ea6;\r
-       padding-bottom:2px;\r
-}\r
-\r
-.item_detail_author {\r
-       padding-bottom:14px;\r
-       color:#878787;\r
-       font-size:14px;\r
-}\r
-\r
-.item_icon_wrapper {\r
-       width:80px;\r
-       height:106px;\r
-       overflow:hidden;\r
-       float:left;\r
-}\r
-\r
-.item_icon {\r
-       width:80px;\r
-       height:80px;\r
-       background:url('/images/kpac/icon_bg.png') no-repeat;\r
-       text-align:center;\r
-       overflow:hidden;\r
-       line-height:80px;\r
-}\r
-\r
-.item_icon img {\r
-       vertical-align:middle;\r
-       position:relative;\r
-       top:-1px;\r
-}\r
-\r
-.item_icon_type_text {\r
-       width:80px;\r
-       height:24px;\r
-       text-align:center;\r
-       overflow:hidden;\r
-       display:table-cell;\r
-       vertical-align:middle;\r
-       line-height:12px;\r
-}\r
-\r
-.item_detail_rate_wrapper {\r
-       float:left;\r
-       padding-left:20px;\r
-}\r
-\r
-.item_detail_rate_starts {\r
-       float:left;\r
-       border-right:1px solid #e4e5e5;\r
-       padding-right:10px;\r
-       margin-right:10px;\r
-       margin-bottom:7px;\r
-}\r
-\r
-.item_detail_rate_link {\r
-       float:left;\r
-       font-size:14px;\r
-}\r
-\r
-.item_detail_callnumber {\r
-       margin-bottom:4px;\r
-}\r
-\r
-.item_detail_header_buttons {\r
-       float:right;\r
-       margin-top:3px;\r
-       margin-right:23px;\r
-       text-align:right;\r
-}\r
-\r
-.item_detail_getit_btn {\r
-       margin-bottom:10px;\r
-}\r
-\r
-.item_location_table td {\r
-       padding-top:7px;\r
-       padding-bottom:7px;\r
-}\r
-\r
-.item_location_table .header td {\r
-       font-size:14px;\r
-       font-weight:bold;\r
-       text-transform:uppercase;\r
-       border-bottom:1px solid #e3e3e3;\r
-       padding-top:14px;\r
-       padding-bottom:12px;\r
-}\r
-\r
-.item_location_table td.location {\r
-       width:142px;\r
-       padding-left:43px;\r
-}\r
-\r
-.item_location_table td.loc_info {\r
-       width:148px;\r
-}\r
-\r
-.item_location_table td.status {\r
-       width:138px;\r
-}\r
-\r
-.item_location_table td.callnumber {\r
-       width:213px;\r
-}\r
-\r
-.item_location_table .gray td {\r
-       background:#f2f2f2;\r
-}\r
-\r
-.item_detail_desc {\r
-       font-size:14px;\r
-       line-height:22px;\r
-       padding:11px 23px;\r
-}\r
-\r
-.item_detail_desc p {\r
-       margin:0;\r
-       margin-bottom:10px;\r
-}\r
-\r
-.item_detail_desc a {\r
-       padding:0px 2px;\r
-}\r
-\r
-.item_detail_desc a:hover {\r
-       color:white;\r
-       background:#b53ea6;\r
-}\r
-\r
-.item_detail_extras_tabs {\r
-       padding-top:15px;\r
-       padding-left:23px;\r
-       width:3000px;\r
-       background:#e3e3e3;\r
-}\r
-\r
-.item_detail_extras_tabs a {\r
-       display:block;\r
-       float:left;\r
-       padding:14px 27px;\r
-       background:#b53ea6;\r
-       color:white;\r
-       font-size:14px;\r
-       margin-right:10px;\r
-}\r
-\r
-.item_detail_extras_tabs a.ac_tab_selected,\r
-.item_detail_extras_tabs div.ac_tab_selected {\r
-       background:white;\r
-       color:#424242;\r
-}\r
-\r
-.item_detail_rating_top {\r
-       font-size:14px;\r
-       border-bottom:1px solid #e3e3e3;\r
-       padding-left:23px;\r
-}\r
-\r
-.item_avg_rate_table {\r
-       margin:11px 0;\r
-}\r
-\r
-.item_avg_rate_table .avg_rate {\r
-       padding-right:10px;\r
-       border-right:1px solid #e3e3e3;\r
-}\r
-\r
-.item_avg_rate_table .stars {\r
-       padding-left:10px;\r
-}\r
-\r
-.item_avg_rate_table .total_rates {\r
-       padding-left:10px;\r
-}\r
-\r
-.item_detail_rating {\r
-       width:638px;\r
-       padding:15px 23px 25px 23px;\r
-       overflow:hidden;\r
-       border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.item_detail_rating .review_box_top {\r
-       width:638px;\r
-       height:9px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/reviews_top.png') no-repeat;\r
-}\r
-\r
-.item_detail_rating .review_box_body {\r
-       background:#e3e3e3;\r
-       padding:1px 25px 0px 25px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes {\r
-       padding-bottom:15px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes .review_email_cell {\r
-       padding-left:10px;\r
-}\r
-\r
-.item_detail_rating .review_box_body .input_boxes .rating_msg_box {\r
-       font-size:11px;\r
-       color:#9a9a9a;\r
-       padding-left:12px;\r
-}\r
-\r
-.item_detail_rating2 {\r
-       font-size:14px;\r
-       padding:7px 0px;\r
-       border-top:1px solid #c4c2c2;\r
-       border-bottom:1px solid #c4c2c2;\r
-       margin-bottom:15px;\r
-}\r
-\r
-.item_avg_rate_table2 .rate {\r
-       padding-right:10px;\r
-}\r
-\r
-.item_avg_rate_table2 .stars {\r
-       padding:0px 10px;\r
-       border-left:1px solid #c4c2c2;\r
-       border-right:1px solid #c4c2c2;\r
-}\r
-\r
-.item_avg_rate_table2 .scale {\r
-       padding-left:10px;\r
-       color:#9a9a9a;\r
-}\r
-\r
-.item_detail_rating .review_box_body .review_comment_box {\r
-       margin-bottom:20px;\r
-}\r
-\r
-.item_detail_rating\r
-  .review_box_body\r
-    .review_comment_box\r
-         .review_comment {\r
-       width:578px;\r
-       height:87px;\r
-       padding-left:7px;\r
-       padding-top:9px;\r
-       font-size:14px;\r
-}\r
-\r
-.item_detail_rating .review_submit_box {\r
-       padding-top:5px;\r
-}\r
-\r
-.sub_navigation1, .sub_navigation3 {\r
-       padding:25px 23px 20px 23px;\r
-}\r
-\r
-.sub_navigation2 {\r
-       padding:0px 23px 25px 23px;\r
-       border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.sub_navigation1 .nav_mid_bg,\r
-.sub_navigation2 .nav_mid_bg,\r
-.sub_navigation3 .nav_mid_bg {\r
-       background:#eaeaea;\r
-       text-align:center;\r
-       font-size:14px;\r
-       \r
-}\r
-\r
-\r
-.sub_navigation1 .nav_mid_bg .current_page,\r
-.sub_navigation2 .nav_mid_bg .current_page,\r
-.sub_navigation3 .nav_mid_bg .current_page {\r
-       font-size:24px;\r
-       color:#b53ea6;\r
-       padding:0px 12px;\r
-}\r
-\r
-.sub_navigation1 .nav_mid_bg .total_pages,\r
-.sub_navigation2 .nav_mid_bg .total_pages,\r
-.sub_navigation3 .nav_mid_bg .total_pages {\r
-       font-size:24px;\r
-       padding-left:12px;\r
-}\r
-\r
-\r
-.sub_navigation1 .to_top_btn,\r
-.sub_navigation3 .to_top_btn {\r
-       padding-left:19px;\r
-}\r
-\r
-.sub_navigation2.checkout {\r
-       padding-top:25px;\r
-       border-bottom:none;\r
-}\r
-\r
-.search_results {\r
-       padding:17px 23px 20px 23px;\r
-       border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.search_results .item_icon_wrapper {\r
-       padding-top:3px;\r
-}\r
-\r
-.search_results .item_detail_info {\r
-       width:370px;\r
-}\r
-\r
-.search_results .item_detail_info .item_detail_author {\r
-       padding-bottom:6px;\r
-}\r
-\r
-.search_results .item_detail_info .item_detail_actions {\r
-       padding-top:28px;\r
-}\r
-\r
-.search_results\r
-  .item_detail_info\r
-    .item_detail_actions\r
-         .button {\r
-       float:left;\r
-       padding-right:5px;\r
-}\r
-\r
-.checkout_options {\r
-       border-bottom:1px solid #e3e3e3;\r
-       font-size:14px;\r
-}\r
-\r
-.checkout_options .left_brain {\r
-       width:294px;\r
-       overflow:hidden;\r
-       padding:11px 25px 25px 23px;\r
-}\r
-\r
-.checkout_options .left_brain_cell {\r
-       border-right:1px solid #e3e3e3;\r
-}\r
-\r
-.checkout_options .right_brain {\r
-       width:294px;\r
-       overflow:hidden;\r
-       padding:11px 23px 25px 25px;\r
-}\r
-\r
-.checkout_options p {\r
-       margin:0;\r
-}\r
-\r
-.checkout_options .top_side {\r
-       text-align:center;\r
-       padding-bottom:15px;\r
-}\r
-\r
-.checkout_options .submit_btn {\r
-       \r
-}\r
-\r
-.checkout_box {\r
-       padding-bottom:5px;\r
-}\r
-\r
-.checkout_box .box1_top {\r
-       width:294px;\r
-       height:9px;\r
-       font-size:0px;\r
-       overflow:hidden;\r
-       background:url('/images/kpac/box1_top.png') no-repeat;\r
-}\r
-\r
-.checkout_box .box_inside {\r
-       background:#e3e3e3;\r
-       padding:7px 25px 20px 25px;\r
-}\r
-\r
-.checkout_box .box_inside p {\r
-       margin-bottom:5px;\r
-}\r
-\r
-.checkout_box .box_inside .input_box {\r
-       float:left;\r
-}\r
-\r
-.checkout_box .box_inside .help_btn {\r
-       float:right;\r
-       display:block;\r
-       \r
-       /* IE7 star hack */\r
-       *position:relative;\r
-       *top:1px;\r
-}\r
-\r
-.checkout_box .box_inside .text_box {\r
-       padding-bottom:10px;\r
-}\r
-\r
-.checkout_box .box_inside .pickup_lib select {\r
-       width:244px;\r
-}\r
-\r
-.checkout_item_pad {\r
-       padding-top:30px;\r
-}\r
-\r
-.checkout_res_body {\r
-       font-size:18px;\r
-       text-align:center;\r
-       line-height:30px;\r
-}\r
-\r
-.checkout_res_back {\r
-       font-size:11px;\r
-       font-family:'Cabin-Semibold', 'Cabin', Arial;\r
-       text-transform:uppercase;\r
-       white-space:nowrap;\r
-       color:white;\r
-       background:#74d514;\r
-       padding:18px 28px 18px 0px;\r
-       display:block;\r
-       overflow:hidden;\r
-       height:14px;\r
-}\r
-\r
-.sub_cat_wrapper {\r
-       padding:13px 0px 13px 75px;\r
-       border-bottom:1px solid #e3e3e3;\r
-}\r
-\r
-.sub_header2 {\r
-       text-align:center;\r
-       margin-top:20px;\r
-       margin-bottom:9px;\r
-}\r
-\r
-.sub_header {\r
-       font-size:14px;\r
-       background:#e3e3e3;\r
-       padding:8px 23px;\r
-}\r
-\r
-.clear {\r
-       clear:both;\r
-       font-size:0px;\r
-       line-height:0px;\r
-       /* background:green; -   for debugging */\r
-       \r
-       /* IE7 has a problem with these\r
-       height:0px;\r
-       overflow:hidden;\r
-       */\r
-}\r
-\r
-div.hr {\r
-       margin: 12px 0;\r
-       background:#c4c2c2;\r
-       height:1px;\r
-       overflow:hidden;\r
-}\r
-\r
-.popup_wrapper {\r
-       position:absolute;\r
-}\r
-\r
-.popup_wrapper .popup_wrapper_inner {\r
-       position:relative;\r
-       display:none;\r
-       top:0px;\r
-       left:0px;\r
-}\r
-\r
-.popup_wrapper .popup_mid {\r
-       background:white;\r
-}\r
-\r
-.popup_wrapper .popup_content {\r
-       margin-right:-20px;\r
-       margin-bottom:-20px;\r
-       position:relative;\r
-       top:-10px;\r
-       left:-10px;\r
-       padding:2px;\r
-       overflow:hidden;\r
-       font-size:14px;\r
-}\r
-\r
-.popup_wrapper .popup_arrow_bm {\r
-       position:relative;\r
-       top:-3px;\r
-}\r
-\r
-.popup_wrapper .popup_tl {\r
-       width:13px;\r
-       height:13px;\r
-       background:url('/images/kpac/popup_tl.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_tm {\r
-       background:url('/images/kpac/popup_tm.png') repeat-x;\r
-}\r
-\r
-.popup_wrapper .popup_tr {\r
-       width:13px;\r
-       height:13px;\r
-       background:url('/images/kpac/popup_tr.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_lm {\r
-       background:url('/images/kpac/popup_lm.png') repeat-y;\r
-}\r
-\r
-.popup_wrapper .popup_rm {\r
-       background:url('/images/kpac/popup_rm.png') repeat-y;\r
-}\r
-\r
-.popup_wrapper .popup_bl {\r
-       width:13px;\r
-       height:13px;\r
-       background:url('/images/kpac/popup_bl.png') no-repeat;\r
-}\r
-\r
-.popup_wrapper .popup_bm {\r
-       background:url('/images/kpac/popup_bm.png') repeat-x;\r
-}\r
-\r
-.popup_wrapper .popup_br {\r
-       width:13px;\r
-       height:13px;\r
-       background:url('/images/kpac/popup_br.png') no-repeat;\r
-}\r
-\r
-.invisible {\r
-    visibility : hidden;\r
-}\r
-\r
-.hidden {\r
-    visibility : hidden;\r
-    display : none;\r
-}\r
-\r
-#maintenance_message {\r
-    padding: 5px;\r
-    width: 100%;\r
-    background-color: #c00;\r
-    color: #fff;\r
-    text-align: center;\r
-}\r
-\r
-.content-wrapper-library-page {\r
-    padding: 1.5em;\r
-}\r
-\r
-.content-wrapper-library-page h2 {\r
-    font-size: 18px;\r
-    color: #b53ea6;\r
-    padding-bottom: 0.5em;\r
-    padding-top: 0.5em;\r
-}\r
-\r
-.content-wrapper-library-page h3 {\r
-    font-size: 14px;\r
-    color: #b53ea6;\r
-    padding-bottom: 0.5em;\r
-    padding-top: 0.5em;\r
-}\r
+@charset "utf-8";
+
+@font-face {
+    font-family: 'Cabin';
+    src: url('fonts/Cabin-Regular.eot');
+    src: url('fonts/Cabin-Regular.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Cabin-Regular.woff') format('woff'),
+         url('fonts/Cabin-Regular.ttf') format('truetype'),
+         url('fonts/Cabin-Regular.svg#webfont8iYScu0S') format('svg');
+}
+
+@font-face {
+    font-family: 'Cabin-Semibold';
+    src: url('fonts/Cabin-SemiBold.eot');
+    src: url('fonts/Cabin-SemiBold.eot?#iefix') format('embedded-opentype'),
+         url('fonts/Cabin-SemiBold.woff') format('woff'),
+         url('fonts/Cabin-SemiBold.ttf') format('truetype'),
+         url('fonts/Cabin-SemiBold.svg#webfont8iYScu0S') format('svg');
+}
+
+body {
+       font-family:'Cabin', Arial;
+       font-size:12px;
+       background: #e0f1fb;
+       margin:0;
+       padding:0;
+       border:0;
+       color:#424242;
+}
+
+a img { border:0; }
+
+a {
+       text-decoration:none;
+       cursor:pointer;
+       color:#0098f9;
+}
+
+h1, h2, h3 {
+       font-weight:normal;
+       text-transform:uppercase;
+       margin:0;
+       padding-top:10px;
+       padding-bottom:10px;
+}
+
+h1 {
+       font-size:30px;
+}
+
+h2 {
+       font-size:25px;
+}
+
+h3 {
+       color:#777777;
+       font-size:18px;
+       text-transform:none;
+}
+
+select {
+       font-size:14px;
+       border:1px solid #d0d0d0;
+       color:#424242;
+}
+
+input[type=radio] {
+       margin:0;
+       padding:0;
+}
+
+input[type=text], input[type=password], textarea {
+       border:1px solid #d0d0d0;
+       font-family:'Cabin', Arial;
+       color:#424242;
+       margin:0;
+       resize:none;
+}
+
+.main_center {
+       width:956px;
+       margin:auto;
+       padding-bottom:0px;
+       padding-top:17px;
+}
+
+.main_header_wrapper {
+       width:950px;
+       height:440px;
+       position:relative;
+       top:5px;
+       overflow:hidden;     
+       background:url('/images/kpac/KPAC_Main_Graphic.jpg') no-repeat bottom; 
+       font-size:14px;
+}
+
+
+.logo_wrapper {
+       float:left;
+       text-align:center;
+}
+
+.logo_wrapper a {
+       color:#777777;
+}
+
+.logo_wrapper a:hover {
+       color:#b53ea6;
+}
+
+.logo {
+       padding:10px 0px 3px 0px;
+}
+
+.header_utils {
+       font-family:Arial;
+}
+
+.header_utils a {
+       color:#8e8e8e;
+       display:block;
+       float:left;
+       margin-top:19px;
+       padding:17px 8px 15px 8px;
+}
+
+.header_utils a:hover {
+       color:#b53ea6;
+}
+
+.text_size_btn {
+       margin-left:2px;
+       padding:15px 8px 11px 9px !important;
+}
+
+.text_size_btn span {
+       position:relative;
+       top:-4px;
+}
+
+.print_btn {
+       padding:12px 9px 9px 9px !important;
+}
+
+.print_btn span {
+       position:relative;
+       top:-6px;
+}
+
+.header_menu {
+}
+
+.header_menu a {
+       display:block;
+       float:right;
+       color:#777777;
+       padding:17px 8px 15px 8px;
+}
+
+.header_menu a:hover {
+       color:#b53ea6;
+}
+
+.main_wrapper {
+       width:956px;
+       overflow:hidden;
+}
+
+.main_top_shadow, .main_bottom_shadow, .main_top_shadow_sub {
+       width:956px;
+       height:8px;
+       overflow:hidden;
+}
+
+.main_top_shadow_sub {
+       height:69px;
+}
+
+.main_tl_corner, .main_bl_corner {
+       width:8px;
+       height:8px;
+       overflow:hidden;
+       background:url('/images/kpac/main_tl_corner.png') no-repeat;
+       float:left;
+}
+
+.main_bl_corner {
+       background:url('/images/kpac/main_bl_corner.png') no-repeat;
+}
+
+.main_tr_corner, .main_br_corner {
+       width:8px;
+       height:8px;
+       overflow:hidden;
+       background:url('/images/kpac/main_tr_corner.png') no-repeat;
+       float:right;
+}
+
+.main_br_corner {
+       background:url('/images/kpac/main_br_corner.png') no-repeat;
+}
+
+.main_mid_top, .main_mid_bottom {
+       width:940px;
+       height:8px;
+       overflow:hidden;
+       float:left;
+       background:url('/images/kpac/main_top_bg.png') repeat-x;
+}
+
+.main_mid_bottom_sub {
+       width:956px;
+       height:8px;
+       overflow:hidden;
+       background:url('/images/kpac/main_bottom_bg_sub.png') no-repeat;
+}
+
+.main_mid_top_sub {
+       width:3000px;
+       height:69px;
+       overflow:hidden;
+}
+
+.main_mid_bottom {
+       background:url('/images/kpac/main_bottom_bg.png') repeat-x;
+}
+
+.main_left_shadow {
+       background:url('/images/kpac/main_left_shadow.png') repeat-y;
+}
+
+.main_right_shadow {
+       background:url('/images/kpac/main_right_shadow.png') repeat-y;
+}
+
+.main_inside_cell {
+       background: white;
+}
+
+.main_content_wrapper {
+       width:684px;
+       overflow:hidden;
+}
+
+/*
+.main_content_wrapper a {
+       padding:0 2px;
+       color:#0098f9;
+}
+
+.main_content_wrapper a:hover {
+       background:#b53ea6;
+       color:white;
+}
+*/
+
+.sub_search_category .search_category {
+       width:216px;
+}
+
+.search_wrapper {
+       text-align:center;
+       width:950px;
+       margin-top:140px;
+}
+
+.search_wrapper h1 {
+       margin-top:23px;
+}
+
+.search_box_wrapper {
+       margin-top:15px;
+       padding-bottom:37px;
+}
+
+.search_box_wrapper label {
+       font-size:20px;
+       font-weight:bold;
+       color:#38c500;
+       margin:0;
+       padding:0;
+}
+
+.search_box_wrapper .st_radio_btn {
+       padding-right:4px;
+}
+
+.search_box_wrapper .st_label {
+       padding-right:24px;
+}
+
+.search_box {
+       width:304px;
+       height:17px;
+       font-size:14px;
+       padding:10px;
+       font-weight:bold;
+       margin-right:6px !important;
+}
+
+.org_selector_dropdown {
+       margin-top:4px;
+       padding:5px;
+       width:326px;
+       font-size:14px;
+       font-weight:bold;
+       margin-right:6px !important;
+       height:39px;
+}
+
+.st_author_box {
+       padding-right:15px !important;
+}
+
+.category_wrapper {
+       margin-left:24px;
+       padding-bottom:10px;
+}
+
+.c_header_image {
+       margin-top:10px;
+       margin-bottom:10px;
+}
+
+.main_category_table td {
+       padding-right:75px;
+       padding-bottom:20px;
+}
+
+.main_category_table td a {
+       display:block;
+       width:168px;
+       height:144px;
+       border:none;
+       font-size:16px;
+       color:white;
+       overflow:hidden;
+       white-space:nowrap;
+}
+
+.main_category_table td a span {
+       display:block;
+       width:168px;
+       height:29px;
+       background:#0098f9;
+       overflow:hidden;
+       text-align:center;
+       padding-top:8px;
+}
+
+.footer_wrapper {
+       /* position:absolute;
+       bottom:-50;
+       width:100%; */
+       width: 936px;
+       margin:auto;
+       height:100px;
+       background:#000;
+       font-size:13px;
+       color:#fff;
+       padding:20px 0px 0px 20px;
+}
+
+.footer_wrapper a {
+       color:#b6fcd5;
+}
+
+.footer_wrapper a:hover {
+       color:#b53ea6;
+}
+
+.copyright_text {
+       float:left;
+}
+
+.illustrator_text {
+       float:right;
+       margin-right:50px;
+}
+
+.footer_logo {
+}
+
+.sub_sidebar {
+
+}
+
+.sub_sidebar_inner {
+       width:216px;
+       overflow:hidden;
+       margin:26px 25px 0px 25px;
+}
+
+.sub_sidebar_header {
+       color:#424242;
+       font-size:18px;
+       text-transform:uppercase;
+       margin-bottom:7px;
+}
+
+.sub_sidebar_search_box,
+.item_detail_rating .review_box_body .input_boxes input[type=text],
+.checkout_box .box_inside .text_box {
+       width:198px;
+       font-size:14px;
+       padding:11px 8px 11px 8px;
+}
+
+.sub_sidebar_search_wrapper {
+       margin-bottom:4px;
+}
+
+.sub_sidebar_search_st {
+       font-size:14px;
+       color:white;
+}
+
+.sub_sidebar_search_st .st_radio_btn {
+       background:#9e9e9e;
+       padding:6px 4px 7px 7px;
+}
+
+.sub_sidebar_search_st .st_radio_btn input[type=radio] {
+       overflow:hidden;
+       width:15px;
+}
+
+.sub_sidebar_search_st .st_label {
+       background:#9e9e9e;
+       padding-right:10px;
+}
+
+.st_radio_spacer div {
+       width:4px;
+}
+
+.breadcrumb {
+       margin-top:11px;
+       margin-left:3px;
+}
+
+.breadcrumb a, .breadcrumb .bread_last {
+       display:block;
+       float:left;
+       background:#74d514;
+       font-family:'Cabin-Semibold', 'Cabin', Arial;
+       color:white;
+       font-size:11px;
+       text-transform:uppercase;
+       padding:18px 10px 18px 15px;
+       height:14px;
+}
+
+.breadcrumb .bread_last {
+       display:block;
+       background:#b9b9b9;
+       padding-right:15px;
+}
+
+.breadcrumb .bread_green_mid, .breadcrumb .bread_green_last {
+       float:left;
+       width:27px;
+       height:50px;
+       overflow:hidden;
+       background:url('/images/kpac/bread_green_mid.png') no-repeat;
+}
+
+.breadcrumb .bread_green_last {
+       background:url('/images/kpac/bread_green_last.png') no-repeat;
+}
+
+.breadcrumb .bread_home {
+       padding:7px 4px 7px 8px;
+       height:36px;
+}
+
+.item_detail_header {
+       padding-left:23px;
+       padding-top:28px;
+       margin-bottom:20px;
+}
+
+.item_detail_image {
+       float:left;
+       padding-top:3px;
+       width:169px;
+       overflow:hidden;
+}
+
+.item_detail_image a img {
+       border:1px solid #d0d0d0;
+}
+
+.item_detail_info {
+       float:left;
+       width:321px;
+       padding-left:18px;
+}
+
+.item_detail_name {
+       font-size:18px;
+       color:#0098f9;
+       padding-bottom:2px;
+}
+
+.item_detail_author {
+       padding-bottom:14px;
+       color:#878787;
+       font-size:14px;
+}
+
+.item_icon_wrapper {
+       width:80px;
+       height:106px;
+       overflow:hidden;
+       float:left;
+       padding-left:40px;
+       margin-top:10px;
+}
+
+.item_icon {
+       width:80px;
+       height:80px;
+       background:url('/images/kpac/icon_bg.png') no-repeat;
+       text-align:center;
+       overflow:hidden;
+}
+
+.item_icon img {
+       width:30px;
+       height:30px;
+       margin:10px;
+       
+}
+
+.item_icon_type_text {
+       width:80px;
+       text-align:center;
+       overflow:hidden;
+       display:table-cell;
+       line-height:12px;
+}
+
+.item_detail_rate_wrapper {
+       float:left;
+       padding-left:20px;
+}
+
+.item_detail_rate_starts {
+       float:left;
+       border-right:1px solid #e4e5e5;
+       padding-right:10px;
+       margin-right:10px;
+       margin-bottom:7px;
+}
+
+.item_detail_rate_link {
+       float:left;
+       font-size:14px;
+}
+
+.item_detail_callnumber {
+       margin-bottom:4px;
+       font-weight:bold;
+       font-size:13px;
+       color:#000;
+}
+
+.item_detail_extra_info {
+       margin-left:20px;
+       font-weight:normal;
+       color:#000;
+}
+
+.item_detail_header_buttons {
+       float:right;
+       margin-top:3px;
+       margin-right:23px;
+       text-align:right;
+}
+
+.item_detail_getit_btn {
+       margin-bottom:10px;
+}
+
+.item_location_table td {
+       padding-top:7px;
+       padding-bottom:7px;
+}
+
+.item_location_table .header td {
+       font-size:14px;
+       font-weight:bold;
+       text-transform:uppercase;
+       border-bottom:1px solid #e3e3e3;
+       padding-top:14px;
+       padding-bottom:12px;
+}
+
+.item_location_table td.location {
+       width:420px;
+       padding-left:25px;
+}
+
+.item_location_table td.shelving_location {
+    width:180px;
+}
+
+.item_location_table td.loc_info {
+       width:150px;
+}
+
+.item_location_table td.status {
+       width:100px;
+}
+
+.item_location_table td.callnumber {
+       width:180px;
+}
+
+.item_location_table .gray td {
+       background:#f2f2f2;
+}
+
+.item_detail_desc {
+       font-size:14px;
+       line-height:22px;
+       padding:11px 23px;
+}
+
+.item_detail_desc p {
+       margin:0;
+       margin-bottom:10px;
+}
+
+.item_detail_desc a {
+       padding:0px 2px;
+}
+
+.item_detail_desc a:hover {
+       color:white;
+       background:#b53ea6;
+}
+
+.item_detail_extras_tabs {
+       padding-top:15px;
+       padding-left:23px;
+       width:3000px;
+       background:#e3e3e3;
+}
+
+.item_detail_extras_tabs a {
+       display:block;
+       float:left;
+       padding:14px 27px;
+       background:#0098f9;
+       color:white;
+       font-size:14px;
+       margin-right:10px;
+}
+
+.item_detail_extras_tabs a.ac_tab_selected,
+.item_detail_extras_tabs div.ac_tab_selected {
+       background:white;
+       color:#424242;
+}
+
+.item_detail_rating_top {
+       font-size:14px;
+       border-bottom:1px solid #e3e3e3;
+       padding-left:23px;
+}
+
+.item_avg_rate_table {
+       margin:11px 0;
+}
+
+.item_avg_rate_table .avg_rate {
+       padding-right:10px;
+       border-right:1px solid #e3e3e3;
+}
+
+.item_avg_rate_table .stars {
+       padding-left:10px;
+}
+
+.item_avg_rate_table .total_rates {
+       padding-left:10px;
+}
+
+.item_detail_rating {
+       width:638px;
+       padding:15px 23px 25px 23px;
+       overflow:hidden;
+       border-bottom:1px solid #e3e3e3;
+}
+
+.item_detail_rating .review_box_top {
+       width:638px;
+       height:9px;
+       overflow:hidden;
+       background:url('/images/kpac/reviews_top.png') no-repeat;
+}
+
+.item_detail_rating .review_box_body {
+       background:#e3e3e3;
+       padding:1px 25px 0px 25px;
+}
+
+.item_detail_rating .review_box_body .input_boxes {
+       padding-bottom:15px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .review_email_cell {
+       padding-left:10px;
+}
+
+.item_detail_rating .review_box_body .input_boxes .rating_msg_box {
+       font-size:11px;
+       color:#9a9a9a;
+       padding-left:12px;
+}
+
+.item_detail_rating2 {
+       font-size:14px;
+       padding:7px 0px;
+       border-top:1px solid #c4c2c2;
+       border-bottom:1px solid #c4c2c2;
+       margin-bottom:15px;
+}
+
+.item_avg_rate_table2 .rate {
+       padding-right:10px;
+}
+
+.item_avg_rate_table2 .stars {
+       padding:0px 10px;
+       border-left:1px solid #c4c2c2;
+       border-right:1px solid #c4c2c2;
+}
+
+.item_avg_rate_table2 .scale {
+       padding-left:10px;
+       color:#9a9a9a;
+}
+
+.item_detail_rating .review_box_body .review_comment_box {
+       margin-bottom:20px;
+}
+
+.item_detail_rating
+  .review_box_body
+    .review_comment_box
+         .review_comment {
+       width:578px;
+       height:87px;
+       padding-left:7px;
+       padding-top:9px;
+       font-size:14px;
+}
+
+.item_detail_rating .review_submit_box {
+       padding-top:5px;
+}
+
+.sub_navigation1, .sub_navigation3 {
+       padding:25px 23px 20px 23px;
+}
+
+.sub_navigation2 {
+       padding:0px 23px 25px 23px;
+       border-bottom:1px solid #e3e3e3;
+}
+
+.sub_navigation1 .nav_mid_bg,
+.sub_navigation2 .nav_mid_bg,
+.sub_navigation3 .nav_mid_bg {
+       background:#eaeaea;
+       text-align:center;
+       font-size:14px;
+       
+}
+
+
+.sub_navigation1 .nav_mid_bg .current_page,
+.sub_navigation2 .nav_mid_bg .current_page,
+.sub_navigation3 .nav_mid_bg .current_page {
+       font-size:24px;
+       color:#0098f9;
+       padding:0px 12px;
+}
+
+.sub_navigation1 .nav_mid_bg .total_pages,
+.sub_navigation2 .nav_mid_bg .total_pages,
+.sub_navigation3 .nav_mid_bg .total_pages {
+       font-size:24px;
+       padding-left:12px;
+}
+
+
+.sub_navigation1 .to_top_btn,
+.sub_navigation3 .to_top_btn {
+       padding-left:19px;
+}
+
+.sub_navigation2.checkout {
+       padding-top:25px;
+       border-bottom:none;
+}
+
+.search_results {
+       padding:17px 23px 20px 23px;
+       border-bottom:1px solid #e3e3e3;
+}
+
+.search_results .item_icon_wrapper {
+       padding-top:3px;
+}
+
+.search_results .item_detail_info {
+       width:370px;
+}
+
+.search_results .item_detail_info .item_detail_author {
+       padding-bottom:6px;
+}
+
+.search_results .item_detail_info .item_detail_actions {
+       padding-top:0px;
+       margin-left:20px;
+}
+
+.search_results
+  .item_detail_info
+    .item_detail_actions
+         .button {
+       float:left;
+       padding-right:5px;
+}
+
+.checkout_options {
+       border-bottom:1px solid #e3e3e3;
+       font-size:14px;
+}
+
+.checkout_options .left_brain {
+       width:294px;
+       overflow:hidden;
+       padding:11px 25px 25px 23px;
+}
+
+.checkout_options .left_brain_cell {
+       border-right:1px solid #e3e3e3;
+}
+
+.checkout_options .right_brain {
+       width:294px;
+       overflow:hidden;
+       padding:11px 23px 25px 25px;
+}
+
+.checkout_options p {
+       margin:0;
+}
+
+.checkout_options .top_side {
+       text-align:center;
+       padding-bottom:15px;
+}
+
+.checkout_options .submit_btn {
+       
+}
+
+.checkout_box {
+       padding-bottom:5px;
+}
+
+.checkout_box .box1_top {
+       width:294px;
+       height:9px;
+       font-size:0px;
+       overflow:hidden;
+       background:url('/images/kpac/box1_top.png') no-repeat;
+}
+
+.checkout_box .box_inside {
+       background:#e3e3e3;
+       padding:7px 25px 20px 25px;
+}
+
+.checkout_box .box_inside p {
+       margin-bottom:5px;
+}
+
+.checkout_box .box_inside .input_box {
+       float:left;
+}
+
+.checkout_box .box_inside .help_btn {
+       float:right;
+       display:block;
+       
+       /* IE7 star hack */
+       *position:relative;
+       *top:1px;
+}
+
+.checkout_box .box_inside .text_box {
+       padding-bottom:10px;
+}
+
+.checkout_box .box_inside .pickup_lib select {
+       width:244px;
+}
+
+.checkout_item_pad {
+       padding-top:30px;
+}
+
+.checkout_res_body {
+       font-size:18px;
+       text-align:center;
+       line-height:30px;
+}
+
+.checkout_res_back {
+       font-size:11px;
+       font-family:'Cabin-Semibold', 'Cabin', Arial;
+       text-transform:uppercase;
+       white-space:nowrap;
+       color:white;
+       background:#74d514;
+       padding:18px 28px 18px 0px;
+       display:block;
+       overflow:hidden;
+       height:14px;
+}
+
+.sub_cat_wrapper {
+       padding:13px 0px 13px 75px;
+       border-bottom:1px solid #e3e3e3;
+}
+
+.sub_header2 {
+       text-align:center;
+       margin-top:20px;
+       margin-bottom:9px;
+}
+
+.sub_header {
+       font-size:14px;
+       background:#e3e3e3;
+       padding:8px 23px;
+}
+
+.clear {
+       clear:both;
+       font-size:0px;
+       line-height:0px;
+       /* background:green; -   for debugging */
+       
+       /* IE7 has a problem with these
+       height:0px;
+       overflow:hidden;
+       */
+}
+
+div.hr {
+       margin: 12px 0;
+       background:#c4c2c2;
+       height:1px;
+       overflow:hidden;
+}
+
+.popup_wrapper {
+       position:absolute;
+}
+
+.popup_wrapper .popup_wrapper_inner {
+       position:relative;
+       display:none;
+       top:0px;
+       left:0px;
+}
+
+.popup_wrapper .popup_mid {
+       background:white;
+}
+
+.popup_wrapper .popup_content {
+       margin-right:-20px;
+       margin-bottom:-20px;
+       position:relative;
+       top:-10px;
+       left:-10px;
+       padding:2px;
+       overflow:hidden;
+       font-size:14px;
+}
+
+.popup_wrapper .popup_arrow_bm {
+       position:relative;
+       top:-3px;
+}
+
+.popup_wrapper .popup_tl {
+       width:13px;
+       height:13px;
+       background:url('/images/kpac/popup_tl.png') no-repeat;
+}
+
+.popup_wrapper .popup_tm {
+       background:url('/images/kpac/popup_tm.png') repeat-x;
+}
+
+.popup_wrapper .popup_tr {
+       width:13px;
+       height:13px;
+       background:url('/images/kpac/popup_tr.png') no-repeat;
+}
+
+.popup_wrapper .popup_lm {
+       background:url('/images/kpac/popup_lm.png') repeat-y;
+}
+
+.popup_wrapper .popup_rm {
+       background:url('/images/kpac/popup_rm.png') repeat-y;
+}
+
+.popup_wrapper .popup_bl {
+       width:13px;
+       height:13px;
+       background:url('/images/kpac/popup_bl.png') no-repeat;
+}
+
+.popup_wrapper .popup_bm {
+       background:url('/images/kpac/popup_bm.png') repeat-x;
+}
+
+.popup_wrapper .popup_br {
+       width:13px;
+       height:13px;
+       background:url('/images/kpac/popup_br.png') no-repeat;
+}
+
+.invisible {
+    visibility : hidden;
+}
+
+.hidden {
+    visibility : hidden;
+    display : none;
+}
+
+/* For Dewey Decimal Page */
+
+
+.deweyhundreds {
+    border:none;
+    padding: 5px;
+    margin-top: 50px;
+}
+
+.deweyhundredsdescription {
+    border-bottom:3px #000 dotted;
+    width: 100%;
+    text-align:left;
+    font-size:x-large;
+    background-color:#c1e3f7;
+    color:#000;
+    height:60px;
+}
+
+.deweyhundredsdescription h1 {
+    float:left;
+    margin:5px;
+    padding:0px 0px 0px 10px;
+}
+
+.deweyhundredsdescription p {
+    float:left;
+    margin:5px;
+    padding:18px 0px 0px 0px;
+}
+
+.deweytens {
+    float: left;
+    margin-right:10px; 
+    margin-top:10px;
+    border:none;
+    text-align:center;
+    height: 180px;
+    width: 168px;
+}
+
+.deweytenstitle {
+    font-weight:bold;
+    font-size:x-large;
+    color:#000;
+    background-color:#ddd;
+    margin:0px;
+    border-top:3px solid #000;
+}
+
+.deweytensdescription {
+    font-weight:bold;
+    font-size:large;
+    color:#000;
+    background-color:#ddd;
+    margin:0px;
+    height:50px;
+}
+
+#main-content, .content-wrapper-library {
+    font-size: 16px;
+       margin-left: 20px;
+}
diff --git a/Open-ILS/web/images/kpac/pines-logo-small.png b/Open-ILS/web/images/kpac/pines-logo-small.png
new file mode 100644 (file)
index 0000000..d21d769
Binary files /dev/null and b/Open-ILS/web/images/kpac/pines-logo-small.png differ