kpac2 : some initial files

Signed-off-by: Bill Erickson <berick@esilibrary.com>
Signed-off-by: Mike Rylander <mrylander@gmail.com>

diff --git a/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
new file mode 100755 (executable)
index 0000000..043c374
--- /dev/null
+++ b/Open-ILS/examples/web/css/skin/kpac2/kpac/style.css
@@ -0,0 +1,1081 @@
+@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
+@font-face {\r
+    font-family: 'Kreon';\r
+    src: url('fonts/Kreon.eot');\r
+    src: url('fonts/Kreon.eot?#iefix') format('embedded-opentype'),\r
+         url('fonts/Kreon.woff') format('woff'),\r
+         url('fonts/Kreon.ttf') format('truetype'),\r
+         url('fonts/Kreon.svg#webfont8iYScu0S') format('svg');\r
+}\r
+\r
+body {\r
+       font-family:'Cabin', Arial;\r
+       font-size:12px;\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
+       font-family: 'Kreon';\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:10px;\r
+}\r
+\r
+.main_header_wrapper {\r
+       width:956px;\r
+       height:50px;\r
+       padding-top:10px;\r
+       overflow:hidden;\r
+}\r
+\r
+.logo_wrapper {\r
+       float:left;\r
+}\r
+\r
+.logo_left, .logo_right {\r
+       display:block;\r
+       width:16px;\r
+       height:71px;\r
+       overflow:hidden;\r
+       float:left;\r
+}\r
+\r
+.logo_right {\r
+}\r
+\r
+.logo_middle {\r
+       display:block;\r
+       float:left;\r
+       padding:6px 14px 0px 26px;\r
+}\r
+\r
+.header_menu {\r
+       margin-right:29px;\r
+       font-family:Arial;\r
+}\r
+\r
+.header_menu a {\r
+       display:block;\r
+       float:right;\r
+       color:#8e8e8e;\r
+       margin-left:5px;\r
+}\r
+\r
+.header_menu a:hover {\r
+       color:#b53ea6;\r
+}\r
+\r
+.banner_wrapper {\r
+       height:352px;\r
+       position:relative;\r
+       z-index:1;\r
+}\r
+\r
+.hp_banner_bgl {\r
+       background:url('/images/hp_banner_bgl.png') repeat-x bottom right;\r
+}\r
+\r
+.hp_banner_bgr {\r
+       background:url('/images/hp_banner_bgr.png') repeat-x bottom left;\r
+}\r
+\r
+.hp_banner_content {\r
+       width:902px;\r
+       background:url('/images/hp_banner.png') repeat-x bottom left;\r
+}\r
+\r
+.hp_search_main {\r
+       padding-top:197px;\r
+       padding-left:16px;\r
+}\r
+\r
+.hp_search_box_wrapper {\r
+       padding-bottom:5px;\r
+       padding-right:10px;\r
+}\r
+\r
+.hp_search_box {\r
+       border:none !important;\r
+       font-size:18px;\r
+       padding: 8px 5px 7px 5px;\r
+       width:304px;\r
+}\r
+\r
+.hp_search_st {\r
+       font-size:18px;\r
+       text-transform:uppercase;\r
+       color:white;\r
+       font-family: 'Kreon';\r
+}\r
+\r
+.hp_search_st .st_radio_btn {\r
+       background:#303030;\r
+       padding:7px 6px 9px 10px;\r
+}\r
+\r
+.hp_search_st .st_radio_btn input[type=radio] {\r
+       overflow:hidden;\r
+       width:15px;\r
+}\r
+\r
+.hp_search_st .st_label {\r
+       background:#303030;\r
+       padding-right:17px;\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/main_tl_corner.png') no-repeat;\r
+       float:left;\r
+}\r
+\r
+.main_bl_corner {\r
+       background:url('/images/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/main_tr_corner.png') no-repeat;\r
+       float:right;\r
+}\r
+\r
+.main_br_corner {\r
+       background:url('/images/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/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/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/main_top_bg_sub.png') no-repeat;\r
+}\r
+\r
+.main_mid_bottom {\r
+       background:url('/images/main_bottom_bg.png') repeat-x;\r
+}\r
+\r
+.main_left_shadow {\r
+       background:url('/images/main_left_shadow.png') repeat-y;\r
+}\r
+\r
+.main_right_shadow {\r
+       background:url('/images/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/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
+}\r
+\r
+.c_header_image, .c_header_image2 {\r
+       margin-top:10px;\r
+       margin-bottom:10px;\r
+}\r
+\r
+.c_header_image2 {\r
+       font-size:20px;\r
+       color:#74d514;\r
+}\r
+\r
+.c_header_hp_or {\r
+       color:#323232;\r
+       text-transform:uppercase;\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:26px;\r
+}\r
+\r
+.footer_wrapper a {\r
+       display:block;\r
+       float:left;\r
+       color:#666;\r
+       padding:7px 15px 7px 0px;\r
+}\r
+\r
+.footer_wrapper a:hover {\r
+       color:#b53ea6;\r
+}\r
+\r
+.sub_sidebar {\r
+       background:#e3e3e3 url('/images/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
+       font-family: 'Kreon';\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
+       font-family: 'Kreon';\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/bread_green_mid.png') no-repeat;\r
+}\r
+\r
+.breadcrumb .bread_green_last {\r
+       background:url('/images/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/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
+.item_detail_extras_tabs div.selected {\r
+       display:block;\r
+       float:left;\r
+       padding:14px 35px;\r
+       background:#b53ea6;\r
+       color:white;\r
+       font-size:14px;\r
+       margin-right:10px;\r
+}\r
+\r
+.item_detail_extras_tabs a.selected,\r
+.item_detail_extras_tabs div.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/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
+       font-family: 'Kreon';\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/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
+.center_me {\r
+       width:956px;\r
+       margin:auto;\r
+}\r
+\r
+.hp_reposition {\r
+       position:relative;\r
+       top:-46px;\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/popup_tl.png') no-repeat;\r
+}\r
+\r
+.popup_wrapper .popup_tm {\r
+       background:url('/images/popup_tm.png') repeat-x;\r
+}\r
+\r
+.popup_wrapper .popup_tr {\r
+       width:13px;\r
+       height:13px;\r
+       background:url('/images/popup_tr.png') no-repeat;\r
+}\r
+\r
+.popup_wrapper .popup_lm {\r
+       background:url('/images/popup_lm.png') repeat-y;\r
+}\r
+\r
+.popup_wrapper .popup_rm {\r
+       background:url('/images/popup_rm.png') repeat-y;\r
+}\r
+\r
+.popup_wrapper .popup_bl {\r
+       width:13px;\r
+       height:13px;\r
+       background:url('/images/popup_bl.png') no-repeat;\r
+}\r
+\r
+.popup_wrapper .popup_bm {\r
+       background:url('/images/popup_bm.png') repeat-x;\r
+}\r
+\r
+.popup_wrapper .popup_br {\r
+       width:13px;\r
+       height:13px;\r
+       background:url('/images/popup_br.png') no-repeat;\r
+}\r
+\r
+.invisible {\r
+    visibility : hidden;\r
+}\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r

diff --git a/Open-ILS/examples/web/images/get_a_card_btn.png b/Open-ILS/examples/web/images/get_a_card_btn.png
new file mode 100755 (executable)
index 0000000..f8627c4
Binary files /dev/null and b/Open-ILS/examples/web/images/get_a_card_btn.png differ

diff --git a/Open-ILS/examples/web/images/help_btn.png b/Open-ILS/examples/web/images/help_btn.png
new file mode 100755 (executable)
index 0000000..9704a8a
Binary files /dev/null and b/Open-ILS/examples/web/images/help_btn.png differ

diff --git a/Open-ILS/examples/web/images/hp_banner.png b/Open-ILS/examples/web/images/hp_banner.png
new file mode 100755 (executable)
index 0000000..e512f82
Binary files /dev/null and b/Open-ILS/examples/web/images/hp_banner.png differ

diff --git a/Open-ILS/examples/web/images/hp_banner_bgl.png b/Open-ILS/examples/web/images/hp_banner_bgl.png
new file mode 100755 (executable)
index 0000000..3eeb477
Binary files /dev/null and b/Open-ILS/examples/web/images/hp_banner_bgl.png differ

diff --git a/Open-ILS/examples/web/images/hp_banner_bgr.png b/Open-ILS/examples/web/images/hp_banner_bgr.png
new file mode 100755 (executable)
index 0000000..7c76b4d
Binary files /dev/null and b/Open-ILS/examples/web/images/hp_banner_bgr.png differ

diff --git a/Open-ILS/examples/web/images/hp_search_btn.png b/Open-ILS/examples/web/images/hp_search_btn.png
new file mode 100755 (executable)
index 0000000..f926bd0
Binary files /dev/null and b/Open-ILS/examples/web/images/hp_search_btn.png differ

diff --git a/Open-ILS/examples/web/images/login_btn.png b/Open-ILS/examples/web/images/login_btn.png
new file mode 100755 (executable)
index 0000000..735afa6
Binary files /dev/null and b/Open-ILS/examples/web/images/login_btn.png differ

diff --git a/Open-ILS/examples/web/images/print_btn.png b/Open-ILS/examples/web/images/print_btn.png
new file mode 100755 (executable)
index 0000000..7bd5815
Binary files /dev/null and b/Open-ILS/examples/web/images/print_btn.png differ

diff --git a/Open-ILS/examples/web/images/star_off.png b/Open-ILS/examples/web/images/star_off.png
new file mode 100755 (executable)
index 0000000..3a02a7a
Binary files /dev/null and b/Open-ILS/examples/web/images/star_off.png differ

diff --git a/Open-ILS/examples/web/images/text_size_btn.png b/Open-ILS/examples/web/images/text_size_btn.png
new file mode 100755 (executable)
index 0000000..a1234ef
Binary files /dev/null and b/Open-ILS/examples/web/images/text_size_btn.png differ

diff --git a/Open-ILS/examples/web/templates/kpac/parts/base.tt2 b/Open-ILS/examples/web/templates/kpac/parts/base.tt2
new file mode 100644 (file)
index 0000000..1378611
--- /dev/null
+++ b/Open-ILS/examples/web/templates/kpac/parts/base.tt2
@@ -0,0 +1,21 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns='http://www.w3.org/1999/xhtml' lang='[% ctx.locale %]' xml:lang='[% ctx.locale %]'>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/kpac2/kpac/style.css" />
+        [% IF ctx.authtime %]
+        <meta http-equiv="refresh" content="[% ctx.authtime %];[% 
+            ctx.logout_page _ '?redirect_to=' _ ctx.home_page %]">
+        [% END %]
+        <title>[% l("Kid's Catalog - [_1]", ctx.page_title) %]</title>
+    </head>
+    <body>
+        <div class="main_center">
+            [% INCLUDE 'kpac/parts/header.tt2' %]
+            <div class="main_wrapper"> [% content %] </div>
+            [% INCLUDE 'kpac/parts/footer.tt2' %]
+        </div>
+        <script type="text/javascript" src="[% ctx.media_prefix %]/js/ui/default/kpac/functions.js"></script>
+        [%- INCLUDE 'kpac/parts/acimport.tt2' %]
+    </body>
+</html>