[Koha-cvs] CVS: koha/koha-tmpl/opac-tmpl/npl/en/includes basket.js,NONE,1.1 doc-head-close-basket-print.inc,NONE,1.1 doc-head-close-basket.inc,NONE,1.1 doc-head-close.inc,NONE,1.1 doc-head-open.inc,NONE,1.1 marc-editor.css,NONE,1.1 masthead-user.inc,NONE,1.1 masthead.inc,NONE,1.1 masthead_adv.inc,NONE,1.1 masthead_home.inc,NONE,1.1 navigation.inc,NONE,1.1 opac-basket-bottom.inc,NONE,1.1 opac-bottom.inc,NONE,1.1 opac-top.inc,NONE,1.1 opac.css,NONE,1.1 print.css,NONE,1.1 script.js,NONE,1.1

[Owen Leonard]

Update of /cvsroot/koha/koha/koha-tmpl/opac-tmpl/npl/en/includes
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv14880/koha-tmpl/opac-tmpl/npl/en/includes

Added Files:
	basket.js doc-head-close-basket-print.inc 
	doc-head-close-basket.inc doc-head-close.inc doc-head-open.inc 
	marc-editor.css masthead-user.inc masthead.inc 
	masthead_adv.inc masthead_home.inc navigation.inc 
	opac-basket-bottom.inc opac-bottom.inc opac-top.inc opac.css 
	print.css script.js 
Log Message:
Adding Nelsonville Public Library's OPAC templates (npl)

--- NEW FILE ---
//////////////////////////////////////////////////////////////////////////////
// BASIC FUNCTIONS FOR COOKIE MANGEMENT //
//////////////////////////////////////////////////////////////////////////////

var CGIBIN = "/cgi-bin/koha/";


var nameCookie = "bib_list";
var valCookie = readCookie(nameCookie);
	
if(valCookie){
	var arrayRecords = valCookie.split("/");
	if(arrayRecords.length > 0){
		var basketcount = " ("+(arrayRecords.length-1)+")";
	} else {
		var basketcount = "";
	}
} else {
		var basketcount = "";
}

function writeCookie(name, val, wd) {
	if (wd) {
		parent.opener.document.cookie = name + "=" + val;
	}
	else {
		parent.document.cookie = name + "=" + val;
	}
}

function readCookieValue (str, val_beg) {
	var val_end = str.indexOf(";", val_end);
	if (val_end == -1)
		val_end = str.length;
	return str.substring(val_beg, val_end);
}

function readCookie(name, wd) {
	var str_name = name + "=";
	var str_len = str_name.length;
	var str_cookie = "";
	if (wd) {
		str_cookie = parent.opener.document.cookie;
	}
	else {
		str_cookie = parent.document.cookie;
	}
	var coo_len = str_cookie.length;
	var i = 0;

	while (i < coo_len) {
		var j = i + str_len;
		if (str_cookie.substring(i, j) == str_name)
			return readCookieValue(str_cookie, j);
		i = str_cookie.indexOf(" ", i) + 1;
		if (i == 0)
			break;
	}

	return null;
}

function delCookie(name) {
	var exp = new Date();
	exp.setTime(exp.getTime()-1);
	parent.opener.document.cookie = name + "=null; expires=" + exp.toGMTString();
}


///////////////////////////////////////////////////////////////////
// SPECIFIC FUNCTIONS USING COOKIES //
///////////////////////////////////////////////////////////////////

function openBasket() {
	var strCookie = "";

	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie);
	if (valCookie) {
		strCookie = nameCookie + "=" + valCookie;
	}

	if (strCookie) {
		var iW = 620;
		var iH = 450;

		var optWin = "dependant=yes,status=yes,scrollbars=yes,resizable=yes,toolbar=yes,height="+iH+",width="+iW;
		var loc = CGIBIN + "opac-basket.pl?" + strCookie;
		var basket = open(loc, "basket", optWin);
	}
	else {
		alert(MSG_BASKET_EMPTY);
	}
}


function addRecord(val, selection) {
	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie);
	var write = 0;

	if ( ! valCookie ) { // empty basket
		valCookie = val + '/';
		write = 1;
		updateBasket(1,document);
	}
	else {
		// is this record already in the basket ?
		var found = false;
		var arrayRecords = valCookie.split("/");
		
		for (var i = 0; i < valCookie.length - 1; i++) {
			if (val == arrayRecords[i]) {
				found = true;
				break;
			}
		}

		if ( found ) {
			if (selection) {
				return 0;
			}
			alert(MSG_RECORD_IN_BASKET);
		}
		else {
			valCookie += val + '/';
			write = 1;
			updateBasket(arrayRecords.length,document);
		}
	}

	if (write) {
		writeCookie(nameCookie, valCookie);
		if (selection) { // when adding a selection of records
			return 1;
		}
		alert(MSG_RECORD_ADDED);
	}
}


