/* The font-family defines the preferred font for ALEPH WEB interface.
    The system checks the fonts installed on the user's PC against the
    the definitions, and uses the first match found.
    HOWEVER,
    Note that font definitions in the aleph.css file are NOT used if
    the user's browser has been set up to ignore font styles.
    In MS Internet Explorer this is set up under Internet options ->
    Accessibility -> "Ignore font styles specified on Web pages".
    In Netscape this is set up under Edit -> Preferences -> Fonts ->
    "Use my default fonts overriding document specified font".
    NOTE! fonts differ from each other in the characters that are
    included, and in performance, usually in direct proportion;
   i.e.
    fonts that include large range are heavy load on PC. Therefore,
    when defining your fonts, take into account the characters in your
    database.
    NOTE: Aug. 21, 2001. Ex Libris has found that Arial Unicode MS has
    the largest range, but creates performance problems on PC operating
    under NT, with IE 5.5 and 6.0.*/
/* */

/* Table of contents
- MAIN STYLING SECTION AS RECEIVED FROM EXL + ADDITIONS
- DROP-DOWN MENUS in TOP HEADER
- RESULTS LIST + RECORD VIEW OPTIONS
- TIPS BOX in SEARCH FORMS
- BASE-LIST FILE
- MENU LIST for LIBRARY CARD
- ILL CONTACTS
- HINTS/WARNING TABLES
- FORMS (LOGIN, etc.)
- NEW LOGIN PAGE
- ICONIZE TEXTLINKS WITH CSS
- COPYRIGHT NOTICE
- ADDITIONAL TESTS
*/


/* MAIN STYLING SECTION AS RECEIVED FROM EXL, 
WITH CUSTOMISATION AND ADDITIONS
------------------------------------------------------------ */
#format {
      font-family: verdana, helvetica,  arial, non-serif;
      margin: 0;
      padding: 0 5px 0 0px;
      color:green;
      font-weight:bold;
}

body {
   background-color: #FFFFFF;
   font-size:100%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   /* font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial,  
Helvetica, serif;*/
   color:#000000;
   text-decoration:none;
}

.title {
   font-size: 120%;
   font-family: "Trebuchet MS", Georgia, Verdana, Helvetica, Arial, non-serif;
/*   text-transform: uppercase;*/
   letter-spacing: 2px;
   font-weight:bold;
   color: #000000;
   padding-bottom: 0.5em;
}

.nexttotitle {
   Font-size:70%;
   letter-spacing: 0;
   Font-family: Verdana, Helvetica,  Arial, non-serif;
   Font-weight:bold;
   Padding: 1em;
   text-transform: lowercase;
}

.nexttotitle a {
   text-decoration: underline;
}

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

.topbar {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:90%;
   font-weight:bold;
   color:#212063;
   background-color: #d7dde3;
   border-bottom: 1px solid #FFFFFF;
   border-top: 1px solid #FFFFFF;
}

.middlebar {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:90%;
   font-weight:bold;
   color:#000000;
   background-color: #FFFFFF;
}

.bottombar {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:90%;
   font-weight:bold;
   color:#000000;
   background-color: #d7dde3;
   border-bottom: 1px solid #d7dde3;
   border-top: 1px solid #d7dde3;
}

.feedbackbar {
   font-size: 80%;
   font-family: Verdana, Helvetica, 'Bitstream Cyberbit','Arial Unicode MS',Arial, serif;
   font-weight: bold;
   color: #AF2E31;
   background-color: #FFFFFF;
   padding: 0.3em 0;
}

.feedbackbar a, .feedbackbar a:visited, .feedbackbar a:active, .feedbackbar a.active:link, .feedbackbar a.active:visited {
   padding: 5px 20px 5px 25px;
   font-family: Verdana, Helvetica, 'Bitstream Cyberbit','Arial Unicode MS',Arial, serif;
   font-weight: bold;
   color: #AF2E31;
   background-color: #FFFFFF;
   margin: 1em 0;
  /* background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/f-info.gif) no-repeat center left;  */
}

.feedbackbar a:hover {
   text-decoration: none;
   color:#AF2E31;
}

.feedbackbar td a {
padding: 2em;
margin: 2em;
}

.bar {
   font-size:100%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   background-color: #d7dde3;
/*  background-color: #FFCC99;   */
}

/* test for blue bar menu*/
.include {
   border: 1px solid #d7dde3;
   margin: 0.5 0 0 0;
}
/*end of test for blue bar menu */

.indent1 {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   margin-left:5%;
   font-size:80%;
}

