<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*-- ;vc; Version CSS.FlandersBlue.css/IGU.8 Date 2022-11-03 By TorontoQA Location IGU45QASYNC --*/
/* VersionControl, all different sites use the same base file */
@import url("../base/base.css");

/* Additions to the base file for the FlandersBlue look */

.searchbox .searchBoxForm .searchterm input {
	width:25em !important;}

body {
	background-color:		#ffffff;
}

body, body.normal {
	font-size:				13px;
}
body.large {
	font-size:				16px;
}
body.largest {
	font-size:				18px;
}

#wrapper {
	background:				none;
	max-width: 				1250px;
}
#wrapperinner, #header, .HeaderLogo, #footer, #footerinner {
	background:				none;
}
#wrapperinner, #header {
	margin:					0;
	padding-right:			0;
}
#header {
	background:             none;
    padding-left:           0;
    position:               relative !important;
	z-index:                auto !important; 
}
#header &gt; a:first-child {
    display:none;
}

.HeaderLogo .logo &gt; a &gt; img {
	display:				none;
}
#header .HeaderLogo .logo {
	margin-left:0;
	margin-top:15px;
}
#header .HeaderLogo .logo &gt; a {
	background:				url("images/sprite.png") no-repeat 0 0;
	display:block;
	width:250px;
	height:80px;
}
#header .HeaderNavigation {
	background:				url("images/sprite.png") no-repeat -250px 0;
	width:300px;
	height:135px;
	position:absolute;
}
#header .HeaderNavigation .HeaderNavigationInner &gt; div.row1 { margin-right:185px; height: 108px;}
#header .HeaderNavigation .HeaderNavigationInner &gt; div.row1 &gt; div,
#header .HeaderNavigation .HeaderNavigationInner &gt; div.row2 &gt; div {	display:none;}
#header .HeaderNavigation .HeaderNavigationInner &gt; div.row2 &gt; div#logoff {	display:inline; background:none; }
#header .HeaderNavigation .HeaderNavigationInner &gt; div.row2 &gt; div#logoff div &gt; div &gt; div {width:400px !important;}

#header .HeaderNavigation .HeaderNavigationInner &gt; div &gt; div#normala,
#header .HeaderNavigation .HeaderNavigationInner &gt; div &gt; div#largea,
#header .HeaderNavigation .HeaderNavigationInner &gt; div &gt; div#largesta {	display:block; background:none;}
#header .HeaderNavigation div.SearchInner { top:17px;right:0; }

#header .HeaderNavigation .HeaderNavigationInner &gt; div.row2,
#header .searchDiv #sOptions { 	z-index:130; position:relative !important;}
#navigation { 					z-index:120; position:relative !important;}
#banner { 						z-index:100; position:relative !important;}

.dj_ie #header .searchDiv #sOptions { display:none !important;}

#banner {
	float:none;
	clear:both;
	width:auto;
}


.dijitTitlePane .dijitTitlePaneTitle {
    min-height: 25px;
}
.column &gt; div {
	margin:					20px 0 10px 10px;
	padding:				0px;
}
#column1 &gt; div {
	margin-left:			0;
}




#navigation {
	background:				none !important;
	border:					none;
	border-bottom:			8px solid #24499E;
	margin-bottom: 			0px;
}

.application.deBib {				border:	1px solid #24499E;}
.column .application .apptitle {	border-bottom: 1px solid #24499E;}
.application.deBib .apptitle {	border-bottom: none; }
p {	line-height				: inherit;}
.application.nostyling {
	border					: none !Important;
	filter					: none !Important;
	-ms-filter				: none !Important;
	-moz-box-shadow			: none !Important;
	-webkit-box-shadow		: none !Important;
	box-shadow				: none !Important;}
.application.nostyling &gt; div,
.application.nostyling &gt; div .appcontent {
	padding					: 0;}

.applicationcontainerhiddentitle.nostyling .dijitTitlePaneContentOuter, .applicationcontainernotitle.nostyling .dijitTitlePaneContentOuter {
    margin-top: 0;
}

.column .application .apptitle,
.application.deBib,
#navigation ul {			background:#ffffff;}

#navigation,
.column .application .apptitle {
	margin-bottom: 			5px;
	
	-moz-box-shadow: 		0px 4px 4px #e0e0e0;
	-webkit-box-shadow: 	0px 4px 4px #e0e0e0;
	box-shadow: 			0px 4px 4px #e0e0e0;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=180,color=#d0d0d0,strength=5); 
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=180, Strength=5, Color='#d0d0d0')";
}
.application.deBib
{	
	-moz-box-shadow: 		3px 3px 3px #d0d0d0;
	-webkit-box-shadow: 	4px 4px 4px #e0e0e0;
	box-shadow: 			3px 3px 3px #d0d0d0;
	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#d0d0d0,strength=5); 
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=135, Strength=5, Color='#d0d0d0')";
}
.application.deBib .apptitle {
	margin-bottom: 			0;
	
	border:					none;
	-moz-box-shadow: 		none;
	-webkit-box-shadow: 	none;
	box-shadow: 			none;
	
	filter: 				none; 
 	-ms-filter:				"none";
	position:			relative;
}