function addMultiple(){
	var c_value = "";
	if(document.myform.bibid.length > 0) {
		for (var i=0; i < document.myform.bibid.length; i++) {
			if (document.myform.bibid[i].checked) {
				c_value = c_value + document.myform.bibid[i].value + "/";
			}
		}
		addSelRecords(c_value);
	}
}


function addSelRecords(valSel) { // function for adding a selection of biblios to the basket
												// from the results list
	var arrayRecords = valSel.split("/");
	var i = 0;
	var nbAdd = 0;
	for (i=0;i<arrayRecords.length;i++) {
		if (arrayRecords[i]) {
			nbAdd += addRecord(arrayRecords[i], 1);
		}
		else {
			break;
		}
	}

	var msg = "";
	if (nbAdd) {
		if (i > nbAdd) {
			msg = nbAdd+" "+MSG_NRECORDS_ADDED+", "+(i-nbAdd)+" "+MSG_NRECORDS_IN_BASKET;
		}
		else {
			msg = nbAdd+" "+MSG_NRECORDS_ADDED;
		}
	}
	else {
		if (i < 1) {
			msg = MSG_NO_RECORD_SELECTED;	
		}
		else {
			msg = MSG_NO_RECORD_ADDED+" ("+MSG_NRECORDS_IN_BASKET+") !";
		}
	}
	alert(msg);
}


function selRecord(num, status) {
	var str = document.myform.records.value
	if (status){
		str += num+"/";
	}
	else {
		str = delRecord(num, str);
	}

	document.myform.records.value = str;
}


function delSelRecords() {
	var recordsSel = 0;
	var end = 0;
	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie, 1);

	if (valCookie) {
		var str = document.myform.records.value;
		if (str.length > 0){
			recordsSel = 1;
			var str2 = valCookie;
			while (!end){
				s = str.indexOf("/");
				if (s>0){
					num = str.substring(0, s)
					str = delRecord(num,str);
					str2 = delRecord(num,str2);
				} else {
					end = 1;
				}
			}

			if (str2.length == 0) { // equivalent to emptying the basket
				var rep = false;
				rep = confirm(MSG_CONFIRM_DEL_BASKET);
				if (rep) { 
					delCookie(nameCookie);
					document.location = "about:blank";
					updateBasket(0,top.opener.document);
					window.close();
				} else {
					return;
				}
			} else {
				writeCookie(nameCookie, str2, 1);
			}
		}
	}

	if (recordsSel) {
		var strCookie = "";
		var nameCookie = "bib_list";
		var valCookie = readCookie(nameCookie, 1);
		strCookie = nameCookie + "=" + valCookie;
		var arrayRecords = valCookie.split("/");
		updateBasket(arrayRecords.length-1,top.opener.document);
		document.location = CGIBIN + "opac-basket.pl?" + strCookie;
	}
	else {
		alert(MSG_NO_RECORD_SELECTED);
	}
}


function delRecord (n, s) {
	var re = /\d/;
	var aux = s;
	var found = 0;
	var pos = -1;

	while (!found) {
		pos = aux.indexOf(n, pos+1);
		var charAfter = aux.charAt(pos+n.length); // character right after the researched string
		if (charAfter.match(re)) { // record number inside another one
			continue;
		}
		else { // good record number
			aux = s.substring(0, pos)+ s.substring(pos+n.length+1, s.length);
			s = aux;
			found = 1;
		}
	}

	return s;
}


function delBasket() {
	var nameCookie = "bib_list";

	var rep = false;
	rep = confirm(MSG_CONFIRM_DEL_BASKET);
	if (rep) {
		delCookie(nameCookie);
		document.location = "about:blank";
		updateBasket(0,top.opener.document);
		window.close();
	}
}


function quit() {
	if (document.myform.records.value) {
		var rep = false;
		rep = confirm(MSG_CONFIRM_DEL_RECORDS);
		if (rep) {
			delSelRecords();
		}
	}
	updateBasket(arrayRecords.length-1,top.opener.document);
	window.close();
}

function sendBasket() {
	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie);
	var strCookie = nameCookie + "=" + valCookie;

	var loc = CGIBIN + "opac-sendbasket.pl?" + strCookie;

	var optWin="dependant=yes,scrollbars=no,resizable=no,height=300,width=400,top=50,left=100";
	var win_form = open(loc,"win_form",optWin);
}

function printBasket() {
	var loc = document.location + "&print=1";
	document.location = loc;
}