.copyright {
   font-size:70%;
   font-family: Verdana, Helvetica, Arial, non-serif;
   color:#000000;
   background-color: #FFFFFF;
   text-align:center;
   border: 1px solid #d7dde3; 
   padding: 0.66em;
}

.text1 {
   font-size:90%;
   font-family: Garamond, Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   color:#0000e5;
   /*adding margins to "search hints" text */
   margin-left:5%;
   margin-right:10%;
}

.text2 {
   font-size:120%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:FF0000;
}

.text3, .playlist thead tr.text3 th {
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#0000e5;
}

/* adding solution for print (h stands for hiding)*/
.text3h {
   font-size:80%;
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight:bold;
   color:#000000;
}
/* end solution for print (h for hiding)*/

/* text33 used in login-timeout and tips for find-b pages */
.text33 {
   Font-size:70%;
   Font-family: Verdana, Helvetica,  Arial, non-serif;
   Font-weight:bold;
   Padding: 0.5em;
}

/*text333 used in ILL pages, also in find-b-permute- */
.text333 {
   Font-size:80%;
   Font-family: Verdana, Helvetica,  Arial, non-serif;
   Font-weight:bold;
   Padding: 1em;
}

/*textcop used for copyright conditions in ILL pages*/
.textcop {
   Font-size:80%;
   Font-family: Verdana, Helvetica,  Arial, non-serif;
   Font-weight:bold;
   Padding: 1em 3em;
}

.text9 {
   font-size:90%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight: bold;
   color:#000000;
}

.text8 {
   /*Used for text in refine form*/
   font-size:100%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   margin:0.5em 0em 0.5em 1em;
}

.ts1 {
   /* Used to highlight query text in refine, filter etc. forms */
   font-size:100%;
   font-family: Verdana, Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   background-color:#d7dde3;
   margin:0em 0em 1em 2em;
   padding:0.5em;
}

.tr1{
   font-size:90%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   color:#000000;
   background-color: #d7dde3;
   /*  background-color:#B5CBE7;  */
}

.playlist {
   border: 1px solid #d7dde3;
	margin: 0.5em 0;
   color:#000000;

/*   border-collapse: collapse;
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   color:#0000e5;*/
}

.playlist tbody tr.even td { background-color: #d7dde3; }

.playlist tbody tr.odd td { background-color: #FFFFFF; }


/*original here:
.td1, .playlist tbody tr td  {
   font-size:80%;
   font-family:Verdana, Helvetica,  Arial, non-serif;
   font-weight: normal;
   color:#0000e5;
   background-color:#F5F6F7;
}
*/

.td1, .playlist tbody tr td  {
   font-size:80%;
   font-family:Verdana, Helvetica,  Arial, non-serif;
   font-weight: normal;
   color:#000000;
   background-color:#d7dde3;
   padding: .3em;
}

.playlist th {
   padding: .5em;
}

.playlist tr:hover td {
   background-color:#d7dde3;
   color:#212063;
}

.td1 a:hover, .td2 a:hover, .text3 a:hover, .text1 li a:hover, .td1red a:hover {
   text-decoration: none;
   color:#0000e5;
}

/* adding solution for print (h stands for hiding)*/
.td1h {
   font-size:80%;
   font-family:arial, helvetica, non-serif;
   font-weight:normal;
   color:#000000;
   background-color:#d7dde3;
}
/* end solution for print (h for hiding)*/


.td2 {
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   background-color:#d7dde3;
/*  background-color:#E2E9F0;*/
}

.headtip2 ul {
   list-style: none;
   margin-left: 0; padding-left: 0;
   margin-top: 5em;
}
.headtip2 ul li {
   margin-top: .2em;
   margin-bottom: .3em;
}

/*td22(2) to be used in log back in page*/
.td22 {
   font-size:85%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   background-color:#FFFFFF;
}

.td222 {
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#000000;
   background-color:#FFFFFF;
   border: 1px solid #000000;
}

.campus {
   font-size:100%;
   font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial,Helvetica,serif;
   font-weight:normal;
   color:#FFFFFF;
   background-color:#212063;
}

.campus_line {
   font-size:100%;
   font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial,Helvetica,serif;
   font-weight:normal;
   color:#000000;
   background-color:#FFFFFF;
}

#small {
   font-size:80%;
}

.small {
   font-size:80%;
}

#italics {
   font-style: italic;
}

#bold {
   font-weight:bold;
/* added navy color (Jordi 20050725)*/
   color: navy;
}

