body
	{
	height: 100%;
	margin: 0
	}

#canvas
	{
	display: flex;
	flex-flow: column;
	height: 100%;
	}

#query
	{
	flex: 0 1 auto;
	margin-left: 10px;
	}

#responseContainer
	{
	display: flex;
	flex-flow: column;
	flex: 1 1 auto;
	height: 100%;
	margin-left: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	border: 1px solid black;
    width: calc(100% - 22px);  /* width - 2 * (margin-left + border) */
	overflow-y: hidden;
	}

.response
	{
	display: flex;
	flex-flow: column;
	flex: 1 1 auto;
	}

#text
	{
	padding-left: .5em;
	font-family: helvetica;
	font-size: 10pt;
	overflow-y: auto;
	display: block;
	}

#map
	{
	overflow-y: hidden;
	display: none;
	}

#mapMsg
	{
	position: absolute;
	z-index: 999;
	margin-left: 4em;
	margin-top: 3.2em;
	height: 3.2em;
	width: auto;
	border: 1px solid black;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	background: white;
	opacity: 85%;
	padding-left: .4em;
	padding-right: 1.4em;
	font-family: helvetica;
	font-size: 10pt;
	overflow: auto;
	display: none;  /* initial value only */
	}



.errorText
	{
	text-indent: 1em;
	font-style: italic;
	}

.popupText
	{
	font-size: .9em;
	}

.G		/* gazetteer display argument */
	{
	margin-bottom: 0em;
	}

.gazetteerSubHead
	{
	margin-top: .2em;
	margin-bottom: 0em;
	text-indent: 1.5em;
	}

.gazetteerText
	{
	margin-top: .2em;
	margin-bottom: 0em;
	margin-left: 4.5em;
	text-indent: -1.5em;
	}

.gazetteerTextNoIndent
	{
	margin-top: .2em;
	margin-bottom: 0em;
	margin-left: 3em;
	}

.gazetteerTable
	{
	position:relative;
	left: 2.8em;
	margin-bottom: -.3em;
	margin-right:  3em;
	font-family: helvetica;
	font-size: 10pt;
	}

.gazetteerTableNumeric
	{
	padding-right: 1.2em;
	text-align: right;
	}

.gazetteerTableNumericDecimals
	{
	text-indent: -.15em;
	margin-left: 0;
	padding-left: 0;
	padding-right: 1.2;
	text-align: left;
	}

.gazetteerTableNumericUnits
	{
	margin-right: 0;
	padding-right: 0;
	text-align: right;
	}

.gazetteerTableRole
	{
	vertical-align: top;
	white-space: nowrap;
	}
	
.gazetteerTableText
	{
	padding-left: .5em;
	}

.gazetteerEmploymentUnderground
	{
	padding-right: 2em;
	text-align: right;
	}

.gazetteerTableYearRange
	{
	vertical-align: top;
	white-space: nowrap;
	}

.gazetteerEmploymentSurface
	{
	padding-right: 1.2em;
	text-align: right;
	}

.gazetteerEmploymentTotal
	{
	padding-right: .55em;
	text-align: right;
	}

.gazetteerProduction
	{
	text-align: right;
	}



.entityText  /* same as gazetteerSubHead */
	{
	margin-top: .2em;
	margin-bottom: 0em;
	text-indent: 1.5em;
	}

.entityRoleTable
	{
	position:relative;
	left: 1.2em;
	font-family: helvetica;
	font-size: 10pt;
	}

.error
	{
	margin-top: .2em;
	margin-bottom: 0em;
	font-style: normal;
	color: red;
	}

.maint
	{
	margin-top: .2em;
	margin-bottom: 0em;
	font-style: normal;
	color: gray;
	}

.refreshEntry
	{
	margin-top: .2em;
	margin-bottom: 0em;
	font-style: normal;
	color: gray;
	}

.refreshQuery
	{
	margin-top: .2em;
	margin-bottom: 0em;
	font-style: normal;
	color: gray;
	display: none;
	}

.source
	{
	margin-top: .2em;
	margin-bottom: 0em;
	font-style: normal;
	color: gray;
	display: none;
	}

.sourceTable
	{
	position:relative;
	left: 1em;
	margin-bottom: -.3em;
	margin-right:  3em;
	font-family: helvetica;
	font-size: 10pt;
	}

.queryTable
	{
	position:relative;
	left: 2em;
	margin-bottom: -.3em;
	margin-right:  3em;
	font-family: helvetica;
	font-size: 10pt;
	color: gray;
	text-align: center;
	}