function showMore() {
	var strCookie = "";

	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie);
	if (valCookie) {
		strCookie = nameCookie + "=" + valCookie;
	}
	var loc = CGIBIN + "opac-basket.pl?" + strCookie + "&verbose=1";
	document.location = loc;
}

function showLess() {
	var strCookie = "";

	var nameCookie = "bib_list";
	var valCookie = readCookie(nameCookie);
	if (valCookie) {
		strCookie = nameCookie + "=" + valCookie;
	}
	var loc = CGIBIN + "opac-basket.pl?" + strCookie + "&verbose=0";
	document.location = loc;
}

function updateBasket(updated_value,target) {
    if(typeof document.getElementById != "undefined") {
        target.getElementById('basket').innerHTML = " ("+updated_value+")";
    } else if (typeof document.layers != "undefined") {
        target.layers['basket'].open();
        target.layers['basket'].write(" ("+updated_value+")");
        target.layers['basket'].close();
    } else if(typeof document.all != "undefined" &&  typeof
document.getElementById == "undefined") {
        target.all['basket'].innerHTML = " ("+updated_value+")";
    }
}
--- NEW FILE ---
</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css"> 
	@import url(<TMPL_VAR NAME="themelang">/includes/print.css);
</style>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/basket.js"></script>
	<script type="text/javascript" language="javascript">
		var MSG_NO_RECORD_SELECTED = "No biblio selected";
		var MSG_NO_RECORD_ADDED = "No biblio added";
		var MSG_CONFIRM_DEL_BASKET = "Are you sure you want to empty your book bag?"
		var MSG_CONFIRM_DEL_RECORDS = "Are you sure you want to remove the selected items?";
	</SCRIPT>
</head>
<body onload="print();">
--- NEW FILE ---
</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css"> 
	@import url(<TMPL_VAR NAME="themelang">/includes/opac.css);
</style>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/basket.js"></script>
	<script type="text/javascript" language="javascript">
		var MSG_NO_RECORD_SELECTED = "No biblio selected";
		var MSG_NO_RECORD_ADDED = "No biblio added";
		var MSG_CONFIRM_DEL_BASKET = "Are you sure you want to empty your book bag?"
		var MSG_CONFIRM_DEL_RECORDS = "Are you sure you want to remove the selected items?";
	</SCRIPT>
</head>
<body>
--- NEW FILE ---
</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<style type="text/css"> 
	@import url(<TMPL_VAR NAME="themelang">/includes/opac.css);
</style>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/script.js"></script>
<script type="text/javascript" language="javascript" src="<TMPL_VAR NAME="themelang">/includes/basket.js"></script>
<script type="text/javascript" language="javascript">
	var MSG_BASKET_EMPTY = "You book bag is currently empty";
	var MSG_RECORD_IN_BASKET = "This item is already in your book bag";
	var MSG_RECORD_ADDED = "This item has been added to your book bag";
	var MSG_NRECORDS_ADDED = " item(s) added to your book bag";
	var MSG_NRECORDS_IN_BASKET = "already in the bag";
	var MSG_NO_RECORD_SELECTED = "No item was selected";
	var MSG_NO_RECORD_ADDED = "No item was added to your book bag";
</script>
</head>
<body>
--- NEW FILE ---
<!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">
<head>
<title>
--- NEW FILE ---
div.tabs {
	width:10px;
	position:absolute;
	margin-left:50px;
	margin-top:120px;
}

div.tabs a {
	display:block;
	font-size: small;
	border: thin solid black;
	margin-right: 2px;
	padding: 10px 10px;
	-moz-border-radius: 5px 0px 0px 5px;
}

div.tab {
	background-color: #FFFFCC;
	display: block;
	visibility:hidden;
	position:absolute;

}
td {
	border:0px;
}

.MARCtag { /* style for tag definition (700 - Statement of responsability) */
	font-weight:bold;
	color:#FF6600;
	background-color:FFFFFF;
	background-image:none;
	border-bottom: 1px solid #999900;
	margin-right:30%;
}

.labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
	float:left;
	width: 12em;
	margin-left:30px;
}

--- NEW FILE ---
<div id="masthead">
<h1>Library Catalog Search</h1>
<div class="menu"><form action="/cgi-bin/koha/opac-search.pl" method="post">
<a href="/cgi-bin/koha/opac-main.pl">Search Home</a> | <a href="" onclick="openBasket(); return false;" title="A &quot;shopping cart&quot; for your selections">Book Bag</a> | <label for="value">Search the Catalog</label>
  <input type="hidden" name="op" value="do_search" />
			<input type="hidden" name="type" value="opac" />
			<input type="hidden" name="marclist" value="" />
			<input type="hidden" name="and_or" value="and" />
			<input type="hidden" name="excluding" value="" />
			<input type="hidden" name="operator" value="contains" />
			<input type="text" size="12" name="value" id="value" />&nbsp;<input type="submit"  class="submit" name="Go" value="Search" /></form></div>