#yellow {
   background-color:#FFCC00;
}

.red {
   color:#FF0000;
}

#centered {
   text-align: center;
}

#right {
   text-align: right;
}


a:link {
   color:#0000e5;
   /*text-decoration: none;*/
   font-family: Verdana, Helvetica,  Arial, non-serif;
}

a:visited {
   color:#AF2E31;
   font-family: Verdana, Helvetica,  Arial, non-serif;
}

a:active {
   color:#0000e5;
   font-family: Verdana, Helvetica,  Arial, non-serif;
}

a.blue:link {
   font-size:90%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color:#0000e5;
/* color:#0000e5;*/
   text-align:center;
   text-decoration: none;
}

a.blue:visited {
   font-size:90%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color: #AF2E31;
   text-align:center;
/*  if 'none' from 'blue:link' worked, this one
   could be deleted (Jordi 20050806)
  text-decoration: none;
   */
}

a.blue:hover {
   color:#0000e5;
}

.d-topbar {
   font-weight:bold;
   color:#FFFFFF;
   background-color:#000000
}

.d-middlebar {
   font-family:'Bitstream Cyberbit',Arial,Helvetica,serif;
   font-weight:bold;
   color:#000000;
   background-color: #FAFAFA
}

.d-bottombar {
   font-family:'Bitstream Cyberbit',Arial,Helvetica,serif;
   font-weight:bold;
   color:#000000;
   background-color:#FAFAFA
}
form
{
display:inline;
}
#adam_images a {
display: block;
}

.hidden
{
 position:absolute;
 left:-10000px;
 top:auto;
 width:1px;
 height:1px;
 overflow:hidden;
}

/*HERE YOU HAVE SOME ADDITIONS TO GRAL. STYLING: */

/*addition suggested by EXL service package*/
form {
   display: inline;
}
/*end addition suggested by EXL service package*/

/* helps hide 4 printouts */
#noscreen {
   display: none;
}
/* end of hide 4 printouts */

/* highlighting search terms -from mcgill*/
span.high {
   background-color:#ff0;
   color:#000000;
   font-weight:bold;
}
/* end of highlighting search terms
in euc11 i also found: #high { background:#ff0;color:#000000;  
font-weight:bold;} */

/* similar highlighting used in other instances, e.g.  
item-hold-request*/
.highlight {
   background-color:#ff0;
   color:#000000;
   font-weight:bold;
   font-size: 120%;
}
/* end of similar highlighting */


/* addition to permute files */
.permute {
   border: 1px solid #FAFAFA;
   margin: 1.5em 0 1em 0;
   padding: 0.5em;
   width: 70%;
}
.permute p {
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   padding: 0.5em 0 0.5em 0.5em;
}
/* end of addition to permute files */

/*END of ADDITIONS to MAIN STYLING */
/* END of MAIN STYLING */


/* DROP-DOWN MENUS in TOP HEADER, inspired by
http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm
------------------------------------------------------------- */

.anylinkcss{
   border-left:1px solid black;
   border-right:1px solid black;
   border-top:1px solid black;
   border-bottom:0px solid black;
   position:absolute;
   visibility: hidden;
   line-height: 18px;
   z-index: 100;
   background-color: #d7dde3;
   text-align:left;
   width: 240px;
   font-style:normal;
   font-variant:normal;
   font-weight:normal;
   font-size:90%;
   font-family:Verdana, Helvetica,  Arial, non-serif;
}

.anylinkcss a {
   width: 100%;
   display: block;
   text-indent: 3px;
   border-bottom: 1px solid black;
   padding: 1px 0;
   text-decoration: none;
   font-weight: bold;
   text-indent: 5px;
}

.anylinkcss a:hover { /*hover background color*/
   background-color: #000000;
   color: white;
}
/* END OF DROP-DOWN MENUS in TOP HEADER */



/* OPTIONS in RESULTS LIST AND RECORD VIEW
------------------------------------------------------------ */
table#full {
    border: 1px solid #212063;
    width: 100%;
	margin: .5em 0 0 0;
} 

table#full .td1 {
   background-color:#FFFFFF;
   border-bottom:1px solid #FAFAFA;
   padding: .2em;
   vertical-align: top;
}

table#full td.display {
        background-color:#FFFFFF; 
        color:#212063;
        border: 1px solid #212063;
        padding: .2em;
}

table#full ul   { 
   float: left;
   width: 100%;
   list-style: none;
   margin: 0;
   padding: 0;
   font-size:80%;
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight:bold;
}

