/*<!-- Rel 2007 "Skyline" Example Set -->*/
/*<!-- This File Last Changed: 12 Dec 2014 -->*/
/* *******************************************************************

Color Scheme:

background gradient from blue - #9FBECE to gray - #f9f9f9
light gray background: #f9f9f9
yellow hover color  : #FFFFE4
table row briefcit gray : #F8F8F8
tab border light blue: #D1D8DD
tab background light blue : #f0f4f5
browsepager blue - #9FBECE
serach tool blue - #d2e0e7
search tool border blue - #BDBDBD
browse header dark blue - #001848
browse super entry (relevance) yellow - #FFFBD6

********************************************************************** */
/* general appearance */
/* See also Web Option BODYPARAM */

/* Stylesheet to use for dynamic Web pages */
/* is set by Web Option STYLESHEET */




/* UCB Modifications Section  */

/* News items added to mainmenu for Emergencies */

.news_normal {
    background-color: #fffae9;
    border: 1px solid #cccccc;
    font-size: 80%;
    margin: 50px 70px 0;
    padding: 5px;
    width: 75%;
}



/* Bookplate Styling  */

.bookplate {
min-height: 140px; 
width:  140px; 
border: 2px solid grey;
background-color: #ffffff; 
text-align:center; 

font-family:"Times New Roman", Times, serif;
font-size: 9px;
padding: 10px;
}

.bookplate b {
font-size: 14px;
color: #484848 ;
}

.bookplate p:first-letter {
text-transform:capitalize;
}

    body .login {
	            background-color: #f7f7f7;
		            background-position: top left, top left;
			            background-repeat: repeat-x, repeat;
				            background-size: 100% 30em, auto;
					            font-family: 'Open Sans', sans-serif;
						            font-size: 13pt;
							            color: #696969;
								            font-weight: 300;
									            line-height: 2.25em;
										        }