<div class="menu"><a href="/cgi-bin/koha/opac-user.pl">your library home</a> |   
	<a href="/cgi-bin/koha/opac-account.pl">your account</a>  | 
	<a href="/cgi-bin/koha/opac-userdetails.pl">your personal details</a> | <a class="logout" href="/cgi-bin/koha/opac-logout.pl">log out</a>
  </ul>
</div>
</div>
--- NEW FILE ---
<div id="masthead">
<h1>Library Catalog Search</h1>
<div class="menu"><form action="/cgi-bin/koha/opac-search.pl" method="post">
<a href="/cgi-bin/koha/opac-main.pl">Search Home</a> | <a href="/cgi-bin/koha/opac-basket.pl" onclick="openBasket(); return false;" title="A &quot;shopping cart&quot; for your selections">Book Bag<span id="basket"><script language="javascript" type="text/javascript">if(basketcount){ document.write(basketcount) };</script></span></a> | <label for="value">Search the Catalog</label>
  <input type="hidden" name="op" value="do_search" />
			<input type="hidden" name="type" value="opac" />
			<input type="hidden" name="marclist" value="" />
			<input type="hidden" name="and_or" value="and" />
			<input type="hidden" name="excluding" value="" />
			<input type="hidden" name="operator" value="contains" />
			<input type="text" size="12" name="value" id="value" />&nbsp;<input type="submit"  class="submit" name="Go" value="Search" /></form></div>
<TMPL_IF NAME="loggedinusername">
<div class="menu"><span class="loggedin">You are logged in as <TMPL_LOOP NAME="USER_INFO"><a href="/cgi-bin/koha/opac-user.pl"><TMPL_VAR NAME="title"> <TMPL_VAR NAME="firstname"> <TMPL_VAR NAME="surname"></a></TMPL_LOOP></span> | <a class="logout" href="/cgi-bin/koha/opac-logout.pl">Log Out</a></div>
</TMPL_IF>
</div>
--- NEW FILE ---
<div id="masthead">
<h1>Library Catalog Search</h1>
<div class="menu"><a href="/cgi-bin/koha/opac-main.pl">Search Home</a> | <a href="" onclick="openBasket(); return false;" title="A &quot;shopping cart&quot; for your selections">Book Bag<span id="basket"><script language="javascript" type="text/javascript">if(basketcount){ document.write(basketcount) };</script></span></a></div>
<TMPL_IF NAME="loggedinusername">
<div class="menu"><span class="loggedin">You are logged in as <TMPL_LOOP NAME="USER_INFO"><a href="/cgi-bin/koha/opac-user.pl"><TMPL_VAR NAME="title"> <TMPL_VAR NAME="firstname"> <TMPL_VAR NAME="surname"></a></TMPL_LOOP></span> | <a class="logout" href="/cgi-bin/koha/opac-logout.pl">Log Out</a></div>
</TMPL_IF>
</div>
--- NEW FILE ---
<div id="masthead">
<h1><TMPL_VAR name="LibraryName"></h1>
</div> 
--- NEW FILE ---
<div id="nav"><ul><li><a href="http://www.athenscounty.lib.oh.us/index.html">home</a></li>

  <li><a href="http://www.athenscounty.lib.oh.us/library.html">your library</a></li>
  <li><a href="http://www.athenscounty.lib.oh.us/readers/index.asp">reader's connection</a></li>
    <li><a href="http://www.athenscounty.lib.oh.us/kids/index.asp">kids' page</a></li>
    <li><a href="http://www.athenscounty.lib.oh.us/teens/index.asp">teens</a></li>
  <li><a href="/cgi-bin/koha/opac-main.pl">library catalog</a>
  	<ul>
		<li><a href="/cgi-bin/koha/opac-search.pl">Advanced Search</a></li>
		<li><a href="/cgi-bin/koha/opac-user.pl">Your Account</a></li>
		<li><a href="http://66.213.78.70/upcoming.cfm">Upcoming Releases Waiting List</a></li>
	</ul>
  </li>
  <li><a href="http://www.athenscounty.lib.oh.us/programs.asp">programs</a></li>

  <li><a href="http://www.athenscounty.lib.oh.us/branch.html">branches</a></li>
  <li><a href="http://www.athenscounty.lib.oh.us/mobile.asp">the bookmobile</a></li>
  <li><a href="http://www.oplin.org">OPLIN</a></li>
  <li><a href="http://www.athenscounty.lib.oh.us/contact.html">contact the library</a></li>
  </ul>
