/*
#339999
#D8DEB8
*/

a {
	color : #000000;
	text-decoration:none;
}

.white {
	color : #FFFFFF;
	border-bottom:.4px #FFF solid;
}

.white:hover {
	color : #FF6900;
}

.white:link {
	color : #ffffff;
}

.white:active {
	color : #FF6900;
}

.white:visited {
	color : #FFFFFF;
}

.black {
	color : #000000;
	border-bottom:.4px #000 solid;
}

.black:hover {
	color : #000000;
}

.black:link {
	color : #000000;
}

.black:active {
	color : #000000;
}

.black:visited {
	color : #000000;
}


a:active {
	color : #000000;

}

a:visited {
	color : #000000;
}

a:hover {
	color : #FF6900;

}

a:link.current {
	background-color : transparent;
	color : #000000;
	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 : #000000;
	font-size : 12px;
	font-weight : bold;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

a:active.current {
	background-color : #99CC00;
	color : #000000;
	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 : normal;
	padding : 1px 5px 1px 5px;
	text-decoration : none;
}

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

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

a:visited.nav {
	background-color : #FFFFCC;
	color : #3366CC;
	font-size : 12px;
	font-weight : normal;
	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 : #FFFFFF;
	/*font-family : Geneva, Arial, Helvetica, sans-serif;*/
	font-family : Tahoma;
	font-size : 14px;
	margin : 0;
	padding : 0;
}

caption {
	color : #AF1137;
	font-family : Tahoma;
	font-size : 115%;
	font-weight : normal;
	margin : 0;
	padding : 5px 0 3px 0;
	/*text-align : left;*/
}

div.form {
/*	//background-color : #FFFFFF; //#FFFFCC;
	//border : 0px dotted #333333;
	margin : 0 auto;
	padding : 4px;
	width : 100%;*/
}

div.details {
	font-family : Tahoma;	
	margin : 0 auto;
	padding : 4px;
/*	width : 100%;*/
}

div.details ul {
	margin-right : 0;
	text-align : right;
	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 {

	color : #AF1137;
	font-family :Arial;
	margin : 0;
}

h3 {

	color : #FFFFFF; 
	background-color: #AF1137; 
	font-family : Tahoma;
}

h6 {
	font-family : Tahoma;
	color : #800000;
	margin : 0;
}

h1 {
	font-size : 115%;
	font-family : Arial; 
	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 : 115%;
	padding : 5px 0 3px 0;
}

h6 {
	font-size : 85%;
	font-weight : normal;
	padding : 5px 0 3px 0;
}

h3 {
	font-size : 90%;
	font-weight : normal;
	padding : 5px 0 3px 0;
}

h3+p {
	margin : .4em 0 .4em 0;
}

p+h3 {
	margin-top : .6em;
}

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

h3.author a {
	text-decoration : none;
	color : #FFFFFF;
}

h3.author a:hover {
	color : #EEEEEE;
}

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;
	font-size : 12px;
	font-family : Tahoma;

}

/* the copyright (at the end of the main page */
p.copyright {
	border-top: 1px solid #000000;
	margin-top:55px;
	margin-bottom:0px;
	text-align:center;
}

p.small, div.small {
	font-size : 12px;
	font-weight : normal;
	margin : auto;
}

p.nomargin {
	font-family : Tahoma;
	background-color : #FFFFFF; 
/*	border : 1px dashed #cc6600;*/
	font-size : 85%;
	font-weight : normal;
	margin : auto;
	padding : 0px 10px 0px 0px;
}

p.error, div.error {
	font-family : Tahoma;
	background-color : #FFFFFF; 
/*	border : 1px dashed #cc6600;*/
	font-size : 85%;
	font-weight : normal;
	margin : auto;
	padding : 5px 20px 5px 5px;
}

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 {
	color : #990000;
}


div.error li {
	margin-bottom : .5em;
}


/*div.tab {
	display: block;
	visibility:hidden;
	position : absolute;
	margin : 5px 0 0 5px;
	padding : 3px;
	width : 70%;
}

div.tab p {
	margin : 3px;
}	

div.displaytab {
	display: block;
	float:left;
	font-size: em;
	width : 100%;
}

div.displaytab p {
	margin : 0;
	padding : 3px 0;
}

.MARCtag { 
	clear : left;
	font-weight : bold;
	font-size : .8em;
	margin-top : 5px;
	width : 100%;
}

div.displaytab .MARCtag {
	font-size : 1em;
}

.labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
	clear : left;
	float : left;
	font-weight : 700;
	color : #0065CE;
	margin-left : 30px;
	display : inline;
}

div.displaytab .labelsubfield {
	font-weight: bold;
}*/

div.tabbed {
	//margin-left:5%;
	width:90%;
}

div.tabs {
	float : left;
	margin : 5px 0 0 0;
}

div.tabs a {
	display:block;
	font-weight : bold;
	text-decoration : none;
	margin : 0 0 2px 0;
	padding: 10px 5px 10px 5px;
}

div.tabs a:hover {
}

div.tab {
	display: block;
	visibility:hidden;
	position : absolute;
	margin : 5px 0 0 20px;
	padding : 3px;
	width : 70%;
	/*margin-top:110px;*/
}

div.tab p {
	margin : 3px;
}	

div.displaytab {
	display: block;
	float:left;
	font-size: .8em;
	width : 100%;
}

div.displaytab p {
	margin : 0;
	padding : 3px 0;
}

.MARCtag { /* style for tag definition (700 - Statement of responsability) */
	clear : left;
	font-weight : bold;
	font-size : .8em;
	margin-top : 5px;
	width : 100%;
}

div.displaytab .MARCtag {
	font-size : 1em;
}

.labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
	clear : left;
	float : left;
	font-size : .8em;
	font-weight : 700;
	color : #0065CE;
	//width : 12em;
	margin-left : 30px;
	display : inline;
}

