/* --- [ History Files stylesheet - 2024 Version ] --- */


/* Find a display font which the user has available */
CODE 			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; }

body 			{ font-family: verdana, Geneva, arial, helvetica, sans-serif; 
				font-size: 13px; color: #000000; font-weight: bold; 
				background-color: #FFFFFF; text-align: Justify; 
				border: 0px solid #004665; margin: 0px; background-position: 0%; }

p 				{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, 
				"MS sans serif"; }

div 			{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, 
				"MS sans serif"; }





/* --- [ History Files general settings - pre-loaded before media enquiries ] --- */


/* Site set up for the following widths for mobile displays :
/*     Narrow (to 450px) */
/*     Wider (to 799px) */
/*     Very wide (to 999px) */




 
/* General feature and index page settings */
.hftop 			{ width: 100%; max-width: 766px; }
.hfedge 		{ width: 3%; }								/* Feature side edges: 23px; */


.hfmain 		{ width: 66%; }								/* Feature main col: 539px; */
.hfmainidx		{ width: 66%; }								/* max-width: 530px; */
.hfmainidxtint	{ width: 66%; background-color: #FBF696; }	/* Yellow tint */


.hfmaincol1 	{ width: 13%; max-width: 112px; }			/* Feature page date col */
.hfmaincol2 	{ width: 53%; max-width: 425px; }			/* Feature page text col */
.hfmainst1 		{ width: 33%; max-width: 268px; }			/* Notitia Dignitatum col 1 */
.hfmainst2 		{ width: 33%; max-width: 269px; }			/* Notitia Dignitatum col 2 */


.hfctr 			{ width: 3%; }								/* max: 21px; */
.hfctridx		{ width: 3%; }								/* max: 30px; */
.hfside 		{ width: 25%; }								/* max: 206px; */

#hfcont			{ display: none; }							/* Hide 'continued' in hfmain */


.cellfocus 		{ max-width: 265px; 
				background-color: #E7E6E5; 
				padding-bottom: 2px; }						/* Grey tint for indices */

#mob_Show5		{ display: none; }							/* Hide frontpage mob footer */
#mob_Hide5		{  }										/* Show frontpage desk footer */
#mob_Show7		{ display: none; }							/* Semi-mobile footer spacer */
#desk_Foot		{  }										/* Show desktop footer */
#mob_Foot		{ display: none; }							/* Hide mobile footer */

.sidepic		{ width: 100%; height: auto; 
				padding-bottom: 4px; }						/* Picture responsiveness */
.sidepicol		{ width: 100%; height: auto; 
				border: 1px solid #585858; }				/* Pic with border */





/* HF frontpage and general mobile and desktop switchover settings */
#mob_FrontShow1	{ display: none; }							/* Extra options for mobile */





/* Help page variables*/
.hfmain_tint 	{ width: 524px; background-color: #FBF696; } /* Yellow tint */






/* Features and king list specials */


/* A version of boxdivpic1 is used in king list index pages */
table 			{ text-align: left; }
.texthome		{ font-size: 12px; }
.boxpicsmall 	{ margin-left: 12px; margin-right: 0px; 
				hspace: 0; border: 1px solid #000000; }
.boxpicCell		{ padding-left: 14px; margin-left: 0px; }
.boxdivpic1 	{ margin-left: 13px; margin-right: 0px; }	/* Left was 28px */
.boxlink		{ margin-left: 0px; }
#churchlabelx	{ display: none; }							/* Hide elements in narrow mob */


/* Remove map hotspots for mobiles by switching to non-usermap image version */
#img_ID			{  }
#img_ALT		{ display: none; }
.img_Double1	{ width: 530px; }
#img_Double2	{  }
.img_Double2	{ width: 960px; }


/* Footer black bar - hfwidf is set for individual media devices above */
.hfbdrL			{ border-top: 0px solid #000000; 
				border-bottom: 0px solid #000000; 
				border-left: 1px solid #000000; 
				border-right: 0px solid #000000; }
.hfbdrR			{ border-top: 0px solid #000000; 
				border-bottom: 0px solid #000000; 
				border-left: 0px solid #000000; 
				border-right: 1px solid #000000; }


/* Churches pages 'full tour' badge main setup */
.fulltour		{ background-image:url('../../images/support/historyFiles_fullTour.jpg'); 
				background-repeat: no-repeat; 
				background-attachment: scroll; 
				background-position: 7px 33px; 
				background-size: 55px 55px; }



@media only screen and (max-width: 399px) {

	.fulltour		{ background-size: 35px 35px; }

}





/* --- [ Gallery pages - default setting changed only for smallest screens ] --- */


/* Margin-right is padding for multiple numbers on one line */
/* Other Gallery settings are in mediastyles */
.popupnavBox a	{ color: #FFFFFF; font-weight: bold; background: #FFFFFF; 
				margin: 0px; padding: 5px; text-align: center; 
				line-height: 10px; vertical-align: middle; }

				a.popupStyle{ font-weight: bold; font-style: normal; 
				font-size: 11px; color: #FFFFFF; background: #FFFFFF; 
				margin-right: 1px; }
				a.popupStyle:link{ font-weight: bold; font-size: 11px; 
				color: #FFFFFF; background: #FFFFFF; }
				a.popupStyle:visited{ font-weight: bold; font-size: 11px; 
				color: #FFFFFF; background: #FFFFFF; }
				a.popupStyle:hover{ font-weight: bold; font-size: 11px; 
				color: #FFFFFF; background: #FFFFFF; }
				a.popupStyle:active{ font-weight: bold; font-size: 11px; 
				color: #FFFFFF; background: #FFFFFF; }



/* Position gallery navigation numbers */
.popupnavPos 	{ text-align: center; padding-top: 24px; padding-bottom: 0px; } 



/* Margin-right is padding for multiple numbers on one line */
/* Other Gallery settings are in mediastyles */
.popupnavBoxB a	{ font-weight: bold; margin: 0px; padding: 0px; 
				text-align: center; line-height: 0px; 
				vertical-align: middle; }

				a.popupStyleB{ font-weight: bold; font-style: normal; 
				font-size: 11px; color: #333333; margin-right: 0px; }
				a.popupStyleB:link 	{ font-weight: bold; font-size: 11px; 
				color: #333333; }
				a.popupStyleB:visited{ font-weight: bold; font-size: 11px; 
				color: #333333; }
				a.popupStyleB:hover { font-weight: bold; font-size: 11px; 
				color: #333333; }
				a.popupStyleB:active{ font-weight: bold; font-size: 11px; 
				color: #333333; }





/* ############################################################# */




/* --- [ Media settings ] --- */




/* ############ Desktops - Larger Screens Landscape ############ */


@media screen and (min-device-width: 1366px){

/* Main table - width of page 900px */
.hfwid 			{ width: 812px; }
body 			{ overflow-x: hidden; 
				overflow-y: scroll !important; } 	/* Stop moving around! */
body.modal-open { overflow: hidden; } 				/* Remove right-hand whitespace */
body.viewport-lg{ overflow: hidden; 
				position: absolute; } 				/* Remove right-hand whitespace */


/* General page layout settings */
.hfwidt			{  }								/* Leave blank or header moves left */
.hfwidf 		{ width: 100%; }					/* Footer black bar */
.hfwids			{ width: 900px; }					/* 'Support' header bar */
.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }
#mob_Hide8		{  }								/* Show bottom-of-index banner ads */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Show2		{ display: none; }					/* Header end padding */
#mob_Hide3		{  }								/* Padding in header/footer nav */
#mob_Show4		{ display: none; }					/* Mobile search box 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 60%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 23%; }
.tooledgeR		{ width: 7%; }


/* HF frontpage and general mobile and desktop switchover settings */
#mob_FrontShow	{ display: none; }					/* Hide frontpage mob layout/footer */


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Feature text width - needed as tablets need the vw setting for feature text width */
.textm			{ font-size: 12px; }
.textleft		{ font-size: 12px; }

.sidepic		{ width: 202px; }					/* Controls pic responsiveness */
.sidepicol		{ width: 202px; }					/* Controls pic with border */


/* Page border on all pages and in footer */
.panel 			{ background:url('../images/historyFilesBorder.gif') repeat-y center top; 
				margin-bottom: 0px; }


/* Page border for Bloody British History pages */
.panelbbh 		{ background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; margin-bottom: 0px; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ width: 100%; height: auto;  }


/* Allow map hotspots for desktop screens, including larger tablets */
/* Restricted to 1600px for retina screens, so mobile version stays visible */
@media screen and (min-device-width: 1601px){

	#img_Mobile		{ display: none; }

}


/* Select full 'In Depth' virtual include except for smallest displays */
#mob_InDepth	{ display: none; }


/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desktop version */
#mob_Arch		{ display: none; }					/* Hide the mobile version */


/* Affect positioning of gallery view within a feature page */
.galPicB		{ margin-left: 0px; }

}



/* ############ Responsive - Portrait ############ */


@media screen and (max-device-width: 280px) and (orientation: portrait) {

.boxdivpic1		{ margin-left: 2px; 
				  margin-right: 0px; }				/* Change index small pic margins */
#churchlabelfull{ display: none; }					/* Hide parts of longer church names */
#churchlabelx	{ display: block; }					/* Shown alternative text version */

}



@media screen and (max-device-width: 320px) and (orientation: portrait) {

/* General page layout settings */
.hfwidt			{ max-width: 320px; } 

.boxtitle		{ margin-left: 1px; }				/* Reset margin without bullets */

.findusimg		{ width: 25px; height: 25px; }		/* Reduce size of 'find us' icons */


/* HF front-page and general mobile and desktop switchover settings */
.maincaption	{ display: none; }					/* Hide mainstory caption */


/* Feature text width - required to ensure vertical text flow matches PCs */
.texthome		{ font-size: 11px; }

}



@media screen and (max-device-width: 499px) and (orientation: portrait) {

/* General page layout settings */
.hfmain 		{ width: 93%; }						/* Feature main col - max-width: 539px; */
.hfmainidx		{ width: 93%; }						/* max-width: 530px; */
.hfmainidxtint	{ width: 93%; 
				background-color: #FBF696; }		/* Yellow tint */

.hfmaincol1 	{ width: 18%; }						/* Feature page date col */
.hfmaincol2 	{ width: 75%; }						/* Feature page text col */
.hfmainst1 		{ width: 46%; }						/* Notitia Dignitatum col 1 */
.hfmainst2 		{ width: 47%; }						/* Notitia Dignitatum col 2 */

.hfctr 			{ width: 7%; }						/* Increased from standard */
.hfctridx		{ display: none; }					/* Hidden for -499px displays */
.hfside 		{ display: none; }					/* Hidden for -499px displays */
													/* OLD: opacity: 0; width: 1px; */
													/* position: absolute; */
.hfedge			{  }
#hfcont			{ display: block; }					/* Show 'continued' in hfmain */
.UDlink			{ display: none; }					/* Hide 'please contribute' text */


@media screen and (max-device-width: 299px) {

	.boxspan		{ display: none; }				/* Hide bullets in indices */

}


.boxlink		{ margin-left: 4px; }				/* Reset margin with bullets */
.boxlinkc		{ margin-left: 4px; }				/* As above */
.boxdivpic1		{ margin-left: 4px; 
				  margin-right: 4px; }				/* Index small pic marg - see below */
#churchfull		{ display: none; }					/* Hide 'of churches' - see below */

#desk_Foot		{ display: none; }					/* Hide desktop footer */
#mob_Foot		{ display: block; }					/* Show mobile footer */

}



@media screen and (max-device-width: 768px) and (orientation: portrait) {

.boxpicsmall	{ display: none; }					/* Hide small pics in indices */
.boxpicCell		{ padding-left: 0px; }				/* Remove small pic padding */

#mob_Hide6		{ display: none; }					/* Hide feature/king list DD for mob */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 87%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 0%; }
.toolside 		{ width: 0%; }
.tooledgeR		{ width: 5%; }


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 10.5px; 
				color: #FFFFFF; line-height: 24px; 
				margin-top: 10px; }
.navlink 		a:link{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Index page fixes for mobile */
.boxpicsmall2	{ width: 96%; height: auto; margin-bottom: 5px; 
				background-color: #000000; }


/* Minor resetting of default css at the top of the page */
.popupnavBox a	{  }
				a.popupStyle{ display: none; }
				a.popupStyle:link{ display: none; }
				a.popupStyle:visited{ display: none; }
				a.popupStyle:hover{ display: none; }
				a.popupStyle:active{ display: none; }

/* Controls gallery within feature page */
.popupnavBoxB a	{  }
				a.popupStyleB{  }
				a.popupStyleB:link{  }
				a.popupStyleB:visited{  }
				a.popupStyleB:hover{  }
				a.popupStyleB:active{  }
				
}



@media screen and (max-device-width: 790px) and (orientation: portrait) {

/* HF header & footer formation */
#mob_Hide3		{ display: none; }					/* Padding in header/footer nav */
#mob_Show4		{  }								/* Mobile search box 'find us' */

}



@media screen and (max-device-width: 810px) and (orientation: portrait) {

/* Select which version of the archives is displayed */
#desk_Arch		{ display: none; }					/* Hide the desktop version */
#mob_Arch		{  }								/* Show the mobile version */

}



@media screen and (max-device-width: 992px) and (orientation: portrait) {

/* Main table - width of page 900px */
body 			{ overflow-x: hidden; 
				overflow-y: scroll !important; } 	/* Stop moving around! */
body.modal-open { overflow-x: hidden; } 			/* Remove right-hand whitespace */
body.viewport-lg{ position: absolute; } 			/* Remove right-hand whitespace */


/* General page layout settings */
.hfwidf 		{ width: 100%; }					/* Footer black bar */
.hfwids			{ width: 100%; }					/* 'Support' header bar */
.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }

#mob_Hide8		{ display: none; }					/* Hide bottom-of-index banner ads */

/* HF header & footer formation */
#mob_Hide1		{ display: none; }					/* 'Find us' icons in header */
#mob_Hide2		{ display: none; }					/* Header end padding */


/* HF front-page and general mobile and desktop switchover settings */
#desk_FrontShow	{ display: none; }					/* Hide frontpage desk layout/footer */
#mob_FrontShow1	{ display: block; }					/* Extra options for mob */
.maincaption	{  }								/* Hide mainstory caption */
.fillerhide		{ display: none; }					/* Shorten filler story titles */ 


/* Feature text width - required to ensure that vertical text flow matches PCs */
.textm			{ font-size: 13px; word-spacing: 3px; }
.textleft		{ font-size: 13px; word-spacing: 3px; }

}



@media screen and (max-device-width: 1365px) and (orientation: portrait) {

.hfwid 			{ width: 100%; max-width: 812px; }	/* Full size is 812px */
html			{ width: 100%; max-width: 900px; 
				overflow-x: hidden; } 				/* Full size is 900px */


/* Page border on all pages and in footer - not required in portrait */
.panel 			{  }


/* Page border for Bloody British History pages */
.panelbbh 		{ background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; margin-bottom: 0px; }


/* Full page pictures - see popup general settings for notes */
/* With display fix for 240px screens */
.popupdiv		{ width: 100%; max-width: 1365px; 
				height: auto; position: absolute; 
				left: 50%; margin-left: -50%; }


/* Remove map hotspots for mobiles by switching to non-usermap image version */
#img_ID			{ display: none; }
#img_ALT		{ display: block; }


/* Select full 'In Depth' virtual include except for smallest displays */
#mob_InDepth	{ display: none; }

}


@media screen and (min-device-width: 300px) and (max-device-width: 599px) and (orientation: portrait) {

/* General page layout settings */
.boxtitle		{ margin-left: 3px; }				/* Reset margin with bullets */

}



@media screen and (min-device-width: 321px) and (max-device-width: 768px) and (orientation: portrait) {

/* General page layout settings */
.hfwidt			{ max-width: 768px; } 

}



@media screen and (min-device-width: 450px) and (max-device-width: 766px) and (orientation: portrait) {

/* General page layout settings */
.sidepic		{ max-width: 100%; }				/* Controls pic responsiveness */
.sidepicol		{ max-width: 100%; }				/* Controls pic with border */

}



@media screen and (min-device-width: 500px) and (max-device-width: 540px) and (orientation: portrait) {

.boxlink		{ margin-left: 4px; }				/* Reset margin with bullets */
.boxlinkc		{ margin-left: 4px; }				/* As above */

}



@media screen and (min-device-width: 644px) and (max-device-width: 790px) and (orientation: portrait) {

#mob_Show7		{ display: block; }					/* Semi-mobile footer spacer */

}



@media screen and (min-device-width: 769px) and (max-device-width: 790px) and (orientation: portrait) {

/* General page layout settings */
.hfwidt			{ max-width: 790px; }


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 86%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 0%; }
.toolside 		{ width: 0%; }
.tooledgeR		{ width: 6%; }

}



@media screen and (min-device-width: 769px) and (max-device-width: 992px) and (orientation: portrait) {

/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 24px; 
				margin-top: 10px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }

}



@media screen and (min-device-width: 791px) and (max-device-width: 810px) and (orientation: portrait) {

.hfwidt			{ width: 100%; }


/* HF header & footer formation */
#mob_Hide3		{  }								/* Padding in header/footer nav */
#mob_Show4		{  }								/* Mobile search box 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 77%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 0%; }
.toolside 		{ width: 10%; }
.tooledgeR		{ width: 7%; }

}



@media screen and (min-device-width: 800px) and (max-device-width: 899px) and (orientation: portrait) {

.hfmain 		{ max-width: 539px; }
.hfmainidx		{ max-width: 530px; }
.hfmainidxtint	{ max-width: 530px; }

}



@media screen and (min-device-width: 811px) and (max-device-width: 943px) and (orientation: portrait) {

#mob_Hide3		{  }					/* Padding in header/footer nav */

}



@media screen and (min-device-width: 811px) and (max-device-width: 992px) and (orientation: portrait) {

/* General page layout settings */
.hfwidt			{ max-width: 900px; }
.hfwidf 		{ max-width: 900px; }				/* Footer black bar */
.hfwids			{ max-width: 900px; }				/* 'Support' header bar */


/* HF header & footer formation */
#mob_Show1		{  }								/* 'Find us' icons in header */
#mob_Hide2		{ display: none; }					/* Header end padding */
#mob_Show4		{  }								/* Mobile search box 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 70%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 13%; }
.tooledgeR		{ width: 7%; }


/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desktop version */
#mob_Arch		{ display: none; }					/* Hide the mobile version */

}



@media screen and (min-device-width: 991px) and (max-device-width: 992px) and (orientation: portrait) {

#mob_Hide3		{ display: none; }					/* Padding in header/footer nav */

}



@media screen and (min-device-width: 993px) and (max-device-width: 1365px) and (orientation: portrait) {

/* General page layout settings */
.hfwidt			{  }								/* Leave blank or it moves header left */
.hfwidf 		{ width: 900px; position: center; }	/* Footer black bar */
.hfwids			{ width: 100%; max-width: 900px; }	/* 'Support' header bar */
.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }
#mob_Hide8		{ display: none; }					/* Hide bottom-of-index banner ads */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Hide2		{ display: none; }					/* Header end padding */
#mob_Hide3		{  }								/* Padding in header/footer nav */
#mob_Show4		{ display: none; }					/* Mobile search box and 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 60%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 23%; }
.tooledgeR		{ width: 7%; }


/* HF front-page and general mobile and desktop switchover settings */
/* Show desktop front-page for larger displays */
@media screen and (min-width: 1000px) { 
#mob_FrontShow	{ display: none; }					/* Hide frontpage mob layout/footer */
}
@media screen and (max-width: 999px) { 
#desk_FrontShow	{ display: none; }					/* Hide frontpage desk layout/footer */
#mob_FrontShow1	{ display: block; }					/* Extra options for mob */
}


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Feature text width - required to ensure that vertical text flow matches PCs */
.textm			{ font-size: 13px; word-spacing: 4px; }
.textleft		{ font-size: 13px; word-spacing: 4px; }


/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desk version */
#mob_Arch		{ display: none; }					/* Hide the mob version */

}




/* ############ Responsive - Landscape ############ */


@media screen and (max-device-width: 320px) and (orientation: landscape) {

.findusimg		{ width: 25px; height: 25px; }		/* Reduce size of 'find us' icons */ 

}



@media screen and (max-device-width: 499px) and (orientation: landscape) {

.hfmain 		{ width: 95%; }						/* Feature main col - max-width: 539px; */
.hfmainidx		{ width: 95%; }						/* max-width: 530px; */
.hfmainidxtint	{ width: 95%; 
				background-color: #FBF696; }		/* Yellow tint */

.hfmaincol1 	{ width: 18%; }						/* Feature page date col */
.hfmaincol2 	{ width: 75%; }						/* Feature page text col */
.hfmainst1 		{ width: 46%; }						/* Notitia Dignitatum col 1 */
.hfmainst2 		{ width: 47%; }						/* Notitia Dignitatum col 2 */

.hfctr 			{ display: none; }					/* Hidden for -499px displays */
.hfctridx		{ display: none; }					/* Hidden for -499px displays */
.hfside 		{ opacity: 0; width: 1px; 
				position: absolute; }				/* Effectively hidden for -499px displays */
#hfcont			{ display: block; }					/* Show 'continued' in hfmain */
.UDlink			{ display: none; }					/* Hide 'please contribute' text */
.boxpicsmall	{ display: none; }					/* Hide small pics in indices */
.boxpicCell		{ padding-left: 0px; }				/* Remove small pic padding */

.boxdivpic1		{ margin-left: 4px; 
				  margin-right: 4px; }				/* Change index small pic margins */
#churchfull		{ display: none; }					/* Hide 'of churches' in full list */
#desk_Foot		{ display: none; }					/* Hide desk footer */
#mob_Foot		{ display: block; }					/* Show mob footer */

}



@media screen and (max-device-width: 540px) and (orientation: landscape) {

.boxtitle		{ margin-left: 2px; }				/* Reset margin with bullets */
.boxlink		{ margin-left: 4px; }				/* Reset margin with bullets */
.boxlinkc		{ margin-left: 4px; }				/* As above */


@media screen and (max-device-width: 299px) and (orientation: landscape) {

	.boxspan		{ display: none; }				/* Hide bullets in indices */

}

}



@media screen and (max-device-width: 812px) and (orientation: landscape) {

/* General page layout settings */
.hfwidt			{ width: 100%; } 
.hfwidf 		{ width: 100%; }					/* Footer black bar */
.hfwids			{ width: 100%; }					/* 'Support' header bar */

#mob_Hide6		{ display: none; }					/* Hide feature & king list DDs */
#mob_Hide8		{ display: none; }					/* Hide bottom-of-index banner ad */


/* HF header & footer formation */
#mob_Hide1		{ display: none; }					/* 'Find us' icons in header */
#mob_Hide2		{ display: none; }					/* Header end padding */
#mob_Hide3		{ display: none; }					/* Padding in header & footer nav */
#mob_Show4		{  }								/* Mobile search box 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 87%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 0%; }
.toolside 		{ width: 0%; }
.tooledgeR		{ width: 5%; }


/* HF front-page and general mobile and desktop switchover settings */
.fillerhide		{ display: none; }					/* Shorten filler story titles */ 


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 10.5px; 
				color: #FFFFFF; line-height: 24px; 
				margin-top: 10px; }
.navlink 		a:link{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 10.5px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Feature text width - required to ensure vertical text flow matches PCs */
.textm			{ font-size: 12px; word-spacing: 3px; } /* font-size: 1.03vw; removed */
.textleft		{ font-size: 12px; word-spacing: 3px; }


/* Index page fixes for mobile */
.boxpicsmall2	{ width: 96%; height: auto; 
				margin-bottom: 5px; background-color: #000000; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ max-width: 768px; height: auto; 
				position: absolute; left: 50%; margin-left: -50%; }


/* Minor resetting of default css at the top of the page */
.popupnavBox a	{  }
				a.popupStyle{ display: none; }
				a.popupStyle:link{ display: none; }
				a.popupStyle:visited{ display: none; }
				a.popupStyle:hover{ display: none; }
				a.popupStyle:active{ display: none; }
.popupnavBoxB a	{  }
				a.popupStyleB{  }
				a.popupStyleB:link{  }
				a.popupStyleB:visited{  }
				a.popupStyleB:hover{  }
				a.popupStyleB:active{  }


/* Select full 'In Depth' virtual include except for smallest displays */
#desk_InDepth	{ display: none; }

}



@media screen and (min-device-width: 813px) and (max-device-width: 899px) and (orientation: landscape) {

.hfmain 		{ width: 50%; max-width: 539px; }
.hfmainidx		{ width: 50%; max-width: 530px; }
.hfmainidxtint	{ width: 50%; max-width: 530px; }

.hfside 		{ width: 20%; max-width: 206px; }

}



@media screen and (max-device-width: 992px) and (orientation: landscape) {

/* Main table - width of page 900px */
body 			{ overflow-x: hidden; 
				overflow-y: scroll !important; } 	/* Stop moving around! */
body.modal-open { overflow-x: hidden; } 			/* Remove right-hand whitespace */
body.viewport-lg{ position: absolute; } 			/* Remove right-hand whitespace */

	@media screen and (min-device-width: 813px) {

	body.viewport-lg{ overflow: hidden; }

	}


/* HF front-page and general mobile and desktop switchover settings */
#desk_FrontShow	{ display: none; }					/* Hide frontpage desk layout/footer */
#mob_FrontShow1	{ display: block; }					/* Extra options for mob */


/* Select which version of the archives is displayed */
#desk_Arch		{ display: none; }					/* Hide the desk version */
#mob_Arch		{  }								/* Show the mob version */

}



@media screen and (max-device-width: 1365px) and (orientation: landscape) {

.hfwid 			{  }								/* Full size is 812px */
html			{  } 								/* Full size is 900px */

.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }


/* Page border on all pages and in footer */
.panel 			{ background:url('../images/historyFilesBorder.gif') 
				repeat-y center top; 
				margin-bottom: 0px; }


/* Page border for Bloody British History pages */
.panelbbh 		{ background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; 
				margin-bottom: 0px; }


/* Remove map hotspots for mobs by switching to non-usermap image version */
#img_ID			{ display: none; }
#img_ALT		{ display: block; }

}



@media screen and (min-device-width: 450px) and (max-device-width: 766px) and (orientation: landscape) {

.sidepic		{ max-width: 100%; }				/* Controls pic responsiveness */
.sidepicol		{ max-width: 100%; }				/* Controls pic with border */

}



@media screen and (min-device-width: 813px) and (max-device-width: 992px) and (orientation: landscape) {

/* General page layout settings */
.hfwidt			{  }								/* Leave blank or it moves header left */
.hfwidf 		{ width: 900px; 
				position: center; }					/* Footer black bar */
.hfwids			{ width: 100%; 
				max-width: 900px; }					/* 'Support' header bar */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Hide2		{ display: none; }					/* Header end padding */
#mob_Hide3		{  }								/* Padding in header & footer nav */
#mob_Show4		{ display: none; }					/* Mobile search box and 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 70%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 0%; }
.toolside 		{ width: 15%; }
.tooledgeR		{ width: 7%; }


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 24px; 
				margin-top: 10px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ max-width: 992px; height: auto; 
				position: absolute; left: 50%; 
				margin-left: -50%; }

}



@media screen and (min-device-width: 813px) and (max-device-width: 1365px) and (orientation: landscape) {

#mob_Hide8		{ display: none; }					/* Hide bottom-of-index banner ads */

/* Feature text width - required to ensure vertical text flow matches PCs */
.textm			{ font-size: 13px; 
				word-spacing: 3px; }
.textleft		{ font-size: 13px; 
				word-spacing: 3px; }

/* Select full 'In Depth' virtual include except for smallest displays */
#mob_InDepth	{ display: none; }

}



@media screen and (min-device-width: 900px) and (max-device-width: 1279px) and (orientation: landscape) {

.hfwid 			{ width: 812px; }

}



@media screen and (min-device-width: 993px) and (max-device-width: 1365px) and (orientation: landscape) {

/* General page layout settings */
.hfwidt			{ width: 900px; }					/* Set to help Samsung Android probs */
.hfwidf 		{ width: 900px; }					/* Footer black bar */
.hfwids			{ width: 900px; }					/* 'Support' header bar */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Show2		{ display: none; }					/* Header end padding */
#mob_Hide3		{  }								/* Padding in header & footer nav */
#mob_Show4		{ display: none; }					/* Mob search box and 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 60%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 23%; }
.tooledgeR		{ width: 7%; }


/* HF front-page and general mobile and desktop switchover settings */
/* Show desktop front-page for larger displays */
@media screen and (max-width: 999px) { 
#desk_FrontShow	{ display: none; }					/* Hide frontpage desk layout/footer */
#mob_FrontShow1	{ display: block; }					/* Extra options for mob */
}

@media screen and (min-width: 1000px) { 
#mob_FrontShow	{ display: none; }					/* Hide frontpage mob layout/footer */
}


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ max-width: 1366px; height: auto; 
				position: absolute; left: 50%; 
				margin-left: -50%; }


/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desk version */
#mob_Arch		{ display: none; }					/* Hide the mob version */

}




/* ############ Desktops - Non-Retina Screens ############ */


@media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { 

.hfwid 			{ width: 812px; }


/* General page layout settings */
.hfwidt			{  }								/* Leave blank or it moves header left */
.hfwidf 		{ width: 900px; }					/* Footer black bar */
.hfwids			{ width: 900px; }					/* 'Support' header bar */
.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }
#mob_Hide8		{  }								/* Show bottom-of-index banner ads */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Hide3		{  }								/* Padding in header/footer nav */
#mob_Show4		{ display: none; }					/* Mob search box and 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 60%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 23%; }
.tooledgeR		{ width: 7%; }


/* HF front-page and general mobile and desktop switchover settings */
#mob_FrontShow	{ display: none; }					/* Hide frontpage mob layout/footer */


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Feature text width - required here as tablets need vw setting for feature text width */
.textm			{ font-size: 12px; }
.textleft		{ font-size: 12px; }


/* Page border on all pages and in footer */
.panel 			{ background:url('../images/historyFilesBorder.gif') 
				repeat-y center top; margin-bottom: 0px; }


/* Page border for Bloody British History pages */
.panelbbh 		{ background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; margin-bottom: 0px; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ width: 100%; height: auto; 
				position: absolute; left: 50%; 
				margin-left: -50%; }


/* Remove map hotspots for mobiles by switching to non-usermap image version */
#img_ID			{ display: none; }
#img_ALT		{ display: block; }


/* Select full 'In Depth' virtual include except for smallest displays */
#mob_InDepth	{ display: none; }

/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desktop version */
#mob_Arch		{ display: none; }					/* Hide the mobile version */

}




/* ############ Desktops - Retina Screens ############ */


@media screen and (min-device-width: 1280px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 

.hfwid 			{ width: 812px; }

body 			{ overflow-x: hidden; 
				overflow-y: scroll !important; } 	/* Stop moving around! */
body.modal-open { overflow: hidden; } 				/* Remove right-hand whitespace */
body.viewport-lg{ overflow: hidden; 
				position: absolute; } 				/* Remove right-hand whitespace */


/* General page layout settings */
.hfwidt			{  }								/* Leave blank or it moves header left */
.hfwidf 		{ width: 900px; }					/* Footer black bar */
.hfwids			{ width: 900px; }					/* 'Support' header bar */
.hfpad1			{ width: 1px; }
.hfpad2			{ width: 1px; }
#mob_Hide8		{  }								/* Show bottom-of-index banner ads */


/* HF header & footer formation */
#mob_Show1		{ display: none; }					/* 'Find us' icons in header */
#mob_Show2		{ display: none; }					/* Header end padding */
#mob_Hide3		{  }								/* Padding in header/footer nav */
#mob_Show4		{ display: none; }					/* Mob search box and 'find us' */


/* HF toolbar layout settings */
.tooledgeL		{ width: 8%; 
				background-color: #E7E6E5; }
.toolmain		{ width: 60%; 
				background-color: #E7E6E5; }
.toolctr		{ width: 2%; }
.toolside 		{ width: 23%; }
.tooledgeR		{ width: 7%; }


/* HF front-page and general mobile and desktop switchover settings */
#mob_FrontShow	{ display: none; }					/* Hide frontpage mob layout/footer */


/* Responsive navlinks in header - with IE hack below media section */
.navlink 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }
.navlink 		a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navlink 		a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navlink 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navpad			{ width: 5px; }


/* Feature text width - required here as tablets need vw setting for feature text width */
.textm			{ font-size: 12px; }
.textleft		{ font-size: 12px; }


/* Page border on all pages and in footer */
.panel 			{ background:url('../images/historyFilesBorder.gif') 
				repeat-y center top; margin-bottom: 0px; }


/* Page border for Bloody British History pages */
.panelbbh 		{ background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; margin-bottom: 0px; }


/* Full page pictures - see popup general settings for notes */
.popupdiv		{ width: 100%; height: auto; position: absolute; 
				left: 50%; margin-left: -50%; }


/* Remove map hotspots for mobs by switching to non-usermap image version */
#img_ID			{ display: none; }
#img_ALT		{ display: block; }


/* Select full 'In Depth' virtual include except for smallest displays */
#mob_InDepth	{ display: none; }


/* Select which version of the archives is displayed */
#desk_Arch		{  }								/* Show the desktop version */
#mob_Arch		{ display: none; }					/* Hide the mobile version */

}




/* ############ Specials ############ */


@media screen and (max-device-width: 1279px) { 

.img_Double1	{  }
#img_Double2	{ display: none; }
.img_Double2	{  }

}



@media screen and (min-device-width: 1280px) and (max-device-width: 1365px) { 

.img_Double1	{ width: 530px; }
#img_Double2	{  }
.img_Double2	{ width: 750px; }

}



@media screen and (min-device-width: 1366px) and (max-device-width: 1499px) { 

.img_Double1	{ width: 630px; }
#img_Double2	{  }
.img_Double2	{ width: 860px; }

}






/* ------------ End of media device settings ------------ */






/* --- [ IE width fixes ] --- */




/* Photobox display */
.pbwidth 		{ width: 740px; }


/* Overall width hack */
.hfwid 			{ _width:812px; }


/* Page border on all pages and in footer */
.panel 			{ _background:url('../images/historyFilesBorder.gif') 
				repeat-y center top; margin-bottom: 0px; }


/* Page border for front page only - with vertical border */
.panelhff 		{ _background:url('../images/historyFilesBorderFrontPageLined.gif') 
				no-repeat center top; margin-bottom: 0px; }


/* Page border for Bloody British History pages */
.panelbbh 		{ _background:url('../images/Britain/BloodyBritishHistory/backing_middle.jpg') 
				repeat-y center top; margin-bottom: 0px; }


/* Responsive links in HF header */
.navlink		{ _padding-top: 2px; _padding-bottom: 4px; }





/* --- [ Navigation ] --- */



/* Links - un-clicked link - red */
/* All padding and margin values rem'd as they interfere with popup box numbers */
a:link 			{ font-family: Verdana, Geneva, Arial, 
				Helvetica, sans-serif, "MS sans serif"; 
				text-decoration: none; font-size: 12px; 
				color: #960307; font-weight: normal; 
				font-style: normal; transition-delay: 0.5s; }
/*clicked link - orange*/
a:visited 		{ font-family: Verdana, Geneva, Arial, 
				Helvetica, sans-serif, "MS sans serif"; 
				text-decoration: none; font-size: 12px; 
				color: #D55500; font-weight: normal; 
				font-style: normal; }
/*mouse pointer hovers over link - orange*/
a:hover 		{ font-family: Verdana, Geneva, Arial, 
				Helvetica, sans-serif, "MS sans serif"; 
				text-decoration: underline; font-size: 12px; 
				color: #D55500; font-weight: normal; 
				font-style: normal; }
/*user goes BACK to hyperlink pages so hyperlink is still active - red*/
a:active 		{ font-family: Verdana, Geneva, Arial, 
				Helvetica, sans-serif, "MS sans serif"; 
				text-decoration: none; font-size: 12px; 
				color: #960307; font-weight: normal; 
				font-style: normal; }



/* Navn bar - minor extra settings in substyles */
/* Also used for multi-page feature box-outs in sidebar */
.navtext 		{ font-weight: normal; font-size: 11px; 
				color: #FFFFFF; line-height: 14px; }



/* Navigation for black links on grey or white in footer */
/* Also used for dynasty dates on main index pages */
.navneg 		{ font-size: 11px; color: #000000; 
				font-weight: normal; text-align: right; 
				text-decoration: none; line-height: 13px; 
				margin-left: 0px; margin-right: 5px; 
				margin-top: 0px; margin-bottom: 0px; }
.navneg 		a:link	{ font-size: 11px; color: #000000; 
				font-weight: normal; text-decoration: none; }
.navneg 		a:visited{ font-size: 11px; color: #000000; 
				font-weight: normal; text-decoration: none; }
.navneg 		a:hover	{ font-size: 11px; color: #000000; 
				font-weight: normal; text-decoration: underline; }
.navneg 		a:active{ font-size: 11px; color: #000000; 
				font-weight: normal; text-decoration: none; }


/* Hack for IE7 positioning to align it with 'Share' */
.navnegm 		{ _padding-right: 16px; }


/* Used in 2018_Print only */
.navcellg 		{ background-color: #E7E6E5; }



/* Used for all 'JavaScript is off' messages, inc Churches pages with media */
.navnoJava 		{ font-size: 12px; line-height: 16px; 
				font-weight: normal; }
.navnoJava 		a:link{ font-size: 12px; color: #960307; 
				font-weight: normal; text-decoration: none; }
.navnoJava 		a:visited{ font-size: 12px; color: #D55500; 
				font-weight: normal; text-decoration: none; }
.navnoJava 		a:hover{ font-size: 12px; color: #D55500; 
				font-weight: normal; text-decoration: underline; }
.navnoJava 		a:active{ font-size: 12px; color: #960307; 
				font-weight: normal; text-decoration: none; }



/* Nav for white text links on black in footer */
.navftr 		{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; align: center; 
				text-align: center; text-decoration: none; 
				line-height: 14px; margin-top: 5px; 
				margin-right: 5px; }
.navftr 		a:link	{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navftr 		a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.navftr 		a:hover	{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.navftr 		a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }



/* Increase font size and spacing for small mobiles only */
@media screen and (max-width: 799px) { 
.navftr 		{ font-size: 13px; line-height: 28px; }
.navftr 		a:link	{ font-size: 13px; }
.navftr 		a:visited{ font-size: 13px; }
.navftr 		a:hover	{ font-size: 13px; }
.navftr 		a:active{ font-size: 13px; }
}





/* --- [ HF frontpage ] --- */


/* All in substyles or hfstyles: */




/* [ In Detail... ] section pictures */
.cellpic 		{ hspace: 0; margin-right: 0px; 
				margin-left: 10px; float: right; 
				text-align: right; valign: middle; 
				border: 1px solid #000000; width: 170px; 
				height: 118px; margin-top: 9px; 
				margin-bottom: 10px; }


/* [ Feed2js ] header font for Features / Lists links */
/* Should match with UDbox in hfstyles01 & UDbox2jsF, below */
.UDbox2js 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 15px; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 15px; 
				color: #000000; margin-left: 6px; 
				margin-right: 6px; margin-top: 6px; 
				margin-bottom: 10px; }
.UDbox2js 		a:link{ font-size: 15px; font-weight: normal; 
				text-decoration: none; line-height: 15px; 
				color: #960307; }
.UDbox2js 		a:visited{ font-size: 15px; font-weight: normal; 
				text-decoration: none; line-height: 15px; 
				color: #D55500; }
.UDbox2js 		a:hover{ font-size: 15px; font-weight: normal; 
				text-decoration: underline; line-height: 15px; 
				color: #D55500; }
.UDbox2js 		a:active{ font-size: 15px; font-weight: normal; 
				text-decoration: none; line-height: 15px; 
				color: #960307; }

.UDbox2jsF		{ font-size: 15px; }





/* --- [ Index pages ] --- */



/* Feed2js insert on index pages */
.boxlink2js 	{ font-size: 12px; line-height: 18px; 
				margin-top: 3px; margin-bottom: 0px; 
				padding-bottom: 4px; 
				border-bottom: 1px solid #E7E6E5; }
.boxlink2js 	a:link{ font-size: 12px; font-weight: normal; 
				text-decoration: none; }
.boxlink2js 	a:visited{ font-size: 12px; font-weight: normal; 
				text-decoration: none; }
.boxlink2js 	a:hover{ font-size: 12px; font-weight: normal; 
				text-decoration: underline; }
.boxlink2js 	a:active{ font-size: 12px; font-weight: normal; 
				text-decoration: none; }


/* And this must be added to the section - write the title strng - in feed2js.php file */
/* p class=\"boxlink2js\" style=\"margin-left:0px; padding-left:7px; word-spacing:-0.10em;\" */
/* a class=\"rss-item\" style=\"font-size:12px; line-height:15px;\" href=\"" */



/* Main story links - title under 2018 in-depth links */
/* Same as mainstory on index except for colour */
.mainstorytop	{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; text-decoration:none; 
				font-size: 13px; font-weight: normal; font-style: 
				normal; text-decoration: none; line-height: 18px; 
				color: #000000; margin-left: 0px; margin-right: 0px; 
				margin-bottom: 12px; margin-top: 0px; }
.mainstorytop	a:link{ font-size: 13px; font-weight: normal; 
				text-decoration: none; color: #960307; }
.mainstorytop	a:visited{ font-size: 13px; font-weight: normal; 
				text-decoration: none; color: #D55500; }
.mainstorytop	a:hover{ font-size: 13px; font-weight: normal; 
				text-decoration: underline; color: #D55500; }
.mainstorytop	a:active{ font-size: 13px; font-weight: normal; 
				text-decoration: none; color: #960307; }

.mainstorytext	{ font-size: 11px; line-height: 16px; 
				margin-top: -8px; padding-bottom: 4px; }

.mainstorycell	{ background-color: #EBEAE9; max-width: 200px; }
.mainstoryidx1	{ background-color: #E7E6E5; }
.mainstoryidx2	{ margin-left: 16px; margin-right: 16px; 
				margin-top: 10px; margin-bottom: 10px; }


	@media only screen and (max-width: 540px) {

		.mainstoryidx2	{ margin-left: 6px; margin-right: 6px; }

	}

	@media only screen and (min-width: 541px) and (max-width: 699px) {

		.mainstoryidx2	{ margin-left: 12px; margin-right: 12px; }

	}




/* 'Latest' virtual include links */
/* in substyles */





/* --- [ Universal page titles ] --- */



/* Title - extra right-hand padding is set up in substyles & kinglists */
h1 				{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 22px; 
				color: #231F20; font-weight: normal; 
				padding-bottom: 2px; padding-top: 34px; 
				text-align: right; text-decoration: none; 
				margin-left: 10px; margin-right: 0px; 
				margin-bottom: 0px; margin-top: 0px; }

				/*  padding-top: 60px; 
				background:url('https://www.historyfiles.co.uk/images/support/historyFiles_donate_HFWhite.png') 
				no-repeat right -24px; 
				background-origin: content-box; */


/* Title strapline - extra right-hand padding is set up in substyles & kinglists */
h2 				{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 14px; 
				color: #565759; font-weight: normal; 
				font-style: normal; padding-bottom: 3px; 
				padding-top: 0px; text-align: right; 
				text-decoration: none; margin-left: 10px; 
				margin-right: 0px; margin-bottom: 0px; 
				margin-top: 0px; }


/* Title author  - extra right-hand padding is set up in substyles */
h2.author 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 11px; 
				color: #565759; font-weight: normal; 
				font-style: normal; padding-bottom: 70px; 
				padding-top: 0px; text-align: right; 
				text-decoration: none; margin-left: 10px; 
				margin-right: 0px; margin-bottom: 0px; 
				margin-top: 0px; }





/* --- [ Features ] --- */



/* Main body text for feature pages, search pages, etc */

/* Font size is set in media settings - tablets need slightly larger size than PCs */
.textm 			{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; color: #000000; 
				font-weight: normal; font-style: normal; 
				text-decoration: none; line-height: 18px; 
				text-align: justify; text-justify: auto; 
				padding-left: 0px; padding-bottom: 0px; 
				margin-left: 10px; margin-right: 0px; 
				margin-bottom: 12px; }
.plum 			{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; color: #880045; }
.grey 			{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; color: #555555; }


/* Main text on frontpage and indices, plus main headings */
/* Font size is set in media settings */
.texthome 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif;  color: #000000; 
				font-weight: normal; font-style: normal; 
				text-align: left; text-decoration: none; 
				line-height: 18px; padding-left: 0px; 
				padding-bottom: 0px; margin-left: 0px; 
				margin-right: 0px; margin-bottom: 12px; }


/* Main text, non-justified, used in feature text, church page titles, and indices */
/* Font size is set in media settings - tablets need a slightly larger size than PCs */
.textleft 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif;  color: #000000; 
				font-weight: normal; font-style: normal; 
				text-align: left; text-decoration: none; 
				line-height: 18px; padding-left: 0px; 
				padding-bottom: 0px; margin-left: 10px; }


/* Main text non-justified small, used in feature-lists */
.textsml 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 11px; 
				color: #000000; font-weight: normal; 
				font-style: normal; text-align: left; 
				text-decoration: none; line-height: 16px; 
				padding-left: 0px; padding-bottom: 0px; 
				margin-left: 10px; margin-bottom: 11px; 
				word-spacing: -1px; }


/* Bullets */
.textbulleted 	{ font-size: 12px; color: #000000; 
				font-weight: normal; font-style: normal; 
				text-align: left; text-decoration: none; 
				text-indent: 0px; line-height: 18px; 
				list-style-title: circle; padding-left: 0px; 
				padding-bottom: 0px; margin-left: -15px; 
				margin-top: 12px; margin-right: 0px; 
				margin-bottom: 16px; }


/* Quotes */
.textquote 		{ font-size: 13px; color: #000000; 
				font-weight: normal; font-style: italic; 
				text-align: justify; text-decoration: none; 
				line-height: 18px; padding-top: 15px; 
				padding-bottom: 5px; margin-left: 30px; 
				margin-right: 30px; margin-bottom: 5px; 
				word-spacing: 3px; }


/* References and bibliographies */
.textbiblio 	{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 11px; 
				color: #000000; font-weight: normal; 
				font-style: normal; text-align: left; 
				text-decoration: none; line-height: 17px; 
				padding-left: 0px; padding-bottom: 4px; 
				margin-left: 10px; margin-top: -6px; }
.textbiblio 	a:link{ font-size: 11px; font-weight: normal; 
				text-decoration: none; line-height: 13px; }
.textbiblio 	a:visited{ font-size: 11px; font-weight: 
				normal; text-decoration: none; line-height: 13px; }
.textbiblio 	a:hover{ font-size: 11px; font-weight: normal; 
				text-decoration: underline; line-height: 13px; }
.textbiblio 	a:active{ font-size: 11px; font-weight: normal; 
				text-decoration: none; line-height: 13px; }


/* Page photo container - first used on revamped Hominid Chronology in 2016 */
.bodyImage		{ align: center; margin-left: 10px; 
				margin-right: 0px; }
.bodyImagecell	{ max-width: 530px; _width: 530px; }
.bodyImagep		{ max-width: 530px; _height: 96px; 
				_width: 530px; }





/* Links in sidebar */

/* Pictures and text in sidebar - normal and picture Outline img class */
/* Sidebarol is mirrored in popupimgline */
.sidebar 		{ font-size: 11px; color: #333333; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 15px; 
				width: 100%; max-width: 204px; }
.sidepad 		{ width: 100%; max-width: 204px; }

/* sidepic width is set at top of this page and then adjusted for desktop and tablets */



/* Text above links is charcoal/grey */
/* Colour on all pages controlled here */
.sidelink 		{ font-size: 10px; font-weight: bold; 
				text-align: left; text-decoration: none; 
				line-height: 14px; _line-height: 17px; 
				color: #585858; }
.sidelink 		a:link{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 15px; }
.sidelink 		a:visited{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 15px; }
.sidelink 		a:hover{ font-size: 10px; font-weight: normal; 
				text-decoration: underline; line-height: 15px; }
.sidelink 		a:active{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 15px; }


/* IN DEPTH sidebar links with text underneath */
.sidelinkp 		{ margin-right: 4px; }
.sidelinkp 		a:link{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 13px; }
.sidelinkp 		a:visited{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 13px; }
.sidelinkp 		a:hover{ font-size: 10px; font-weight: normal; 
				text-decoration: underline; line-height: 13px; }
.sidelinkp 		a:active{ font-size: 10px; font-weight: normal; 
				text-decoration: none; line-height: 13px; }
.sidelinkt 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 10px; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 13px; }


/* Used in Church and Development indices */
.sidelinkc 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 11px; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 13px; 
				padding-right: 0px; }
.sidedepth 		{ hspace: 0px; margin-right: 4px; 
				margin-top: 2px; margin-bottom: -1px; }
.sidedepthT		{ hspace: 0px; margin-right: 0px; 
				margin-top: 2px; margin-bottom: -1px; }


/* Boxouts & popups in sidebar - all forms of boxout */
/* Red title bars are controlled in .sidetitle */
/* All in substyles */


/* Reference boxouts in sidebar - used in conjunction with .pts style below */
.sidebarft		{ font-size: 11px;  color: #FFFFFF; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 16px; 
				background-color: #AE1819; 
				border: 0px solid #AE1819; padding-left: 5px; 
				padding-right: 5px; padding-top: 6px; 
				padding-bottom: 6px; margin-bottom: 5px; 
				width: 100%; }
.sidebarno 		{ font-size: 11px; color: #DAA7A8; 
				font-weight: normal; text-align: left; 
				letter-spacing: 2px; padding-right: 2px; }
.sidebarftlink	a:link{ font-size: 10px; font-weight: 800; 
				text-decoration: underline; margin: 0 0 0 0px; 
				color: #FFFFFF; }
.sidebarftlink	a:visited{ font-size: 10px; font-weight: 800; 
				text-decoration: underline; margin: 0 0 0 0px; 
				color: #FFFFFF; }
.sidebarftlink	a:hover{ font-size: 10px; font-weight: 800; 
				text-decoration: none; margin: 0 0 0 0px; 
				color: #FFFFFF; }
.sidebarftlink	a:active{ font-size: 10px; font-weight: 800; 
				text-decoration: underline; margin: 0 0 0 0px; 
				color: #FFFFFF; }


/* Reference boxouts in main body (esp Native North American Compendium) */
.sidebarmb 		{ background-color: #AE1819; border: 0px solid #AE1819; 
				width: 98%; max-width: 525px; padding-left: 6px; 
				padding-right: 6px; padding-top: 6px; 
				padding-bottom: 6px; margin-bottom: 5px; }
.sidebarmbt		{ font-size: 22px; font-weight: bold; 
				margin-left: 10px; }


/* In use on error pages and folder blank index pages */
/* Multi-page replacement for the old feature page multibar is below */
.mptable 		{ margin-left: 10px; border-collapse: collapse; 
				width: 95%; max-width: 527px; }

/* Background repeated from .cell */
.mpcell1 		{ background-color: #AE1819; padding-top: 1px; 
				text-align: left; 
				background-image:url('../images/support/historyFiles_redbar01.jpg'); 
				background-repeat: repeat-x; 
				background-attachment: scroll; 
				background-position: left bottom; }

/* Background repeated from .cell */
.mpcell2 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; padding-right: 0px; 
				background-color: #AE1819; padding-top: 1px; 
				text-align: left; font-size: 10px; 
				font-weight: normal; color: #F0DCDC; 
				background-image:url('../images/support/historyFiles_redbar01.jpg'); 
				background-repeat: repeat-x; 
				background-attachment: scroll; 
				background-position: left bottom; }
.mpcell2 		a:link{ background-color: #AE1819; 
				padding-top: 1px; font-size: 10px; 
				font-weight: bold; color: #FFFFFF; }
.mpcell2 		a:visited{ background-color: #AE1819; 
				padding-top: 1px; font-size: 10px; 
				font-weight: bold; color: #FFFFFF; }
.mpcell2 		a:hover{ background-color: #AE1819; 
				padding-top: 1px; font-size: 10px; 
				font-weight: bold; color: #FFFFFF; }
.mpcell2 		a:active{ background-color: #AE1819; 
				padding-top: 1px; font-size: 10px; 
				font-weight: bold; color: #FFFFFF; }
.mpnumber 		{ width: 57px; height: 18px; 
				border: 0px none; }
.mpsidelink 	{ padding-left: 0px; padding-right: 0px; 
				white-space: nowrap; }
.mpspacer1 		{ width: 5px; height: 1px; border: 0px none; 
				image:url('../images/nav-spacer.gif'); }
.mpspacer2 		{ width: 74px; height: 1px; border: 0px none; 
				image:url('../images/nav-spacer.gif'); }


/* mplink is the same as sidelink except for bottom padding */
.mplink 		{ font-family: verdana, Geneva, arial, 
				helvetica, sans-serif; font-size: 10px; 
				font-weight: bold; text-align: left; 
				text-decoration: none; line-height: 14px; 
				color: #585858; padding-bottom: 5px; 
				padding-top: 3px; padding-left: 0px; }
.mplink 		a:link{ font-size: 10px; font-weight: bold; 
				text-align: left; text-decoration: none; 
				line-height: 14px; padding-bottom: 5px; 
				padding-top: 3px; }
.mplink 		a:visited{ font-size: 10px; font-weight: bold; 
				text-align: left; text-decoration: none; 
				line-height: 14px; padding-bottom: 5px; 
				padding-top: 3px; }
.mplink 		a:hover{ font-size: 10px; font-weight: bold; 
				text-align: left; text-decoration: none; 
				line-height: 14px; padding-bottom: 5px; 
				padding-top: 3px; }
.mplink 		a:active{ font-size: 10px; font-weight: bold; 
				text-align: left; text-decoration: none; 
				line-height: 14px; padding-bottom: 5px; 
				padding-top: 3px; }


/* Multi-page features - formatting banner image (see NorthNativeCompendium01.htm) */
.ptsImgBox		{ width: 98%; max-width: 525px; height: auto; 
				margin-left: 10px; padding-bottom: 4px; 
				_padding-bottom: 16px; }
.ptsImgBack		{ width: 100%; max-width: 525px; height: auto; }


/* Same formatting for bio pages */
.ptsImgBio		{ width: 100%; max-width: 600px; height: auto; 
				padding-bottom: 4px; _padding-bottom: 16px; }
.ptsImgBioBack	{ width: 100%; max-width: 600px; height: auto; }

.ptsBorder		{ border-left: 1px solid #004665; 
				border-right: 1px solid #004665; }

	@media only screen and (max-width: 599px) {
	.ptsBorder		{ border-left: 0px; border-right: 0px; }
	}



/* Multi-page features - new version red boxout index in sidebar */

/* Used with sidebarft, above */
.pts			{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-align: left; 
				text-decoration: none; line-height: 20px; }
.pts 			a:link{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.pts 			a:visited{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.pts 			a:hover{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.pts 			a:active{ font-size: 11px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }


/* Multi-page features - Native American Compendium letters boxout in main body */
.ptsmain		{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 16px; color: #FFFFFF; 
				font-weight: normal; text-align: center; 
				text-decoration: none; word-spacing: 24px; 
				line-height: 2.7; }
.ptsmain 		a:link{ font-size: 16px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.ptsmain 		a:visited{ font-size: 16px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.ptsmain 		a:hover{ font-size: 16px; color: #FFFFFF; 
				font-weight: normal; text-decoration: underline; }
.ptsmain 		a:active{ font-size: 16px; color: #FFFFFF; 
				font-weight: normal; text-decoration: none; }
.ptssub			{ font-size: 12px; word-spacing: 0px; 
				line-height: 14px; }


/* Footer copyright disclaimer, and some feature footnotes, & GalleryLoading message */
h6 				{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; line-height: 15px; 
				color: #000000; font-weight: normal; 
				font-style: normal; text-align: left; 
				text-decoration: none; margin-left: 10px; 
				margin-right: 10px; }
h6				a:link{ font-size: 11px; text-decoration: none; }
h6				a:visited{ font-size: 11px; text-decoration: none; }
h6				a:hover{ font-size: 11px; text-decoration: underline; }
h6				a:active{ font-size: 11px; text-decoration: none; }


/* Same as h6 apart from hyperlink font size for 'JavaScript is off' */
/* Also applies to media error messages */
.jsoff 			{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; color: #585858; 
				font-weight: normal; font-style: normal; 
				text-align: left; text-decoration: none; 
				margin-left: 10px; margin-right: 10px; }
.jsoff 			a:link{ font-size: 11px; text-decoration: none; }
.jsoff 			a:visited{ font-size: 11px; text-decoration: none; }
.jsoff 			a:hover{ font-size: 11px; text-decoration: underline; }
.jsoff 			a:active{ font-size: 11px; text-decoration: none; }


/* Archives page selector text */
.arch 			{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; line-height: 14px; 
				color: #000000; font-weight: normal; 
				font-style: normal; text-align: left; 
				text-decoration: none; margin-left: 10px; 
				margin-right: 0px; }
.arch 			a:link{ font-size: 11px; text-decoration: none; }
.arch 			a:visited{ font-size: 11px; text-decoration: none; }
.arch 			a:hover{ font-size: 11px; text-decoration: underline; }
.arch 			a:active{ font-size: 11px; text-decoration: none; }




/* --- [ Sources ] --- */



/* Main text */
.readinglists	{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; color: #000000; 
				font-weight: normal; font-style: normal; 
				text-align: left; text-decoration: none; 
				line-height: 12px; margin-bottom: 12px; 
				padding-left: 0px; margin-right: 2px; }
.readinglists 	a:link{ font-size: 11px; font-weight: normal; 
				font-style: normal; text-decoration: none; 
				line-height: 12px; }
.readinglists 	a:visited{ font-size: 11px; font-weight: normal; 
				font-style: normal; text-decoration: none; 
				line-height: 12px; }
.readinglists 	a:hover{ font-size: 11px; font-weight: normal; 
				font-style: normal; text-decoration: underline; 
				line-height: 12px; }
.readinglists 	a:active{ font-size: 11px; font-weight: normal; 
				font-style: normal; text-decoration: none; 
				line-height: 12px; }




/* --- [ General ] --- */



/* Full-width picture boxouts in main feature text and gallery pages */
/* This aligns them with margined text */
.featuretable 	{ margin-left: 10px; margin-top: 10px; 
				text-align: left; max-width: 525px; }


/* Full-width Photobox boxouts inside main feature page text */
/* This aligns them with margined text */
.featuretableB 	{ margin-left: 10px; margin-top: 0px; 
				margin-bottom: 0px; text-align: left; 
				max-width: 525px; }

	@media only screen and (max-width: 1366px) {
	.featuretableB		{ margin-left: 0px; margin-top: 0px; 
						width: 100%; max-width: 100%; }
	.galPicB			{ margin-left: 0px; }
	}


/* Strip pictures within main text, ie. Northern Britain top pic */
/* This aligns them with margined text */
.featurestrip 	{ margin-left: 10px; margin-right: 0px; 
				text-align: center; }


/* To select a kingdom, etc, on maps to give them a left margin */
.maptext 		{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 11px; color: #000000; 
				font-weight: bold; font-style: normal; 
				text-align: left; text-decoration: none; 
				margin-left: 10px; } 


/* Bulleted List */
.bulleted 		{ font-family: verdana, Geneva, arial, helvetica, 
				sans-serif; font-size: 10px; color: #000000; 
				font-weight: normal; list-style-type: disc }




/* --- [ Popup windows ] --- */


/* all in substyles*/




/* --- [ Email a friend/Contact us ] --- */


/* all in substyles*/




/* --- [ Social bookmarking ] --- */


/* Share with icons in footer toolbar and help text */
.bs_icon 		{ margin-bottom: -3px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 4px; }
.de_icon 		{ margin-bottom: -2px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 2px; }
.dg_icon 		{ margin-bottom: -2px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 4px; }
.fb_icon 		{ margin-bottom: -2px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 6px; }
.my_icon 		{ margin-bottom: -2px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 6px; }
.rd_icon 		{ margin-bottom: -2px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 6px; }
.su_icon 		{ margin-bottom: -4px; margin-top: 0px; 
				border: 0px; width: 32px; height: 32px; 
				margin-right: 0.06em; margin-left: 4px; }



/* --- [ Print settings ] --- */



/* Page backgound white while printing */
@media print {
BODY 			{background-color: white}
}

/* Page margin */
@page{
margin: 5%
}




/* --- [ Main stylesheet ends ] --- */