/* Section 1 */
/*Global tag styles*/
body {margin:0 0 0 0;padding:0;font-family:Arial,helvetica,Trebuchet,Arial Unicode MS;  font-style : normal; font-weight : normal;color:#202020;font-size:85%;}

/*div, table { clear: both; }*/

/* This rule causes search form elements to resize along with the rest of the text on the page if the user resizes text. */
input, select, textarea { font-size: 95%;}

/* This rule uses CSS2 to give a nicer effect in compliant browsers, while avoiding an annoying display effect in Internet Explorer 6 */
input[type="checkbox"] { background-color: #FFF8EF; }

strong { font-weight: bold; }

td { font-family : Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif;  font-style : normal; font-weight : normal; }

th { font-family : Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif; }

h4 {margin:5px 25px 5px 0;padding:0px;}

h2 {margin:0 5px 5px 0;padding:0px;}

h1 {padding-top: 10px; padding-left: 15px; font-size: 130%; font-family: Arial,helvetica,Trebuchet, Arial Unicode MS;}

ul.srchhelpList {list-style:disc;}

/*traditional link colors are suggested for better usability */
a:link { color: #000099; }
a:active{ color: #993399; }
a:visited { color: #993399;  } 
a:hover  { color: #993399;  } 

A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #00437f;  }

A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER {  color: #FFF8EF; text-decoration: none; font-weight: bold; background-color: #00437f;  }




/* Section 2 */
/* named styles listed in alphabetical order */

.accessibleAddInfo { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /*Include in screenreader but not visible*/

.additionalCopies {padding:0 15px 0 15px;}

.additionalCopies th.bibItemsHeader { color: #000; font-size:90%; font-weight: bold; text-align: center; background:#DEE3E7; border:0px; }

.additionalCopiesNav {}

.advSrchtool form {margin:auto; padding:5px 10px;}

.advSrchtool {display:block; background:#efefef;font-size:90%; border:1px solid #e0e0e0; padding:3px; margin:0 3% 1% 3%;}

.advSrchtool form table {width:450px}

.alphaERM {text-align:center;}

/*controls display of authority redirect information */
.authorityRedirect { display:block; background:#FFFBD6; font-size:90%; border-right:1px solid #999; padding:10px; border-bottom:1px solid #999; border-top:0px; border-left:0px;margin:2% 10% 1% 10%; text-align:center;}

.authPublicNote { font-size: 80%; background: #F7F4F4; } 


/* This is used in the Materials Booking calendar */
.available { font-weight: bold; color: green; }

.availLimMessage { font-style: normal; font-size: 90%; text-align: left; }


/* classes for bib display */
/* see also Web options TABLEPARAM_BIB... */

.bibBookingsHeader { font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid #00437f; background: #FFFBC6; margin-bottom:8px;}

.bibCopyStatCont input {font-size:70%}

.bibDetail {width:80%; }

#bibDisplayContent { }

#bibDisplayContent a:link {  }

#bibDisplayContent a:hover { text-decoration: underline; }

#bibDisplayContent a:visited {   }

#bibDisplayContent div {padding-top:.2em}

#bibDisplayContent .bibTabs a:link, #bibDisplayContent .bibTabs a:visited, #bibDisplayContent .bibTabs a:active { color: #000; text-decoration: none; outline:none; }

#bibDisplayContent .bibTabs a:hover { text-decoration: underline;outline:none; }

.bibHistoryRow {margin:2px 0 8px 0;}

.bibHoldings {border: 0px; }

.bibHoldingsEntry { font-size:80%; border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}

.bibHoldingsHeader { }

.bibHoldingsLabel { font-size:80%; font-weight: bold; background-color: #efefef; border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}

.bibHoldingsLabel em { font-style: normal }

.bibHolds { font-size:90%; border: 1px solid #00437f; }

.bibHoldsEntry { font-size:90%; border: 1px solid #00437f; }

.bibInfo { }

.bibInfoData {font-size:.75em;}

.bibInfoData strong {font-size:130%; font-weight: bold;}

.bibInfoEntry { }

.bibInfoLabel {font-size:.75em; font-weight: bold; padding:3px; }

.bibItems { border:0px; padding:0 3px 3px 3px; margin:0px;}

.bibItemsEntry { color: #000; text-align: left;font-size:90%; }

.bibItemsEntry td {border-bottom:1px solid #EEEEEE;font-size:90%; }

.bibItemsHeader { color: #000;font-size:90%; font-weight: bold; text-align: left;border-bottom:1px solid #eee;} 

.bibItemsLabel { }

.bibLicense { }

.bibLicenseEntry { color: #000000; background: #FFF8EF; text-align: left; }

.bibLicenseHeader { color: #FFFFFF; background: #00437f; font-weight: bold; text-align: left; }

.bibLinks { border: 1px solid #e0e0e0;background: #efefef; font-size: 80%; padding-bottom: 15px; }

.bibLinks td { text-align: left; padding: 10px 5px 10px 5px;}

.bibLinks th { text-align: left; padding: 10px 5px 10px 5px; border-bottom: 1px solid #cccccc;}

#bibNavColumn {float:right; width:94px;}

.bibOrder { border: 1px solid #00437f; font-size:90%;}

.bibOrderEntry { }

.bibPager { text-align:right; font-size:85%; padding:5px 5px 0 10px;margin:0 3px 0 5px; float:left;}

.bibRecordLink { width:100%;text-align:left; padding-left: 57px; font-size:75%; font-style: normal; }

.bibRecordLink a { font-size:75%;padding-right: 3px; font-style: normal; }

.bibResource { }

.bibResourceBrief { }

.bibResourceCaption { }

.bibResourceEntry td { font-weight: bold; }

.bibResourceHeader { }

.bibResourceLicense td { padding-bottom: 5px; }

.bibResourceLicenseEntry { background: #FFF99D; }

.bibResourceSubEntry { border-bottom: 1px solid blue; background-color: #FFFBC6; font-style: italic; }

div.browseResourceTable { margin-top:20px; border:0px; }

table.browseResourceTable {margin-top:13px;border:0px;}

.bibResourceTable {margin:5px 0px 0px 0px; border:0px;}

.bibResourceTableEntry, .browseResourceTableEntry { font-size: 90%; font-weight: normal; text-align:center;}

.bibResourceTableEntry a:link {text-decoration: none;}

.bibResourceTableEntry a:hover {text-decoration: none;}

.bibResourceTableEntry a:visited {text-decoration: none;}

.browseResourceTableEntry a {text-decoration: none;}

.bibResourceTableHeader, .browseResourceTableHeader { background:#efefef;color:#000;font-weight: bold; text-align:center; padding:3px;font-size:90%; } 

.bibSearch form {margin:auto; padding:5px 10px;text-align:center;}

.bibSearch {display:block; background:#efefef; font-size:100%;border:1px solid #e0e0e0; padding:15px 3px; margin:5px; }

.bibSearchtoolMessage {text-align:center;font-size:1em;}


.bibSearchHistory { float:left; margin:0 0 5px 0; padding: 0 0 5px 0;}

.bibSearchHistory select { font-size:100%;}

.bibScreen { }

.bibSearchtool {font-size:100%; background:#efefef;border:1px solid #e0e0e0; padding:10px; margin:0% 3% 1% 3%;}

.bibTabs { margin:5px 0 4px 0; clear:both;}

.bibTabs span { border: 1px solid #D1D8DD; border-left:0px;background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em;}

.bibTabs span.firstTab { border: 1px solid #D1D8DD; background-color:#f0f4f5; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.bibTabs span.selected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;margin: 0 0 0 -1px;}

.bibTabs span.firstSelected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;}

.bibTabs span#printView {border:0px; background-color:#fff; padding-top: .2em; padding-bottom: 2px; padding-left:0; padding-right:0; text-align:right; font-size:.8em; margin:0 5px 0 0;}

.bibTabs span#printView a:link, .bibTabs span#printView a:visited, .bibTabs span#printView a:hover, .bibTabs span#printView a:active {color:#000;text-decoration:underline;}

.bibTabs span#webView {display:none}

.bibThumbnails { }

.bibTOC { width: 90%; font-size: 90%; margin-left: 30px; border: 1px solid #00437f; padding: 3px; margin-bottom: 3px; }

.bibTOC td { border-bottom: 1px solid #00437f; }

.bibXML { }

/* These are used for Materials Self-Booking */

.booking {text-align:center; margin:0 0 5px 0; }

.booking a {font-size:.7em}

.bookingsConfirmMsg { font-weight: bold; text-decoration: none; padding-bottom: 5px; background: #FFFBC6; }

.bookingsItemsEntry { }

.bookingsItemsHeader { }

.bookingsLegend { }

.bookingsLocation { }

.bookingsRepeat { margin-left: 15px; margin-right: 15px; border: 1px solid #00437f; padding: 3px; }

.bookingsRepeatNone { }

.bookingsRepeatDaily { }

.bookingsRepeatWeekly {  }

.bookingsRepeatWeeklyDay { margin-left: 30px; }

.bookingsRepeatMonthly {  }

.bookingsEndsOn {  }

.bookingsSelect { width: 90%; margin-left: 5%; margin-bottom: 1em; }

.bookingsSelectCal { width: 90%; margin-left: 5%; text-align: center; background: #00437f; border: 2px solid #00437f; margin-bottom: 1em; }

.bookingsSelectCal table { margin: auto; border: none; font-size: 95%; } 

.bookingsSelectCal th { text-align: center; border: none; } 

.bookingsSelectCal td { border: 1px solid #00437f; }

.bookingsSelectEndtime { margin-left: 10px; }

.bookingsSelectRepeat { margin-top: 5px; margin-bottom: 5px; }

.bookingsSelectTime { background: #00437f; border: 2px solid #00437f; padding: 3px; }

/* Brief Citation display styles */
.briefcitActions { padding:5px 0 5px 0;text-align: left; }

.briefcitDetail { font-size: 75%; padding:0 0 0 8px; }

.briefcitDetail img { padding-top: 2px; }

.briefcitEntryNum {font-size:100%; text-align:center; font-weight:bold;}

.briefcitExtras { font-size: 80%; text-align: center; white-space: nowrap; }

.briefcitExtras img { padding-bottom: 2px; }

.briefcitItems em { font-size: 90%; }

.briefcitItems table {width:90%;margin:0;padding:0; }

.briefcitItems th, .briefcitItems td { font-size: 75%; }

.briefcitItems .bibItemsHeader { padding:0; }

.briefcitMedia img {height:44px; width:35px;}

.briefcitResultInfo { text-align: left; font-size:90%; }

.briefcitRequest { text-align:left; padding:3px 5px; }

.briefCitRow { border-top:1px solid #D1D8DD; }

.briefCitRow a {}

.briefCitRow td {font-size: 80%;}

.briefcitStatus { font-weight: bold; }

.briefcitTitle { font-weight: bold; }

/* classes for browse displays */
/* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */
.browseEntry { color: #000000; font-weight: normal; }

.browseEntry td { border-top:1px solid #d0d0d0;font-size:80%;}

.browseEntryData { text-align: left; }

.browseEntryEntries { text-align: center; }

.browseEntryMark { font-weight: bold; }

.browseEntryMedia { vertical-align: middle; }

.browseEntryNum { text-align: center; }

.browseEntryRelevance { background:#d7e3ff;}

.browseEntryYear {text-align: center; }

.browseHeader { text-align:left; background:#003366;color:#fff; font-size:80%; }

.browseHeaderData { text-align:left; padding:3px; border-bottom:1px solid #BDBDBD ;}

.browseHeaderEntries { padding:3px; border-bottom:1px solid #BDBDBD;  }

.browseHeaderMark {padding:3px; border-bottom:1px solid #BDBDBD }

.browseHeaderMedia {padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderNum { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderRelevance { padding:3px; border-bottom:1px solid #BDBDBD; }

.browseHeaderYear { padding:3px; border-bottom:1px solid #BDBDBD;}

.browseList { }

.browsePager { font-size:90%;font-weight:bold;padding-bottom:10px;}

.browsePager strong {border:1px solid #003366;padding:3px;margin:2px 1px;color:#fff;background:#003366;}

.browsePager a {color:#202020;text-decoration:none;border:1px solid #999;padding:3px;margin:2px 1px}

.browsePager a:hover {background:#003366;border:1px solid #003366;color:#fff;}

.browseResourceTableEntry { color: #000000;  text-align: center; }

.browseSaveJump { color: #000000; background: #FFFFFF; text-align: left; }

.browseSaveJump form { display: inline; }

.browseScreen { }

.browseSearchtool {display:block; background: #efefef; font-size:90%; border:1px solid #e0e0e0; padding:15px 3px; margin:5px;}

.browseSearchtoolMessage { text-align:center;font-size:1em;} 

.browseSubEntry { color: #000000; font-weight: normal; font-size: 80%; }

.browseSubEntryData { }

.browseSubEntryData strong { font-weight: normal; }

/* Is an Entries column ever drawn in Extended browse? */
.browseSubEntryEntries { }

.browseSubEntryMedia { }

.browseSubEntryRelevance { }

.browseSubEntryYear { }

.browseSuperEntry td {background:#FFFBD6; font-size:80%;text-align:left; padding:3px; font-weight:bold;  }

.button { vertical-align: top; }

.clear {clear:both; margin-bottom:5px;}

.clear2 {clear:both;}


/* Checkin card display */

.checkinCardTable { font-size: 90%; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px solid #999999;}

.checkinAtBindery { padding: 5px; }

.checkinClaimed { padding: 5px; }

.checkinArrived { padding: 5px; }

.checkinExpected { padding: 5px; }

.checkinLate { padding: 5px; }

.checkinPartiallyReceived { padding: 5px; }

.checkinBinderyPrep { padding: 5px; }

.checkinBound { padding: 5px; }

.checkinMissing { padding: 5px; }

.checkinRemoved { padding: 5px; }

.checkinUnavailable { padding: 5px; }

.checkinOutOfPrint { padding: 5px; }

.checkinNotPublished { padding: 5px; }

.checkinNull { padding: 5px; }


.checkinAtBinderyStatus { font-weight: bold; }

.checkinClaimedStatus { font-weight: bold; }

.checkinArrivedStatus { font-weight: bold; }

.checkinExpectedStatus { font-weight: bold; }

.checkinLateStatus { font-weight: bold; }

.checkinPartiallyReceivedStatus { font-weight: bold; }

.checkinBinderyPrepStatus { font-weight: bold; }

.checkinBoundStatus { font-weight: bold; }

.checkinMissingStatus { font-weight: bold; }

.checkinRemovedStatus { font-weight: bold; }

.checkinUnavailableStatus { font-weight: bold; }

.checkinOutOfPrintStatus { font-weight: bold; }

.checkinNotPublishedStatus { font-weight: bold; }

.checkinNullStatus { font-weight: bold; }


/* This is used in the Materials Booking calendar */
.closed { font-weight: bold; color: red; }

.displayBody {background:#fff; border-bottom:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0;clear:both;}

.dropcap {float:left;color:#000; padding:0px 3px 0px 0px; width:47px;font-size: 56px; line-height:40px; font-family: Times,Georgia;text-align:center;}

.errormessage { font-size: 125%; color: #FF0000; }

.errormessage h2 { display:inline; }

/* External Patron Authentication product style */
.extpat div { line-height: 1.66em; width: 90%; background: #00437f; border: 2px solid #00437f; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.extpat strong { display: block; text-align: left; }

/* Feed styles */

#feeds {margin:10px 15px; font-size:90%}

#feeds a:link { color: #000; }

#feeds a:hover { text-decoration: underline; }

#feeds a:visited { color: #000;  } 

#feeds div {padding-top:.2em}

#feeds .tabs a:link, #feeds .tabs a:visited, #feeds .tabs a:active { color: #000; text-decoration: none; outline:none; }

#feeds .tabs a:hover { text-decoration: underline;outline:none; }

.feedtable a:link, .feedtable a:visited, .feedtable a:active  {color:#000; text-decoration:underline; font-size:90%;}

.feedtable a:hover  {color:red; text-decoration:underline;font-size:90%;}

/* used for search help pages tabbed navigation */
.fields td { padding: 2px; }


/* This is used in the featured list display */
.ftlistHeader { }

#helpCenter {margin-left:15px; margin-right:15px; font-size:90%}

/*  #helpCenter a:link { color: #000; } */

/*  #helpCenter a:hover { text-decoration: underline; } */

/*  #helpCenter a:visited { color: #000;  } */

#helpCenter div {padding-top:.2em}

#helpCenter .tabs a:link, #helpCenter .tabs a:visited, #helpCenter .tabs a:active { color: #000; text-decoration: none; outline:none; }

#helpCenter .tabs a:hover { text-decoration: none;outline:none; }

.helpNote { font-size: 90%; font-style: italic; }

.helpspan {padding-right:.5em; font-size:80%;margin:5px 0 0 0;}

.holdingsDivider { display:none; margin:-3px; padding: 2px;}

.holdingsItemsBookings { margin:0 0 8px 0; }

.InnovativeCredit {  display: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 70%; font-style: italic}

/* Used in Related Searches display */
div#instructions { font-size: 90%; font-style: italic; }

.KidsOnline {  font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold}

.leftSide  {width:80%; float:left; padding:5px 5px 5px 10px;border-right:2px dashed #d0d0d0;margin:5px 0;}

/* External Patron Authentication product style */
.libpat div { line-height: 1.66em; width: 90%; background: #00437f; border: 2px solid #00437f; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }

/* External Patron Authentication product style */
.libpat strong { display: block; text-align: left; }


/* Styles used in Limit/Sort Search page - srchmod.html */
.limitEntriesFoundNum { font-size: 90%; font-style: italic; }

.limitEntriesFoundText { font-size: 90%; font-style: italic; }

.limitSearchTerm { font-size: 90%; font-weight: bold; }

.limitSearchTypeText { font-size: 90%; }

.limitSearchTypeIndex { font-size: 90%; }


.loggedInMessage {	padding-left: 6px; font-style: italic; color: red; font-size: 90%; }

/* External Patron Authentication product styles */
.loginarea { }

.magLayoutOne {border-top: 1px solid #F2F2F2; margin:8px 0; padding: 10px 0 0 0 ;clear:both;}

.magLayoutTwo {float:left; border-right:1px solid #F2F2F2; margin:0 10px 5px 0; padding:0 5px; width:50%;}

.magLayoutThree {float:left; margin:0 0 5px 0;padding:0 5px; width:45%;}

.magFour {float:left; margin:0 6px 0 2px;}


/* Clear */
.magFive {float:right; margin:0 250 0 2px;}

.magSix { float:left; margin:3px 6px 0 2px; }

.magSeven {float:right; margin:3px 0 0 2px;}

.msg { font-size: 125%; color: #FF0000; }

.navHeader { font-weight:bold; color:#5E5D5D; font-size:.85em; border-bottom:1px solid #5E5D5D;margin-top:5px; }

.navigationRow { margin: -3px; }

.navigationRow select { vertical-align: top; }

.navRow {padding:0;margin:10px 0 0 0;text-align:right; font-size:.75em;}

.navRow li {list-style:none;display:inline;padding:2px 5px;}

.nowrap {white-space: nowrap; }

.pageDirectoryArea { color: #000000; text-align: left;  }

.pageInfoAreaHeader { color: #0132A7; background: #FFF8EF; font-size: 110%; font-weight: bolder; text-align: left;  }

.pageMainArea { color: #000000; background: #FFF8EF; padding-left: 3px; }

.pageMainAreaHeader { color: #0132A7; font-size: 110%; font-weight: bolder; text-align: left; }

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

.pageNavArea { color: #FFFFFF; background: #00437f; }

.pageNavAreaBorder { background: #0132A7; }

.pageNavAreaText {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #00437f; }


/* classes for patron record display */
/* see also Web options TABLEPARAM_PATDISP, TABLEPARAM_PATFUNC, */
/* and the various BUT_PAT_ graphics options. */

.patActionsLinks { text-align: center; padding: 10px; }

.patActionsLinks img { vertical-align: middle; }

.patDisplay { }

.patDisplayFunc {}

.patDisplayInfo { }

.patFunc { border:1px solid #cccccc; border-bottom:0px;border-spacing: 0; width: 100%; }

span.patFunc {border:0px;}

.patFunc td { padding: 5px; font-size: 90%; border-bottom: 1px solid #cccccc ; }

.patFuncArea { border:0px;margin: 3px;clear:both; }

.patFuncArea form { display: inline;  }

.patFuncArea img { padding-top: 10px; padding-bottom: 5px; } 

.patFuncAuthor { }

.patFuncBookDate { }

.patFuncBtns { color: #000000; background: #FFF8EF; }

.patFuncCallNo { }

.patFuncCancel { text-align: center; }

.patFuncDate { }

.patFuncDetails { }

.patFuncEntry { color: #000000; font-weight: normal; font-size: 90%; }

td.patFuncFinesDetailAmt {font-size:.7em;font-weight:bold;}

.patFuncFinesDetailDate {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

.patFuncFinesDetailDateLabel {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

td.patFuncFinesDetailType {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

.patFuncFinesEntryDetail td { border-bottom: 1px solid #eee;}

.patFuncFinesEntryTitle { color: #202020;background:#F8F8F8;  }

.patFuncFinesEntryTitle em {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

td.patFuncFinesTotal {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

tr.patFuncFinesTotal {background:#EDF2F6;}

.patFuncFinesTotalAmt em {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

.patFuncFinesTotalLabel em {font-style:normal;text-transform:uppercase;font-size:.7em;letter-spacing:1px;word-spacing:.5em;font-weight:bold;}

.patFuncFreeze { }

.patFuncHeaders { color: #000; background:#efefef; font-size:80%; padding:3px; border-bottom:1px solid #cccccc ;}

.patFuncHeaders a {color:#202020;}

.patFuncMark { }

.patFuncModifyPatInfo { }

.patFuncModifyPIN { }

.patFuncModifyPINExample { }

.patFuncNoEntries { }

.patFuncPickup { }

.patFuncPSrchBtn { }

.patFuncPSrchType { }

.patFuncRating { }

.patFuncRenewCount { font-style: italic; color: red; }

.patFuncStatus { }

tr.patFuncTitle { font-weight: bold;color: #000; background:#efefef; font-size:90%; padding:3px; border-bottom:1px solid #cccccc ; }

th.patFuncTitle { font-weight: bold;color: #000; background:#efefef; font-size:90%; padding:5px; border-bottom:1px solid #cccccc ; }

.patFuncTitle { font-weight: bold;}

.patFuncTitle a { }

.patImage { }

.patInfo { }

.patMainFuncs { float:left;border:0px;width:350px; margin:0;}

.patNameAddress { text-align: left;border:0px; padding: 15px;width:350px; margin:0 10px 0 2px;}

.patnameAddress div {margin:3px 0;}

.patnameAddress a { }

.patSearchLinks { }

.patStatusLinks { border:0px; border-right: 1px solid #477295;border-bottom:1px solid #477295;padding: 3px; margin:0 0 5px 0; width:90%;}

.patStatusLinks a { color:#000;text-align: left; border:0px;padding:2px 0 2px 0;text-decoration:none;}

.patStatusLinks a:link, .patStatusLinks a:visited, .patStatusLinks a:active { color:#000;text-decoration:none; }

.patStatusLinks a:hover { color:#000;text-decoration:underline;background:#FFFFE4;}

.paymentPage { margin: 10px; }

.paymentPage h2 { font-weight: bold; }

.paymentPageFinestable { width: 80%; border: 2px solid #00437f; }

.popupForm { font-size: 90%; margin:1% 3%;}

.popupForm td { font-size: 90%; }

.popupFormHeader {border-bottom:1px solid #000;margin:1% 2%;}

/* These are used in the Related Searches display in the Search Tool */

.rateLabel {color:#00437f;display:none;}

.rateLabel a:active, .rateLabel a:visited ,.rateLabel a:link {color:#00437f;text-decoration:none}

.rateLabel a:hover {color:#00437f;text-decoration:underline}

table.recordPager {text-align:right; font-size:.8em;}

.relSearch {margin:2%;padding:8px;background:#fff;border:2px solid #f9f9f9}

.relSearch a {color:#202020; padding:2px 0;}

.relSearch p {margin:3px 0;padding:2px 5px;}

.relSearch h4 {margin:3px 0;border-bottom:1px solid #202020;}

.relSearch h4.none {color:#000099;border:0px;}

.relSearchLabel { }

.relSearchLink { }

.reqFillTimeMsg { font-style: italic; font-size: 90%; }

.reserveBibs { border: 1px solid #e0e0e0; }

.reserveBibs td { border-bottom: 1px solid #e0e0e0; }

.reserveBibs td { font-size: 80%;}

.reserveBibs input { background-color: #cccccc; font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif; font-size: 100%; }

/* Resource Record display */
.resourceBib { }

.resourceBibEntry {font-size:90%;}

.resourceBibHeader { text-align:left; background:#F7F4F4; font-size:80%; } 

.resourceBibHeader th {padding:3px; border-bottom:1px solid #D1D8DD ;}

.resourceHistory { float:left; margin:0 0 5px 0; padding: 0 0 5px 0;}

.resourceInfoData { }

.resourceInfoLabel {width:22%;  font-size:75%; text-align: right; padding-right: 3px; background-color:#F7F4F4; font-weight: bold; font-style: italic;border-right:1px solid #999; padding:3px; border-bottom:1px solid #999; }

.resourceLicense { }

.resourceLicenseEntry { font-size:90%; background:#fff7d6  }

.resourceLicenseHeader {font-size:95%; text-align:left; padding:3px; }

.resourceLinkEntry { }

.resourcePager { text-align:right; padding:5px 5px 0 0;margin:0 3px 0 5px; float:right; width:50%;}

.resourceResource { }

.resourceRecLink {font-size:1.5em}

.rightNav {padding:0;margin:0px; font-size:.9em;}

.rightNav li {list-style:none;padding:2px;display:block;}

.rightNav li a:link, .rightNav li a:visited, .rightNav li a:active {display:block; color:#81AACF;text-decoration:none;padding:0;margin:0 0 0 3px; }

.rightNav li a:hover {display:block;color:#000;text-decoration:underline;background:#DAECFC;}

.rightSide {width:15%;float:right; padding:0px 5px 0px 10px;  margin:5px 13px 5px 0;}

* html .rightSide {width:15%;float:right; padding:0px 5px 0px 10px;  margin:5px 5px 5px 0;}

.rssChannelEntries { padding:0;margin:0; }

.rssChannelEntry { padding:4px 0 2px 0;border-bottom:1px dotted #eee;}

.rssChannelEntryDate { font-size:.7em;line-height:1.4em; font-style: italic; }

.rssChannelEntryDesc { font-size:.8em;line-height:1em;display:block;clear:both; }

.rssChannelEntryHead { font-size: 85%; font-weight: bold; display: block; padding-bottom: 2px; }

.rssChannelImage img { border: 0; margin-top: 2px; }

.rssChannelTitle { font-weight: bold; }

/*.rssFeed { padding: 5px; margin: 2px; border: 1px solid #00437f; } */

.srchhelpHeader {padding-top: 10px; padding-left: 15px; font-size: 170%;}

.searchTipsNavAreaText {  font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #0132A7; }

.searchTipsHeaderText {  font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif; color: #0132A7; text-decoration: none; font-weight: bold; background-color: #FFF8EF; }

.searchTipTable {font-size:100%;margin:1% 3%;line-height:1.2em;}

#searchTipMain {display:none; margin:12px}

.searchTipContentInfo {display:block; background:#fff; border:0 solid #00437F; border-width:0 1px; padding:2px 5px;color:#000;}

#searchTipsLink {text-align:center}

#searchTipsLink a:link, #searchTipsLink a:visited, #searchTipsLink a:active {color:#000; text-decoration:none;}

#searchTipsLink a:hover {color:#000; text-decoration:underline;}

.sectionHeading { font-weight: bold; }


/* Additions for SMS and QR codes - GTM 20100413 */
#sms { }
#sms fieldset {
  border: 1px solid #e0e0e0;
  background-color: #efefef;
  padding:3px;
  font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif;
  font-size: 90%;
}

#sms legend {
  font-weight:bold;
  color: #000000;
}

#sms label {
  font-weight:bold;
}

#sms ol {
  margin-left:3px;
  padding-left:3px;
  list-style: none;
}

.faux-fieldset {
  border-radius: 0.3em;
  position: relative;
  margin: 20px 0 20px 0;
  clear:both;
  }

.faux-fieldset div {
  padding:5px;
  margin-top:2px;
  text-align:center;
}
 .faux-fieldset h2 {
  left: 6px;
  color:#000000;
  background:#FFF;
  font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif;
  font-size: 90%;
  font-weight: bold;
  padding:1px 2px 1px 2px;
  margin:0;
} 

.faux-h2 {
    left:6px;
    color: #000000;
    background: #FFF;
    font-family: Verdana, Geneva, Arial, Helvetica, Arial Unicode MS, sans-serif;
    font-size: larger;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    margin: 0;
}
/* End of SMS style definitions */

.spacer {margin:1% 2%; background:#fff; border:1px solid #d0d0d0; }

.srchhelpList li {margin:2px 5px;}

.srchhelpText {font-size:120%;margin:1% 5px;line-height:1.2em;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.srchhelpEBody {margin:2% 5%}

/* This is used in the patron views of holds */
.suspended td { font-size: 90%; background: #EBECF6 url(/screens/icicles.gif) repeat-x top; }

.tabBody { background-color: #ffffff ; border: 1px solid #ccc; padding: .7em; margin-top:0px; font-size:1.1em;}

.tabBody div {margin:0 1%; font-size:1.1em;}

.tabs { margin-bottom: 4px; }

.tabs span { border: 1px solid #D1D8DD; border-left:0px;background-color:#efefef; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em;}

.tabs span.firstTab { border: 1px solid #D1D8DD; background-color:#efefef; padding-top: .2em; padding-bottom: 4px; padding-left: .7em; padding-right: .7em; }

.tabs span.selected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;margin: 0 0 0 -1px;}

.tabs span.firstSelected { background-color: #fff; border: 1px solid #D1D8DD; border-bottom: 1px solid #fff;}

.tool form {margin:auto; padding:5px 10px;}

.tool {display:block; background:#d2e0e7; font-size:.9em; border-right:1px solid #BDBDBD; padding:3px; border-bottom:1px solid #BDBDBD; margin:0 10% 1% 10%;}

.topicFeeds { clear: none; float: right; width: 60%; padding: 5px; }

.topicLinks { clear: none; float: left; padding: 5px; width: 35%; }

.topicLinks ul { padding: 5px; padding-left: 20px; margin: 2px; border: 1px solid #00437f; }

.topLogo {background:url(top_back.jpg) top left no-repeat;width:100%;height:100px;}

/* This is used in the Materials Booking calendar */
.unavailable { font-weight: bold; color: black; background: #D7D7D7; }

.unpadded { margin-bottom:auto; margin-top:auto; }

.wamCalcDate{ background: #ECECEC; border: 1px silver dashed; font-size: 90%;  }

.xmlframe { width:100%; height:600px; border:1px solid #000; }

.yourEntryWouldBeHere { }

.yourEntryWouldBeHereData { border: 2px solid #F5D9A3; }

/* Section 3: WebBridge */
/* WebBridge style names lowercased as of Release 2005.  Declare styles using these style names for Release 2005 and later */

/* body element in WebBridge forms */
.wbbody { color: #000000; font-family: verdana,geneva,arial,sans-serif; background-color: #fff; font-size: 80%; margin:0;padding:0; }

/* the following .wbbody styles are used to style the wp_panel.html pop up page */
.wbbody a:link, .wbbody a:visited { color:#00437f; text-decoration: underline; }

.wbbody a:hover, .wbbody a:active { color: #aa1002;text-decoration: underline; }

/* fixing alignment of images */
.wbbody img { vertical-align: middle; }

.wbbody .wbcategory { color: #000000; margin:10px 10px 0 10px; font-size:100%; font-weight: bold; border-bottom: 0px solid #202020; padding:2px 5px 2px 1px;}

.wbbody .wbcategory strong { font-weight: bold; }

.wbbody .wbcategory font { color:#000000; }

.wbbody .wbresourcelist { background-color: #fff; margin-top: 5px; }

.wbbody .wblinkdisplay { background: #F8F8FA; margin:1px 10px 1px 10px; font-weight: normal; padding:2px 5px 2px 5px; font-size:11px; }

.wbbody .wblinkdisplay form { padding:0;margin:0; }

.wbbody .wblinktext { font-size:11px; }

.wbbody .wblinkfield { font-style:italic; font-size:11px; }

.wbbody .wbsubheading { font-weight: bold; color:#aa1002;}

.wbbody .header { background:#fff;border:2px solid #f9f9f9;margin:10px;}

.wbbody .noresources { color: red; font-size: 1.2em; font-weight: bold;} 
 
.wbbody .citation { background-color: #FFFFFF; border: 1px solid #162A6D; padding: 5px; }

.wbbody .resourceinfo { }

.wbbody .advisory { }

.wbbody .ada {}

.wbbody .license { }

.wbbody .linkdisplay { }

.wbbody .coverage { }

.wbbody .coverage em { font-style: normal; }

.wbbody .wbheading { font-size:11px;margin:0 10px -7px 10px; }

.wbbody .headertable { background:#fff;padding:5px; }

.wbbody .citationtitle { font-weight: bold; color:#aa1002; font-size:1.2em;}

.wbbody .fieldinsert { font-size: .9em; margin-left: 30px; margin-right: 30px; }

/* WebBridge category headings */
.wbcategory { font-weight:bold; margin-top: 1em;}

/* contents of the WBHEADERTEXT wwwoption */
.wbheading { }

/* Entire WebBridge Resource Definition Link Display */
.wblinkdisplay { }

/* Field selectors in Link Display (except for #@LinkText#) */
.wblinkfield { }

/* #@LinkText# field selector in WB Link Display */
.wblinktext { }

/* deprecated style -- manually inserted in WB category definition */
.wbPanelCategory { color: #0132A7; }

/* Contents of  resourcelist token in webbridge forms */
.wbresourcelist { }

/* #HEADER# token in WBHEADERTEXT wwwoption */
.wbsubheading { }

.mainSpacer {margin:0 1em 1em 1em;}

.textFix {font-size:90%}


/* table striping styles */
/* for brief citation */
td.odd { background:#F8F8F8; }
td.highlight {background:#FFFFE4;}

/* for browse entries */
tr.odd { background:#F8F8F8; }
tr.highlight {background:#FFFFE4;}

/* styles for print view and web view toggle */

#printView {text-align:right; font-size:.8em; margin:0 5px 0 0;padding-top:15px;height:15px;}

#printView a {color:#162a6d;}

#webView {display:none}

/* styles for Skyline design */
.leftCol {padding:0;margin:0px; font-size:.9em;}

.leftCol li {list-style:none;padding:2px;display:block;}

.leftCol li a:link, .leftCol li a:visited, .leftCol li a:active {display:block; color:#444;text-decoration:none;padding:0;margin:0 0 0 3px; }

.leftCol li a:hover {display:block;color:#0033FF;text-decoration:underline;background:#FFFFE4;}

.navHeader { font-weight:bold; color:#5E5D5D; font-size:1em; border-bottom:1px solid #FFCC00;margin-top:5px;letter-spacing:1px; }

.mainMenuSrchText {width:100%; margin:auto; letter-spacing:0px; font-size:80%}

.mainMenuSrchText h2	{font-size: 120%}

.mainMenuSrchText h3	{font-size: 90%; padding-left: 15px}

.mainMenuSrchTool form {margin:auto; padding:5px 10px;}

.mainMenuSrchTool {display:block; font-size:90%; margin:40px 5px; padding:0 ;border-bottom:1px solid #D1D8DD;text-align:center;}

.mainMenuSrchTool input {font-size:90%;}

.mainMenuSrchTool select  {font-size:90%;}

h2 {margin:0 0 3px 3px;padding:0px;}

.headerNav {padding:0;margin:2px 10px 0 0; font-size:.8em; font-weight: bold;text-align:right;letter-spacing:1px;}

.headerNav li {list-style:none;padding:0 2px 2px 2px;display:inline;}

.headerNav li a:link, .headerNav li a:active, .headerNav li a:visited {color:#fff;text-decoration:none;padding:0;margin:0;}

.headerNav li a:hover {color:#fff;text-decoration:underline;}

.holder img {float:left; margin:0 1%;}

a img {border:0px}

#rightSideCont {padding:10px;border:2px solid #f9f9f9;float:left; margin:1% 0 1% 1%;width:77%;background:#fff;}

#rightSideCont li {margin:0 0 0 25px;}

.unpadded {margin:0; padding:0;}

.topLog {font-size:.8em;color:#000;}

.topLog input {font-size:.8em}

.topLogoDiv {margin:0;padding:0 0 0 0; background:#668CB3;}

.floatRight {float:right;}

.clear {clear:both;}

.leftnavDiv {float:right; margin:1% 1% 1% 0;background:#ffffff;padding:10px;border:none;width:15%;}

.leftnavDiv {font-family: Verdana, Helvetica, sans-serif;font-size: 100%;font-weight: normal;}

.mainMenuContentDiv {background:#fff;padding:5px;border:2px solid #f9f9f9;clear:both;color:#202020}

.bareBib {clear:both;}

.bareBib .bibInfoLabel {display:none;}

.bareLable {font-size:.9em;font-weight:bold;}

.bareCaption {font-size:.75em; font-weight:bold;}

.bareBreaker {border-top:none; margin:5px 5px 5px 0; padding:5px 0; font-size:1.3em; font-weight:bold;color: #668CB3;}

#bareRes tr.bibResourceTableHeader {display:none}

.pinReset {margin:2%;padding:8px;background:#fff;border:1px solid #e0e0e0}

.pinReset input {display:block;}

#bibDisplayLayout {width:100%;}

#bibDisplayLayout .bibInfoData {padding:3px 0;}

ul.illOtherLists {margin:0 0 0 5px;padding:0;width:45%;float:left;}

ul.illOtherLists li {text-transform:lowercase;padding:3px 0;margin:0;list-style-type:circle;}

ul.illOtherLists li a {color:#202020;}

h4.srchhelpHeader {margin:10px 15px;}

/* imprved table row strip CSS */

td.outline {border:0px;border-top:2px solid #F5D9A3;border-bottom:2px solid #F5D9A3}

td.outlineSub {border:0px;border-top:2px solid #F5D9A3;}

td.topLine {border:0px;border-top:2px solid #F5D9A3;}

td.botLine {border:0px;border-bottom:2px solid #F5D9A3;}

td.rightCap {border:2px solid #F5D9A3;border-left:0px;}

td.rightSide {padding-right:2px;border-right:2px solid #F5D9A3;}

td.leftCap {border:2px solid #F5D9A3;border-right:0px;}

td.rightTopCap {border-right:2px solid #F5D9A3;}

td.rightBotCap {border-right:2px solid #F5D9A3;} 


/* tab navigation all patrons */

/* primary tabs */
.navset {border-bottom:1px solid #668CB3;}
.navset h3, .navset h4 {position:absolute;left:-1000em;margin:0;}
.navset .hd li em {font-weight:normal; text-align:center;border-bottom: 1px solid #999;}
.navset .hd li a {color:#000;}
.navset .hd li.on strong, .navset .hd li.on strong a {color:#000;} /* selected tab */
.navset .hd li.on strong {background-color:#efefef;border-bottom:none;} /* border-color should match selected color */
.navset .hd li.orphan, .navset .hd li.orphan a {color:#999;}

/* tab background images */
.navset .hd li a, .navset .hd li strong {background:#668CB3 url(/screens/tr_allpatrons.gif) no-repeat top right;}
.navset .hd li em {background:transparent url(/screens/tl_allpatrons.gif) no-repeat;}

/* end base styles */

/* Network tab standards, shouldn't change */

/* shared pri and sec */
.navset {width:100%;} /* IE: width */
.navset a {text-decoration:none;}
.navset ul, .navset li {margin:0;padding:0;list-style:none;}
.navset li {float:left;display:inline;}
.navset li a:hover {text-decoration:none;}
.navset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.navset ul {zoom:1;} /* clear IE */

/* primary tabs */
.navset .hd ul {font:bold 90%/1.2em verdana;margin-bottom:-1px;padding-left:.3em;position:relative;} /* IE quirks mode: relative */
.navset .hd li {margin-right:.33em;padding:0;}
.navset .hd li.on strong a {cursor:default;}
.navset .hd li a, .navset .hd li strong, .navset .hd li em {display:block;}
.navset .hd li a, .navset .hd li strong {*display:inline-block;}  /* IE: 100% clickable */
.navset .hd li em {font-style:normal;padding:.5em .6em;}
.navset .hd li.orphan, .navset .hd li.orphan a, .navset .hd li.orphan em {background:transparent none;border-width:0;margin:0;}


/* tab navigation staff */

/* primary tabs */
.staffnavset {border-bottom:1px solid #668CB3;}
.staffnavset h3, .staffnavset h4 {position:absolute;left:-1000em;margin:0;}
.staffnavset .staffhd li em {font-weight:bold; text-align:center;border-bottom: 1px solid #999;}
.staffnavset .staffhd li a {color:#fff; font-weight: bold;}
.staffnavset .staffhd li.on strong, .staffnavset .staffhd li.on strong a {color:#fff;} /* selected tab */
.staffnavset .staffhd li.on strong {background-color:#efefef;border-bottom:none;} /* border-color should match selected color */
.staffnavset .staffhd li.orphan, .navset .staffhd li.orphan a {color:#999;}

/* tab background images */
.staffnavset .staffhd li a, .staffnavset .staffhd li strong {background:#668CB3 url(/screens/tr_staff.gif) no-repeat top right;}
.staffnavset .staffhd li em {background:transparent url(/screens/tl_staff.gif) no-repeat;}

/* end base styles */

/* Network tab standards, shouldn't change */

/* shared pri and sec */
.staffnavset {width:100%;} /* IE: width */
.staffnavset a {text-decoration:none;}
.staffnavset ul, .staffnavset li {margin:0;padding:0;list-style:none;}
.staffnavset li {float:left;display:inline;}
.staffnavset li a:hover {text-decoration:none;}
.staffnavset ul:after {clear:both;content:'.';display:block;height:0;visibility:hidden;} /* clear non-IE */
.staffnavset ul {zoom:1;} /* clear IE */

/* primary tabs */
.staffnavset .staffhd ul {font:bold 90%/1.2em verdana;margin-bottom:-1px;padding-left:.3em;position:relative;} /* IE quirks mode: relative */
.staffnavset .staffhd li {margin-right:.33em;padding:0;}
.staffnavset .staffhd li.on strong a {cursor:default;}
.staffnavset .staffhd li a, .staffnavset .staffhd li strong, .staffnavset .staffhd li em {display:block;}
.staffnavset .staffhd li a, .staffnavset .staffhd li strong {*display:inline-block;}  /* IE: 100% clickable */
.staffnavset .staffhd li em {font-style:normal;padding:.5em .6em;}
.staffnavset .staffhd li.orphan, .staffnavset .staffhd li.orphan a, .staffnavset .staffhd li.orphan em {background:transparent none;border-width:0;margin:0;}

.flash{
  width: 600px;
  padding: 5px;
  font-weight: bold;
  margin: 20px;
  background:#ddd;
  color:#666;border:1px solid #ccc;
}

.info{
  background:#D9EDF7;
  color:#3A87AD;
  border:1px solid #BCE8F1;
}
.warning{
  background:#FCF8E3;
  color:#C09853;
  border:1px solid #FBEED5;
}
.success{
  background:#DFF0D8;
  color:#468847;
  border:1px solid #D6E9C6;
}
.error{
  background:#F2DEDE;
  color:#B94A48;
  border:1px solid #EED3D7;
}
