/* VersionControl, all different sites use the same base file */
@import url("../base/base.css");
@import url("enifontsizes.css");

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

body {
	background-color:		#f5f5f5;
}

body, body.normal {
	font-size:				14px;
}
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:					0px;
	padding-right:			0;
}

#header {
	background: #ffcb04;
	padding: 0px 0px 0px 0px;
	/*! position: relative !important; */
	/*! z-index: auto !important; */
	/*! margin-bottom: -9px !important; */
}
#header > a:first-child {
    display:none;
}
.HeaderLogo .logo > a > img {
	display:				none;
}
#header .HeaderLogo .logo {
	margin-left:0;
	margin-top:15px;
}
#header .HeaderLogo .logo > 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 > div.row1 { margin-right:185px; height: 108px;}
#header .HeaderNavigation .HeaderNavigationInner > div.row1 > div,
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div {	display:none;}
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff {	display:inline; background:none; }
#header .HeaderNavigation .HeaderNavigationInner > div.row2 > div#logoff div > div > div {width:400px !important;}

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

#header .HeaderNavigation .HeaderNavigationInner > 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 > div {
	margin:					20px 0 10px 10px;
	padding:				0px;
}
#column1 > div {
	margin-left:			0;
}


#navigation {
	background: #217648 !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

.application.deBib {				border:	1px solid #000000;}
.column .application .apptitle {	border-bottom: 8px solid #f15c22;}
.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 > div,
.application.nostyling > div .appcontent {
	padding					: 0;}

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

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

.column .application .apptitle {
	margin-bottom: 			5px;
	
	-moz-box-shadow: 		0px 4px 4px #e0e0e0;
	-webkit-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: 			0px 4px 4px #000000
	
	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;
}

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



#navigation > ul > li, #navigation > ul > li:hover, #navigation > ul > li:hover > a {
	background:				none !important;
}
#navigation > ul > li > a, #navigation > ul > li:hover > a {
	color:					#ffffff;
    font-size: 16px;
    font-weight: normal;
	text-decoration:   none;
}
#navigation > ul > li:hover, 
#navigation > ul > li:hover > a > span {
	background: #9ec83b !important;
	color: #FFFFFF !important;
	text-decoration:   none;
	box-shadow: 1px 7px 9px -3px rgba(0, 0, 0, 0.5);
}

#navigation >ul li.logOut > a > span {
	background:none repeat scroll 0 0 #8A1F0F !important;
	color:#fff;}

#navigation > ul > li > ul {
	background:				#ffffff !important;
	border:					1px solid #5d285f;
}

.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 > div.icon, 
.NavigationDisplayApp ul li.closed > div.icon, 
.NavigationDisplayApp ul li.nosub > 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:#007a33 !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:		none;
	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 #ffffff;
}


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 > .searchIn, .HeaderNavigation .SearchInner #sOptions > .searchIn,

#additionalbefore ul.appLinks > li > 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:					#007a33 !important; /*DeBib DoRood*/
}
    
   
.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img,
.HeaderNavigation .SearchInner #sOptions {
	border-color:			#000000; /*DeBib DoRood*/
}
#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType {
    color:#000000; /*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 #5d285f;
	background:inherit !important;
}

.ResultsWiki .apptitle h2,
.cloud .cloud1 a {				font-size:20px; color: #007a9c !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 > li > a > span {
	background-image: 			none;
}
ul.StaticNavigationNSAlt li.sub a span {
	background: 			transparent !Important;
}

#divItemDetails tbody tr td:first-child, #divLists .listItem td:first-child > a,

.RichTextItem .StyleLinkDot,

.RichTextItem .StyleButtonDot,

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

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

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

.dijitOpen > .dijitArrowNode > .dijitArrowNodeInner,
.dijitOpen:hover > .dijitArrowNode > .dijitArrowNodeInner,

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


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

a.link2, .searchTree.textOnly a, a.sortOK, #additionalbefore ul.appLinks > li > 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.Dumgal #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div,

