/**/ /* 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 */ /* moss green: DCE4D2 */ /* medium green: 4FA97C */ /* dark blue: 0132A7 */ /* very dark blue: 162A6D */ /* Local WU styles */ / * td img {display: block;} */ .greentext {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; color: #354c58; text-decoration: none;} .greentextsmall {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #354c58; text-decoration: none;} .bluetext {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; color: #354c58; text-decoration: none;} .bluetextsmall {font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #354c58; text-decoration: none;} .whitetext {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; color: #FFFFFF; font-weight: bold; text-decoration: none;} .navtext {margin-left: 12px; margin-right: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;} .footer {margin-left: 10px; margin-right: 10px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; font-weight: bold; text-decoration: none;} .content {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;} .heading {font-family: Arial, Helvetica, sans-serif; font-size: 26pt; font-weight: bold; color: #006633; margin: 0px; padding: 0px;} .moss {background-color: #ced8dd;} .green {background-color: #354c58;} .blue {background-color: #ced8dd;} .gray {background-color: #a0b3bc;} .link {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #006633; font-size: 10pt} .navbar {margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #006633;} .text {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;} .title {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #000000;} a.navtext:link { color: #FFFFFF; } a.navtext:active { color: #FFFF33; } a.navtext:visited { color: #FFFFFF; } a.navtext:hover { color: #FFFF33; } /* Section 1 */ /*Global tag styles*/ body { margin: 0px !important; background-color: white; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; } td { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt;} /*traditional link colors are suggested for better usability */ a:link { color: #354c58; } a:active{ color: #4b7e99; } a:visited { color: #4b7e99; } a:hover { color: #4b7e99; } /* Section 2 */ /* named styles in alphabetical order */ /* This appears in the searchtool */ .availLimMessage { } /* classes for bib display */ /* see also Web options TABLEPARAM_BIB... */ .bibDetail { } .bibHoldings { border: 2px solid #a0b3bc; background: #ced8dd } .bibHoldingsEntry { } .bibHoldingsLabel { } .bibHolds { border: 1px solid #a0b3bc; background: #ced8dd } .bibHoldsEntry { border: 1px solid #a0b3bc; } .bibInfo { } .bibInfoData { } .bibInfoEntry { } .bibInfoLabel { background-color: #ced8dd; font-style: italic; } .bibItems { font-size: 12px;} .bibItemsEntry { color: #O00000; background: #ced8dd; text-align: left; } .bibItemsHeader { color: #FFFFFF; background: #a0b3bc; font-weight: bold; text-align: center; } .bibLicense { } .bibLicenseEntry { color: #O00000; background: #DCE4D2; text-align: left; } .bibLicenseHeader { color: #FFFFFF; background: #DCE4D2; font-weight: bold; text-align: left; } .bibLinks { border: 1px solid #a0b3bc; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; color: #354c58; background: #ced8dd; text-decoration: none; } .bibMore { font-size: 8pt } .bibOrder { border: 1px solid #a0b3bc; background: #ced8dd } .bibOrderEntry { } .bibPager {margin-bottom: 0px; margin-top: 0px; text-align: center; font-weight: bold; font-size: 10pt} .bibRecordLink { text-align: left; font-size: 8pt } .bibResource { } .bibResourceBrief { } .bibResourceCaption { } .bibResourceEntry td { font-weight: bold; } .bibResourceHeader { } .bibResourceTable { border: 1px solid #4FA97C; } .bibResourceTableEntry { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; } .bibResourceTableHeader { font-weight: bold; } .bibScreen { } .bibSearchtool { background: #ffffff; text-align: center; padding: 0px; font-size: 10pt; } .bibThumbnails {width: 140px; valign: top; } .bibTOC { width: 95%; border: 2px solid; margin-top: 3px; margin-bottom: 3px; } .briefCitRow { color: #000000; background: #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; border: 1px solid; } /* classes for browse displays */ /* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */ .browseEntry { color: #000000; background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; } .browseEntryData { text-align: left; } .browseEntryEntries { text-align: center; } .browseEntryMark { font-weight: bold; } .browseEntryMedia { vertical-align: middle; } .browseEntryNum { text-align: center; } .browseEntryRelevance { } .browseEntryYear {text-align: center; } .browseHeader { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderData { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderEntries { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderMark { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderMedia { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderNum { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderRelevance { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; } .browseHeaderYear { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align: middle; text-align: center; } .browseList { } .browsePager { margin-bottom: 3px; } .browseResourceTable { } .browseResourceTableEntry { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-align: center; } .browseResourceTableHeader { } .browseSaveJump { text-align: left; font-size: 10pt; } .browseScreen { } .browseSearchtool {background: #ffffff; text-align: center; padding: 0px; border: 0px } .browseSearchtoolMessage { font-size: 90%; } .browseSubEntry { color: #000000; background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; } .browseSubEntryData { } /* Is an Entries column ever drawn in Extended browse? */ .browseSubEntryEntries { } .browseSubEntryMedia { } .browseSubEntryRelevance { } .browseSubEntryYear { } .browseSuperEntry { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* 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: large; color: #FF0000; } /* External Patron Authentication product style */ .extpat div { line-height: 1.66em; width: 90%; background: #EBF5FC; border: 2px solid #4FA97C; 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 { 2px solid #ced8dd; margin: -3px; } /* External Patron Authentication product style */ .libpat div { line-height: 1.66em; width: 90%; background: #EBF5FC; border: 2px solid #4FA97C; 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: large; color: #FF0000; } .navigationRow { font-size: 12px; margin-top: 3px; text-align: center; } .navSearchHistory { display: inline; margin-top: 3px; } /* 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 #a0b3bc; padding: 5px; } .patFuncBookDate { } .patFuncBtns { color: #000000; background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; } .patFuncCallNo { } .patFuncCancel { } .patFuncDate { } .patFuncEntry { color: #000000; background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; } /* is this really in use? */ .patFuncFinesDetail { } .patFuncFinesDetailAmt { } .patFuncFinesDetailDate { } .patFuncFinesDetailDateLabel { } .patFuncFinesDetailType { } .patFuncFinesEntryDetail { } .patFuncFinesDetailAmt { } .patFuncFinesDetailDate { } .patFuncFinesDetailDateLabel { } .patFuncFinesDetailType { } .patFuncFinesEntryDetail { } .patFuncFinesEntryTitle { color: #000000; background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; } .patFuncFinesTotal { } .patFuncFinesTotalAmt { font-weight: bold; } .patFuncFinesTotalLabel { } .patFuncHeaders { color: #FFFFFF; background: #a0b3bc; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; } .patFuncMark { } .patFuncModifyPatInfo { } .patFuncModifyPIN { } .patFuncModifyPINExample { } .patFuncNoEntries { } .patFuncPickup { } .patFuncPSrchBtn { } .patFuncPSrchType { } .patFuncStatus { } .patFuncTitle { background: #ced8dd; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10pt;} .patImage { } .patInfo { } .recordInfo { valign: top; } .recordPager { font-size: 10pt; } .relSearchLabel { } .relSearchLink { } .reserveBibs { border: 2px solid #a0b3bc; } .reserveBibsArea { } .reserveBibs td { border-bottom: 1px solid #a0b3bc; } .reserveBibs input { background-color: #ced8dd; } /* is this in use? */ .resLinkBrowseMenu { text-align: center; } /* Resource Record display */ .resourceBib { } .resourceBibEntry { color: #O00000; background: #DCE4D2; text-align: left; } .resourceBibHeader { color: #FFFFFF; background: #4FA97C; font-weight: bold; text-align: left; } .resourceInfoData { } .resourceInfoLabel { background: #DCE4D2; font-style: italic; } .resourceLicense { } .resourceLicenseEntry { color: #000000; background: #DCE4D2; text-align: left; } .resourceLicenseHeader { color: #FFFFFF; background: #4FA97C; font-weight: bold; text-align: left; } .resourceLinkEntry { } .resourceResource { } .bibResourceSubEntry { font-style: italic; } /* is this in use? but it works! */ .wbPanelCategory { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0132A7; } .yourEntryWouldBeHere { } .yourEntryWouldBeHereData { } /* Section 3 */ /* These styles are used by the library-customizable pages in the example set */ A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #4FA97C; } A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #ced8dd; text-decoration: none; font-weight: bold; background-color: #4FA97C; } A.pageNavBarButton:LINK, A.pageNavBarButton:VISITED { color: #000099; } A.pageNavBarButton:ACTIVE, A.pageNavBarButton:HOVER { color: #993399; } /*controls display of authority redirect information */ .authorityRedirect { display:block; background: #ced8dd; 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: #ced8dd; } .authTerm { font-size: 80%; background: #ced8dd; } .unauthTerm { font-size: 80%; background: #ced8dd; } .briefcitDetail { font-size: 10pt; } .briefcitStatus { font-weight: bold; } .briefcitTitle { font-weight: bold; } /* is this really in use? */ .button { vertical-align: middle; } /* is this really in use? */ div#instructions { font-size: 90%; font-style: italic; } .helpNote { font-size: 90%; font-style: italic; } .InnovativeCredit { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: x-small; font-style: italic} .KidsOnline { font-family: "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold} .loggedInMessage { font-style: italic; color: red; font-size: small; } /* is this really in use? */ .navigationMenu { text-align: center; } /* should this really be in use? */ .nowrap {white-space: nowrap; } .pageDataArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #DCE4D2; text-align: left; } .pageDataAreaHeading { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; background: #4FA97C; font-weight: bold; font-size: larger; text-align: left; } .pageDirectoryArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; text-align: left; } .pageInfoArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #DCE4D2; text-align: left; } .pageInfoAreaHeader { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0132A7; background: #DCE4D2; font-size: larger; font-weight: bolder; text-align: left; } .pageMainArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #ced8dd; } .pageMainAreaHeader { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0132A7; font-size: larger; font-weight: bolder; text-align: left; } .pageNavArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; background: #4FA97C; } .pageNavAreaBorder { background: #0132A7; } .pageNavAreaText { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #4FA97C; } .pageNavBar { text-align: center; } .pageNavBarButton { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #0132A7; background: #DCE4D2; text-align: left; ; font-weight: bold; text-decoration: none; border-style: none; } .pageSearchArea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; background: #DCE4D2; text-align: left; } .paymentPage { margin: 10px; } .paymentPage h2 { font-weight: bold; } .paymentPageFinestable { width: 80%; border: 2px solid #4FA97C; } .sectionHeading { font-weight: bold; } .unpadded { margin-bottom:auto; margin-top:auto; } /*styles below from Carol A. for new toplogo July 2008*/ .superbreak { clear: both; font-size: 10%; } #row1 { background-color: #ffffff; height: 57px; padding-top: 0px; padding-bottom: 23px; } #row1 a { font-weight: bold; } /*styles for askus icon 041811*/ #askusouter { position: absolute; left: 720px; top: 1px; } #askusouter a { text-decoration: none; } div#askusquestion { height:55px; width:42px; position:absolute; } div#askustext { height: 55px; width: 125px; margin-left: 42px; position:absolute; } div#askustext a:hover { color: #ffffff; } div#askustext a { color: #1D3643; font-size: 10pt; } #bluebar { background-color: #a0b3bc; background-repeat: no-repeat; height: 20px; width:100%; z-index:auto; position: absolute; left:0px; top: 65px; vertical-align:bottom; margin-bottom: 20px; } #menutext { position: absolute; left: 490px; top: 0px; } #menutext a { font-family: Arial, Helvetica, sans-serif; color: #354c58; font-size: 12px; font-weight: bold; text-decoration:none; } #menutext a:visited { font-family: Arial, Helvetica, sans-serif; color: #354c58; font-size: 12px; font-weight: bold; } #menutext a:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; text-decoration: none; font-weight: bold; } #lawmenutext { position: absolute; left: 490px; top: 0px; } #lawmenutext a { font-family: Arial, Helvetica, sans-serif; color: #354c58; font-size: 12px; font-weight: bold; text-decoration:none; } #lawmenutext a:visited { font-family: Arial, Helvetica, sans-serif; color: #354c58; font-size: 12px; font-weight: bold; } #lawmenutext a:hover { font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px; text-decoration: underline; font-weight: bold; } #info, #sms { border:3px solid #36647b; position:absolute; top:250; left:50; z-index:1000; background:#fff; padding:10px; margin:10px; background:#efefcf; } #sms .eg { font-style:italic; font-size:100%; } #info {top:500} #sms {font-size:100%} /*styles inserted bu jason b for hathi covid-10 */ /*Borrowed from https://chrisbracco.com/a-simple-css-tooltip/*/ /** * Tooltip Styles */ /* Add this attribute to the element that needs a tooltip */ [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } /* Hide the tooltip content by default */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none; } /* Position tooltip above the element */ [data-tooltip]:before { position: absolute; bottom: 150%; left: 50%; margin-bottom: 5px; margin-left: -80px; padding: 7px; width: 160px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); text-align: center; font-size: 14px; line-height: 1.2; } /* Triangle hack to make tooltip look like a speech bubble */ [data-tooltip]:after { position: absolute; bottom: 150%; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #000; border-top: 5px solid hsla(0, 0%, 20%, 0.9); border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; } /* Show tooltip content on hover */ [data-tooltip]:hover:before, [data-tooltip]:hover:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*minor position fix for links*/ div.gbs>a {text-align:center;}