#navigation {				margin-bottom: -5px;}
.dj_ie #navigation { 		filter: -;margin-bottom: 0;}



#navigation &gt; ul &gt; li, #navigation &gt; ul &gt; li:hover, #navigation &gt; ul &gt; li:hover &gt; a {
	background:				none !important;
}
#navigation &gt; ul &gt; li &gt; a, #navigation &gt; ul &gt; li:hover &gt; a {
	color:					#222222;
}
#navigation &gt; ul &gt; li:hover,
#navigation &gt; ul &gt; li:hover &gt; a &gt; span {
	background:				#24499E !important;
	color:					#FFFFFF !important;
	text-decoration:		none;
	box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);}
#navigation &gt;ul li.logOut &gt; a &gt; span {
	background:none repeat scroll 0 0 #24499E !important;
	color:#fff;}

#navigation &gt; ul &gt; li &gt; ul {
	background:				#f9f9f9 !important;
	border:					1px solid #24499E;
}



.NavigationDisplayApp ul li {
	margin-left:			0;
}
.NavigationDisplayApp ul li.open li .elem {
	padding-left:			10px;
}
.NavigationDisplayApp div.elem {
	float: none !important;
}
.NavigationDisplayApp div.icon {
	display: none !important;
}
.NavigationDisplayApp ul li.open &gt; div.icon, 
.NavigationDisplayApp ul li.closed &gt; div.icon, 
.NavigationDisplayApp ul li.nosub &gt; div.icon {
	ZZbackground:				url("images/deBib_DoRood.png") no-repeat -16px 0 !important;
}