body.Dumgal #additionalbefore ul.appLinks > li > a,
body.Dumgal #divInterests .generalInfo a.NeedHelp,
body.Dumgal .RichTextItem .additional a,
body.Dumgal .recordDisplayElement div.FullRequest a.linkTo,
body.Dumgal .recordDisplayElement div.FullUrl a.linkTo,
body.Dumgal .otherSources .externalLink a,
body.Dumgal .divVlink .linkVlink a,
body.Dumgal #sOptions .advancedLink a,
body.Dumgal .SearchBox #sBoxOptions .advancedLink a,
body.Dumgal .itemFull .reserveItem a,
body.Dumgal .itemCover .reserveItem a,
body.Dumgal .itemText .reserveItem a,
body.Dumgal .relAuthors .relAuthor a,
body.Dumgal .EditBorrowerData .helpLink a,
body.Dumgal #itemDetailsLink a, .showItemDetails a,
body.Dumgal .LinkRequest .linkEntry .buttons a,
body.Dumgal .viewInfo a,
body.Dumgal #optionsExpanded div.option a, .SearchResults .leftDiv .switchSearchSimpleEmbedded a, .searchFormSimple .switchSearchSimple a,
body.Dumgal .zeroHits .linkVlink a, .zeroHits .searchAll a, .zeroHits .altTerm a, 
body.Dumgal #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.Dumgal .UserActivities .navigation a,
body.Dumgal #divResultsOptions ul a,
body.Dumgal .feedItemInner,
body.Dumgal .calendarLinkDiv div a,
body.Dumgal div.appcontent div.singleEvent,
ZZZbody.Dumgal .dijitDialog a,

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

body.Dumgal .RichTextItem .StyleLinkArrow,

body.Dumgal .RichTextItem .StyleButtonArrow,

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

.RichTextItem .StyleListArrow ul li {
	color:						#333333 !Important;
	list-style: 				disc url(images/ArrowRight.gif) !important 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 > span,
div.dispIcons div.dispCover a:hover > span,
div.dispIcons div.dispText a:hover > span {
	background-image: 					url(images/sprite.png) !important;
}

/*
.link2.button, 
.buttonLink span, 
.dijitButton > button > div, 
.RichTextItem .StyleButton, 
.topInfo a, 
.topInfo a *,

.link2.button:hover, 
.buttonLink span:hover, 
.dijitButton > button:hover > div, 
.RichTextItem .StyleButton:hover, 
.topInfo a:hover,

.buttonLink span,
.dijitButton > button > div,
.dijitButton > button.dijitButtonNode > div,
.RichTextItem .StyleButton,
.topInfo a, .topInfo a *,

.buttonLink span:hover,
.dijitButton > button:hover > div,
.RichTextItem .StyleButton:hover,
.topInfo a:hover {
	background-image: 				url(images/ButtonsLeft.png) !important;
}
.link2.button > span,
.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span,

.link2.button:hover > span, 
.buttonLink span:hover > a, 
.dijitButton > button:hover > div > center, 
.RichTextItem .StyleButton:hover > span, 
.topInfo a:hover > span,

.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span,

.buttonLink span:hover > a,
.dijitButton > button:hover > div > center,
.RichTextItem .StyleButton:hover > span,
.topInfo a:hover > 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 #cc3d3d;}
#divReviews .headerReviews,
div.appcontent div.selected a,
.HeaderBasicInner div.row3 .buttonHolder a,
.Navigation .viewInfo .linkName,
.LinkedAccounts .waiting,
#additionalContainer .additionalTitle span, 
.UserActivities .title,
.dijitDialogTitle { color:#cc3d3d !important;}

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


/* Header, nav & search */

#header .searchDiv,
#header .searchDiv > div{
	float:left;
	height:auto;
	margin:0;
	position:static;}
#header .searchDiv {
	float: right;
	margin-top:17px !important;}
	
#header .navDiv > div,
#header .navDiv > div > div > div {
	float:none;}
#header .navDiv > div > div > div > div,
#header .navDiv > div > div > div > div > 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: #cc3d3d;
	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_"] > span {
	border-color:#cc3d3d;
	color: #cc3d3d;
}
.userMessage {
	border-color: #cc3d3d;
}


/* 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: #5d285f;
}


/* Infor Style for the Search boxwdiget */


.InforSimpleSearch .searchBoxForm {
	display: flex;
}

.InforSimpleSearch .searchBoxForm .searchterm {
	flex: 1 1 0;
	width: 85%;
}

