/* for town census, whaling vessel-shipbuilding, and whaling voyages maps. */
/* NOTE: rochester 1850 birthplaces map uses diagrams.css */
html { height: 100%; }
body { height: 100%; margin: 0; padding: 0;font-family:Verdana, Geneva, sans-serif;font-color:#000; font-size:100%;} /* min-height=100% interferes with map */


/* TEXT styles */
h1 {display: inline; font-size: large;}
h2 { font-size: normal; font-weight: normal; }	
h2.panelcat {font-size: large; font-weight: normal; line-height: 1.2; margin:0px; padding-top:15px; padding-bottom:4px;}	
h3 { margin: 4px 0; font-size: small; }
h3.panelcatitem { margin: 0px;font-size: medium; font-weight: normal; font-color:#666; }	
h4 { margin: 6px 0; font-size: small; font-weight:lighter }
p { font-family:Verdana, Geneva, sans-serif;}

.panel-title-1 {margin-top:21px;margin-bottom:0px;}/*use if 1 row of text*/
.panel-title-2 {margin-top:12px;margin-bottom:0px;}/*use if 2 rows of text*/
.panelyear {font-size:large;}/*4em*/
.panelinfo {clear:both;margin-left:65px;padding-top:25px;}
.panelinfo-if-h2 {clear:both;margin-left:65px;padding-top:10px;}

.numtotal {font-weight:lighter;font-size:x-large;clear:left;}
.numtotaltxt {font-size:large;clear:left;}
.numtotalnote {font-size:small;clear:left;}

.mappanelgraphs { text-align:center;float:left;position:relative;clear:left; }

.buffertop {margin-top:25px;}
.buffertophalf {margin-top:12px;}
.buffertopfraction {margin-top:5px;}

.pageDataCredits {font-size:x-small;line-height:1.2;clear:left;}

.panelCredits  { font-size:x-small;margin-bottom:5px;clear:left;}
.panelCredits a:link { color:#000; text-decoration:none; }
.panelCredits a:hover { color:#000; text-decoration:underline; }
.panelCredits a:active { color:#000; text-decoration:underline; }
.panelCredits a:visited { color:#000; text-decoration:none; }

a.plain:link {text-decoration:none;color:#000;}
a.plain:hover {text-decoration:underline;color:#000;}
a.plain:active {text-decoration:underline;color:#000;}
a.plain:visited {text-decoration:none;color:#000;}
a.noticable:link {text-decoration:underline;color:#000;}
a.noticable:hover {text-decoration:underline;color:#000;}
a.noticable:active {text-decoration:underline;color:#000;}
a.noticable:visited {text-decoration:underline;color:#000;}
.popupinfobox a {color:currentcolor;}
/* END TEXT styles */




/* START CONTAINER & PLACEMENT styles */
#map-canvas { height: 100% ;}
/*navigation orgchart in upper right */
.navNodeSm {background-color:rgba(255, 255, 255, .6);color:#999;font-weight:normal;font-style:normal;font-size:small;width:90px;height:45px;margin-bottom:10px;border-radius:10px;line-height:1.2;}
/*.navNodeSm {background-color:rgba(255, 255, 255, .6);color:#999;font-weight:normal;font-style:normal;font-size:.9em;width:90px;height:45px;margin-bottom:10px;border-radius:10px;line-height:1.2;}*/
.navNodeSm a:link {font-weight:normal;color:#666;text-decoration:none;line-height:1.2;}
.navNodeSm a:hover {font-weight:normal;color:#666;text-decoration:underline;line-height:1.2;}
.navNodeSm a:active {font-weight:bold;color:#666;text-decoration:underline;line-height:1.2;}
.navNodeSm a:visited {font-weight:normal;color:#666;text-decoration:none;line-height:1.2;}
.navNodeSelectedSm {background:#ffffff;font-style:normal;font-size:.9em;width:90px;height:45px;border-radius:10px;line-height:1.2;}  
.chartNavSm {position:absolute;top:10px;right:50px;}

/* map side panel */
.panel {  
    border: 0px solid #ffffff;
    height: 100% ;
    position: fixed;	/* absolute */
    top: 0px;	
	left: 0px;	
	overflow: auto;
	width: 340px;  /*347 w scrollbar, 327px*/   
    padding: 10px;	
	padding-right: 10px;	
    margin: 0px;	
	font-family:Verdana, Geneva, sans-serif;
    z-index: 2;
} 
.panellight { background-color: rgba(255, 255, 255, .75); /* needs to suppress map markers enough to read text easily */
}
.panelmidtone { background-color: rgba(204, 204, 204, .6); 
}
.navpanel {
    background-color: rgba(255, 255, 255, 0); /* transparent bg */
    width: 180px;
    margin-right: 0px;
    padding: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0 solid #ffffff;    
    z-index: 3;
	font-family:Verdana, Geneva, sans-serif;
} 
.navpanel-1col {
	width: 180px;
}
.navpanel-2col {
	width: 247px;
}
@media (max-width: 768px) {
	/* all maps pages: hide nav.  See .JS: initialize() - suppresses google charts - currently set >=768 */
	.navpanel .navpanel-1col .navpanel-2col .chartNavSmMap .navNodeSm {
		display:none;
	}	
}
@media (max-width: 500px) {
	.panel {  /* shorten panel so map shows */
	    height: 45% ;
		overflow: scroll;
		width: 100%;  /*347 w scrollbar, 327px*/  
		border-bottom: 1px solid #000000;
	} 
}
/* END navigation & panel */


/* side panel elements */
.img-matt { margin-right:6px; float:left; }
.locationBox_w {height:50px;}
#map-whaling { height: 160px; width:250px;}
.col1 { 	background-color: #dddddd; }
/* DD used with voyages map, shipbuilding map */

.mapddselection { /* DIV that contains DD */
	display:inline;
	overflow:hidden;
	height:30px;    
	width:250px;
	padding:5px;
    background:  url('../img/interface/ddarrow-000.png') no-repeat #ffffff;
    background-position: 225px 0px; 
	}
#yearSelected, #filterOptionsDD, #chooseSubsetwDD  {  /* DropdDowns: yearSelected = voyages map & shipbuilding map DD.  filterOptionsDD: census map DD; */
	border:0px;
    height:30px;
    width:250px;
    background:transparent;
	padding-left:5px;
	padding-right:0px;
	margin-bottom:14px;  /*space between dd and number of vessels returned */	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:large;
   -webkit-appearance: none;
	}	
/*
#filteredSubsetDD::after {
   content: "";
   display: inline-block; 
   clear: both;
}
*/
.panelPie {   /* 1855 map census filter DD results: pie chart of mapped and unlocated census entries */
	display:inline-block;
	margin-top:5px;
	margin-left:30px;
	margin-right:auto;
	margin-bottom:3px;
}

/* historic map overlay visibility slider for census map*/
.slidercontainer {
	width: 100%; 
}
.slider {
  -webkit-appearance: none;
	width:125px;
	height: 15px;
	margin-top:6px;
	margin-bottom:6px;  
	background: #ffffff;
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2s;
}
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%; 
	background: #000000;
	cursor: pointer;
}
.slider::-moz-range-thumb {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #000000;
	cursor: pointer;
}
.sliderlabel {
	display:inline;
	text-align: left;
}
/* END historic map overlay visibility slider */


/* 1855 mattapoisett census & maps: recentering view */
.repositionBoxes { 
	/* display:inline; */
	overflow:hidden;
	width:175px;
	height:30px;
	background-color:#FFF;
	border: 0px solid #fff;	
	padding-left:5px;
	padding-right:0px;
	margin-top: 5px; /* matches .repositionArrow */
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-color:#666;
	font-size:medium;
    -webkit-appearance: none;
}	
.repositionArrow { 
	/* display:inline; */
	overflow:hidden;
 	width:35px;
	height:30px;
	color:#FFF;	 
	background:  url('../img/interface/jump-arrow-matte-beige.png') no-repeat transparent;
	background-position: 0px 0px;	 
	border: 0px solid #fff;	 
	padding-left:0px;	 
	margin-top: 5px;  /* matches .repositionBoxes */
	margin-left:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-color:#fff;
	font-size:medium;
   -webkit-appearance: none;	
 }
/* END panel elements */


/* map POP UPS */
.locationChart {
	background-color: #930;
}
.popupinfobox {
	width: 400px;
	color:#000;
}
@media (max-width: 450px) {
	.popupinfobox {
	width: 90%;
	}
}
.crew {
	margin-left:10px;
}
/* END map POP UPS */

/* unmatched entries (map/census) */
#unmatchedHere {
	width:100%;
	text-align: : center;
	position:fixed;
	z-index: 4;
	display: inline-block;
}
.unmatchedEntriesContainer {
	position: fixed;
	box-sizing: border-box;
	max-height:87vh;
	width: 70vw;
	background: #fff;
	color: #000;
	margin-left:12%;
	margin-top:3%;
	margin-bottom:3%;
	margin-right:12%;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:5px;
}
.unmatchedEntries {
	box-sizing:border-box; 
	display: block-inline; 
	max-height:75vh;
	overflow-y: auto;
}
.unmatchedClose {
	display: block-inline; 
	text-align:right;
	padding-bottom:7px;
	font-size: xx-large;
	font-weight: medium;
}
/* END unmatched entries (map/census) */
/* END CONTAINER & PLACEMENT styles */