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

/* Additions to the base file for the Johnstone High School look */

body {
	background-color:		#fff5ee; /* Seashell */
}

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 > 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:				none !important;
	border:					none;
	border-bottom:			8px solid #0000FF; /* Blue */
	margin-bottom: 			0px;
}

.application.deBib {				border:	1px solid #007a33;} /* dark green */
.column .application .apptitle {	border-bottom: 1px solid #0000FF;} /* Blue */
.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;
}

/* Widget header */
.column .application .apptitle,
.application.deBib,
#navigation ul {			background:#ffffff; /* white */
	box-shadow: 0 -27px 15px -15px #E6C185 inset;
}

#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); /* grey */
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=180, Strength=5, Color='#d0d0d0')"; /* grey */
}
.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); /* grey */
 	-ms-filter:"progid:DXImageTransform.Microsoft.glow(direction=135, Strength=5, Color='#d0d0d0')"; /* grey */
}
.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 > ul > li, #navigation > ul > li:hover, #navigation > ul > li:hover > a {
	background:				none !important;
}
#navigation > ul > li > a, #navigation > ul > li:hover > a {
	color:					#222222; /* v. d. grey */
}
#navigation > ul > li:hover,
#navigation > ul > li:hover > a > span {
	background:				#E28C05 !important; /* NHS Yellow */
	color:					#FFFFFF !important; /* white */
	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; /* dark red */
	color:#fff;} /* white */

#navigation > ul > li > ul {
	background:				#ffffff !important;
	border:					1px solid #E28C05; /* NHS Yellow */
}



.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;} /* dark grey */
.dijitTitlePaneContentInner .appcontent .NavigationDisplayApp ul li a:hover span {color:#E28C05 !important;}  /* NHS Yellow */
.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; /* taupe */
}

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; /* white */
}


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:					#0000FF !important; /* Blue */
}
a:hover, a:hover span {
	text-decoration:		underline;
}
.recordDisplayElement .image img, .listItem .image img, #divRelatedWorks .image img,
.HeaderNavigation .SearchInner #sOptions {
	border-color:			#0000FF; /* Blue */
}
#recordDisplay .FullMaterialType, .recordDisplayElement .briefMaterial, .recordDisplayElement .FullMaterialType {
    color: #E28C05; /* NHS Yellow */
}

.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 #0000FF; /* Blue */
	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: 			url("images/ArrowDown.gif") !important;
}
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) !Important;
}

.RichTextItem .StyleListDot ul li {
	color:						#333333 !Important; /* dark grey */
	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;
}

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

.interests ul.overview .remove > a,
.GenericRSSReader .feedItemInner > 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 > a, .dijitTitlePane .dijitCloseNode,
.dijitDialogCloseIcon:hover, #divInterests .overview div.remove:hover, #LinkedAccountsDiv .remove > a:hover, .dijitTitlePane .dijitCloseNode:hover,
.dijitFolderClosed, .dijitFolderClosed:hover,
.dijitFolderOpened, .dijitFolderOpened:hover,
div.dispIcons div.dispFull a span, div.dispIcons div.dispFull a:hover > span, 
div.dispIcons div.dispCover a span, div.dispIcons div.dispCover a:hover > span, 
div.dispIcons div.dispText a span, div.dispIcons div.dispText a:hover > span {	
	background:	url(images/sprite.png) !important;
}

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

.dijitTitlePane .dijitEditNode:first-child {        background-position: -120px  -96px !important;}
.dijitTitlePane .dijitEditNode:hover:first-child  {	background-position: -120px -116px !important;}
.dijitTitlePane .dijitEditNode  {			background-position:    0    -96px !important;}
.dijitTitlePane .dijitEditNode:hover  {		background-position:    0   -116px !important;}

#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 > a,
#LinkedAccountsDiv .remove > a,
.dijitTitlePane .dijitCloseNode  {			background-position:  -60px  -96px !important;}
.dijitDialogCloseIcon:hover,
#divInterests .overview div.remove:hover,
#LinkedAccountsDiv .remove > 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 > span {	background-position:    0   -166px !important;}
div.dispIcons div.dispCover a span {		background-position:  -30px -136px !important;}
div.dispIcons div.dispCover a:hover > span {background-position:  -30px -166px !important;}
div.dispIcons div.dispText a span {			background-position:  -60px -136px !important;}
div.dispIcons div.dispText a:hover > span {	background-position:  -60px -166px !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.ncc #divLists .dijitButtonNode div, .dialogButtons button.dijitButtonNode div,

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

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

body.ncc .RichTextItem .StyleLinkArrow,

body.ncc .RichTextItem .StyleButtonArrow,

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

.RichTextItem .StyleListArrow ul li {
	color:						#333333 !Important; /* dark grey */
	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 > span,
div.dispIcons div.dispCover a:hover > span,
div.dispIcons div.dispText a:hover > span {
	background-image: 					url(images/sprite.png);
}
.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 #0000FF;} /* Blue */
#divReviews .headerReviews,
div.appcontent div.selected a,
.HeaderBasicInner div.row3 .buttonHolder a,
.Navigation .viewInfo .linkName,
.LinkedAccounts .waiting,
#additionalContainer .additionalTitle span, 
.UserActivities .title,
.dijitDialogTitle { color:#0000FF !important;} /* Blue */

.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: #007a33;
	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: #007a33; /* dark green */
	color: #007a33; /* dark green */
}
.userMessage {
	border-color: #007a33; /* dark green */
}


/* 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: #0000FF; /* Blue */
}


/* Infor Style for the Search boxwdiget */


.InforSimpleSearch .searchBoxForm {
	display: flex;
}

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

.InforSimpleSearch .searchFilterSelect select {
	height: 40px !important;
	/* font-size: 11pt !important; */
	padding: 10px;
	border-radius: 7px !important;
}

.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; /* dark grey */
}