.InforSimpleSearch .searchBoxForm .searchterm input {
	width: 95% !important;
	height: 30px !important;
	font-size: 11pt !important;
	padding: 5px;
	border-radius: 7px !important;
	border: solid 1px;
	color: #333333;
}

.InforSimpleSearch .searchBoxForm .searchsubmit input {
	background-color: #ffcb04;
	width: 6em;
	border-radius: 7px;
	color: #000;
	font-size: 150%;
	padding: 6px 10px;
}

.InforSimpleSearch .searchBoxForm .searchsubmit input:hover {
    background-color: #ffcb04;
    color: #000;
}	

/* EDS search box height and width */


div.EDSsubmit, EDSsubmitbutton {
	display: inline;
}

input#EDSsubmit {
	width: 70% !important;
	height: 30px !important;
	font-size: 11pt !important;
	color: black !important;
	padding: 5px;
	border-radius: 7px !important;
	border: solid 1px;
	color: #333333;
	}

input::placeholder {
	color: #333333;
}
	
input#EDSsubmitbutton {
	background-color: indigo;
	border-radius: 7px;
	color: white;
	font-size: 125%;
	padding: 5px 10px;
}


#EDSsubmitbutton:hover {
    background-color: firebrick;
    color: white;
}


/*  Warning and WarningOK Coding for Navigation Menu - top level - taken from kidsc theme; changed colour from white (FFFFFF) to black (000000)*/