</div>
--- NEW FILE ---
<div id="bottombloc">
<!-- TMPL_IF NAME="loggedinusername" -->
	<p>
		Logged in as <b><!-- TMPL_VAR NAME="loggedinusername" --></b> <a href="/cgi-bin/koha/opac-user.pl">Members Home</a>
		|| <a href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log Out</a>
	</p>
<!-- TMPL_ELSE -->
	<p>
		<a href="/cgi-bin/koha/opac-user.pl">Log In</a> to Koha
	</p>
<!-- /TMPL_IF -->
</div>
</body>
</html>
--- NEW FILE ---
<div id="bottombloc">
<!-- TMPL_IF NAME="loggedinusername" -->
	<p>
		Logged in as <b><!-- TMPL_VAR NAME="loggedinusername" --></b> <a href="/cgi-bin/koha/opac-user.pl">Members Home</a>
		|| <a href="/cgi-bin/koha/opac-main.pl?logout.x=1">Log Out</a>
	</p>
<!-- TMPL_ELSE -->
	<p>
		<a href="/cgi-bin/koha/opac-user.pl">Log In</a> to Koha
	</p>
<!-- /TMPL_IF -->
</div>
</body>
</html>

--- NEW FILE ---
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/includes/opac.css" />
	<title><!--TMPL_VAR name="LibraryName"--></title>
</head>
<body>
	<!-- MENUS -->
	<div id="menuline">
		<div class="SmallLibraryName"><!--TMPL_VAR name="LibraryName"--></div>
		<span class="spacer">&nbsp;</span>
		<span class="spacer">&nbsp;</span>
		<a class="menu" href="/cgi-bin/koha/opac-main.pl" title="Koha home page">Home</a>
		<span class="spacer">&nbsp;</span>
		<a class="menu" href="/cgi-bin/koha/opac-search.pl" title="Advanced search">Advanced search</a>
		<span class="spacer">&nbsp;</span>
		<a class="menu" href="/cgi-bin/koha/opac-user.pl" title="Member Home page" >Members</a>
	</div>
	<!-- MAIN BODY OF PAGE -->

--- NEW FILE ---
a {
	color : #006699;
	font-weight : bold;
}

a:active {
	color : #990033;
}

a:visited {
	color : #006699;
}

a:hover {
	color : #990033;
}

