--- /dev/null
+/*
+Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.3.0
+*/
+/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
+/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
+/*grids.css*/body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}#doc2{width:73.074em;*width:71.313em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.117em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:2%;width:32%;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{_margin-left:1.2%;*margin-left:1.7%;}.yui-g .yui-gb .yui-u{_margin-left:.8%;}.yui-gb .yui-u{margin-left:2%;width:32%;float:right;*width:31.8%;}.yui-gb div.first{margin-left:0;*margin-right:1px;float:left;}.yui-gb .yui-gb div.first{*margin-right:0;width:31.7%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-g .yui-gc div.first,.yui-g .yui-ge div.first{float:left;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-gb .yui-gc .yui-u,.yui-g .yui-gc .yui-u{_float:right;width:32%;_width:29.9%;}.yui-gb .yui-gc div.first{width:66%;*width:64.5%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;display:inline;}.yui-g div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:48.1%;*margin-left:0;}.yui-g .yui-g div.first{*margin:0;}.yui-gb .yui-g div.first{*margin-right:1px;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{_width:48.1%;*width:48.1%;*margin-left:0;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u{width:66%;}.yui-gd div.first,.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first{width:24%;}.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
--- /dev/null
+body {
+ text-align : left;
+}
+
+h1 {
+ font-size : 182%;
+ font-weight : bold;
+}
+
+h2 {
+ font-size : 167%;
+ font-weight : bold;
+}
+
+h3 {
+ font-size : 153.9%;
+ font-weight : bold;
+}
+
+h4 {
+ font-size : 138.5%;
+ font-weight : bold;
+}
+
+h5 {
+ font-size : 123.1%;
+ font-weight : bold;
+}
+
+h6 {
+ font-size : 93%;
+ font-weight : bold;
+}
+
+#hd {
+}
+
+#navigation {
+ border-right : 1px solid #BCBCBC;
+}
+
+#navigation li {
+ font-weight : bold;
+}
+
+#navigation li li {
+ font-weight : normal;
+}
+
+#navigation input {
+ font-size : 85%;
+}
+
+#ft {
+}
+
+.yui-u {
+}
+
+#onlinehelp {
+ position : absolute;
+ top : 3px;
+ right : 10px;
+}
+
+ul {
+ padding-left : 1.1em;
+}
+
+li {
+
+ list-style-type : disc;
+}
+
+#header {
+ background-image : url("../../img/koha-logo-black.png");
+ background-position : left;
+ background-repeat : no-repeat;
+ height : 54px;
+ padding-left : 45px;
+}
+
+#header h1 {
+ height : 54px;
+ vertical-align : middle;
+}
+
+#header h1 a {
+ text-decoration : none;
+}
+
+#submenu {
+ margin : .5em 0;
+}
+
+#submenu li {
+ display : inline;
+ border-right : 1px solid #E8E8E8;
+ padding : 0 .5em;
+ white-space : nowrap;
+}
+
+#submenu li:last-child {
+ border : 0;
+}
+
+table {
+ border-collapse : collapse;
+ border-top : 1px solid #BCBCBC;
+ border-right : 1px solid #BCBCBC;
+}
+
+td, th {
+ border-bottom : 1px solid #BCBCBC;
+ border-left : 1px solid #BCBCBC;
+ padding : .5em;
+}
+
+td {
+ background-color : White;
+}
+
+th {
+ background-color : #E8E8E8;
+ font-weight : bold;
+}
+
+td.highlight {
+ background-color : #F3F3F3;
+}
+
+caption {
+ font-size : 153.9%;
+ font-weight : bold;
+}
+
+span.problem {
+ background-color : #FFFFCC;
+ color : #990000;
+ font-weight : bold;
+ line-height : 1.7em;
+}
+
+fieldset {
+ border : 2px solid #EEEEEE;
+ margin : 1em;
+ padding : 1em;
+}
+
+legend {
+ font-size : 138.5%;
+ font-weight : bold;
+ margin : 0 0 0 -1em;
+ padding : 0;
+}
+
+/* MARC editor */
+
+/* styles for the 11 buttons that the user can click on */
+/* the design of the active tab button (only 1 at a given time)*/
+.tab_active {
+ color: #6699CC;
+ background-color : #CCCCCC;
+ font-size : 1em;
+ border: 2px inset;
+ font-weight : bold;
+ text-decoration:none;
+ display: inline;
+ text-decoration:none;
+ margin-left:10px;
+}
+
+#onlinehelp {
+ float:right;
+}
+
+/* the design of the INactives tab buttons (all other tabs) */
+.tab_inactive {
+ background-color : #6699CC;
+ color : #FFFFFF;
+ font-size : 1em;
+ font-weight : bold;
+ display:inline;
+ border: 2px outset;
+ text-decoration:none;
+ margin-left:10px;
+}
+
+/* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
+#tabs a {
+ color:white;
+ text-decoration:none;
+ padding-right:10px;
+ padding-left:10px;
+}
+
+/* specify that we to do when the mouse is on 1 button */
+#tabs a:hover {
+ border: 2px inset;
+}
+
+#tabs {
+ margin-top:45px;
+ margin-bottom:5px;
+}
+
+/* styles for the 11 content blocks */
+/* the property for hidden tabs */
+.content_hidden {
+ height:0px; /* you propably don't need to change this one */
+ visibility:hidden; /* you propably don't need to change this one */
+ display:none;
+}
+
+/* the property for the displayed tab */
+.content_visible {
+ height:0px; /* you propably don't need to change this one */
+ visibility:visible; /* you propably don't need to change this one */
+ display:block;
+}
+
+/* the style of tag description */
+p.tag {
+ font-weight:bold;
+}
+/* the style of subfield paragraph */
+p.subfield {
+
+}
\ No newline at end of file
--- /dev/null
+<div id="header">
+ <h1><a href="/cgi-bin/koha/mainpage.pl">Koha Staff Client</a></h1>
+<div id="onlinehelp">
+ <a href="#" onclick="window.open('/cgi-bin/koha/help.pl','Koha_Help','width=600,height=600,toolbar=false,scrollbars=yes');">[?]</a>
+</div>
+</div>
\ No newline at end of file
--- /dev/null
+ <div class="yui-b">
+
+ <ul id="navigation">
+ <!-- TMPL_IF NAME="CAN_user_circulate" -->
+ <li> <a href="/cgi-bin/koha/circ/circulation.pl">Circulation</a><ul>
+ <li>
+ <form method="post" action="/cgi-bin/koha/circ/circulation.pl">
+ <label for="navfindborrower">Check out to:</label>
+ <input id="navfindborrower" name="findborrower" type="text" size="10" />
+ <input type="hidden" name="branch" value="<!-- TMPL_VAR name="branch" -->" />
+ <input type="hidden" name="printer" value="<!-- TMPL_VAR name="printer" -->" />
+ <input type="submit" class="submit" value="OK" />
+ </form>
+ </li>
+ <li><a accesskey="r" href="/cgi-bin/koha/circ/returns.pl">Check in</a></li>
+ <li><a href="/cgi-bin/koha/circ/branchtransfers.pl">Transfers</a></li>
+ </ul></li>
+ <!-- /TMPL_IF -->
+
+ <!-- TMPL_IF NAME="CAN_user_borrowers" -->
+ <li><a href="/cgi-bin/koha/members/members-home.pl">Patrons</a><ul>
+ <li><form action="/cgi-bin/koha/members/member.pl" method="post">
+ <label for="navmember">Search: </label>
+ <input id="navmember" type="text" size="10" name="member" />
+ <input type="submit" value="OK" class="submit" />
+ </form>
+ </li>
+ </ul></li>
+
+ <!-- /TMPL_IF -->
+ <!-- TMPL_IF NAME="CAN_user_catalogue" -->
+ <li><a href="/cgi-bin/koha/catalogue/search.pl">Catalogue</a><ul>
+ <li>
+ <form name="searchform" method="get" action="/cgi-bin/koha/catalogue/search.pl" id="searchform">
+ <input type="hidden" name="idx" value="" />
+ <label for="navkeyword">
+ Search:
+ </label><input type="text" id="navkeyword" name="q" size="10" accesskey="s" />
+ <input type="submit" value=" OK " class="submit" />
+ </form>
+ </li>
+ <li><a href="/cgi-bin/koha/virtualshelves/shelves.pl">Virtual Shelves</a></li>
+ </ul></li>
+
+ <!-- /TMPL_IF -->
+ <!-- TMPL_IF NAME="CAN_user_editcatalogue" -->
+ <li><a href="/cgi-bin/koha/cataloguing/addbooks.pl">Cataloguing</a><ul>
+ <li><a href="/cgi-bin/koha/cataloguing/addbiblio.pl">Add MARC</a></li>
+ <li><a href="/cgi-bin/koha/authorities/authorities-home.pl">Authorities</a></li>
+ <li><a href="/cgi-bin/koha/serials/serials-home.pl">Serials</a></li>
+ </ul></li>
+
+ <li><a href="/cgi-bin/koha/acqui/acqui-home.pl">Acquisitions</a></li>
+ <!-- /TMPL_IF -->
+ <!-- TMPL_IF NAME="CAN_user_reports" -->
+ <li><a href="/cgi-bin/koha/reports/reports-home.pl">Reports</a></li>
+ <!-- /TMPL_IF -->
+ <!-- TMPL_IF NAME="CAN_user_parameters" -->
+ <li> <a href="/cgi-bin/koha/admin/admin-home.pl">Koha administration</a><ul>
+ <li><a href="/cgi-bin/koha/admin/systempreferences.pl">System preferences</a></li>
+ </ul></li>
+
+ <!-- /TMPL_IF -->
+ <!-- TMPL_IF NAME="CAN_user_tools" -->
+ <li><a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a></li>
+ <!-- /TMPL_IF -->
+ <li><a href="/cgi-bin/koha/about.pl">About Koha</a></li>
+ </ul>
+ <!-- TMPL_IF NAME="IntranetNav" -->
+ <!-- TMPL_VAR NAME="IntranetNav" -->
+ <!-- /TMPL_IF -->
+
+ <div id="login">
+ <!-- TMPL_IF NAME="loggedinusername" -->
+ <ul>
+ <li>Logged in as: <strong> <!-- TMPL_VAR NAME="loggedinusername" --> </strong>
+ at <strong><!-- TMPL_VAR NAME="LoginBranchname" --></strong></li>
+ <!-- TMPL_IF NAME="AutoLocation" -->
+ <li>autolocate activated</li>
+ <!-- TMPL_ELSE -->
+ <li><a href="/cgi-bin/koha/circ/selectbranchprinter.pl">Change Settings</a></li>
+ <!-- /TMPL_IF -->
+ <li><a href="/cgi-bin/koha/mainpage.pl?logout.x=1">Log Out</a></li>
+ </ul>
+ <!-- /TMPL_IF -->
+ </div>
+
+</div>
+</div>
\ No newline at end of file