ul.mainnavigation > li.warning > a {
    background: none repeat scroll 0 0 !important; /*green*/
	box-shadow: 0 -27px 15px -15px #E6E7E2 inset;} /*green*/
ul.mainnavigation > li.warningOK > a {
    background: none repeat scroll 0 0 !important; /*yellow*/
	box-shadow: 0 -27px 15px -15px #f3ce7f inset;} /*yellow*/
ul.mainnavigation > li.warning > a > span,
ul.mainnavigation > li.warningOK > a > span {
    color: #000000 !important; /*black*/
    font-weight: bold;}


/* END */


/*START: KIDSA WIDGET FOOTERS ----------------------------------------------------------------------------------------------*/
.apptitle {
	margin:0;}
.appcontent {
    padding: 8px;}

 .spare { 
    display:none;}

.clouds .spare,
.grass .spare,
.grass2 .spare,
.hillleft .spare,
.hillright .spare,
.kids .spare,
.kids2 .spare,
.kids3 .spare,
.birds .spare,
.butterfly .spare,
.butterflyright .spare,
.butterflyright2 .spare {
	display:block;
    height: 50px;
    position: relative;
    width: 100%;
	z-index:-1;}
.spare > div:first-child  {
    position: absolute;
	bottom:0;
    -webkit-border-radius:0 0 15px 15px;}


.clouds .spare {
    background: url("images/spritea.png") no-repeat scroll 0 0 transparent;
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 365px;}

.grass .spare {	height:35px;}
.grass .spare > div:first-child { 
    background: url("images/spritea.png") no-repeat scroll 0 -385px transparent;
    height: 35px;
	position:relative;
    margin: 0 auto;
    width: 365px;}

.grass2 .spare {	height:25px;}
.grass2 .spare > div:first-child { 
    background: url("images/spritea.png") no-repeat scroll 0 -420px transparent;
    height: 25px;
	position:relative;
    margin: 0 auto;
    width: 325px;}

.hillleft .spare {	height:20px;}
.hillleft .spare > div:first-child { 
    background: url("images/spritea.png") no-repeat scroll -180px -350px transparent;
    height: 35px;
    width: 85px;}

.hillright .spare {	height:40px;}
.hillright .spare > div:first-child {
    background: url("images/spritea.png") no-repeat scroll -605px -300px transparent;
    height: 65px;
    right: 0;
    width: 145px;}

.kids .spare {	height:65px;}
.kids .spare > div:first-child { 
    background: url("images/spritea.png") repeat-x scroll 0 -470px transparent;
    height: 90px;
    margin: 0;
    width: 100%;
    -webkit-border-radius:0 0 15px 15px;}

.kids2 .spare {	height: 95px;}
.kids2 .spare > div:first-child { 
    background: url("images/spritea.png") no-repeat scroll right -365px transparent;
    height: 105px;
	right:0;
	width: 385px;}

.kids3 .spare {	height:85px;}
.kids3 .spare > div:first-child { 
    background: url("images/spritea.png") no-repeat scroll 0 -300px transparent;
    height: 85px;
    width: 270px;}

.birds .spare {	height:30px;}
.birds .spare > div:first-child {
    background: url("images/spritea.png") no-repeat scroll -270px -300px transparent;
    height: 65px;
    right: 0;
    width: 55px;}

.butterfly .spare {	height:35px;}
.butterfly .spare > div:first-child { 
    background: url("images/spritea.png") repeat-x scroll -685px -210px transparent;
    height: 40px;
    margin: 0 auto 0 0;
    width: 85px;}

.butterflyright .spare {	height:30px;}
.butterflyright .spare > div:first-child { 
    background: url("images/spritea.png") repeat-x scroll -520px 0 transparent;
    height: 40px;
	right:0;
    width: 85px;}

.butterflyright2 .spare {	height:35px;}
.butterflyright2 .spare > div:first-child { 
    background: url("images/spritea.png") repeat-x scroll -365px -40px transparent;
    height: 40px;
	right:0;
    width: 85px;}
/*END: WIDGET FOOTERS ------------------------------------------------------------------------------------------------*/


/*START: KIDSB WIDGET FOOTERS ----------------------------------------------------------------------------------------------*/
.apptitle {
	margin:0;}
.appcontent {
    padding: 8px;}

.spare { 
    display:none;}


.coralleft .spare,
.coralright .spare,
.bedding .spare,
.bubblesleft .spare,
.bubblesright .spare,
.tentacles .spare,
.starfish .spare,
.squid .spare,
.fish .spare,
.fish2 .spare,
.fish3 .spare,
.fish3right .spare {
	display:block;
    height: 50px;
    position: relative;
    width: 100%;
	z-index:-1;}
.spare > div:first-child  {
    position: absolute;
	bottom:0;
    -webkit-border-radius:0 0 15px 15px;}


.coralleft .spare { 
    height: 100px;}
.coralleft .spare > div:first-child { 
    background: url("images/spriteb.png") no-repeat scroll -559px -228px transparent;
    height: 142px;
    width: 156px;}
 
.coralright .spare {
    height: 100px;}
.coralright .spare > div:first-child { 
    background: url("images/spriteb.png") no-repeat scroll -715px -228px transparent;
    right: 0;
    height: 142px;
    width: 177px;}

.bedding .spare {	height: 36px;}
.bedding .spare > div:first-child {
    background: url("images/spriteb.png") no-repeat scroll 0 -77px transparent;
    height: 36px;
    right: 0;
    width: 675px;}

.bubblesleft .spare,
.bubblesright .spare { 
    bottom: 0;
    height: 110px;
    position: absolute;
    width: 100%;}
.bubblesleft .spare > div:first-child,
.bubblesright .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -1000px 0 transparent;
    height: 285px;
    right: 0;
    width: 110px;}
.bubblesright .spare > div:first-child {
    right: 0;}

.tentacles .spare {
    height: 60px;
    position: absolute;
    top: 0;}
.tentacles .spare > div:first-child { 
    background: url("images/spriteb.png") no-repeat scroll -675px 0 transparent;
    height: 97px;
    margin: 0 auto;
    position: relative;
    width: 220px;}

.starfish .spare { 
    height: 50px;}
.starfish .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -240px 0 transparent;
    height: 67px;
    width: 74px;}

.squid .spare { 
    height: 40px;}
.squid .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -175px 0 transparent;
    height: 77px;
    width: 65px;}
 
.fish .spare {
    height: 60px;}
.fish .spare > div:first-child {
    background: url("images/spriteb.png") no-repeat scroll 0 0 transparent;
    right: 0;
    height: 75px;
    width: 175px;}

.fish2 .spare { 
    height: 60px;}
.fish2 .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -559px -136px transparent;
    height: 95px;
    width: 148px;}

.fish3 .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -915px -30px transparent;
    height: 55px;
    width: 80px;}

.fish3right .spare { 
    height: 20px;}
.fish3right .spare > div:first-child {
    background: url("images/spriteb.png") repeat-x scroll -740px -136px transparent;
    height: 87px;
    right: 0;
    width: 70px;}