.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a span {color:#333333 !important;}
.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a:hover span {color:#24499E !important;}
.NavigationDisplayApp ul li { 
	margin-left: 			25px;
	display: 				list-item !important;
	list-style-type:		circle;
}
.NavigationDisplayApp ul li:hover {
	list-style-type:		disc;
}
.NavigationDisplayApp span.selected span {
	text-decoration:		underline;
	cursor:					default;
	color:					#CCBBAA !important;
}

ZZbody .RichTextItem .additional a { 
	background:				none !important;
	padding-left: 			0 !important;
}

.apptitle {
	border-top:				none;
	margin: 				8px 0 0;
}
.apptitle {
	border-top:1px solid #f9f9f9;
}

fieldset.group legend,

#shelfMarks table caption, .mainOptions .iWantTo,

.SelectedForYou .links span,
.SelectedForYou .header,
.dijitTreeLabel:hover,

.apptitle h1, .apptitle h2,
#useractivities a, #logoff a, #logon a,
a:hover, a:hover span,
.RichTextItem .appcontent a,
.SearchBox .SearchInner #sOptions &gt; .searchIn, .HeaderNavigation .SearchInner #sOptions &gt; .searchIn,

#additionalbefore ul.appLinks &gt; li &gt; a:hover span,
#divInterests .generalInfo a.NeedHelp:hover span,
.RichTextItem  .additional a:hover span,
.recordDisplayElement div.FullRequest a.linkTo:hover span,
.recordDisplayElement div.FullUrl a.linkTo:hover span,
.otherSources .externalLink a:hover span,
.divVlink .linkVlink a:hover span,
#sOptions .advancedLink a:hover span,
.SearchBox #sBoxOptions .advancedLink a:hover span,
.itemFull .reserveItem a:hover span,
.itemCover .reserveItem a:hover span,
.itemText .reserveItem a:hover span,
.relAuthors .relAuthor a:hover span,
.EditBorrowerData .helpLink a:hover span,
#itemDetailsLink a:hover, .showItemDetails a:hover,
.LinkRequest .linkEntry .buttons a:hover span,
.searchFormSimple .switchSearchSimple a:hover span,
#divSearchScreen .switchSearchAdvanced a:hover span,
.viewInfo a:hover,
#optionsExpanded div.option a:hover, .SearchResults .leftDiv .switchSearchSimpleEmbedded a:hover,
.zeroHits .linkVlink a:hover, .zeroHits .searchAll a:hover, .zeroHits .altTerm a:hover, 
#divListOptions a:hover, #divLists a:hover, #divSearchScreen .more a:hover,  #divSearchResultsCMS .shortRecord a:hover, #divInterests .add a:hover, #divReviews .addReviewLink a:hover, #divReviews .editReviewLink a:hover, #divReviews .deleteReviewLink a:hover, #vote a:hover, #moreInfo a:hover, #divRecordOptions .option a:hover, .UserActivities .navigation a:hover, .modifyData a:hover, .newRequest a:hover, .cancelSelected a:hover, .cancelAll a:hover, .renewSelected a:hover, .renewAll a:hover, .deleteSelected a:hover, .selectPublic a:hover, .selectAll a:hover,
.UserActivities .navigation a:hover, 
#divResultsOptions ul a:hover,
.feedItemInner a:hover,
.calendarLinkDiv div a:hover,
div.appcontent div.singleEvent a:hover,
.dijitDialog a:hover,

.navigationPageCurrent,

.externalLink .linkSearchTerm, .SearchResults .leftDiv .searchKey,

.mainOptions .iWantTo, .mainOptions .option * {
	color:					#24499E !important; /*DeBib DoBlauw*/
}
a:hover, a:hover span {
	text-decoration:		underline;
}
.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img,
.HeaderNavigation .SearchInner #sOptions {
	border-color:			#24499E; /*DeBib DoBlauw*/
}
#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType {
    color: #DCC227; /*DeBib Geel*/
}

.RichTextItem img,
.StyleImage, .imageDiv .image, .oneRow .image img, #cover img {
	border:none !Important;
	filter: none !Important;
	-ms-filter:none !Important;
	-moz-box-shadow:none !Important;
	-webkit-box-shadow:none !Important;
	box-shadow:none !Important;
}

.RichTextItem .appcontent tr, 
.PaymentsDue tr, 
.LoanHistory tr, 
.dj_ie .RichTextItem .appcontent tr td, .dj_ie .RichTextItem .appcontent tr th, 
.dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th {
    border-bottom: 1px solid #24499E;
	background:inherit !important;
}