table#full td.field, table#full td.fieldlink  {
    border-right: 1px solid #212063;
    font-size:80%;
    border-bottom:1px solid #FAFAFA;
    font-weight: bold;
    width: 15%;
    text-align: right;
    padding: .2em .6em 0 0;
   vertical-align: top;
}

.td1red { 
   border-bottom:1px solid #FAFAFA;
   font-size:80%;
}

.td1red a { 
   font-weight: bold;
   color: red;
   padding: 0 0 0 .3em;
}


.td1red a:visited {
   color:#AF2E31;
}

table#full td.fieldlink { 
	padding: 5px 20px 5px 0;
	background: #FF0000
	/*transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_popup.gif) no-repeat center right;
}


.txtResults  { 
  	margin: 0 0 0.7em 0;
  	padding: 0 0 0.3em 0;
  	font-size: 80%;
	border-bottom: 1px solid #212063;
/*	  border-bottom: 1px solid #b5cbe7;
	border: 1px solid #b5cbe7;*/
}

.txtResults2  { 
  	margin: 0 0 0.5em 0;
  	padding: 0 0 0.2em 0;
  	font-size: 80%;
}

.txtResultsBtn  { 
  	margin: 0.2em 0 0.4em 0;
  	padding: 0.2em 0 0.4em 0;
/*	border-top: 1px solid #212063;*/
  	font-size: 80%;
}

.txtResults form { 
  	margin: 0;
  	padding: 0;
}

.results {
   border-bottom: 1px solid #212063;
   margin: 1em 0 0 0;
   padding: 0;
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
}

.results p {
   margin: 0;
   padding: 0;
}

.resultdetails {
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   color: #212063;
   padding-left:0.5em;
}

.recordoptions {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size: 80%;
   margin: 1.5em 0 0.75em 0;
   padding: 0 10px 0 0px;
   color:#0000e5;
   font-weight:bold;
}

.recordoptions a:link, .recordoptions a:visited {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   text-align: center;
   font-size: 80%;
   line-height: 20px;
   font-weight: bold;
   margin: 0 10px 0 10px;
   text-decoration: none;
   color: #AF2E31;
}

.recordoptions a.active:link, .recordoptions a.active:visited, .recordoptions a:hover {
   border-bottom: 2px solid #d7dde3;
   padding-bottom: 2px;
   color: #AF2E31;
}

.fullviews {
   border-bottom: 1px solid #212063;
   margin: 0.5em 0 ;
   padding: 0;
   font-size:80%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
}

/*BUTTONS in results list  */
/*formbutton style inspired from 
http://www.webreference.com/programming/css_stylish/ */

.formbutton {
   width: auto;
   margin-left: 0.25em;
   margin-right: 0;
   color:#000000;
   font-family: Verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:80%;
   font-weight:bold;
   background-color:#d7dde3;
   border:outset 1px #aaa9bc;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcceeff');} 


/*Browse list for scan terms in results list*/

#browselist {
   border: 1px solid #aaa9bc;
   width: 40%;
   margin: .5em 0 0 0;
   color:#000000;
   font-size:80%;
}

#browselist tbody tr.even td { background-color: #FAFAFA; }

#browselist tbody tr.odd td { background-color: #FFFFFF; }

#browselist thead, #browselist tfoot {
   padding: .5em;
   background-color: #000000;
}

#browselist tbody tr a:hover {
   text-decoration: none;
   color:#000000;
}

/* END of Browse list for scan terms in results list */


/* options in full-view page */
.topmenu { 
  	float: left;
  	width: 100%;
  	margin: 0;
  	padding: 0;
  	list-style: none;
  	color: #000000;
  	background-color: #FFFFFF;
}

.topmenu strong {
  	font-size: 110%;
     color: #000000;
  	font-weight: bold;
}

.topmenu em {
  	font-size: 80%;
	font-family: Verdana, Helvetica,  Arial, non-serif;
	font-weight:normal;
	font-style:normal;
	color: #212063;
	/*   color: #66c;
	color: #212063;*/
	padding-left:0.5em;
}

.fv_head_mid { 
  	float: left;
  	width: 100%;
  	margin: 1em 0 0 0;
  	padding: 0 0 .2em 0;
  	list-style: none;
     color:#0000e5;
  	background-color: #FFFFFF;
/*     border-bottom: 1px solid #212063;*/
     font-weight:bold;
     font-family: Verdana, Helvetica,  Arial, non-serif;
    font-size: 80%;
}