div.displaytab .labelsubfield {
	font-size : 1em;
	font-weight: bold;
}


td {
	font-size : .90em;
}

th {
	background-color : #AF1137; 
	border-bottom : 1px solid #FFFFFF;
	border-right : 1px solid #FFFFFF;
	color : #FFFFFF;
	font-family : Tahoma;
	font-size : 85%;
	font-weight : normal;
	padding : 5px 5px 5px 5px;
}

th:last-child {
	background-color : #AF1137; 
	border-bottom : 1px solid #FFFFFF;
	border-right : 0 solid #FFFFFF;
	font-size : 85%;
	font-family : Tahoma;
	font-weight : normal;
	padding : 5px 5px 5px 5px;
}

th[scope="row"] {
	font-size : 85%;
	font-weight : small;
	text-align : right;
}

div.details td {
	border-left : 0;
	border-right : 0;
	color : #000000;
	padding : 2px 2px 2px 25px;
	text-align : right;
}

td.label, div.form th, div.details th {
	background-color : #FFFFFF; 
	border-right : 0;
	border-top : 0;
	color : #000000;
	font-weight : normal;
	padding : 2px 2px 2px 4px;
	text-align : left;
	vertical-align : top;
}

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

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

.selected {
	text-decoration: none;
}

.content-block {
	background-color : #FFFFFF; 
	margin : 10px;
	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;
}

.further {
	color: #CCCC99;
	float: right;
	font-size : 80%;
	/*border: 2px solid #D8DEB8;*/
	margin : 5px;
	width : 28%;
	background-color : #CCFFFF; 
}

.further h4 {
	background-color : #CCFFFF;
	padding : 2px;
}

.further ul, .further li  {
	margin : 0 0 0 .5em;
	padding : 0;
}

.further li {
	/*border-bottom : 1px solid #CCCC99;*/
	padding : 2px 0;
	}

.detail-sidebar {
	float: right;
	padding: 3px;
	margin-left : 0px;
	background-color : #CCFFFF; //#E7E7CA;
/*	text-align: center;

	float: right;
	padding-left : 4px;
	padding-top : 4px;
	padding-right : 4px;
	margin-left : 8px;
	margin-right : 4px;
	background-color : #CCFFFF; 
	text-align: center;*/
	width : 23%;
}

.detail-sidebar .further {
	float: none;
	text-align: left;
	width : 90%;
}

.operations {
	border : 0px solid aqua;
	font-size: 90%;
	text-align: center;
	margin-top: 7px;
	padding-left: 7px;
	width: : 95%;
}

.operations ul {
	border: 0px solid lime;
	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: 2px solid #D8DEB8;
	border-style: outset;
	color: #FFFFFF;
	display: block;
	background-color : #AF1137; //#336699;  #CC6600;
	background-repeat : no-repeat;
	background-position : top left;
	padding: 3px 3px 3px 20px;
	text-decoration: none;
}

.operations li a:hover {
	color: #FFFFCC;
	background-color: #FF6900;
}

.operations li a:active {
	color: : #FFFFCC;
	background-color: #AF1137; 
	border-style: inset;
}

.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 : #F4F4F4;
	margin : 1px;
	padding : 3px;
}

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

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

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

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

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

#members a {
	text-decoration : none;
}

.menu a:link, #members a:link {
	color : #0000FE;
	padding : 2px;
}

.menu a:visited, #members a:visited {
	color : #0000FE; 
	padding : 2px;
}

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

.menu a:active, #members a:active {
	color : #FFFFCC;
	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 {
	background-color : #FFFFCC;
	padding : 4px;
}

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

.login-note {
	width : 35%;
}

.note {
	background-color : #CCFFFF;
	border-left : 1px solid #FFFFCC;
	border-top : 1px solid #FFFFCC;
	border-right : 1px solid #999900;
	border-bottom : 1px solid #999900;
	font-size : 12px;
	margin : 10px auto;
	padding : 5px 5px 5px 5px;
	width : 40%;
	text-align : center;
}

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 {
	text-align: center;
	padding: 2px 2px;
	border-top:1px solid #FFFFFF;
	border-bottom:2px solid #716F64;
	border-left: 1px solid #FFFFFF;
	border-right: 2px solid #ACA899;
	FONT-FAMILY: Tahoma;
	font-size:13px;
	text-decoration: none;
	font-color: black;
	/*line-height:175%;
	height : 30px */
	background-color:#ECE9D8;
	margin : 3px 3px 3px 0px;
}