.ResultsWiki .apptitle h2,
.cloud .cloud1 a {				font-size:20px; color: #24499E !important; }
.cloud .cloud2 a {				font-size:18px;	color: #077998; }
.cloud .cloud3 a {				font-size:18px;	color: #127793; }
.cloud .cloud4 a {				font-size:16px;	color: #1e748d; }
.cloud .cloud5 a {				font-size:16px;	color: #2c7285; }
.cloud .cloud6 a {				font-size:14px;	color: #3a6f7e; }
.cloud .cloud7 a {				font-size:14px;	color: #486d77;	}
.cloud .cloud8 a {				font-size:12px;	color: #556a70;}
.cloud .cloud9 a {				font-size:12px; color: #60686b;	}
.cloud .cloud10 a{				font-size:12px; color: #666666;	}

.ZZZZdijitLeaf,
ul.mainnavigation &gt; li &gt; a &gt; span {
	background-image: 			url("images/ArrowDown.png") !important;
}
ul.StaticNavigationNSAlt li.sub a span {
	background: 			transparent !Important;
}

#divItemDetails tbody tr td:first-child, #divLists .listItem td:first-child &gt; a,

.RichTextItem .StyleLinkDot,

.RichTextItem .StyleButtonDot,

.ZRichTextItem .StyleListDot ul li,

.LinkRequest .name,
#divRestrictions .restriction, 
#divSearchAssociations .association,
#UserDataSummaryDiv tr td.label, #LinkedAccountsDiv .name,

ul.StaticNavigationNSAlt li.subsub a span {
	background-image: 			url(images/Dot.gif) !Important;
}

.RichTextItem .StyleListDot ul li {
	color:						#333333 !Important;
	list-style: 				disc url(images/dot.gif) outside;
}

.dijitOpen &gt; .dijitArrowNode &gt; .dijitArrowNodeInner,
.dijitOpen:hover &gt; .dijitArrowNode &gt; .dijitArrowNodeInner,

.dijitClosed .dijitArrowNode .dijitArrowNodeInner,
.dijitClosed:hover .dijitArrowNode .dijitArrowNodeInner  {					
	ZZbackground-image: 			url(images/Icons.png) !important;
}

.GenericRSSReader .feedItemInner a.opened, .GenericRSSReader .feedItemInner a.closed,

.interests ul.overview .remove &gt; a,
.GenericRSSReader .feedItemInner &gt; span,
.dijitTitlePane .dijitEditNode, .dijitTitlePane .dijitEditNode:hover,
#collapseExpandLA.collapsed, #collapseExpandPD.collapsed, .dijitTitlePane .dijitClosed,
#collapseExpandLA.collapsed:hover, #collapseExpandPD.collapsed:hover, .dijitTitlePane .dijitClosed:hover,
#collapseExpandLA.expanded, #collapseExpandPD.expanded, .dijitTitlePane .dijitOpen,
#collapseExpandLA.expanded:hover, #collapseExpandPD.expanded:hover, .dijitTitlePane .dijitOpen:hover,
.dijitDialogCloseIcon, #divInterests .overview div.remove, #LinkedAccountsDiv .remove &gt; a, .dijitTitlePane .dijitCloseNode,
.dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove &gt; a:hover, .dijitTitlePane .dijitCloseNode:hover,
.dijitFolderClosed, .dijitFolderClosed:hover,
.dijitFolderOpened, .dijitFolderOpened:hover,
div.dispIcons div.dispFull a span, div.dispIcons div.dispFull a:hover &gt; span, 
div.dispIcons div.dispCover a span, div.dispIcons div.dispCover a:hover &gt; span, 
div.dispIcons div.dispText a span, div.dispIcons div.dispText a:hover &gt; span {	
	background:	url(images/sprite.png) !important;
}

.interests ul.overview .remove &gt; a {
	background-position: -60px -96px !important;
}

/* IN-555 */
.dijitTitlePane .dijitEditNode  {	
	background-position:    0    -96px !important;
}
.dijitTitlePane .dijitEditNode:hover  {
	background-position:    0   -116px !important;
}
.dijitTitlePane .dijitEditNode:first-child {
	transform: scaleX(-1);
}

#body .GenericRSSReader .feedItemInner .closed,
#collapseExpandLA.collapsed,
#collapseExpandPD.collapsed,
.dijitTitlePane .dijitClosed  {				background-position:  -20px  -96px !important;}

.GenericRSSReader .feedItemInner .closed:hover,
#collapseExpandLA.collapsed:hover,
#collapseExpandPD.collapsed:hover,
.dijitTitlePane .dijitClosed:hover  {		background-position:  -20px -116px !important;}

#body .GenericRSSReader .feedItemInner .opened,
#collapseExpandLA.expanded,
#collapseExpandPD.expanded,
.dijitTitlePane .dijitOpen  {				background-position:  -40px  -96px !important;}

.GenericRSSReader .feedItemInner .opened:hover,
#collapseExpandLA.expanded:hover,
#collapseExpandPD.expanded:hover,
.dijitTitlePane .dijitOpen:hover  {			background-position:  -40px -116px !important;}

.dijitDialogCloseIcon,
#divInterests .overview div.remove,
#LinkedAccountsDiv .remove &gt; a,
.dijitTitlePane .dijitCloseNode  {			background-position:  -60px  -96px !important;}
.dijitDialogCloseIcon:hover,
#divInterests .overview div.remove:hover,
#LinkedAccountsDiv .remove &gt; a:hover,
.dijitTitlePane .dijitCloseNode:hover {		background-position:  -60px -116px !important;}

.dijitFolderClosed  {						background-position:  -80px  -96px !important;}
.dijitFolderClosed:hover  {					background-position:  -80px -116px !important;}
.dijitFolderOpened  {						background-position: -100px  -96px !important;}
.dijitFolderOpened:hover  {					background-position: -100px -116px !important;}

div.dispIcons div.dispFull a span {			background-position:    0   -136px !important;} 
div.dispIcons div.dispFull a:hover &gt; span {	background-position:    0   -166px !important;}
div.dispIcons div.dispCover a span {		background-position:  -30px -136px !important;}
div.dispIcons div.dispCover a:hover &gt; span {background-position:  -30px -166px !important;}
div.dispIcons div.dispText a span {			background-position:  -60px -136px !important;}
div.dispIcons div.dispText a:hover &gt; span {	background-position:  -60px -166px !important;}

a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks &gt; li &gt; a, #divInterests .generalInfo a.NeedHelp, .RichTextItem .additional a, .recordDisplayElement div.FullRequest a.linkTo, .recordDisplayElement div.FullUrl a.linkTo, .otherSources .externalLink a, .divVlink .linkVlink a, #sOptions .advancedLink a, .SearchBox #sBoxOptions .advancedLink a, .itemFull .reserveItem a, .itemCover .reserveItem a, .itemText .reserveItem a, .relAuthors .relAuthor a, .EditBorrowerData .helpLink a, #itemDetailsLink a, .showItemDetails a, .LinkRequest .linkEntry .buttons a, .viewInfo a, #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a, .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchScreen .switchSearchExpert a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divBrowseOptions .option a, #divListOptions .option a, #divRecordOptions .option a, #browseNavOptions a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a, .UserActivities .navigation a, #divResultsOptions ul a, #divResultsOptions .option a, .feedItemInner, .calendarLinkDiv div a, div.appcontent div.singleEvent, .appLink a, .dijitDialog .guestRegister a, .dijitDialog .forgotPassword a, .addMoodLink a,
body.FlandersBlue #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div,

body.FlandersBlue #additionalbefore ul.appLinks &gt; li &gt; a,
body.FlandersBlue #divInterests .generalInfo a.NeedHelp,
body.FlandersBlue .RichTextItem .additional a,
body.FlandersBlue .recordDisplayElement div.FullRequest a.linkTo,
body.FlandersBlue .recordDisplayElement div.FullUrl a.linkTo,
body.FlandersBlue .otherSources .externalLink a,
body.FlandersBlue .divVlink .linkVlink a,
body.FlandersBlue #sOptions .advancedLink a,
body.FlandersBlue .SearchBox #sBoxOptions .advancedLink a,
body.FlandersBlue .itemFull .reserveItem a,
body.FlandersBlue .itemCover .reserveItem a,
body.FlandersBlue .itemText .reserveItem a,
body.FlandersBlue .relAuthors .relAuthor a,
body.FlandersBlue .EditBorrowerData .helpLink a,
body.FlandersBlue #itemDetailsLink a, .showItemDetails a,
body.FlandersBlue .LinkRequest .linkEntry .buttons a,
body.FlandersBlue .viewInfo a,
body.FlandersBlue #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a,
body.FlandersBlue .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, 
body.FlandersBlue #divListOptions a, #divLists a, #divSearchScreen .more a, #divSearchScreen .switchSearchAdvanced a, #divSearchResultsCMS .shortRecord a, #divInterests .add a, #divReviews .addReviewLink a, #divReviews .editReviewLink a, #divReviews .deleteReviewLink a, #vote a, #moreInfo a, #divRecordOptions .option a, .UserActivities .navigation a, .modifyData a, .newRequest a, .cancelSelected a, .cancelAll a, .renewSelected a, .renewAll a, .deleteSelected a, .selectPublic a, .selectAll a,
body.FlandersBlue .UserActivities .navigation a,
body.FlandersBlue #divResultsOptions ul a,
body.FlandersBlue .feedItemInner,
body.FlandersBlue .calendarLinkDiv div a,
body.FlandersBlue div.appcontent div.singleEvent,
ZZZbody.FlandersBlue .dijitDialog a,

body.FlandersBlue #zdivSearchScreen button.dijitButtonNode div, .zsearchFormSimple button.dijitButtonNode div,

body.FlandersBlue .RichTextItem .StyleLinkArrow,

body.FlandersBlue .RichTextItem .StyleButtonArrow,

body.FlandersBlue .dijitLeaf,
body.FlandersBlue #pendingLinkRequest a {
	background-image: 				url(images/ArrowRight.gif) !important;
}

.RichTextItem .StyleListArrow ul li {
	color:						#333333 !Important;
	list-style: 				disc url(images/ArrowRight.gif) outside;
}

div.dispIcons div.dispFull a span,
div.dispIcons div.dispCover a span,
div.dispIcons div.dispText a span,
div.dispIcons div.dispFull a:hover &gt; span,
div.dispIcons div.dispCover a:hover &gt; span,
div.dispIcons div.dispText a:hover &gt; span {
	background-image: 					url(images/sprite.png);
}

.link2.button, 
.buttonLink span, 
.dijitButton &gt; button &gt; div, 
.RichTextItem .StyleButton, 
.topInfo a, 
.topInfo a *,

.link2.button:hover, 
.buttonLink span:hover, 
.dijitButton &gt; button:hover &gt; div, 
.RichTextItem .StyleButton:hover, 
.topInfo a:hover,

.buttonLink span,
.dijitButton &gt; button &gt; div,
.dijitButton &gt; button.dijitButtonNode &gt; div,
.RichTextItem .StyleButton,
.topInfo a, .topInfo a *,

.buttonLink span:hover,
.dijitButton &gt; button:hover &gt; div,
.RichTextItem .StyleButton:hover,
.topInfo a:hover {
	background-image: 				url(images/ButtonsLeft.png) !Important;
}

.link2.button &gt; span,
.buttonLink span a,
.dijitButton &gt; button &gt; div &gt; center,
.RichTextItem .StyleButton &gt; span,
.topInfo a &gt; span,

.link2.button:hover &gt; span, 
.buttonLink span:hover &gt; a, 
.dijitButton &gt; button:hover &gt; div &gt; center, 
.RichTextItem .StyleButton:hover &gt; span, 
.topInfo a:hover &gt; span,

.buttonLink span a,
.dijitButton &gt; button &gt; div &gt; center,
.RichTextItem .StyleButton &gt; span,
.topInfo a &gt; span,

.buttonLink span:hover &gt; a,
.dijitButton &gt; button:hover &gt; div &gt; center,
.RichTextItem .StyleButton:hover &gt; span,
.topInfo a:hover &gt; span {
	background-image: 			url(images/ButtonsRight.png) !Important;
}

#additional {
background: none repeat scroll 0 0 rgba(249, 249, 249, 0.5);}
.Navigation .viewInfo,
#additionalContainer,
.dijitDialog { border: 1px solid #24499E;}
#divReviews .headerReviews,
.HeaderBasicInner div.row3 .buttonHolder a,
div.appcontent div.selected a,
.Navigation .viewInfo .linkName,
.LinkedAccounts .waiting,
#additionalContainer .additionalTitle span,
.UserActivities .title,
.dijitDialogTitle { color:#24499E !important;}

.recordDisplayElement .briefZIZO,
.recordDisplayElement .FullZIZO {
	line-height					: 50px; }
.recordDisplayElement .briefZIZO img,
.recordDisplayElement .FullZIZO img {
	float						: left;
    padding						: 0 5px 5px 0; }


/* Header, nav &amp; search */

#header .searchDiv,
#header .searchDiv &gt; div{
	float:left;
	height:auto;
	margin:0;
	position:static;}
#header .searchDiv {
	float: right;
	margin-top:17px !important;}
	
#header .navDiv &gt; div,
#header .navDiv &gt; div &gt; div &gt; div {
	float:none;}
#header .navDiv &gt; div &gt; div &gt; div &gt; div,
#header .navDiv &gt; div &gt; div &gt; div &gt; div &gt; div {
	float:left;
	height:auto;
	margin:0;
	position:static;}
#header .navDiv .row1 {
	margin-top:17px !important;
	clear:none;
	float:right;}
#header .navDiv .row2 {
	float:right !important;
	margin-top:30px !important;}
#header .navDiv #normala {
	background:none;}
#header .navDiv .logOut a {
	color: #24499E;
	font-weight:bold;}

div#header div.searchbox div.searchterm {
	padding-top:5px;} 
.HeaderNavigation .navDiv {
	width: auto;}
body.ie9 #navigation,
body.ie9 .column .application .apptitle,
body.ie9 .deBib.application,
body.ie9 .deBib.application .apptitle {
	filter:none;}


/* (Waiting) messages */
#pleaseWait, #emailRetrieving, #printRetrieving, div.formmessage[class*="message_"] &gt; span {
	border-color: #24499E;
	color: #24499E;
}
.userMessage {
	border-color: #24499E;
}