/*END: WIDGET FOOTERS ------------------------------------------------------------------------------------------------*/


/*START: KDSC WIDGET FOOTERS ----------------------------------------------------------------------------------------------*/
.apptitle {
	margin:0;}
.appcontent {
    padding: 8px;}

.spare { 
    display:none;}
/*END: WIDGET FOOTERS ------------------------------------------------------------------------------------------------*/

/* Clusters */
.clusterItem {
	display:inline-block;
	border:1px solid #5d285f;
	padding:10px;
}
.clusterHeader {
	font-weight:bold;
}
.clusterLink {
}
.clusterLinkAll {
	margin-top:10px;
}

/* From kidsa - rounded corners for widgets */

#banner {
    margin: -10px 10px 0 !important;}
#banner .bannerImage {
	background:none;}
container {
	padding:0;}
#banner {
    float: none;
    margin: 35px 10px 0;
    width: auto;}

#banner .bannerImage img, .application {
    background: #ebf7fe;
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
	ZZZfilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff); zoom: 1; /*IE*/
    border-radius: 15px 15px 15px 15px;
    box-shadow: 1px 3px 10px -5px rgba(0, 0, 0, 0.5);
    margin: 15px 10px;
    position: relative;
    z-index: 0;}
#banner .bannerImage img{
    margin:0;}
.apptitle {
	background: url("images/sprite.png") no-repeat scroll right -790px #d9effc;
    border-bottom: 1px solid #CCCCCC;
    border-top: medium none !important;
    box-shadow: 0 6px 12px -13px;
    margin-top: 0;
    padding-top: 8px;
	border-radius:15px 15px 0 0;}

.mainOptions .iWantTo, .mainOptions .option *,
.apptitle h1, .apptitle h2 {
    color: #000000;
    font-size: 1.75em !important;
    font-weight: solid !important;
    text-shadow: 0 0 10px #FFFFFF;}
.mainOptions .option *{
	font-size:1em !important;}

.mainOptions .option a:hover * {
    color: #217648;
}

#shelfMarks table caption, .mainOptions .iWantTo {
	color: #217648;
	font-size: 20px;
	font-weight: bold;
}

.buttonHolder a {
    color: #3b3d43;
}

.LGnavmenu a {
    color: #038387;
    font-size: 125%;
}
.buttonHolder a:hover{
    color: #3b3d43 !important;
    font-size: 100%;
    text-decoration: none;
}
#normala {
    color: #000000 !important;
	font-size: 12px !important;
    padding-top: 5px;	
}
#largea {
    color: #000000 !important;
	font-size: 15px !important;
    padding-top: 2px;
}
#largesta {
    color: #000000 !important;
	font-size: 18px !important;
    padding-top: 0px;
}
#normala a:hover{
    font-size: 13px !important;
    padding-top: 5px;	
    color: #cc3d3d !important;
}
#largea a:hover{
    font-size: 16px !important;
    padding-top: 2px;
    color: #cc3d3d!important;
}
#largesta a:hover{
    font-size: 19px !important;
    padding-top: 0px;
    color: #cc3d3d!important;
}

.link2.textLink {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border-image: none;
	border-left: medium none;
	border-right: medium none;
	border-top: medium none;
	color: #000000 !important;
	height: auto !important;
	text-align: left;
}

#divRestrictions .restriction a:hover, #divSearchAssociations .association a:hover, #UserDataSummaryDiv tr td.label a:hover, #LinkedAccountsDiv .name a:hover {
	font-weight: normal !Important;
	color: #217648 !Important;
}

a.link2:hover, .searchTree.textOnly a:hover, a.sortOK:hover > span, #additionalbefore ul.appLinks > li > 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, #divSearchScreen .switchSearchExpert 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, #divBrowseOptions .option a:hover, #divListOptions .option a:hover, #divRecordOptions .option a:hover, .browseNavOptions 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, #divResultsOptions .option a:hover, .feedItemInner a:hover, .calendarLinkDiv div a:hover, div.appcontent div.singleEvent a:hover, .dijitDialog a:hover, .addMoodLink a:hover {
	font-weight: normal !Important;
	color: #217648 !Important;
}