.fv_head_bot  { 
  	float: left;
  	width: 100%;
  	list-style: none;
     margin: .5em 0 .5em 0;
     padding: .5em 0 0 .5em;
     font-size:80%;
     font-family: verdana, helvetica,  arial, non-serif;
     font-weight:bold;
}

.fv_tail { 
/*
  	float: left;
  	width: 100%;
*/
  	margin: .5em 0 .2em 0;
  	padding: .5em 0 0 0;
  	list-style: none;
     color:#0000e5;
  	background-color: #FFFFFF;
/*     border-top: 1px solid #212063;*/
     font-weight:bold;
     font-family: Verdana, Helvetica,  Arial, non-serif;
     font-size: 80%;
}


.left {
  	float: left;
  	margin: 0;
	padding: 0;
}


.right {
  	float: right;
  	margin: 0;
	padding: 0;
} 

.clearer {clear: both; font-size: 0;
}


.right .fvbutton {
	vertical-align: 40%;
}

.fvbutton {
   padding: 0;
   margin: 0;
   color:#000000;
   font-family:Verdana, 'trebuchet ms',helvetica,sans-serif;
   font-size:70%;
   font-weight:bold;
   background-color:#d7dde3;
   border:outset 1px #aaa9bc;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcceeff');} 

/* choose format in record view */
.format {
      font-family: verdana, helvetica,  arial, non-serif;
      margin: 0;
      padding: 0 5px 0 0px;
      color:#0000e5;
      font-weight:bold;
}

.format a:link, .format a:visited {
      font-family: verdana, helvetica,  arial, non-serif;
      text-align: center;
      font-size: 80%;
      line-height: 20px;
      font-weight: bold;
      text-decoration: none;
      color: #AF2E31;
}

.format a.active:link, .format a.active:visited, .format a:hover {
      border-bottom: 2px solid #d7dde3;
      padding-bottom: 2px;
      color: #AF2E31;
}

/* end of choose format in full-view page */
/* end of options in full-view page */


#PermaLink {
	vertical-align: top;
     font-size:80%;
     margin: 0;
     padding: 0;
      color:#0000e5;
     font-weight:normal;
}


/* END OF OPTIONS in RESULTS LIST AND RECORD VIEW */




/* TIPS BOX in SEARCH FORMS
------------------------------------------------------------ */
.tip {
   background-color:#d7dde3;
   border: 1px solid #FFFFFF;
}

#MyDiv {
   font-family: Verdana, Arial, non-serif;
   /*font-weight: bold;*/
   color: #000000;
   font-size:70%;
   padding:0.5em;
}

/* END OF TIPS BOX */


/*STYLING FOR BASE-LIST FILE
------------------------------------------------------------ */
#box {
   background-color: #000000;
   border: 1px solid #FAFAFA;
   margin: 1em;
   padding: 1em;
   color:#aaa9bc;
}
#box p {
   color:#000000;
   font-weight:bold;
}

#baselist li {
   list-style-type: circle;
   font-size:80%;
  }
/* END OF STYLING FOR BASE-LIST */



/* MENU LIST for LIBRARY CARD
	Modelled on menus available at 
	http://css.maxdesign.com.au/listamatic/horizontal13.htm
	Used to replace the table that contains the functions in, e.g., the
	borrower's page(s)
------------------------------------------------------------ */

#navcontainer {
	margin: 0 auto;
	padding: 0.1em;
	font-family: verdana, georgia, serif;
}

/* to stretch the container div to contain floated list */

#navcontainer:after {
	content: "";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 98%;
	font-size: 0.7em;
}

ul#navlist li {
	display: block;
	float: left;
	width: 15%;
	margin: 0 .2em 0 0;
	padding: 0;
     border: solid 1px #ddd;
}
 
ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.2em 0.2em 0.2em .5em;
     font-weight:bold;
	text-decoration: none;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
/*	background-color: #FFFFF;*/
	color: #212063;
	border: 2px solid #FFFFFF; 
}
 
ul#navlist li#active a:hover   {
	color: #FFFFFF;
	background-color: #000000; 
	text-decoration: none;
}

ul#navlist li a:hover  {
	color: #FFFFFF;
	background-color: #000000; 
	border-color: #FFFFFF; 
	text-decoration: none;
}

/* ------------------------------------------------------------
END menu/navigation list for library card*/


/* ILL CONTACTS 
------------------------------------------------------------- */
.illcontact {
   margin: 1% 5%;
}

.illcontact legend {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   color:#0000e5;
   font-weight:bold;
   font-size:90%;
}

