/* schemecolor.com */
/* amcharts.com */
/* mapchart.net */

/* water: #194868 (25,72,104) */
/* land : #96b797 (150,183,151) */


/* 2 special Blue colors: 
	Headers & Buttons : #486696 rgb(72, 102, 150)
	HLinText & CultLabels : #4e7bc4 rgb(78, 123, 196) */

/* Culture : #890878 rgb(137, 8, 120) */



/* general; for headerLinks  */
/* first color:  #FFFFFF  white (255,255,255)*/
/* second color: #000000  black (0,0,0) */


/* page periodButtons  */
/* first color:  #FFFFFF */
/* second color: #000000 */


:root {
	--hMarginRulerHLink: 4px;
	--hMarginRulerName: 5px;
}



/* info Window Inline Header Country Colors   */
/* margin left only  */
.infoWIHCCmr {
	width: 60px;
	height: 46px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-right: 8px;
	margin-top: 1px;
}
/* margin left and right  */
.infoWIHCCmlr {
	width: 60px;
	height: 46px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 1px;
}
/* info Window In text Country Colors   */
/* a small FLAG; margin left only  */
.infoWIHSCmr {
	width: 24px;
	height: 16px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-right: 8px;
	margin-bottom: 1px;
}
/* a small FLAG; margin left and right  */
.infoWIHSCmlr {
	width: 24px;
	height: 16px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 1px;
}
/* info Window In Choose Civ Pop Up   */
/* a small FLAG; margin left only  */
.infoWCCmr {
	width: 48px;
	height: 20px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-right: 8px;
	margin-bottom: 1px;
}
/* a small FLAG; margin left and right  */
.infoWCCmlr {
	width: 48px;
	height: 20px;
	display:inline-block;
	border-top: 1px solid Black;
	border-bottom: 1px solid Black;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 1px;
}

/* info Window Inline Geographical Column   */
.infoWIGeoCol{
	display:inline-block;
	text-align:center;
	font-size:28px;
	font-weight: 900;
	width:40px;
}


/* RULER info Window Navigation Button Float right  */
#infoWINavButFR{
	float:right;
}
	
.infoWIRName {
	display:inline-block;
	height: 30px;
	float:none;
	margin:0px 0px 0px 0px;
	padding: var(--hMarginRulerName) 0px 0px 0px; /* top right bottom left */
	font-size: 30px;
	font-weight:900;
	vertical-align:text-top;
	position:absolute;
}
 
/* Info Window Inline Ruler HLink   */
.infoWIRB{
	vertical-align:text-bottom;
	display:inline-block;
	padding:0px 4px 0px 4px; /* top right bottom left */
	margin: 0px 8px 3px 0px; /* top right bottom left */
	height:46px;
	float:none;
	overflow:hidden;
	cursor:pointer;
}	
.infoWIRBlink:link, .infoWIRBlink:visited {
	height: 100%;
	width: 100%;
	display:block;
	font-size: 30px;
	font-weight:900;
	padding: var(--hMarginRulerHLink) 8px 0px 8px; /* top right bottom left */
	opacity:1;
	text-align:center;
	color: #486696;
	font-weight: 900;
	text-decoration: none;
	}
.infoWIRBlink:hover, .infoWIRBlink:active  {
	color: Black;
	opacity:0.95;
	background-color: FloralWhite;
	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);
	}
/* Info Window Inline Ruler HLink   */

/* Space Between Buttons in Header van Info Window*/
.tdInfoSBB {
	display:inline-block;
	opacity:1;
	padding:0px;
	}


.colorWarPeriod {
	color: #4e7bc4;
	font-weight: 500;
	font-size: 0.9em;
}
.colorCultAction {
	color: #4e7bc4;
	font-weight: 500;
}

/* Info Window In Text Ruler HLink   */
.infoWinRL{
	vertical-align:text-bottom;
	display:inline-block;
	padding:0px 4px 0px 4px; /* top right bottom left */
	margin: 0px 8px 0px 0px; /* top right bottom left */
	height:38px;
	float:none;
	overflow:hidden;
	cursor:pointer;
}	
.infoWinRLink:link, .infoWinRLink:visited {
	height: 100%;
	width: 100%;
	display:block;
	font-size: 30px;
	font-weight:900;
	padding: 0px 8px 0px 8px; /* top right bottom left */
	opacity:1;
	text-align:center;
	color: #486696;
	font-weight: 900;
	text-decoration: none;
	}
.infoWinRLink:hover, .infoWinRLink:active  {
	color: Black;
	opacity:0.95;
	background-color: FloralWhite;
	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);
	}
/* Info Window Inline Ruler HLink   */

/* Table in the Text of the Content info Window   */
.infoWinTT {
	width: 716px;
	margin-top:0px;
	margin-bottom:0px;
	float:left;
}
.infoWinTT td {
	height:48px;
	text-align: left;
}
.infoWinTT td.label {
	width: 500px;
	height: 48px;
	text-align: left;
}
.infoWinTT td.choice {
	width: 200px;
	height: 48px;
	float: left;
}
#infoWinTTchoiceL{
	width:300px;
}


.infoWindowImg {
	float:right;
	padding-left:8px;
}
.infoHLinks {
	margin-top:-8px;
	margin-bottom:-6px;
	padding-left:2px;
	float:right;
}
.infoHLinks td {
	height:44px;
}
.infoHLtext {
	padding-right:2px;
	text-align:right;}