.navigationPageCurrent {
	color: #000000 !Important;
}

.EditBorrowerData .stepActive {
	color: #000000;
}

.EditBorrowerData .stepNext {
    color: #000000;
}

fieldset.group > legend {
	color: #000000;
}

.River .ui .pause, .River .ui .left, .River .ui .right {
	background-color: white !Important;
	color: white;
}
/*hide pay button */
#payLink {display:none}

/*font colours in RTI */
.RichTextItem .appcontent a, .Welcome .appcontent a {
    color: #cc3d3d;
	font-weight: bold;
}

.RichTextItem .appcontent a:hover,
.Welcome .appcontent a:hover{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

/* hide options in CRM */

/*#CRMoptioncrmpurchasesuggestion {display:none;} */

#CRMoptionWish {
	display: none;
}

#lightbox .inner .cover img {
    width: 110px;
	height: auto !Important;
}

/* Copied from base - changed display from inline-block to inline CJY 080819   */

.listItem .Availability.detail div span {
    display: inline;
    width: 100% !Important;
    vertical-align: text-top;
}

/* [?08/?08/?2019 16:41]  Robert Blair:  */
.full ol li, .full ul li {
    margin-bottom: 10px;
} 
 
#shelfMarks .displayTable tr.notavailable td.availStatus {
  color: #cc3d3d;
}

#shelfMarks .displayTable tr.available td.availStatus {
  color: #f15c22;
}

.River .ui .pause, .River .ui .left, .River .ui .right {
	background-color: black !important;
	color: black !important;
}

.ENIButtons {
  background-color: #217648 !important;
  color: #ffffff;
  width: 25%;
  border: 1px solid;
  border-radius: 10px;
  padding: 2% 2%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  margin: 5px 20px 10px 40px;
}
.ENIButtons:hover {
  background-color: #9ec83b !important;;
	color: #ffffff;
}

.collapseExpand > button:hover, .collapseExpand > button:focus {
	color: #217648;
}

#ENI_footer {
  background: #ffd841;
  color: #3b3d43;
  height: auto;
  display: inline-block;
  float: left;
  padding: 10px;
  font-size: 15px;
  line-height: 1.5;
}
.ENI_column {
  display: block;
  float: left;
  position: relative;
}
.navigationPageCurrent {
  color: #008000 !important;
}
.ZZZZdijitLeaf,
ul.mainnavigation > li > a > span {
  background-image: url("images/ArrowDown.gif") !important;
}
.social-media-list a {
  color: white !important;
}
.social-media-list li {
  padding: 0px 0px 0px -15px;
  position: relative;
  margin-left: -0.25em;
  margin-top: 1px;
  font-size: inherit;
}
.footer_span4 {
  margin-left: 7%;
  margin-right: 1%;
  text-align: left !important;
  margin-top: 1%;
  margin-bottom: 1%;
  width: 15%;
}
.footer a {
  text-decoration: none;
  color: #3b3d43 !important;
}
.footer a:hover {
  text-decoration: underline !important;
  color: #f5f5f5 !important;
  font-size: 1em !important;
}
.footer_span4.ENI_column div.footer_image {
  display: block;
  max-width: 100%;
  width: 200px;
  padding: 0px 0px 0px 30px;
  margin-left: 15%;
}
@media only screen and (max-width: 768px) {
    #ENI_footer img {
     max-width: 100%;
			height: auto;
    }
}

@media only screen and (max-width: 768px) {
    #ENI_footer .footer_span4 {
        width: 70%;
    display: block;
	margin-left: 20%;
        margin-right: 1%;
        text-align: left !important;
        margin-top: 1%;
        margin-bottom: 1%;
			
    }
}

/*
.normal .dijitButtonText {
	font-size:	16pt !important;
	color:		black !important;
}
*/


/* Usage Survey - hide fields */
/*
#CRMoptionComplaint,
#CRMoptionSuggestion,
#CRMoptionQuestion{
  display: none;
}
*/

.CRMheader, .CRMfooter {
    border-top: 1px solid #CCCCCC; /* pale grey */
    margin: 5px 0;
    padding: 15px;
}

.CRMeventtype {
    border-top: 1px solid #CCCCCC; /* pale grey */
    margin: 5px 0;
    padding: 15px;
}