.illcontactlist {
   font-size:90%;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:normal;
   color:#0000e5;
   /*adding margins to "search hints" text */
   margin-left:5%;
   margin-right:10%;
   margin-top: 0;
   margin-bottom:1%;
}

.illbutton a {
   color: #000000;
   font-size:70%;
   font-family:Verdana, 'trebuchet ms',helvetica,sans-serif;
   font-weight:bold;
   text-decoration: none;
   text-align: center; 
   border:outset 1px #aaa9bc;
   background-color:#FFFFFF;
   display: block;
   width: 150px;
   padding: 3px 5px;
   margin: 1px;
}

.illbutton a:hover {
	background-color: #d7dde3;
	color:#AF2E31;;
	padding-left:4px;
	border:1px inset #FFFFFF;
}

/* END of ILL CONTACTS  */



/*HINTS/WARNING TABLES
------------------------------------------------------- */

/*format of hints in brief-view table */
/*headtip also used in test for print-out headings */
.headtip {
   border: 1px solid #d7dde3;
   margin: 0;
   padding: 0;
   font-size:70%;
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight:bold;
   color: #212063;
}

.headtip p {
   margin: 0;
   padding: 0.2em 1em;
}

/*end of hints in brief-view table */

/*headtip2 used in ill forms and item-photo-request */
.headtip2 {
   border: 1px solid #d7dde3;
   margin: 1em 0 1em 0;
   font-size:80%;
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight:bold;
   padding: 0.5em 0 0.5em 0.5em;
}

.headtip2 a:hover {
   text-decoration: none;
   color:#0000e5;
}

.headtip2 ul {
   margin-bottom: 0;
   margin-top: 0;
   padding: 0 0 0 0.5em;
}

/*end of headtip2 */


#searchhints {
   border: 1px solid #d7dde3;
   padding: 0; 
}

#searchhints p {
   font-size:75%;
   font-family: verdana, helvetica,  arial, non-serif;
   margin-left:5%;
   margin-right:10%;
}

#searchhints h3 {
   font-size:80%;
   font-family: verdana, helvetica,  arial, non-serif;
   margin-left:2%;
   margin-right:8%;
}

#searchhints table { 
   margin: 1em 1em 1.5em 2em; 
} 

#searchhints table tr.odd { 
   background-color:#FFFFFF; 
} 
#searchhints table th { 
   background-color:#212063; 
   color: #FFFFFF; 
   padding: 0.3em 0.5em; 
   text-align: left;
   font-size:75%;
} 

#searchhints table td { 
   padding: 0.3em 0.5em; 
   font-size:70%;
} 

/*END of HINTS/WARNING TABLES */






/* FORMS (Login, etc.)
------------------------------------------------------- */
#form_container {
  margin: 0 10% 0 10%;
  padding:0 10px 10px 10px; 
  font-size: 100%;
  background-color: #FFFFFF;
  border-top:1px solid #aaa9bc; border-left:1px solid #aaa9bc; border-bottom:1px solid #aaa9bc; border-right:1px solid #aaa9bc;
}

.form_login {
  margin: 5% 10% 0 10%;
  font-size: 100%;
/* width: 80%;
   width: 590px; */
}

.form_login p {
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight: normal;
   margin: 0.5em 1em 0.5em 1em;  
   font-size: 80%;
   line-height: 150%; 
}

.form_login p a {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:1em;
   font-weight:bold;
   color: #0000e5;
   margin: 0;
   padding: 10px 5px 20px 5px;
}

.form_login fieldset a:hover, .form_login a:hover {
   text-decoration: none;
   color:#FF0000;
}

.form_login fieldset {
  clear: both;
  font-size: 100%;
  border-top:1px solid #000000; border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000;
/*  border-color: #FFFFFF;
  border-color: #AF2E31;
  border-width: 1px ;
  border-style: solid ;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;*/
  padding: 10px;
  margin: 0px 0px 0px 0px;
}

.form_login fieldset legend {
   font-weight: normal;
   font: 1.2em "Lucida Grande", Verdana, Sans-Serif;
   color: #AF2E31;
   margin: 0 0 0 0;
   padding: 5px 5px;
   border:1px solid #FFFFFF;
   background:none;
}

.form_login fieldset p {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:0.825em;
   font-weight:bold;
   color: #212063;
   margin: 0;
   padding: 0px 5px;
}


.form_login_field {
   margin: 0;
   padding: 5px 5px;}

/*.form_login_caption {
   width: 50px;
   text-align: right;
}*/

