/*<!-- Silver Version, last changed: 7 July, 2004 -->*/
/* general appearance */
/* See also Web options BODYPARAM */
/* Stylesheet to use for dynamic Web pages */
/* is set by Web option STYLESHEET */

/* COLOR SCHEME (use find & replace to swap colors */
/* very light blue: EBF5FC */
/* light blue: B7C9F9 */
/* medium blue: 3B6EE0 */
/* dark blue: 0132A7 */
/* very dark blue: 162A6D */

/* Section 1 */
/*Global tag styles*/
body { margin-left: 10px; padding: 0; background-color: white; font-family : Arial, Helvetica, verdana ;    font-style : normal; font-weight : normal;margin-top:3px; }

td { font-family : Arial, Helvetica, verdana ;   font-style : normal; font-weight : normal;   }

h1 {font-size:34px;color:#000066;margin-top:30px; border-bottom:2px solid #7F7FB2;margin-bottom:0px; padding:0px;line-height:28px;}
h2 { font-size : x-small }

h4 {font-size:80%}

/*traditional link colors are suggested for better usability */
a:link {   color: #0083D7;  text-decoration:none;  }
a:active {  color: #0083D7; text-decoration:none;  }
a:visited {  color: #FE7E10;  text-decoration:none;  } 
a:hover  {  color: #000000; text-decoration:underline;font-weight:normal;  } 

/*INPUT BOXES*/

select {font-family : Arial, Helvetica, verdana ;  font-size :75% ;margin:0px;padding:0px;   }

/* Section 2 */
/* named styles in alphabetical order */

/* This appears in the searchtool */

.availLimMessage {font-weight:normal;font-size:90%;color:#000000;font-weight:bold;}

/* classes for bib display */
/* see also Web options TABLEPARAM_BIB... */

.bibDetail { }

.bibHoldings { border: 2px solid #3B6EE0; }

.bibHoldingsEntry { }

.bibHoldingsLabel { }

.bibHolds { border: 1px solid #3B6EE0; }

.bibHoldsEntry { border: 1px solid #3B6EE0; }

.bibInfo {margin-left:0px;padding:0px;vertical-align:top;text-align:left; }

.bibInfoData {font-size:70%;background-color:#ebebeb;padding:3px; }
.bibInfoData a:link {font-weight:bold;color:#0083D7;}
.bibInfoData a:active {font-weight:bold;color:#0083D7; }
.bibInfoData a:visited {font-weight:bold;color:#FE7E10; }
.bibInfoData a:hover {font-weight:bold;color:#000000; }

.bibInfoEntry {}

.bibInfoLabel { background-color: #d7d7d7; color:#000000;width:100px;font-size:70%;padding:5px;font-weight:bold; }

.bibItems {color:#0083D7; font-size:75%;margin-left:2px;   }

.bibItemsEntry { color: #000000; background: #EBEBEB; text-align: left;font-size:90%; }

 


.bibItems a:link {   color: #0083D7;  text-decoration:none;  }
.bibItems  a:active{  color: #0083D7; text-decoration:none;  }
.bibItems  a:visited {  color: #FE7E10;  text-decoration:none;  } 
.bibItems  a:hover  {  color: #000000; text-decoration:underline;font-weight:normal;  } 

.bibItemsEntry td {padding-left:5px;}
.bibItemsHeader { color: #FFFFFF; background: #d7d7d7; font-size:90%; text-align: left;color:#000000;font-weight:normal; }

.bibLicense { }

.bibLicenseEntry { color: #000000; background: #B7C9F9; text-align: left; }

.bibLicenseHeader { color: #FFFFFF;   font-weight: bold; text-align: left; }

.bibLinks { border: 1px solid #3B6EE0; }

.bibOrder { border: 1px solid #3B6EE0; }

.bibOrderEntry { }

.bibPager {font-size:75%;font-weight:bolder; }

.bibResource { }

.bibResourceBrief { }

.bibResourceCaption { }

.bibResourceEntry td { font-weight: bold; }

.bibResourceHeader { }

.bibResourceTable { border: 1px solid #3B6EE0; }

.bibResourceTableEntry { font-family: Arial, Helvetica, verdana ; color: #000000;  text-align: center;   }

.bibResourceTableHeader {  }

.bibScreen { }
 
.bibSearchtool { background: #ffffff; text-align:left; padding: 1px;margin-left: 0px; }

.bibSearchtool   select {font-size:75%;  }
.bibSearchtool   input {font-size:75%;vertical-align:bottom;  }
 
.bibThumbnails {  }

.bibTOC { }

.briefCitRow { color: #000000; background: #EBEBEB; font-family: Arial, Helvetica, verdana; font-weight: normal; }

/* classes for browse displays */
/* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */
.browseEntry { color: #000000; background: #EBEBEB; font-family: Arial, Helvetica, verdana;   font-size : 75%; }

.browseEntryData { text-align: left;font-weight:normal; background-color:#EBEBEB;   }

 
.browseEntryData a:link, a:active  { text-align: left; font-weight:normal;  }
 .browseEntryData a:visited  { text-align: left; font-weight:normal;    }
.browseEntryData a:hover { text-align: left; font-weight:normal;  }
 
.browseEntryEntries { text-align: center; font-size : 75%; font-weight:bold;border-left:dashed 1px #000000;  }   

.browseEntryMark {   background-color:#CCCCCC;  }

.browseEntryMedia { vertical-align: middle; }

.browseEntryNum {  text-align: center ;background-color:#CCCCCC;border-right:dashed 1px #000000;   }

.browseEntryRelevance {font-size : 75%; }

.browseEntryYear {text-align: center;font-weight:bold;font-size : 75%; }

.browseHeader { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;  vertical-align: middle; font-size :80%;  }

.browseHeaderData { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;   vertical-align: middle; font-size : 80% ;text-align:left;border-top: dashed 1px #444444; }

.browseHeaderEntries { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;   vertical-align: middle;font-size : 80%  ; width:90px; border-top: dashed 1px #444444; border-left: dashed 1px #444444; }

.browseHeaderMark { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;  vertical-align: middle; font-size : 80%  ;border-top: dashed 1px #444444; }

.browseHeaderMedia { color: #000000; background:#D7D7D7; font-family: Arial, Helvetica, verdana ;  vertical-align: middle; font-size : 80%  ;border-top: dashed 1px #444444;  }

.browseHeaderNum { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;   vertical-align: middle; font-size : 80%  ;border-right: dashed 1px #444444;border-top: dashed 1px #444444;  }

.browseHeaderRelevance { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;   vertical-align: middle; font-size : 80%  ; }

.browseHeaderYear { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ;   vertical-align: middle; font-size : 80%  ; border-top: dashed 1px #444444; }

.browseList { }

.browsePager {padding-right:30px;font-size:90%;font-weight:bold;padding-bottom:0px;text-align:right;}
.resulttitle {float:left;font-size:130%;}
 
 .browsePager img {vertical-align:middle;margin-left:10px;margin-right:10px;}
.browsePager a:link   {color:#000000; text-decoration:none;font-size:90%;margin-left:5px;margin-right:5px; }
.browsePager a:active  { text-decoration:none;font-size:90%;margin-left:5px;margin-right:5px; }
.browsePager a:visited {color:#FE7E10;font-size:90%;margin-left:5px;margin-right:5px;}
.browsePager a:hover {color:#0083D7;text-decoration:underline;font-size:90%;}
.browsePager strong {color:#0083D7;text-decoration:underline;font-size:90%;margin-left:5px;margin-right:5px;   }

.browseResourceTable { }

.browseResourceTableEntry { font-family: Arial, Helvetica, verdana ; color: #000000;  text-align: center; font-size : xx-small ; }

.browseResourceTableHeader { }

.browseSaveJump { color: #000000; background: #D7D7D7; text-align: left; font-size : x-small }

.browseList {;border-bottom:solid 2px #444444;  }
 
.browseScreen { }

.browseSearchtool { background: #ffffff; float:left; vertical-align:bottom;font-size : 75% }

.browseSearchtool input, select {font-family: Arial, Helvetica, verdana ; color: #000000; ;vertical-align:bottom;}
    
.browseSearchtoolMessage { font-size: 80%; } 

.browseSubEntry { color: #000000; background: #B7C9F9; font-family: Arial, Helvetica, verdana ; font-weight: normal; font-size : 90%; }

.browseSubEntryData {background-color:#EBEBEB;  font-size : 90%;}

 
.browseSubEntryData a:hover {font-weight:normal;}

.browseSubEntryData strong {display:block;font-style:italic;margin-left:24px;font-size:90%;font-weight:normal;padding-top:5px;}

/* Is an Entries column ever drawn in Extended browse? */
.browseSubEntryEntries {background-color:#EBEBEB;  }

.browseSubEntryMedia { background-color:#EBEBEB; }

.browseSubEntryRelevance {background-color:#EBEBEB;  }

.browseSubEntryYear {background-color:#EBEBEB;  }

.browseSuperEntry { color: #000000; background: #D7D7D7; font-family: Arial, Helvetica, verdana ; font-weight: bold; font-size:100%;  }

/* This hides the "Cancel All Holds" button wherever it would appear */
/* Sadly, selecting elements based on attributes is not supported in Internet Explorer yet */
img[src="/screens/pat_cancelall.gif"] { display:none; }

.errormessage { font-size: x-small; color: #FF0000; }

/* External Patron Authentication product style */
.extpat div { line-height: 1.66em; width: 90%; background: #EBF5FC; border: 2px solid #3B6EE0; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.extpat strong { display: block; text-align: left; }


.ftlistHeader { }

.holdingsDivider { border: 2px solid #B7C9F9; margin: -3px; }

/* External Patron Authentication product style */
.libpat div { line-height: 1.66em; width: 90%; background: #EBF5FC; border: 2px solid #3B6EE0; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.libpat strong { display: block; text-align: left; }

/* External Patron Authentication product styles */
.loginarea { }


.msg { font-size: x-small; color: #FF0000; }

.navigationRow { vertical-align:middle; width:99%;background-color:#D7D7D7;height:32px; padding-left:10px;padding-top:5px; padding-bottom:0px; margin-bottom:5px; border:1px solid #a6a6a6;font-size:75%;text-align:left;  }

.navigationRow select { margin-top:2px; vertical-align:top;height:20px;font-size:90%;}
 
 

form {margin:0px;padding:0px;}
 
 
.navigationRow form {padding:0px;margin:0px;}
 






/* classes for patron record display */
/* see also Web options TABLEPARAM_PATDISP, TABLEPARAM_PATFUNC, */
/* and the various BUT_PAT_ graphics options. */

.patDisplay { }

.patDisplayFunc {}

.patDisplayInfo { }

.patFunc { border-spacing: 0; }

.patFunc td { border-bottom: 1px solid #3B6EE0; padding: 5px; }

.patFuncBookDate { }

.patFuncBtns { color: #000000; background: #B7C9F9; font-family: Arial, Helvetica, verdana ;  }

.patFuncCallNo { }

.patFuncCancel { }

.patFuncDate { }

.patFuncEntry { color: #000000; background: #B7C9F9; font-family: Arial, Helvetica, verdana ; font-weight: normal;  }

/* is this really in use? */
.patFuncFinesDetail { }

.patFuncFinesDetailAmt { }

.patFuncFinesDetailDate { }

.patFuncFinesDetailDateLabel { }

.patFuncFinesDetailType { }

.patFuncFinesEntryDetail { }

.patFuncFinesDetailAmt { }

.patFuncFinesDetailDate { }

.patFuncFinesDetailDateLabel { }

.patFuncFinesDetailType { }

.patFuncFinesEntryDetail { }

.patFuncFinesEntryTitle { color: #000000; background: #B7C9F9; font-family: Arial, Helvetica, verdana ; font-weight: normal;  }

.patFuncFinesTotal { }

.patFuncFinesTotalAmt { font-weight: bold; }

.patFuncFinesTotalLabel { }

.patFuncHeaders { color: #FFFFFF;  font-family: Arial, Helvetica, verdana ; font-size : x-small ; }

.patFuncMark { }

.patFuncModifyPatInfo { }

.patFuncModifyPIN { }

.patFuncModifyPINExample { }

.patFuncNoEntries { }

.patFuncPickup { }

.patFuncPSrchBtn { }

.patFuncPSrchType { }

.patFuncStatus { }

.patFuncTitle { background: #ebebeb; font-family: Arial, Helvetica, verdana ; font-weight: bold; font-size : 90%; }

.patImage { }

.patInfo { }

.relSearchLabel { }

.relSearchLink { }

.reserveBibs { border: 2px solid #3B6EE0; }

.reserveBibs td { border-bottom: 1px solid #3B6EE0; }

.reserveBibs input { background-color: #B7C9F9; }

/* is this in use? */
.resLinkBrowseMenu { text-align: center; }


/* Resource Record display */
.resourceBib { }

.resourceBibEntry { color: #000000; background: #B7C9F9; text-align: left; }

.resourceBibHeader { color: #FFFFFF;   font-weight: bold; text-align: left; }

.resourceInfoData { }

.resourceInfoLabel { background: #B7C9F9; font-style: italic; }

.resourceLicense { }

.resourceLicenseEntry { color: #000000; background: #B7C9F9; text-align: left; }

.resourceLicenseHeader { color: #FFFFFF;   font-weight: bold; text-align: left; }

.resourceLinkEntry { }

.resourceResource { }

.bibResourceSubEntry { font-style: italic; }

/* is this in use? but it works! */
.wbPanelCategory { font-family: Arial, Helvetica, verdana ; color: #0132A7; }

.yourEntryWouldBeHere { }

.yourEntryWouldBeHereData { }

.subheader { font-family : Arial, Helvetica, verdana ;  font-size : x-small ; font-style : normal; font-weight : bold; }

/* Section 3 */
/* These styles are used by the library-customizable pages in the example set */
A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED {  font-family: Arial, Helvetica, verdana ; color: #000000; text-decoration: none; font-weight: bold;font-size:75%;   }

A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER {  font-family: Arial, Helvetica, verdana ; color: #B7C9F9; text-decoration: none; font-weight: bold;   }

A.pageNavBarButton:LINK, A.pageNavBarButton:VISITED { color: #000099; }

A.pageNavBarButton:ACTIVE, A.pageNavBarButton:HOVER { color: #993399; }

.availLimMessage { text-align: left;   }

.briefCitRow td {padding-left:5px;font-size: 75%;}

.briefcitDetail {   }

.briefcitDetail center {text-align:left;}

.briefcitDetail img {text-align:left;}

.briefcitStatus { }

.briefcitTitle a:link, a:visited, a:hover {  font-weight:bold;font-size:100%; }

/* is this really in use? */
.button { vertical-align: middle;border:0px; }

/* is this really in use? */
div#instructions { font-size: 90%; font-style: italic; }

.helpNote { font-size: 90%; font-style: italic; }

.InnovativeCredit {  font-family: Arial, Helvetica, verdana ; font-size: x-small; font-style: italic}

.KidsOnline {  font-family: "Comic Sans MS", Arial, Helvetica, verdana ; font-weight: bold}

.loggedInMessage {	font-style: italic; color: red; font-weight: bold; font-size: x-small; }

/* is this really in use? */
.navigationMenu { text-align: center; }

/* should this really be in use? */
.nowrap {white-space: nowrap; }

.pageDataArea { font-family: Arial, Helvetica, verdana ; color: #000000; background: #B7C9F9; text-align: left;  }

.pageDataAreaHeading { font-family: Arial, Helvetica, verdana ; color: #FFFFFF;   font-weight: bold; font-size: larger; text-align: left;  }

.pageDirectoryArea { font-family: Arial, Helvetica, verdana ; color: #000000; text-align: left;  }

.pageInfoArea { font-family: Arial, Helvetica, verdana ; color: #000000; background: #B7C9F9; text-align: left;  }

.pageInfoAreaHeader { font-family: Arial, Helvetica, verdana ; color: #0132A7; background: #ebebeb; font-size: larger; font-weight: bolder; text-align: left;padding:5px;  }

.pageMainArea { font-family: Arial, Helvetica, verdana ;  color: #000000; background: #ffffff;font-size:80%; }

.pageMainArea a:link {font-weight:bold;font-size:100%;   }
.pageMainArea a:active {font-weight:bold;     }
.pageMainArea a:visited {font-weight:bold;   }
.pageMainArea a:hover { text-decoration:underline;  }

.pageMainArea ul li {color: #000000;}



.pageMainArea td {vertical-align:middle;font-size :75%}

.pageMainArea input, select {font-size :100%}


.pageMainAreaHeader { font-family: Arial, Helvetica, verdana ;font-size:160%;color:#000066;margin-top:30px; border-bottom:2px solid #7F7FB2;margin-bottom:0px; padding:0px;line-height:28px;font-weight:bold; }

.pageNavArea { font-family: Arial, Helvetica, verdana ; color: #FFFFFF; background: #ffffff;font-size:90%; }

.pageNavArea  a:link {font-weight:bold; font-size :90%;}
.pageNavArea  a:active {font-weight:bold; font-size :90%;}
.pageNavArea  a:visited {font-weight:bold; font-size :90%;}
.pageNavArea  a:hover {  font-size :90%;text-decoration:underline;}




.pageNavAreaBorder { background: #0132A7; }

.pageNavAreaText {  font-family: Arial, Helvetica, verdana ; color: #000000; text-decoration: none; font-weight: bold; background-color:#ebebeb;text-align:left;padding-left:10px;font-size:75%;border:1px solid #d7d7d7; }

.pageNavBar { text-align: center; }

.pageNavBarButton { font-family: Arial, Helvetica, verdana ; color: #0132A7; background: #B7C9F9; text-align: left; ; font-weight: bold; text-decoration: none; border-style: none;  }

.pageSearchArea { font-family: Arial, Helvetica, verdana ; color: #000000; background: #B7C9F9; text-align: left;  } 

.paymentPage { margin: 10px; }

.paymentPage h2 { font-weight: bold; }

.paymentPageFinestable { width: 80%; border: 2px solid #3B6EE0; }

.sectionHeading { font-weight: bold; }

.unpadded {margin:0px;padding:0px;  }


/*SCOPED HOMEPAGE */

.elgar {float:left;border:0px;margin-left:10px;vertical-align:bottom;}
.libraryLogos {float:right;padding-bottom:5px;}
.libraryLogos img {padding-right:5px;}
.header { margin:0px;padding:0px; }

.waitakereSpacer {width:100%;background-color:#3C3C1A;height:76px;}


.headerLinks td { border-right:1px solid #444444;  }
.headerLinks  {font-family: Arial, Helvetica, verdana ; font-size:70%;border-left: 1px solid #444444;background-color:#EBEBEB;  }

.headerLink a:link   {color: #4a4a4a;text-align:center;font-weight:normal; padding:5px; }
.headerLink a:active {color: #4a4a4a; text-align:center;font-weight:normal; padding:5px; }
.headerLink a:visited {color: ##FE7E10; font-weight:normal;padding:5px; }
.headerLink a:hover  {color: #000000; font-weight:normal; padding:5px; }

.searchTitle {font-size:90%;color:#000066;padding-top:5px;font-weight:bold;}
.inputTitle {font-size:80%;color:#4e4e4e; }

.blueTitle {font-family: Arial, Helvetica, verdana ; font-size:80%;font-weight:bold;padding-left:20px;background-image:url(arrow.gif);background-repeat:no-repeat;background-position:left top;height:20px;}

.blueTitle a:link {color:#0083D7;} 
.blueTitle a:active {color:#0083D7;} 
.blueTitle a:visited {color:#0083D7;} 
.blueTitle a:hover {color:#000000;} 




.whatsOn {font-family: Arial, Helvetica, verdana ;font-weight:normal;width:75%;border-bottom:1px dashed #7B7878;padding-bottom:5px;}

.whatsOn a:link {font-weight:bold;margin-bottom:5px; font-size:75%;}

.whatsOnText {font-size:70%;}

.goodReads {border-left:2px solid #7F7FB2;padding-left:15px;margin-top:5px;margin-top:15px; }

.goodReads li {margin-left:0px;color:#0083D7;list-style-type:disc;font-size:75%;}

.goodReads ul {margin-left:0px;padding-left:15px;padding-top:0px;}

.goodReads a:hover {font-weight:normal;}

.footerLinks {font-family: Arial, Helvetica, verdana ; font-size:80%;font-weight:normal;padding-left:10px;height:20px;margin-top:10px;vertical-align:top;}

.footerLinks a:link {color:#ffffff;font-size:80%;font-weight:normal;}
.footerLinks a:active {font-size:80%;font-weight:normal;color:#ffffff;}
.footerLinks a:visited  {font-size:80%;font-weight:normal;color:#ffffff;}
.footerLinks a:hover {font-size:80%;text-decoration:underline;font-weight:normal;color:#ffffff;}

.loginTable {background-color:#ebebeb;border:1px solid #d7d7d7;}

.homepageText {font-family: Arial, Helvetica, verdana ; font-size:70%;font-weight:normal;}

.homeLink {font-family: Arial, Helvetica, verdana ;  padding-left:20px;background-image:url(arrow.gif);background-repeat:no-repeat;background-position:left top;font-size:65%; font-weight:bold; }


.homeLink  a:link {   color: #0083D7;  text-decoration:none;  font-weight:bold;    }
.homeLink a:active {  color: #0083D7; text-decoration:none;font-weight:bold;  }
.homeLink a:visited {  color: #0083D7;  text-decoration:none; font-weight:bold; } 
.homeLink a:hover  {  color: #000000; text-decoration:underline; font-weight:bold; } 

.homeFooterLinks {background-color:#ebebeb;font-size:60%;padding-left:10px;font-weight:normal; }

.homeFooterLinks a:link {   color: #000000;  text-decoration:none;font-weight:normal;   }
.homeFooterLinks a:active {  color: #000000; text-decoration:none; font-weight:normal;  }
.homeFooterLinks a:visited {  color: #000000;  text-decoration:none; font-weight:normal;  } 
.homeFooterLinks a:hover  {  color: #0083D7; text-decoration:underline;font-weight:normal;  } 

.help td {font-size:75%}
 
.formTitle {color:black;font-weight:bold;padding:5px;}

.normaltext{
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif; 
	color: #666;
}