#purchasereq td {
  padding-bottom: 15px;
}




/* SR00269502 - CJY 10-DEC-25 */
#LoginDialog .logonOption > input {
	margin-top:		7px !important;
	padding:		10pt !important;
	border-color:	black !important;
	border-radius:	5px !important;
	cursor: pointer !important;
	font-family: 'Open Sans', arial, sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
}

/* SR00238232 - CJY 10-DEC-2025 - from Plaine Commune */
#additionalContainer .dijitButton button center, #additional #LoginDialog button, #additional #warning button, .plaine_commune .dijitButton
>button>div>center, #additionalContainer .guestRegister a 
{
    padding: 				5px 15px 5px 15px  !important;
    margin: 				5px !important;
    height: 				3rem !important;
    background-color: 		#217648 !important;
	/* border-width:		5px !important; */
    border-style:			solid !important;
	border-color:			#217648 !important;
	border-radius:			10px !important;
    text-transform: 		uppercase;
    font-family: 			'Open Sans', arial, sans-serif !important;
    font-weight: 			600 !important;
    font-size: 				14px !important;
    color: 					#ffffff !important;
    /* line-height: 		3rem !important; */
	cursor:					pointer !important;
}

/* SR00238232 - Larger (DJIT) BUTTONS- CJY 16-DEC-2025*/
.buttonLink span,
.dijitButton, .dijitButton *,
.RichTextItem .StyleButton, .RichTextItem .StyleButton *,
.topInfo a {
	border:						none !Important;
	border-radius:				10px !important;
	background:					#fbfbfb !Important;
	color:						#f5f5f5 !Important;
	padding:					0 !Important;
	margin:						5px !Important;
	text-decoration:			none !Important;
	font-weight:				normal !Important;
	line-height:				24px !Important;
	font-size:					24px !important;
	vertical-align:				middle !Important;
}
.dijitButton > button > span
 {
	display:					none;
}
button.link2,
.link2.button,
.buttonLink span,
.dijitButton > button > div,
.RichTextItem .StyleButton,
.topInfo a, .topInfo a * {
	border: 					none !important;
	border-radius:				10px !important;
	height: 					40px !Important;
	display:					inline-block !Important;
	background: 				none !Important;
	background-color:			#217648 !important;
	color:						#f5f5f5 !Important;
	line-height:				24px !Important;
	font-size:					24px !important;
	vertical-align:				middle !Important;
	cursor:						pointer !Important;
	padding:					10px 10px 10px 10px !important;
}
button.link2 > span,
.link2.button > span,
.buttonLink span a,
.dijitButton > button > div > center,
.RichTextItem .StyleButton > span,
.topInfo a > span{
	height: 					14px !important;
	display:					inline-block !important;
	margin-left:				5px !Important;
	/* padding:					10px 5px 10px 5px !important; */
	background: 				none !Important;
	background-color:			#217648 !important;
	color:						#f5f5f5 !Important;
	font-size:					24px !important;
	vertical-align:				middle !important;
}
.link2.button:hover,
.buttonLink span:hover,
.dijitButton > button:hover > div,
.RichTextItem .StyleButton:hover,
.topInfo a:hover {
	border: 					none !important;
	border-radius:				10px !important;
	height: 					40px !Important;
	display:					inline-block !Important;
	background: 				none !Important;
	background-color:			#9ec83b !important;
	color:						#f5f5f5 !Important;
	line-height:				24px !Important;
	font-size:					24px !important;
	vertical-align:				middle !Important;
	cursor:						pointer !Important;
	padding:					10px 10px 10px 10px !important;
}
button.link2::-moz-focus-inner { /* Remove FireFox's retarded hidden padding / border */
	padding:0;border:0;
}
.link2.button:hover > span,
.buttonLink span:hover > a,
.dijitButton > button:hover > div > center,
.RichTextItem .StyleButton:hover > span,
.topInfo a:hover > span {
	height: 					14px !important;
	display:					inline-block !important;
	margin-left:				5px !Important;
	/* padding:					10px 5px 10px 5px !important; */
	background: 				none !Important;
	background-color:			#9ec83b !important;
	color:						#f5f5f5 !Important;
	font-size:					24px !important;
	vertical-align:				middle !important;
}