/*STYLE SHEET FOR ANYSITE CREDIT FOOTER */
/* LAST EDITED BY: PETER COX */

/* pcds_footer.css v26.0 (05.01.26) */
/* W3C validated dd.mm.yy */

/* VERSION NOTES: */
/* v21.0 : Created as separate file for priority updates */

	
/* //////////////////////////////// FOOTER STUFF ///////////////////////////////////*/
/* //////////////////////////////// FOOTER STYLING ///////////////////////////////////*/
	
	


/*#parent {
	order:4;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border:1px dotted magenta;
}*/

.child {
	min-width:200px;
	border:1px dotted green;
	}
	
#footerWrap {
	position:relative;
	order:3;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	margin-top:50px;
	margin-right:55px;
	margin-bottom:10px;
	/*margin-left:auto;*/
	/*width:105%;*/
	/*height:2.0em;*/
	/*padding-top:5px;*/
	/*padding-top:15px;*/
	padding-bottom:3px;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:0.6em;
	font-size:1.0em;
	font-weight:normal;
	color:#666666;
	color:#49649F;
	border-top:5px solid #342673;
	border-top:5px solid #4065a0;
	/*border:1px solid red;*/  /* DEV only */
	}
@media only screen and (min-width: 799px) { /* Styling mods for wider screen widths down to 799px */
#footerWrap {
	position:relative;
	order:3;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	/*align-content:flex-start;*/
	/*justify-content:flex-end;*/
	margin-top:50px;
	margin-right:0;
	/*margin-right:55px;*/
	margin-bottom:10px;
	/*margin-left:auto;*/
	/*width:900px;*/
	/*width:708px;*/
	/*width:700px;*/
	width:100%;
	width:73%; /* for temp priority updates 05.01.26 */
	left:200px; /* for temp priority updates 05.01.26 */
	top:30px; /* for temp priority updates 05.01.26 */
	/*height:2.0em;*/
	/*padding-top:5px;*/
	/*padding-top:15px;*/
	padding-bottom:3px;
	background-color:transparent;
	font-family:Arial, Helvetica, sans-serif;
	/*text-align:left;*/
	font-size:0.6em;
	font-size:1.0em;
	font-weight:normal;
	color:#666666;
	color:#49649F;
	/*border:1px solid red;*/  /* DEV only - needs to go above top border styling to maintain */
	border-top:5px solid #342673;
	border-top:5px solid #4065a0;
	}
} /* Close media query */	
	
	
.child1 {
	position:relative;
	order:1;
	width:30%; /* It's the width spec that causing it to misbehave! */
	border:1px solid cyan;	
	}	
	
#leftWrapper, #pcdsFooter {
	position:relative;
	order:2;
	width:90%;
	/*border:1px solid cyan;*/  /* DEV only */
	}
@media only screen and (min-width: 799px) { /* Styling mods for wider screen widths down to 799px */
#leftWrapper  {
	position:relative;
	order:1;
	/*width:auto;*/ /* This doesn't work either */
	/*width:30%;*/ /* It's the width spec that causing it to misbehave! Is it because of the Nominet logo spec? */
	/*max-width:30%;*/
	margin-top:26px;
	/*border:1px solid cyan;*-/  /* DEV only */
	}
} /* Close media query */	
	
	
.testLeft{
	position:relative;
	order:1;
	width:30%;
	height:100px;
	border:1px solid cyan;
	}
	
	
#footer .blue {
	color:#49649F;
	}
#footer .grey {
	display:block;
	float:left;
	color:#666666;
	background-color:transparent;
	margin-top:5px;
	margin-right:10px;
	}	
#footer ul {
	list-style-type:none;
	float:left;
	display:block;
	background-color:transparent;
	margin-top:5px;
	color:#666666;
	}
#footer li {
	display:inline;
	border-left:1px solid #666666;
	padding:0 5px 0 5px;
	}	
	
#footerWrap a {
	color:#3f629d;
	text-decoration:none;
	}

#nominet {
	position:relative;
	order:1;
	/*float:right;*/
	width:50%;
	width:192px;
	left:-26px;
	/*border:1px solid #000000;*/  /* DEV only */
	}
@media only screen and (min-width: 799px) { /* Styling mods for wider screen widths down to 799px */
#nominet {
	position:relative;
	order:2;
	left:26px; /* Counter the left style above */
	width:192px;
	top:0px;/* for temp priority updates 05.01.26 */
	/*border:1px solid #000000;*/  /* DEV only */
	}
} /* Close media query */
	
#wai {
	position:relative;
	float:right;
	top:-11px;
	height:26px;
	}
	
#css {
	position:relative;
	float:right;
	top:-12px;
	right:-10px;
	}
	
#xhtml {
	position:relative;
	float:right;

	top:-12px;
	right:-10px;
	width:67px;
	}

	 
img#pcdsCreditlogo {
	float:left;
	margin-right:10px;
	}

/* //////////////////////////////// END FOOTER STUFF ///////////////////////////////////*/
/* //////////////////////////////// END FOOTER STUFF ///////////////////////////////////*/