a:link.current {
	background-color : transparent;
	color : #3366CC;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:hover.current {
	background-color : #CCFF00;
	color : #CC3333;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:visited.current {
	background-color : transparent;
	color : #3366CC;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:active.current {
	background-color : #99CC00;
	color : #FFFF99;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:link.nav {
	background-color : #FFFFCC;
	color : #3366CC;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:hover.nav {
	background-color : #CCFF00;
	color : #CC3333;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:active.nav {
	background-color : #99CC00;
	color : #FFFF99;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:visited.nav {
	background-color : #FFFFCC;
	color : #3366CC;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

.menu a:link.logout {
	background-color : #FFDD75;
	color : Black;
	font-weight : bold;
	padding : 3px 15px 3px 15px;
	text-decoration : none;
}

.menu a:active.logout {
	background-color : #FFDD75;
	color : Black;	
	font-weight : bold;
	padding : 3px 15px 3px 15px;
	text-decoration : none;
}


.menu a:visited.logout {
	background-color : #FFDD75;
	color : Black;	
	font-weight : bold;
	padding : 3px 15px 3px 15px;
	text-decoration : none;
}

.menu a:hover.logout {
	background-color : #FFCC33;
	color : Black;	
	font-weight : bold;
	padding : 3px 15px 3px 15px;
	text-decoration : none;
}

body {
	background-color : #339999;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin : 0;
	padding : 0;
}

caption {
	color : #000066;
	font-family : arial,helvetica;
	font-size : 140%;
	font-weight : bold;
	margin : 0;
	padding : 5px 0 3px 0;
	text-align : left;
}

div.form, div.details {
	background-color : #FFFFCC;
	border : 0px dotted #333333;
	margin : 0 auto;
	padding : 5px;
	width : 95%;
}

div.details {
	width : 95%;
}

div.details ul {
	margin-left : 0;
	text-align : left;
	list-style-type: circle;
}

div.table {
	width : 95%;
}

fieldset {
	border : 0;
	padding : 2px;
	margin : 2px;
}

form {
	display : inline;
	margin : 0;
	padding : 0;
}

h1,h2,h3,h4,h5,h6 {
	color : #000066;
	font-family : arial, geneva, helvetica, sans-serif;
	margin : 0;
}

h1 {
	font-size : 150%;
	padding : 5px 0 3px 0;
}

h1.logo {
	color : #D3DFAD;
	display : inline;
	margin : 10px 0 0 10px;
}

h1.title {
	font-style : italic;
	padding : 5px 0 3px 0;
}

h2 {
	font-size : 130%;
	padding : 5px 0 3px 0;
}

h3 {
	font-size : 120%;
	padding : 5px 0 3px 0;
}

h3.author {
	padding : 0 0 3px 15px;
}

h4 {
	padding : 5px 0 3px 0;
}

.inline {
	display : inline;
}

p {
	padding : 0 10px 0 10px;
}

p.error {
	color : #990000;
	font-size : 1.05em;
	font-weight : normal;
	padding : 5px 20px 5px 20px;
}

table {
	background-color : #FFFFCC;
	border-bottom : 0 solid #000000;
	border-collapse : collapse;
	border-left : 0 solid #000000;
	margin : 5px 0 5px 0;
	padding : 0;
	width : 100%; w\idth:auto; 
}

td {
	border-bottom : 1px solid #E7E7CA;
	border-right : 1px solid #E7E7CA;
	font-size : .90em;
	padding : 5px 5px 5px 5px;
}

th {
	background-color : #D8DEB8;
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000000;
	font-size : 12px;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
}

th:last-child {
	background-color : #D8DEB8;
	border-bottom : 1px solid #000000;
	border-right : 0 solid #000000;
	font-size : 14px;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
}

td.input, div.form td, div.details td {
	border-bottom : 1px solid #E7E7CA;
	border-left : 0;
	border-right : 0;
	color : #000000;
	padding : 2px 2px 2px 4px;
	text-align : right;
}

td.label, div.form th, div.details th {
	background-color : #FFC;
	border-bottom : 1px solid #E7E7CA;
	border-left : 1px solid #E7E7CA;
	border-right : 0;
	border-top : 0;
	color : #000088;
	font-weight : bold;
	padding : 2px 2px 2px 4px;
	text-align : left;
	vertical-align : top;
}

div.details td.details {
	text-align : left;
}

td.label {
	border-bottom : 1px solid #E7E7CA;
	border-left : 1px solid #E7E7CA;
	color : #000088;
	font-weight : bold;
	line-height : 1.5em;
	padding : 4px;
}

td:last-child {
	border-bottom : 1px solid #E7E7CA;
	border-right : 0 solid #E7E7CA;
	font-size : 12px;
	padding : 5px 5px 5px 5px;
}

tr.highlight {
	background-color : #FFFFFF;
}

.rejected {
	text-decoration: line-through;
}

.selected {
	text-decoration: none;
}

.content-block {
	background-color : #FFFFCC;
	margin : 15px;
	padding : 5px;
	width : 90%;
}

.count {
	font-size : .7em;
	font-weight : normal;
}

.current {
	background-color : #FFFFFF;
	color : #3366CC;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

.ex {
	font-family : "Courier New", Courier, monospace;
}

div.bookcover {
	float: right;
}

.item-details {
	display : block;
	margin : 0 0 0 25px;
}

.loggedin {
	color : #D8DEB8;
	font-weight : bold;
}

.marctag {
	font-family : Arial, Geneva, sans-serif;
	color : #000000;
	background-color : #E7E7CA;
	margin : 1px;
	padding : 3px;
}

.marcsubfieldletter {
	font-family : Arial, Geneva, sans-serif;
	background-color: #EFF1DC;
	padding : 3px;
}

.marcsubfieldname {
	font-family : Arial, Geneva, sans-serif;
	background-color: #FFFFCC;
	padding : 3px;
}

.subfield {
	font-family : Arial, Geneva, sans-serif;
	background-color: #FFFFCC;
	padding : 3px;
}

.subfieldvalue {
	font-family : Arial, Geneva, sans-serif;
	font-weight : bold;
	background-color : #FFFFFF;
	padding : 3px;
}

.menu {
	color : #CCCC99;
	margin-bottom : 5px;
	margin-left : 15px;
	margin-right : 10px;
}

.menu a:link {
	color : #CCFF66;
	padding : 2px;
}

.menu a:visited {
	color : #CCFF66;
	padding : 2px;
}

.menu a:hover {
	color : #FFFFCC;
	padding : 2px;
}

.menu a:active {
	color : #FFFFCC;
	padding : 2px;
}

.menu input {
	font-size : 80%;
}

.menu label {
	font-weight : bold;
}

.opac-detail {
	background-color : #FFFFCC;
	padding : 4px;
}

em.new {
	color : #CC3333;
	font-weight : bold;
	font-style : normal;
}

.note {
	background-color : #FFFFCC;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;
	font-size : 12px;
	margin : 10px auto;
	padding : 4px 4px 4px 4px;
	width : 35%;
}

.print {
	font-size: 10px;
}


div.notes {
	text-align: left;
}

.opac-detail dd {
	border-bottom : 1px solid #E7E7CA;
	color : #000000;
	display : block;
	line-height : 1.5em;
	padding : 4px;
	text-align : right;
}

.submit {
	background-color : #CC6600;
	color : #FEEDDB;
	font-family : verdana,arial,hevetica;
	font-size : small;
	font-weight : bold;
	padding : 2px;
}

input.icon {
	background-position: left;
	background-repeat: no-repeat;
	background-color : #CC6600;
	color : #FEEDDB;
	font-family : verdana,arial,hevetica;
	font-size : small;
	font-weight : bold;
	padding : 2px 2px 2px 22px;	
}

input.cart {
	background-image: url(../images/basket.gif);
}

input.print {
	background-image: url(../images/print2.gif);
}

input.detail {
	background-image: url(../images/detail.gif);
}

input.brief {
	background-image: url(../images/brief.gif);
}

input.send {
	background-image: url(../images/send.gif);
}

input.trash {
	background-image: url(../images/trash.gif);
}

input.close {
	background-image: url(../images/close.gif);
}

input.addchecked {
	background-image: url(../images/addtobasket.gif);
}

input.clearall {
	background-image: url(../images/clearbasket.gif);
}

.title {
	font-style : italic;
	font-weight : bold;
}

#footer {
	border-top : 1px solid #000000;
	clear : both;
}

#main {
	background-color : #CCCC99;
	border-left : 1px solid #CCCC99;
	margin-left : 22%;
	margin-right : 2%;
	margin-top : 2%;
	padding : 10px;
	position : relative;
}

