/* queryresults.css ******************************************** */

select {
	vertical-align: 17px;
}
input {
	vertical-align: 17px;
}

/* ******************************************** */
.pageNumber {
	font-size: 80%;
	padding-bottom: .5em;
	font-weight: bold;
}
.currentPageNumber {
	font-weight: normal;
	color: #666;
}

/* ******************************************** */
.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #597B59;  /* a smoky basil green 6 Oct 2018*/
}
.cluetip-default .ui-cluetip-header {
  background-color: #597B59;  /* a smoky basil green 6 Oct 2018*/
  color: #fff; /* white 6 Oct 2018 */
}

/* ******************************************** */
#responsiveMainWide {
	width: 100%;
	float: none;
	padding-right: 0;
	margin-right: 0;
	padding-left: 0;  /* 9 Feb 2022 added this */
	margin-left: 0;  /* 9 Feb 2022 added this */
}

/* ******************************************** */
#queryResultsContent {
	font-size: 85%;
	margin: 2%;   /* 31 Dec 2020 changed to 20px 10px 10px 15px */
	clear: both;  /* copied from #wideContent on 14 Sept 2011 */
}
/#queryResultsContent hr {
	clear: both;
	color: #FC6;
	margin-bottom: 1em; /* was 12px */
	margin-top: 1em; /* was 12px */
}
#queryResultsContent .commonAll{
	font-size: 115%;  /* 7 Dec 2020 */
}

#queryResultsIntro p {
	margin-bottom: .2em;
	font-size: 90%;
}
.queryResultsIntroEnd {
	font-size: 90%;
	font-weight: bold; /* 24 Feb 2025*/
}



/* ******************************************** */
#queryResultsForm {
	padding-top: 2em;	/* was 30px */
	padding-bottom: 1em; /* was 12px */
}

/* ******************************************** */
#queryResultsLoop {
	clear: left;
	padding-top: 1em; /* was 10px */
	overflow: hidden;
	zoom: 1;
}
.queryResultsLoop {
	/* this class is used by the javascript that turns a block into a link */
}

/* ******************************************** */
#queryResultsImages {
	float: left;
	clear: left;
	padding-right: 1%;  /* 31 Dec 2020 changed from 20px to 10px */
}
#queryResultsImages img {
	float: left;
	margin-left: 1%;  /* 31 Dec 2020 changed from 25px to 10px */
	padding-bottom: 2%;  /* was 18px; */
	width: 19%;  /* 24 Aug 2018 width attribute added; 31 Dec 2020 changed from 150 to 160px */
}

/* ******************************************** */
#queryResultsNamesCommon {
	background-color: #e6e6e6;
}

#queryResultsNamesLatin p {
	margin-bottom: .2em;
}

#queryResultsNamesLatin a {
	font-style: italic;	
	font-weight: normal; /* 5 July 2020 changed from bold to normal to put emphasis on preferred name */
	font-size: 110%;   /* 5 July 2020 changed to 110 (from 100) */
}

#queryResultsNamesLatin .preferred {   /* 18 May 2020 to put emphasis on preferred name; 5 July 2020 added descendant selector */
	font-size: 118%;  
	font-weight: bold; 
}

/* ******************************************** */
#queryResultsNamesNotesMap {  /* this should include everything in the loop that's not a photo or a drawing, I think */
	margin-top: 2em;  /* was 18px; not sure what this is doing */
	clear: both; 
}
#queryResultsNamesNotesMap .map {  /* 31 Dec 2020 created .map to make maps smaller than other images */
	width: 15%;  /* was 100px;  */
	float: left;
	margin-right: 1%;  /* was 25px; */
	z-index: 1;   /* this sends it to the top layer */
}

#queryResultsNamesNotesMap .queryResultsNotes-div p { 
	margin-bottom: .4em;
}

/* ******************************************** */
.queryResultsNotes-div {  /* 1 Jan 2021 */
	clear: both;
}


/* ******************************************** 30 Aug 2014 */
/* on queryresults_map page, I changed queryResultsNotes from an ID to a CLASS. Can't think why it should have ever been an ID (???) */
/* #queryResultsNamesNotesMap .queryResultsNotes { */
.queryResultsNotes {
	/* font-family: Tahoma, Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "sans-serif"; */
	font-style: italic;	
	font-weight: bold;
	font-size: 95%;
	color: #999999;
	clear: left;
	margin-bottom: .6em;  /* was 6px; 1 Jan 2021 */
}

/* ******************************************** */
.smallType {
	font-size: 70%;	
}
.smallTypeBlock {  /* https://stackoverflow.com/questions/12851792/why-cant-i-decrease-the-line-height-of-this-text */
	font-size: 70%;	
	line-height: normal; 
	display: inline;
	margin-top: initial;
}

.indent {
	padding-left: 3em;  /* was 150px; */
	font-size: 90%;
}
.hoverClass {
	background-color: #d8cca9;	/* 6 Jan 2021 changed from #F3EEDF; 25 Jan 2021 #ffe6cc  */
}


#responsiveMain #responsiveMainWide #queryResultsContent #footerQuote {  
	font-size: 120%; 
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	margin-top: 2em;
}



/* ******************************************** */
/* using clueTip, as per Missing manual p376, guess I don't really need any rules for this style... */
.tipPic {	
}




/* ======================================================================== MEDIA QUERIES */
/* ======================================================================== MEDIA QUERY MAX-WIDTH SMALLEST 640px */
@media only screen and (max-width: 640px){
	#queryResultsNamesLatin a {
		font-size: 96%; /* was 110%; */ 
	}

	#queryResultsNamesLatin .preferred {   
		font-size: 102%;  /* was 118%; */ 
	}

	/* #queryResultsNamesNotesMap .queryResultsNotes { */
	.queryResultsNotes {
		font-size: 84%;  /* was 95%; */
	}

	.smallType {
		font-size: 64%;  /* was 70%; */	
	}
	
	#submitChangePics_wArrows {
		display: block;
	}
	
}
	
/* ======================================================================== MEDIA QUERY MIN-WIDTH MIDDLE-SIZE */
@media only screen and (min-width: 641px){
	#submitChangePics_wArrows {
		display: inline;
	}
}


/* ======================================================================== MEDIA QUERY MAX-WIDTH SMALL */
@media only screen and (max-width: 800px){
	#queryResultsNamesCommon {
		display: block;
	}

	#queryResultsNamesLatin {
		clear: both;
		padding-top: .2em;
	}
	
	.smallTypeBlock {  /* https://stackoverflow.com/questions/12851792/why-cant-i-decrease-the-line-height-of-this-text */
		font-size: 64%;	
		line-height: 1.3; 
		display: block;
		margin-top: 1.6em;
	}
	
	#queryResultsIntro p {
		font-size: 80%;
	}
	.queryResultsIntroEnd {
		font-size: 80%;
	}

}

/* ======================================================================== MEDIA QUERY MIN-WIDTH LARGEST 992px */
@media only screen and (min-width: 992px){
	#queryResultsImages img {
		width: 16%;  
	}
	#queryResultsNamesNotesMap .map { 
	width: 12%;  
	}

}