From a5be6e523033926cd5874625eee79eff920de378 Mon Sep 17 00:00:00 2001
From: oleonard <oleonard>
Date: Mon, 13 Mar 2006 19:49:45 +0000
Subject: [PATCH] Another set of alternate OPAC stylesheets (designed
 originally for http://smfpl.org/)

---
 .../npl/en/includes/opac-colors.smfpl.css     | 616 +++++++++++++
 .../opac-tmpl/npl/en/includes/opac.smfpl.css  | 836 ++++++++++++++++++
 2 files changed, 1452 insertions(+)
 create mode 100644 koha-tmpl/opac-tmpl/npl/en/includes/opac-colors.smfpl.css
 create mode 100644 koha-tmpl/opac-tmpl/npl/en/includes/opac.smfpl.css

diff --git a/koha-tmpl/opac-tmpl/npl/en/includes/opac-colors.smfpl.css b/koha-tmpl/opac-tmpl/npl/en/includes/opac-colors.smfpl.css
new file mode 100644
index 0000000000..be8e39f8f9
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/npl/en/includes/opac-colors.smfpl.css
@@ -0,0 +1,616 @@
+a {
+	color : #006699;
+}
+
+a:active {
+	color : #990033;
+}
+
+a:visited {
+	color : #006699;
+}
+
+a:hover {
+	color : #990033;
+}
+
+a:link.current {
+	background-color : transparent;
+	color : #3366CC;
+}
+
+a:hover.current {
+	background-color : #CCFF00;
+	color : #CC3333;
+}
+
+a:visited.current {
+	background-color : transparent;
+	color : #3366CC;
+}
+
+a:active.current {
+	background-color : #99CC00;
+	color : #FFFF99;
+}
+
+a:link.nav {
+	background-color : #CCFF99;
+	color : #3366CC;
+}
+
+a:hover.nav {
+	background-color : #CCFF00;
+	color : #CC3333;
+}
+
+a:active.nav {
+	background-color : #99CC00;
+	color : #FFFF99;
+}
+
+a:visited.nav {
+	background-color : #FFFFCC;
+	color : #3366CC;
+}
+
+.menu a:link.logout {
+	background-color : #FFDD75;
+	color : Black;
+}
+
+.menu a:active.logout {
+	background-color : #FFDD75;
+	color : Black;	
+}
+
+.menu a:visited.logout {
+	background-color : #FFDD75;
+	color : Black;	
+}
+
+.menu a:hover.logout {
+	background-color : #FFCC33;
+	color : Black;	
+}
+
+body {
+	background-color : #FFFFFF;
+	margin : 10px;
+}
+
+caption {
+	color : #000066;
+}
+
+div.form, div.details {
+	background-color : transparent;
+	border : 0px dotted #333333;
+}
+
+div.details ul {
+}
+
+div.table {
+}
+
+fieldset {
+}
+
+form {
+}
+
+h1,h2,h3,h4,h5,h6 {
+	color : #000066;
+}
+
+h1 {
+}
+
+h1.logo {
+	color : #D3DFAD;
+}
+
+h1.title {
+}
+
+h2 {
+}
+
+h3 {
+}
+
+h3+p {
+}
+
+p+h3 {
+}
+
+h3.author {
+}
+
+h4 {
+}
+
+h5 {
+}
+
+p+h5 {
+}
+
+h5+p {
+}
+
+.inline {
+}
+
+p {
+}
+
+p.error, div.error {
+	background-color : #FFFFCC;
+	border : 1px dashed #cc6600;
+}
+
+div.error {
+}
+
+p.error+p.error, div.error+div.error {
+}
+
+div.error h3 {
+	color : #990000;
+}
+
+div.error li {
+}
+
+table {
+	background-color : #F0F4FF;
+	border-bottom : 0 solid #000000;
+	border-left : 0 solid #000000;
+}
+
+td {
+	border-bottom : 1px solid #CCCCCC;
+	border-right : 1px solid #CCCCCC;
+}
+
+th {
+	background-color : #9999FF;
+	border-bottom : 1px solid #000000;
+	border-right : 1px solid #000000;
+	color: #FFFFFF;
+}
+
+th:last-child {
+	background-color : #9999FF;
+	border-bottom : 1px solid #000000;
+	border-right : 0 solid #000000;
+}
+
+th[scope="row"] {
+	background-color : #E7E7CA;
+}
+
+tr.highlight th[scope="row"] {
+	background-color : #EFF1DC;
+}
+
+td.input, div.form td, div.details td {
+	border-bottom : 1px solid #E7E7CA;
+	color : #000000;
+}
+
+td.label, div.form th, div.details th {
+	background-color : #FFC;
+	border-bottom : 1px solid #E7E7CA;
+	border-left : 1px solid #E7E7CA;
+	color : #000088;
+}
+
+div.details td.details {
+}
+
+td.label {
+	border-bottom : 1px solid #E7E7CA;
+	border-left : 1px solid #E7E7CA;
+	color : #000088;
+}
+
+td:last-child {
+	border-bottom : 1px solid #E7E7CA;
+	border-right : 0 solid #E7E7CA;
+}
+
+tr.highlight {
+	background-color : #FFFFFF;
+}
+
+.rejected {
+}
+
+.selected {
+}
+
+.content-block {
+	background-color : transparent;
+}
+
+.count {
+}
+
+.current {
+	background-color : #FFFFFF;
+	color : #3366CC;
+}
+
+.ex {
+}
+
+div.bookcover {
+}
+
+.further {
+	color: #CCCC99;
+	border: 2px solid #D8DEB8;
+	background-color : #E7E7CA;
+}
+
+.further h4 {
+	background-color : #D8DEB8;
+}
+
+.further ul, .further li  {
+}
+
+.further li {
+	border-bottom : 1px solid #CCCC99;
+	}
+
+.detail-sidebar {
+	background-color : #E7E7CA;
+}
+
+.detail-sidebar .further {
+}
+
+.operations {
+}
+
+.operations ul {
+}
+
+.operations li {
+}
+
+.operations li a, .operations li a:visited {
+	border: 2px solid #D8DEB8;
+	color: #E7E7CA;
+	background-color : #CC6600;
+}
+
+.operations li a:hover {
+	color: #FFFFCC;
+	background-color: #FF9933;
+}
+
+.operations li a:active {
+	color: : #FFFFCC;
+	background-color: #FF9933;
+}
+
+.item-details {
+}
+
+.loggedin {
+	color : #D8DEB8;
+}
+
+.marctag {
+	color : #000000;
+	background-color : #E7E7CA;
+}
+
+.marcsubfieldletter {
+	background-color: #EFF1DC;
+}
+
+.marcsubfieldname {
+	background-color: #FFFFCC;
+}
+
+.subfield {
+	background-color: #FFFFCC;
+}
+
+.subfieldvalue {
+	background-color : #FFFFFF;
+}
+
+.menu {
+	color : #000000;
+}
+
+#members a {
+}
+
+.menu a:link {
+	background-color : #B5CCFF;
+	color : #000000;
+}
+
+.menu a:visited {
+	background-color : #B5CCFF;
+	color : #000000;
+}
+
+.menu a:hover {
+	background-color : #B5CCFF;
+	color : #000099;
+}
+
+.menu a:active {
+	background-color : #B5CCFF;
+	color : #9900FF;
+}
+
+#members a.card {
+}
+
+.menu input {
+}
+
+.menu label {
+}
+
+.menu p {
+}
+
+.menu p+p {
+}
+
+.opac-detail {
+	background-color : #FFFFCC;
+}
+
+em.new {
+	color : #CC3333;
+}
+
+.login-note {
+}
+
+.note {
+	background-color : #E7E7CA;
+	border-left : 1px solid #FFFFCC;
+	border-top : 1px solid #FFFFCC;
+	border-right : 1px solid #999900;
+	border-bottom : 1px solid #999900;
+}
+
+div.notes {
+}
+
+.opac-detail dd {
+	border-bottom : 1px solid #E7E7CA;
+	color : #000000;
+}
+
+.submit {
+	background-color : #CCCCFF;
+}
+
+.thumbnail {
+}
+
+input.icon {
+	background-color : #CCCCFF;
+}
+
+input.add, a.add {
+}
+
+input.back, a.back {
+}
+
+input.cart, a.cart {
+}
+
+input.print, a.print {
+}
+
+input.detail, a.detail {
+}
+
+input.brief, a.brief {
+}
+
+input.send, a.send {
+}
+
+input.trash, a.trash {
+}
+
+input.close, a.close {
+}
+
+input.addchecked, a.addchecked {
+}
+
+input.clearall, a.clearall {
+}
+
+input.isbd, a.isbd {
+}
+
+input.shelf, a.shelf {
+}
+
+input.reserve, a.reserve {
+}
+
+input.delete, a.delete {
+}
+
+input.edit, a.edit {
+}
+
+.left {
+}
+
+.right {
+}
+
+.title {
+}
+
+#footer {
+	background-color : #B5CCFF;
+	border-top : 1px solid #808080;
+}
+
+#main {
+	background-color : #FFFFFF;
+	border-left : 1px solid #FFFFFF;
+}
+
+#window {
+	background-color : #FFFFFF;
+	border-left : 1px solid #FFFFFF;
+}
+
+#window div.menu {
+}
+
+#window .class {
+}
+
+#masthead {
+	background-color : #9999FF;
+	border : 1px solid #808080;
+}
+
+#nav {
+	background-color : #B5CCFF;
+	border-right : 1px solid #808080;
+	border-left : 1px solid #808080;
+	border-bottom : 1px solid #808080;
+}
+
+#nav a {
+}
+
+#nav ul {
+}
+
+#nav ul li {
+	background-color : #B5CCFF;
+}
+
+#nav ul li+li {
+	border-bottom : 1px solid #B5CCFF;
+}
+
+#nav li ul li {
+	background-color : #E7E7CA; /*width : 100%;*/
+	border-bottom : 1px solid #D8DEB8;
+}
+
+#nav li ul li a {
+}
+
+#nav li ul li a:link {
+}
+
+#nav li ul li a:visited {
+}
+
+#nav li ul li a:hover {
+}
+
+#results, .results {
+	color : #000066;
+}
+
+#sidebar {
+	background-color : #DDDDDD;
+	border : 0px solid #6600CC;
+}
+
+#sidebar h3 {
+	color : #000066;
+}
+
+#sidebar .submit {
+	background-color : #CCCCFF;
+}
+
+#search-sidebar {
+	background-color : #FFFFCC;
+}
+
+.sidebar-box {
+	border : 1px dashed #CCCC99;
+}
+
+.sidebar-box h3, .sidebar-box h4 {
+}
+
+.sidebar-box label {
+}
+
+.sidebar-box p {
+}
+
+.issued {
+	color : #999999;
+}
+
+.overdue {
+	color : #cc0000;
+}
+
+span.print {
+	}
+	
+#members {
+	background-color : transparent;
+	border : 0px dashed #666666;
+	color : #000066;
+	}
+	
+#members ul {
+}
+
+#members a.logout {
+	background-color : #FFDD75;
+	color : Black;
+}
+
+#members a:hover.logout {
+	background-color : #FFCC33;
+}
+
+.loggedinusername {
+	color : #D8DEB8;
+}	
+
+.clear {
+}
+#itemReviews h4 {
+}
+#itemReviews p {
+ }
+#itemReviews dl {
+}
+#itemReviews dt {
+        border-bottom: 1px solid #ddd;
+}
+
+#starMT {
+}
+#starFull {
+}
+
+
diff --git a/koha-tmpl/opac-tmpl/npl/en/includes/opac.smfpl.css b/koha-tmpl/opac-tmpl/npl/en/includes/opac.smfpl.css
new file mode 100644
index 0000000000..eebf6ecefd
--- /dev/null
+++ b/koha-tmpl/opac-tmpl/npl/en/includes/opac.smfpl.css
@@ -0,0 +1,836 @@
+a {
+}
+
+a:active {
+}
+
+a:visited {
+}
+
+a:hover {
+}
+
+a:link.current {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:hover.current {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:visited.current {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:active.current {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:link.nav {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:hover.nav {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:active.nav {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+a:visited.nav {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 1px 5px 1px 5px;
+	text-decoration : none;
+}
+
+.menu a:link.logout {
+	font-weight : bold;
+	padding : 3px 15px 3px 15px;
+	text-decoration : none;
+}
+
+.menu a:active.logout {
+	font-weight : bold;
+	padding : 3px 15px 3px 15px;
+	text-decoration : none;
+}
+
+
+.menu a:visited.logout {
+	font-weight : bold;
+	padding : 3px 15px 3px 15px;
+	text-decoration : none;
+}
+
+.menu a:hover.logout {
+	font-weight : bold;
+	padding : 3px 15px 3px 15px;
+	text-decoration : none;
+}
+
+body {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	margin : 0;
+	padding : 0;
+}
+
+br.right {
+	clear : right;
+	line-height : 1px;
+}
+
+caption {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : 140%;
+	font-weight : bold;
+	margin : 0;
+	padding : 5px 0 3px 0;
+	text-align : left;
+}
+
+div.form, div.details {
+	margin : 0 auto;
+}
+
+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 {
+	font-family : arial, geneva, helvetica, sans-serif;
+	margin : 0;
+}
+
+h1 {
+	font-size : 150%;
+	padding : 5px 0 3px 0;
+}
+
+h1.logo {
+	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+p {
+	margin : .4em 0 .4em 0;
+}
+
+p+h3 {
+	margin-top : .6em;
+}
+
+h3.author {
+	padding : 0 0 3px 15px;
+}
+
+h4 {
+	padding : 5px 0 3px 0;
+}
+
+h5 {
+	font-size : 100%;
+	margin : 0;
+	padding : 10px 0 2px 0;
+}
+
+p+h5 {
+	padding : 3px 0 2px 0;
+	margin : 0;
+}
+
+h5+p {
+	padding-top : 0;
+	margin-top : 0;
+}
+
+.inline {
+	display : inline;
+}
+
+p {
+	padding : 0 10px 0 10px;
+}
+
+p.error, div.error {
+	font-size : 1.05em;
+	font-weight : normal;
+	margin : auto;
+	padding : 5px 20px 5px 20px;
+}
+
+div.error {
+	font-size : .9em;
+	padding : 3px 10px 3px 10px;
+	width : 75%;
+}
+
+p.error+p.error, div.error+div.error {
+	margin-top : 5px;
+}
+
+div.error h3 {
+}
+
+div.error li {
+	margin-bottom : .5em;
+}
+
+table {
+	border-collapse : collapse;
+	margin : 5px 0 5px 0;
+	padding : 0;
+}
+
+td {
+	font-size : .90em;
+	padding : 5px 5px 5px 5px;
+}
+
+th {
+	font-size : 12px;
+	font-weight : bold;
+	padding : 5px 5px 5px 5px;
+}
+
+th:last-child {
+	font-size : 14px;
+	font-weight : bold;
+	padding : 5px 5px 5px 5px;
+}
+
+th[scope="row"] {
+	font-size : 60%;
+	font-weight : normal;
+	text-align : right;
+}
+
+tr.highlight th[scope="row"] {
+}
+
+td.input, div.form td, div.details td {
+	border-left : 0;
+	border-right : 0;
+	padding : 2px 2px 2px 4px;
+	text-align : right;
+}
+
+td.label, div.form th, div.details th {
+	border-right : 0;
+	border-top : 0;
+	font-weight : bold;
+	padding : 2px 2px 2px 4px;
+	text-align : left;
+	vertical-align : top;
+}
+
+div.details td.details {
+	text-align : left;
+}
+
+td.label {
+	font-weight : bold;
+	line-height : 1.5em;
+	padding : 4px;
+}
+
+td:last-child {
+	font-size : 12px;
+	padding : 5px 5px 5px 5px;
+}
+
+tr.highlight {
+}
+
+.rejected {
+	text-decoration: line-through;
+}
+
+.selected {
+	text-decoration: none;
+}
+
+.content-block {
+	margin : 5px;
+	padding : 5px;
+}
+
+.count {
+	font-size : .7em;
+	font-weight : normal;
+}
+
+.current {
+	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;
+}
+
+.further {
+	float: right;
+	font-size : 80%;
+	margin : 5px;
+	width : 30%;
+}
+
+.further h4 {
+	padding : 2px;
+}
+
+.further ul, .further li  {
+	margin : 0 0 0 .5em;
+	padding : 0;
+}
+
+.further li {
+	padding : 2px 0;
+	}
+
+.detail-sidebar {
+	float: right;
+	padding: 5px;
+	margin-left : 15px;
+	text-align: center;
+	width : 35%;
+}
+
+.detail-sidebar .further {
+	float: none;
+	text-align: left;
+	width : 90%;
+}
+
+.operations {
+	font-size: 90%;
+	text-align: center;
+	margin-top: 7px;
+	padding-left: 10px;
+	width: : 100%;
+}
+
+.operations ul {
+	margin: 0;
+	padding : 0;
+	width: 90%;
+}
+
+.operations li {
+	list-style-type: none;
+	margin: 0;
+	padding-bottom : 2px;
+}
+
+.operations li a, .operations li a:visited {
+	border-style: outset;
+	display: block;
+	background-repeat : no-repeat;
+	background-position : top left;
+	padding: 3px 3px 3px 26px;
+	text-decoration: none;
+}
+
+.operations li a:hover {
+}
+
+.operations li a:active {
+	border-style: inset;
+}
+
+.item-details {
+	display : block;
+	margin : 0 0 0 25px;
+}
+
+.loggedin {
+	font-weight : bold;
+}
+
+.marctag {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	margin : 1px;
+	padding : 3px;
+}
+
+.marcsubfieldletter {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	padding : 3px;
+}
+
+.marcsubfieldname {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	padding : 3px;
+}
+
+.subfield {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	padding : 3px;
+}
+
+.subfieldvalue {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-weight : bold;
+	padding : 3px;
+}
+
+.menu {
+	margin-left : 110px;
+}
+
+#members a {
+	text-decoration : none;
+}
+
+div.menu p {
+	display : inline;
+}
+
+.menu a {
+	text-decoration : none;
+	font-weight : bold;
+}
+
+.menu a:link, #members a:link {
+	padding : 2px;
+}
+
+.menu a:visited, #members a:visited {
+	padding : 2px;
+}
+
+.menu a:hover, #members a:hover {
+	padding : 2px;
+}
+
+.menu a:active, #members a:active {
+	padding : 2px;
+}
+
+#members a.card {
+	display : block;
+	padding-left : 39px;
+	background-image: url(../images/card.gif);	
+	background-position: left;
+	background-repeat: no-repeat;
+}
+
+.menu input {
+	font-size : 80%;
+}
+
+.menu label {
+	font-weight : bold;
+}
+
+.menu p {
+	margin : 0;
+	padding : 0;
+}
+
+.menu p+p {
+	margin-top : 5px;
+}
+
+.opac-detail {
+	padding : 4px;
+}
+
+em.new {
+	font-weight : bold;
+	font-style : normal;
+}
+
+.login-note {
+	width : 35%;
+}
+
+.note {
+	font-size : 12px;
+	margin : 10px auto;
+	padding : 4px 4px 4px 4px;
+	width : 35%;
+}
+
+div.notes {
+	text-align: left;
+}
+
+.opac-detail dd {
+	display : block;
+	line-height : 1.5em;
+	padding : 4px;
+	text-align : right;
+}
+
+.submit {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : small;
+	font-weight : bold;
+	padding : 2px;
+}
+
+.thumbnail {
+	float : left;
+	margin : 0 5px 5px 0;
+	border : 0;
+}
+
+input.icon {
+	background-position: left;
+	background-repeat: no-repeat;
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : small;
+	font-weight : bold;
+	padding : 2px 2px 2px 22px;	
+}
+
+input.add, a.add {
+	background-image: url(../images/add.gif);
+}
+
+input.back, a.back {
+	background-image: url(../images/back.gif);
+}
+
+input.cart, a.cart {
+	background-image: url(../images/basket.gif);
+}
+
+input.print, a.print {
+	background-image: url(../images/print2.gif);
+}
+
+input.detail, a.detail {
+	background-image: url(../images/detail.gif);
+}
+
+input.brief, a.brief {
+	background-image: url(../images/brief.gif);
+}
+
+input.send, a.send {
+	background-image: url(../images/send.gif);
+}
+
+input.trash, a.trash {
+	background-image: url(../images/trash.gif);
+}
+
+input.close, a.close {
+	background-image: url(../images/close.gif);
+}
+
+input.addchecked, a.addchecked {
+	background-image: url(../images/addtobasket.gif);
+}
+
+input.clearall, a.clearall {
+	background-image: url(../images/clearbasket.gif);
+}
+
+input.isbd, a.isbd {
+	background-image: url(../images/isbd.gif);
+}
+
+input.shelf, a.shelf {
+	background-image: url(../images/addtoshelf.gif);
+}
+
+input.reserve, a.reserve {
+	background-image: url(../images/placereserve.gif);
+}
+
+input.delete, a.delete {
+	background-image: url(../images/delete.gif);
+}
+
+input.edit, a.edit {
+	background-image: url(../images/edit.gif);
+}
+
+.left {
+	float : left;
+}
+
+.right {
+	float : right;
+}
+
+.title {
+	font-style : italic;
+	font-weight : bold;
+}
+
+#footer {
+	clear : both;
+	margin-top : 20px;
+	padding : 10px;
+	text-align : center;
+}
+
+#main {
+	margin-left : 20%;
+	margin-right : 0;
+	margin-top : 0;
+	padding : 5px;
+	position : relative;
+}
+
+#window {
+	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 {
+	margin : 5px 5px 0 5px;
+}
+
+#masthead img {
+	float : left;
+	padding : 0 10px;
+}
+
+#nav {
+	float : left;
+	margin : 0% 0% 0% 5px;
+	padding : 0;
+	width : 18%;
+}
+
+#nav a {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+}
+
+#nav ul {
+	margin-top : 10px;
+	padding : 0 0 10px 20px;
+}
+
+#nav ul li {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : .8em;
+}
+
+#nav ul li+li {
+}
+
+#nav li ul li {
+	font-family : Arial, Helvetica, sans-serif;
+	font-size : 1.1em;
+	padding : 5px 3px 5px 3px;
+}
+
+#nav li ul li a {
+	font-size : .99em;
+}
+
+#nav li ul li a:link {
+}
+
+#nav li ul li a:visited {
+}
+
+#nav li ul li a:hover {
+}
+
+#results, .results {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : 80%;
+	margin : 0;
+	padding : 7px 0 10px 0;
+}
+
+#sidebar {
+	width : 20%;
+	margin : 20px;
+	padding : 5px;
+	float : right;
+	font-size : 80%;
+}
+
+#sidebar h3 {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : 110%;
+	margin : 0;
+	padding : 5px 0 1px 0;
+}
+
+#sidebar .submit {
+	font-family : Arial, Geneva, Helvetica, sans-serif;
+	font-size : 80%;
+	font-weight : bold;
+	padding : 2px;
+}
+
+#search-sidebar {
+	width : 33%;
+	margin : 10px;
+	padding : 3px;
+	float : right;
+	font-size : 80%;
+}
+
+.sidebar-box {
+	margin-bottom : 15px;
+}
+
+.sidebar-box h3, .sidebar-box h4 {
+	margin-left : 10px;
+}
+
+.sidebar-box label {
+	display : block;
+}
+
+.sidebar-box p {
+	margin : 3px 10px;
+	padding : 0;
+}
+
+.issued {
+}
+
+.overdue {
+	font-weight : bold;
+}
+
+span.print {
+	font-size : .7em;
+	font-weight : normal;
+	padding-left : .7em;
+	}
+	
+#members {
+	font-size : .85em;
+	font-weight : bold;
+	position : absolute;
+	top : 10px;
+	right : 10px;
+	}
+	
+#members ul {
+	margin : 0;
+	padding : .3em .3em .3em 1.5em;
+}
+
+#members a.logout {
+	color : Black;
+	font-weight : bold;
+	padding : 0 .3em 0 .3em;
+	text-decoration : none;
+}
+
+#members a:hover.logout {
+}
+
+.loggedinusername {
+}	
+
+.clear {
+	clear : both;
+	line-height : .1em;
+}
+#itemReviews h4 {
+        display: inline;
+        margin-right: 15px;
+}
+#itemReviews p {
+        text-align: left;
+ }
+#itemReviews dl {
+        display: block ;
+}
+#itemReviews dt {
+        width: 8em;
+}
+
+#starMT {
+        position:relative;
+        height: 25px;
+        width: 100px;
+        margin: 0 3px 0 30px;
+        padding:0;
+        background: url(../images/emptystars.png) top left no-repeat;
+}
+#starFull {
+        height: 25px;
+        margin: 0 ; padding: 0;
+        background: url(../images/bluestars.png) top left no-repeat;
+}
+
-- 
2.39.5