/* tables */
.RichTextItem .appcontent tr, .ItemDetails tr, .PaymentsDue tr, .LoanHistory tr, .dj_ie .RichTextItem .appcontent tr, .dj_ie .ItemDetails tr td, .dj_ie .ItemDetails tr th, .dj_ie .PaymentsDue tr td, .dj_ie .PaymentsDue tr th, .dj_ie .LoanHistory tr td, .dj_ie .LoanHistory tr th {
	background: none !important;
    border-bottom-color: #24499E;
}

/* IN-389 */
.dijitTextBox, .dijitComboBox, .dijitSpinner {
	width: 13em;
}
/* keep Linked accounts X icon visible and not just when hover */
#LinkedAccountsDiv:hover .remove a, 
#LinkedAccountsDiv:hover .remove a, 
#LinkedAccountsDiv .remove a {
            visibility: visible !important;
}
/* Additional CSS for Syndetics Unbound */
#SyndeticsUnbound_container img {
	border-style: none !important;
	margin: 0px;
}
#SyndeticsUnbound_container .unbound_tagblocktable {
	border-spacing: 4px !important;
}
#SyndeticsUnbound_container .unbound_tagblocktable tr {
	border-bottom: none !important;
}
#SyndeticsUnbound_container .unbound_tagblocktable td {
	padding: .6em .4em !important;
}
#SyndeticsUnbound_container .unbound_mega_header {
	display: none !important;
}
/*  ELECTRONIC MATERIAL 
/* Want to bold, larger text and specify colour for the etype eresource display */
/*.recordDisplayElement .eresource but ONLY if 336$2 has "local" - suppress everything else { */
.eresource:not(.noresbutton) {
                display: none;
}
.eresource.noresbutton {
                font-weight: bold !important;
                color: #24499E;
                font-size: 20px;
}