.form_login_caption label {
   float: left;
   width: 20%;
   margin: 0;
   padding: 0 1em 0 0;
   text-align: right;
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-size:0.825em;
   font-weight:bold;
   color: #212063;
}

.form_login_button {
	padding: 10px 0 10px 135px;
}


/* END of FORMS  */



/* NEW LOGIN PAGE
------------------------------------------------------- */
table.login {
   font-family: Verdana, Helvetica,  Arial, non-serif;
   font-weight:bold;
   color: #212063;
   font-size: 80%;
   width:80%;
   margin-left:10%;
   margin-right:10%;
/*   border-bottom: 1px solid #AF2E31;*/
}
table.login p {
   margin: 0 0.5em 0 0;
   padding: 0.5em 0.5em 0 0;
}


table.login td.title {
   font-weight:bold;
   color: #AF2E31;
   font-size: 120%;
   text-transform: none;
   border-bottom: 1px solid #AF2E31;
   padding: 0.5em 0 0 0;
   margin: 0;
}

td.logintips {
  width:30%;
  font-family: Verdana, Helvetica,  Arial, non-serif;
  font-size: 90%;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
/*   padding: 0 1em 0 0.2em;*/
   color:#0000e5;
   background-color:#FAFAFA;
   border:1px solid #AF2E31; 

}

td.logintips fieldset {
   background-color:#aaa9bc;
   border: 0px transparent #FFFFFF;
}

td.logintips h4 {
   border-bottom:1px solid #AF2E31; 
   text-align:center;
   color: #AF2E31;
}

td.logintips p{
   padding-bottom: 0;
}

td.logintips ul {
   list-style-position: inside;
   margin: 0px 0px 5px 5px;
   padding: 0;
}
td.logintips ul li {
   padding: 1px 0px 0px 0px;
   font-size: 90%;
}

td.logintxt {
      font-family: Verdana, Helvetica,  Arial, non-serif;
      font-size: 100%;
      padding: 0 0 0.1em 0;
      }

.loginguidance {
      font-family: verdana;
      font-size: 80%;
      }
td.inputfield {
      padding: 1em 0 0 0;
      }
td.inputcaption {
      text-align: right;
      padding: 1em 0 0 0;
      }
td.inputbuttons {
      padding: 0.5em 0 0 0;
      }
/* END OF NEW LOGIN PAGE*/



/* COPYRIGHT NOTICE
------------------------------------------------------------- */
fieldset.copyinfo {
   margin: 1em;  
   border: 1px solid #AF2E31;
}

fieldset.copyinfo legend {
   color: #AF2E31;
   font-size: 80%;
   font-weight:bold;
}

.copyinfotextintro {
   border-bottom: 1px solid #AF2E31;
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight: normal;
   margin: 1em;  
   font-size: 80%;
}

.copyinfotext {
   font-family: verdana, helvetica,  arial, non-serif;
   font-size: 80%;
   margin: 1em;  
   font-weight:bold;
}

.copyinfotext em {
   color: #AF2E31;
}

.copyinfoaccept {
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight: normal;
   margin: 1em;  
   font-size: 80%;
}
/* END of COPYRIGHT NOTICE */



/* COPYRIGHT NOTICE II
------------------------------------------------------------- */
.text_info {
   margin: 1em;  
}

.btn_right {
   text-align: right;
   margin: 1.5em 2em;
}

.text_info fieldset {
   margin: 1em;  
   border: 3px solid #AF2E31;
}

.text_info fieldset legend {
   color: #AF2E31;
   font-size: 90%;
   font-weight:bold;
}


.text_info fieldset p {
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight: normal;
   margin: 0.5em 1.5em 1em 2em;  
   font-size: 80%;
   line-height: 150%; 
}

.text_info fieldset h3 { 
   font-size: 90%; 
   margin: 2em 1em 0 1.5em;  
   margin-top: 2em; 
   margin-bottom: 0; 
   line-height: 90%; 
   font-family: Verdana, Helvetica, "trebuchet MS", non-serif; 
   color: #03a; 
}

.userinfotexthigh {
   font-family: verdana, helvetica,  arial, non-serif;
   font-size: 80%;
   margin: 1em;  
   font-weight:bold;
}

.userinfotexthigh em {
   color: #AF2E31;
}

.userinfoaccept {
   font-family: verdana, helvetica,  arial, non-serif;
   font-weight: normal;
   margin: 1em;  
   font-size: 80%;
}
/* END of COPYRIGHT NOTICE */