#window {
	background-color : #CCCC99;
	border-left : 1px solid #CCCC99;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 2%;
	padding : 10px;
}

#window div.menu {
	margin : 0;
}

#window .class {
	display : block;
	font-weight : bold;
	padding : 0 0 5px 3px;
}

#masthead {
	background-color : #339999;
	margin : 0 0 0 5px;
}

#nav {
	background-color : #CCCC99;
	float : left;
	margin : 2% 0% 0% 1%;
	padding : 0;
	width : 18%;
}

#nav a {
	font-family : Tahoma;
	font-size : 1.3em;
	font-weight : bold;
	text-decoration : none;
}

#nav ul {
	margin : 0;
	padding : 0;
}

#nav ul li {
	background-color : #D8DEB8; /*width : 100%;*/
	border-bottom : 1px solid #339999;
	border-left : 0 solid #FFFFCC;
	border-right : 0 solid #006699;
	border-top : 0 solid #FFFFCC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : .8em;
	list-style : none;
	margin : 0;
	padding : 3px;
	text-align : right;
}

#nav ul li+li {
	border-bottom : 1px solid #339999;
	border-left : 0 solid #FFFFCC;
	border-right : 0 solid #006699;
	margin : 0;
}

#nav li ul li {
	background-color : #E7E7CA; /*width : 100%;*/
	border-bottom : 1px solid #D8DEB8;
	border-left : 0 solid #FFFFCC;
	border-right : 0 solid #006699;
	border-top : 0 solid #FFFFCC;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
	list-style : none;
	margin : 0;
	padding : 1px;
	text-align : right;
}

#nav li ul li a {
	color: Blue;
	font-family : Tahoma;
	font-size : .99em;
	font-weight : bold;
	text-decoration : none;
}

#nav li ul li a:link {
	color: #359;
}

#nav li ul li a:visited {
	color: #359;
}

#nav li ul li a:hover {
	color: #CC3333;
}

#results, .results {
	color : #000066;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 80%;
	margin : 0;
	padding : 7px 0 10px 0;
}

#sidebar {
	background-color : #EFF1DC;
	width : 20%;
	border : 1px dashed #CCCC99;
	margin : 20px;
	padding : 5px;
	float : right;
	font-size : 80%;
}

#sidebar h3 {
	color : #000066;
	font-family : arial,helvetica;
	font-size : 110%;
	margin : 0;
	padding : 5px 0 1px 0;
}

#sidebar .submit {
	background-color : #CC6600;
	color : #FEEDDB;
	font-family : verdana,arial,hevetica;
	font-size : 80%;
	font-weight : bold;
	padding : 2px;
}
--- NEW FILE ---
a:link {
	color : #000066;
	text-decoration: none;
}

a:visited {
	color : #000066;
	text-decoration: none;
}

a:hover {
	color : #993300;
	text-decoration: none;
}

body {
	background-color : #FFF;
	color : #333333;
	font-family : arial, geneva, sans-serif;
	font-size : 14px;
	margin : 0px 0px 0px 0px;
}