/* Ebook reserve button - suppress button if etype eresource flag wording is online */

.left.resa.noresbutton {
  display: none;
}
.eresourceUrl:not(.noresbutton) {
	display: none;
}
.eresourceUrl.noresbutton{
	font-weight: bold;
	font-size: 20px;
}
/*  CLUSTER DISPLAY  FYI 
.clusterItem controls the characteristics of the cluster box 
.clusterHeader controls the cluster box heading
.clusterLink controls the individual versions display
.clusterLinkAll is the "All" version link 
.ResultsCLS controls the search results cluster version display heading
NOW for my pretty horizontal option display 
 
display:flex switched to it to horizontal display 
Adding .cluster .appLink a seems to have stopped the arrowRight.gif from being shown
The overflow-x and overflow-y elements provide a left/right scroll bar inside the div -- if too many elements to be displayed*/
.cluster .appLink a {
	background: none !Important;
}
.clusterItem {
	display:flex;
	border:none !Important;
	padding:5px;
	/*width:600px;
    overflow: vertical-align;
	vertical-align: middle -0.125em;
	overflow-y: hidden;
	overflow-x: auto */
	flex-wrap: wrap;
	justify-content: left;
	row-gap: 15px;
	column-gap: 6px;
	

}
.clusterHeader {
	/*display: none !Important;*/
	font-weight:bold;
	white-space:pre;
}