.button {
/*	background-color : #CCFFFF; //#CC6600;
	color : #000000; //#FEEDDB;*/
	font-family : Tahoma;
	font-size : small;
	font-weight : bold;
	padding : 2px;
}

.thumbnail {
	float : left;
	margin : 0 5px 5px 0;
	border : 0;
}

input  {
	font-family : Tahoma;
	text-align : right;
}

input.noicon {
	background-position: left;
	background-repeat: no-repeat;
	background-color : #FFFFFF; 
	text-align : center;
	color : #0033CC;
	font-family : Tahoma;
	font-size : 12px;
	font-weight : bold;
	padding : 2px 2px 2px 2px;	
}

input.icon {
	font-size : 12px;
	text-align : center;
	padding : 2px 2px 2px 22px; 
	background-repeat: no-repeat;
	border-top:1px solid #FFFFFF;
	border-bottom:2px solid #716F64;
	border-left: 1px solid #FFFFFF;
	border-right: 2px solid #ACA899;
	text-decoration: none;
	margin : 3px 3px 3px 3px;
}

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 {
	border-top : 1px solid #000000;
	clear : both;
}

#main {
	background-color : #FFFFFF;
	margin-left : 16%;
	margin-right : 2%;
	margin-top : 0%;
	padding : 10px;
	position : relative;
}

#window {
	background-color : #FFFFFF; //#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 : #CCCDE9;
	margin : 0 0 0 0px;
	padding : 5px 0 5px 3px;

}


/* for navigation bar */
#nav {
	/*background-color : #99CCCC;
	float : left;
	margin : 0% 0% 0% 0%;
	padding : 0 ;
	width : 18%;*/
	float:left;
	height:100%;
	width:16%;
	margin-left:0px;
	margin-right:10px;
	padding-bottom:0px;
	padding-left:0px;
	padding-top:10px;
	padding-right:0px;
}

#nav a {
	/*background-color : #AF1137;
	font-family : Arial, Geneva, Helvetica, sans-serif;
	font-size : 1.1em;
	font-weight : bold;*/
	text-decoration : none;
}

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

#nav ul li {
	//background-color : #AF1137;
	width : 100%;
	//border-bottom : 1px solid #CCCC99;
	//border-left : 0 solid #FFFFCC;
	//border-right : 0 solid #FF6000;
	//border-top : 0 solid #FFFFCC;
	font-family : TAHOMA;
	font-size : .8em;
	list-style : none;
	margin : 0;
	padding : 0px;
	text-align : left;
}

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

#nav li ul li {
	//background-color : #CCCCFF; //#E7E7CA; 
	//border-bottom : 1px solid #D8DEB8;
	//border-left : 0 solid #FFFFCC;
	//border-right : 0 solid #FF6000;
	//border-top : 0 solid #FFFFCC;
	font-family : Tahoma;
	font-size : 1.1em;
	list-style : none;
	margin : 0;
	padding : 5px 3px 5px 3px;
	text-align : left;
}

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

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

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

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

#results, .results {
	COLOR : #AF1137;
	font-family : Tahoma;
	font-size : 80%;
	margin : 0;
	padding : 7px 0 10px 0;
}

#loginbar {
	background-color : #FFFFFF; //#6699FF; //#EFF1DC;
	//width : 70%;
	border : 1px dashed #CCCC99;
	margin-top : 30px;	
	margin-left: 10px;
	//padding : 5px;
	float : left;
	font-size : 60%;
}

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


#sidebar h3 {
	color : #AF1137;
	font-family : Tahoma;
	font-size : 110%;
	margin : 0;
	padding : 5px 0 1px 0;
}


#sidebar .submit {
	background-color : #CC6600;
	color : #FEEDDB;
	font-family : Tahoma;
	font-size : 80%;
	font-weight : bold;
	padding : 2px;
}

#search-sidebar {
	background-color : #FFFFFF; //#FFFFCC;
	/*width : 33%;*/
	margin : 10px;
	padding : 3px;
	float : right;
	font-size : 80%;
}

.sidebar-box {
/*	border : 1px dashed #CCCC99;*/
	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 {
	color : #999999;
}

.overdue {
	color : #cc0000;
	font-weight : bold;
}

span.print {
	font-size : .9em;
	font-weight : normal;
	padding-left : .7em;
	}
	
#members {
/*	background-color : transparent;*/
	background-color : #AF1137;
	border : 0px dashed #666666;
	font-size : .85em;
	font-weight : bold;
	color : #FFFFFF;
	position : absolute;
	top : 0;
	right : 0;
	}
	
#members ul {
	margin : 0;
	padding : .3em .3em .3em 1.5em;
}

#members a.logout {
	background-color : #FFDD75;
	color : Black;
	font-weight : bold;
	padding : 0 .3em 0 .3em;
	text-decoration : none;
}

#members a:hover.logout {
	background-color : #FFCC33;
}

.loggedinusername {
	color : #3333FF; 
}	

.clear {
	clear : both;
	line-height : .1em;
}