.infoWindowPeriod {
	margin: 4px 0px 0px 0px; /* top right bottom left */
	padding: 24px 12px 24px 12px; /* top right bottom left */
	font-size:1em;
	vertical-align:top;
	background-color:#FCFCFC;
	box-shadow: 0px 0px 3px 5px rgba(252,252,252,1.0); /* h-offset v-offset blur spread color */
	border-right: 3px solid Black;
	border-left: 3px solid Black;
	width: 260px;
	position: absolute;
	left: calc(50% - 131px);
}

.tdInfoPeriod {
	color:#486696;
	font-size: 2em;
	font-weight: 900;
	text-align:center;
}
	
/* this is about the Year Choice Navigation Window */	
table.infoPeriodChoice;{
	display:block;
	text-align:center;
	margin:2px 0px 2px 0px;
	padding:2px 2px 2px 2px; /* top right bottom left */
	width: 100%;
	position:absolute;
	left:50%;
}

/* Year Choice Navigation Window */
.tdHLinfoPeriod:link, .tdHLinfoPeriod:visited, .tdHLinfoPeriod:active {
	display:block;
	font-size:1.2em;
	margin: 0em 0em 0em 0em; /* top right bottom left */
	padding:8px 2px 4px 2px; /* top right bottom left */
	opacity:1;
	text-align:center;
	color:Black;
	font-weight: 700;
	background-color:rgba(171,202,255,0.2);
/*   box-shadow: 0 0 1px 1px rgba(15,15,15,0.4) inset;  */
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-decoration: none;
	}
.tdHLinfoPeriod:hover {
	color: #000000;
	background-clip: border-box;
	box-shadow: 0px 0px 3px 5px rgba(0,0,0,0.25); /* h-offset v-offset blur spread color */
	background-color:rgba(255,255,255,1);
	vertical-align:baseline;
	opacity:1;
/*    box-shadow: 0 0 2px 2px rgba(15,15,15,0.6) inset;}  */