caption {
	color : #000066;
	font-size : 18px;
	font-weight : bold;
	margin-top : 5px;
	text-align : left;
}

div.table {
	width : 100%;
}

form {
	margin : 0px;
	padding : 0px;
}

h1
	{
	color : #000066;
	font-size : 22px;
	font-weight : bold;
	margin-bottom : 3px;
	margin-top : 3px;
}

h2 {
	color : #000066;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 3px;
	margin-top : 3px;
}

h3 {
	color : #000066;
	font-size : 18px;
	font-weight : bold;
	margin-bottom : 3px;
	margin-top : 3px;
}

h4 {
	color : #000066;
	font-size : 16px;
	font-weight : bold;
	margin-bottom : 3px;
	margin-top : 3px;
}

h5 {
	color : #000066;
	font-size : 15px;
	font-weight : bold;
	margin-bottom : 1px;
	margin-top : 1px;
}

h6 {
	color : #000066;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 1px;
	margin-top : 1px;
}

p {
	margin-top : 0px;
}

table {
	background-color : #FFFFFF;
	border-bottom : 0px solid #CCCCCC;
	border-collapse : collapse;
	border-left : 0px solid #CCCCCC;
	margin : 3px 0px 5px 0px;
	padding : 0px;
	width : 99%;
}

td {
	background-color : #FFF;
	border-bottom : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	font-size : 12px;
	padding : 5px 5px 5px 5px;
	vertical-align : top;
}

td:last-child {
	background-color : #FFF;
	border-bottom : 1px solid #CCCCCC;
	border-right : 0px solid #CCCCCC;
	font-size : 12px;
	padding : 5px 5px 5px 5px;
	vertical-align : top;
}

th {
	background-color : #E9E9E9;
	border-bottom : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	font-size : 14px;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
}

th:last-child {
	background-color : #E9E9E9;
	border-bottom : 1px solid #CCCCCC;
	border-right : 0px solid #CCCCCC;
	font-size : 14px;
	font-weight : bold;
	padding : 5px 5px 5px 5px;
}

td.input, div.form td, div.details td {
	border-bottom : 1px solid #CCCCCC;
	border-left : 0px;
	border-right : 0px;
	color : #000000;
	line-height : 1.5em;
	padding : 4px;
	text-align : left;
}

td.label, div.form th, div.details th {
	background-color : #FFF;
	border-bottom : 1px solid #CCCCCC;
	border-left : 1px solid #CCCCCC;
	border-right : 0px;
	border-top : 0px;
	color : #000088;
	font-weight : bold;
	line-height : 1.5em;
	padding : 4px;
	text-align : right;
	vertical-align : top;
}

tr.highlight {
	background-color: #CCCCCC;
}

.class {
	font-weight : bold;
}

.cancel {
	background-color : #993300;
	color : #FFFFCC;
	font-size : 12px;
	font-weight : bold;
	padding : 2px;
}

.error {
	font-weight: bold;
}

.ex {
	font-family : "Courier New", Courier, monospace;
}
.inline {
	display : inline;
}

.print {
	display : none;
}

.submit {
	background-color : #669999;
	color : #FFFFCC;
	font-size : 12px;
	font-weight : bold;
	padding : 2px;
}

#main {
	background-color : #FFF;
	border-left : 0px solid #CCCC99;
	margin-left : 2%;
	margin-right : 2%;
	margin-top : 1%;
	padding : 5px;
	position : relative;
}
--- NEW FILE ---
function ValidateCode()
{
 // Validating the patron id by Oscar R. Paredes
 // Please do not remove this line and the line above.
  var patron_id = document.forms['auth'].userid.value;
  var snumber = "Pp 0123456789";
  var len = patron_id.length;
  var new_patron_id = "";
  var bOK = true
  if (patron_id.length != 0)
  {
   for (i=0;(i<len)&&(bOK);i++)
    { pos = snumber.indexOf(patron_id.substring(i,i+1));
      if (pos <0 || pos > 12)
        { alert("Your card number is invalid, please verify it.");
          bOK = false;
        }
      else
        { if (pos > 2)
            car = patron_id.substring(i,i+1);
          else
            car = "";
          new_patron_id = new_patron_id + car;
        }
    } // end for i
   while (bOK && (new_patron_id.length < 7))
     new_patron_id = "0" + new_patron_id;
   if (new_patron_id.length > 7)
     { alert("Your library card number is too long.");
       bOK = false;
     }
   if (bOK)
     document.forms['auth'].userid.value = new_patron_id;
   else
     {
       document.forms['auth'].userid.value = "";
       document.forms['auth'].userid.focus();
     }
  }
}