.InforSimpleSearch .searchBoxForm .searchsubmit input {
	background-color: #0000FF; /* Blue */
	width: 5em;
	border-radius: 7px;
	color: white;
	font-size: 200%;
	padding: 5px 10px;
}

.InforSimpleSearch .searchBoxForm .searchsubmit input:hover {
    background-color: #E28C05; /* NHS Yellow */
    color: white;
}	

/* 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; /* dark grey */
	}

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


#EDSsubmitbutton:hover {
    background-color: firebrick;
    color: white;
}
/* Navigation from KidsA */

body#body #navigation {
    background: none repeat scroll 0 0 #FFFFFF !important;
/*    border: 1px solid #31A4FF; */
/*    border-radius: 10px 10px 10px 10px; */
    box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.5), 0 0 10px #D6EEFC inset;
    float: none;
    position: relative !important;
    top: 0px;
	width:auto;}
ul.mainnavigation {
	overflow:auto;}
ul.mainnavigation > li {
    font-size: 1.25em;}
ul.mainnavigation > li:hover, ul.mainnavigation > li:active {
	background-color: transparent;
	box-shadow: none;}
#navigation > ul > li:first-child > a {
/* 	border-radius:10px 0 0 10px;} */
	border-radius:0px;}
#navigation > ul > li:hover > a,
#navigation > ul > li:focus > a {
    background-color: #31A4FF;
    box-shadow: -3px 0 4px -2px rgba(0, 0, 0, 0.25), 3px 0 4px -2px rgba(0, 0, 0, 0.25), 0 10px 7px -5px rgba(255, 255, 255, 0.2) inset, 0 15px 22px -11px rgba(255, 255, 255, 0.35) inset;
    outline: 0 none;}
#navigation > ul > li:hover > a,
#navigation > ul > li:focus > a {
    color: #FFFFFF;
    text-decoration: none;}
ul.mainnavigation > li > a > span {
    color: #223399; /*ink blue*/}
ul.mainnavigation > li:hover > a > span,
ul.mainnavigation > li:focus > a > span {
    color: #fff;}
ul.mainnavigation > li:first-child > a > span {
    border-radius: 10px 0 0 10px;}


ul.mainnavigation > li:hover > ul,
ul.mainnavigation > li:focus > ul {
	border: 1px solid #31A4FF;
	background-color: #FFFFFF;
	border-radius: 0 0 7px 7px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.33);
	margin-left: -1px;
	padding: 9px 0 14px;
	width:auto;}
ul.mainnavigation > li > ul li {
	display: list-item;
	float: none;
	width: auto;}
ul.mainnavigation > li > ul > li a {
    padding: 4px 20px;
    text-decoration: none;
	font-weight:normal;
    font-size: 0.85em !important;}
ul.mainnavigation ul ul > li > a.link > span {
    font-size: 0.85em;
    font-variant: normal;}

ul.mainnavigation > li li.hasmenu > a > span {
    font-weight: bold;}
ul.mainnavigation > li > ul > li a:hover {
    background-color: #31a4ff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 5px 4px -2px rgba(255, 255, 255, 0.2) inset, 0 8px 11px -6px rgba(255, 255, 255, 0.35) inset;
    color: #FFFFFF;
    text-decoration: none !important;}
ul.mainnavigation > li > ul > li li a{
    padding-left: 30px !important;}
ul.mainnavigation ul ul > li > a.link > span {
	background: none;
	padding-left: 0;}


/*  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;
/*	box-shadow: 0 -27px 15px -15px #E6C185 inset; /* Pale NHS Yellow */
	}
ul.mainnavigation > li.warningOK > a {
    background: none repeat scroll 0 0 !important;
/*	box-shadow: 0 -27px 15px -15px #0000FF inset; /* Blue*/
	}
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; /* dark purple */
	padding:10px;
}
.clusterHeader {
	font-weight:bold;
}
.clusterLink {
}
.clusterLinkAll {
	margin-top:10px;
}

/* Taken from KIDSA */

#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 #007a33;
    border-bottom: 1px solid #E28C05; /* NHS Yellow */
    border-top: medium none !important;
    box-shadow: 0 6px 12px -13px;
    margin-top: 0;
    padding-top: 8px;
	border-radius:15px 15px 0 0;}

#payLink {display:none}

.applicationcontainer{
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
	padding:5px;
	margin: 5px;
	border-radius: 5px;
    border-style: none;
	border-color: #F0F0F0;
}