/* ICONIZE TEXTLINKS WITH CSS
	Inspired by http://pooliestudios.com/projects/iconize/
	Works on Firefox (Mac & PC), Camino, Safari, Opera (Mac & PC) 
	& Internet dddExplorer 7 (6 doesn't work)
     Watch out! :
	It works on ILMS: 	background: transparent url(/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_mailto.gif) no-repeat center right;
	works on ZEBU:   http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_mailto.gif

------------------------------------------------------------ */

a[href ^="mailto:"] {
	padding-right: 20px;
	background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_mailto.gif) no-repeat center right;
}

a[href $='.pdf'], table#full a[href $='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_pdf.gif) no-repeat center right;
}

table#full a[href $='.html'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_external.gif) no-repeat center right;
}

table#full a[href $='.htm'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_external.gif) no-repeat center right;
}

a[href $='.doc'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(http://ec.europa.eu/eclas/exlibris/aleph/u18_1/alephe/www_f_eng/icon/icon_doc.gif) no-repeat center right;
}

/* ------------------------------------------------------------
END of ICONIZE TEXTLINKS WITH CSS*/




/* SOME ADDITIONAL/ONGOING TESTS COME NEXT:
------------------------------------------------------------- */



/* TEST for bib info in HOLDINGS PAGE  
(".040" also used in 'Citation' view) */

.holding_info {
   font-size:85%;
   font-family: verdana, helvetica,  arial, non-serif;
   margin: 0em 3em 1em 3em;
   padding: 0.5em 1em 0.2em 1em;
   line-height: 150%;
   border: 1px solid #d7dde3;
   
}

.holding_info p, .holding_info ol li  {
   font-size:95%;
   font-family: verdana, helvetica,  arial, non-serif;
   padding: 1em 1em 0 1em;
}

.holding_info p {
  border-top: 1px solid #d7dde3;
  line-height: 80%;
}

.holding_info ol li  {
   padding: 0;
   margin: 0;
   list-style: none;
}

.holding_info ol li, .holding_info ol {
   line-height: 100%;
}

.040 {
   font-size:90%;
   font-family: verdana, helvetica,  arial, non-serif;
   margin: 1em 3em 1em 1.5em;
   padding: 0.5em 1em 0.2em 0.5em;
   line-height: 166%;
/*   background-color:#F5F6F7;*/

}

.tbl_hol {
   margin: 0 1em 0 1em;
   padding: 0.5em 0.5em 0 0.5em;
   border: 1px solid #d7dde3;
}

.tbl_hol .td1 {
   background-color:#FFFFFF;
}

.tbl_hol .field {
   font-size:80%;
   text-align:right;
   padding: 0 1em 0 0;
}


/* END of TEST for HOLDINGS PAGE  */




/* ADDENDUM from v17  */

.avail
{
  font-size:100%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  font-weight:bold;
  color:#0000e5;
  background-color:#FAFAFA;
}

.notavail
{
  font-size:100%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  font-weight:bold;
  color:#0000e5;
  background-color:#000000;
}

.loaned
{
  font-size:100%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  font-weight:bold;
  color:#0000e5;
  background-color:#aaa9bc;
}

.booked
{
  font-size:100%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  font-weight:bold;
  color:#0000e5;
  background-color:#aaa9bc;
}

.td3
{
  font-size:80%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial,Helvetica,serif;
  font-weight:normal;
  color:#0000e5;
  background-color:#FFFF99;
}

#Btn {
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  padding-bottom: 2px;
  padding-top: 2px;
}
#Btn span {
  font-size:80%;
  font-weight:bold;
  background-color: #FAFAFA;
  padding-right: 5px;
  padding-left: 1px;
  padding-bottom: 1px;
  padding-top: 1px;
  border-width: medium;
  border-style: solid;
  border-top-color: #FAFAFA;
  border-right-color: #FAFAFA;
  border-bottom-color: #FAFAFA;
  border-left-color: #FAFAFA;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}
.msg
{
  font-size:100%;
  font-family:'Bitstream Cyberbit','Arial Unicode MS',Arial, Helvetica, serif;
  font-weight:bold;
  color:#000000;
}

.pickup_class
{
    position:absolute;
    left:8px;
    top:650;
}

.delivery_class
{
    position:absolute;
    left:8px;
    top:650;
}


/* END of ADDENDUM from v17 */

/* ADDENDUM from v19  */

form
{
display:inline;
}

/* END of ADDENDUM from v19 */

#adam_images a {
display: block;
}