/* tablesorter.css */

/* global.css 
used on sortable table, 
from http://www.creativepro.com/article/view-source-javascript-designers */


td, th {
	padding: 6px 1px 1px 6px;  /* was 3px 3px 3px 10px; */
	text-align: left;
	border: 1px solid #7799AA;
}
th {
	background: #366;
	color: #FFF;
}

table { 
	border-collapse: collapse;
	margin: 1px 0px 1px 0px; /* was 1px;   was 10px 5px 10px 5px; */
	font-size: 85%;
}
.striped {
	background-color: #F3EEDF;
}
tr {
	cursor: pointer;
}
tr.highlight {
	background: #A6B8C2;
}
th.headerSortDown {
	background: #A6B8C2 url(/Graphics/down_arrow.png) no-repeat right center;
}
th.headerSortUp {
	background: #A6B8C2 url(/Graphics/up_arrow.png) no-repeat right center;
}

/* --------------------- */
th.latin {
	/* min-width: 200px;	*/
}

th.latinTrillium {  /* 14 Oct 2022 */
	min-width: 40%;	
}
img.mapInKeyTable { 
	width: 15%;  /* 14 Oct 2022 20%; 20 Oct 2023 15% */
}

/* ======================================================================== MEDIA QUERY MAX-WIDTH SMALLEST 640px */
@media only screen and (max-width: 640px){
	table { 
		font-size: 65%;  /* 45%; */
	}
	img.mapInKeyTable { 
		width: 20%;  /* 20 Oct 2023 20% */
}

}

/* ======================================================================== MEDIA QUERY MIN-WIDTH LARGEST 992px */
@media only screen and (min-width: 992px){
	.mapInTable { 
	width: 26%;  
	}
	
	img.mapInKeyTable { 
		width: 12%; /* 14 Oct 2022 24%; 20 Oct 2023 12% */ 
	}
}