/*this controls the display of the groups inside the cluster box including All versions - which is records that matched search term(s) 
and "Show cluster" which is all titles in cluster but some didn't match search term(s)
white-space: break-space forces line breaks between words - nowrap keeps them on one line */
.clusterLink {
	border:1px solid black !Important;
	border-radius:5px;
	padding-top:15px; !Important;
	padding-bottom:10px !Important;
	padding-left:0px !Important;
	padding-right: 10px !important;
	white-space: nowrap;
	width:min-content;
	text-align: center;
}
/* this one controls the characteristics of the Show all versions in the cluster "button" */
.clusterLinkAll {
	margin-top:0px !Important;
	border:1px solid black !Important;
	border-radius:5px;
	padding-top:15px; !Important;
	padding-bottom:10px !Important;
	padding-left:0px !Important;
	padding-right: 10px !important;
	white-space: nowrap;
	width:min-content;
	text-align: center;
}
/*The clusterItem is checking to see if the show all versions is present - if true then suppress the 2nd to last child which is the All versions*/
.clusterItem:has(.clusterLinkAll) div:nth-last-child(2) {
  display: none;
}
/* Cover and title hover display DON'T INCLUDE THE CLUSTER BOX*/
.recordDisplayElement.vertical .cluster {
    display: none !important;
}
</pre></body></html>