body {
	background-color: black;
}
.info-text {
    display: block;
    height: auto !important;
    position: relative !important;
    clear: both;
	color: rgb(72, 72, 72);
	font-size: 14px;

}
.info-text-box {
    position: relative !important;
    width: 364px;
    height: 100% !important;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    display: block;
    clear: both;
}

.flag div {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.poptipcontent {
	padding:3px;
}
.popboxcontent { 
	padding: 5px;
	/* white-space: nowrap; */
} 
.outer {
    width: 100%;
    padding-top: 75%; /* defines aspect ratio */
    position: relative;
}
.outer .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.topright {
	top: -5px;
	left:21px;
}

.topleft {
	top: -5px;
	right:20px;
}

.bottomright {
	bottom: -5px;
	left:20px;
}

.bottomleft {
	bottom: -5px;
	right:19px;
}

p.tooltip {
	display:none;
	position:absolute;
	/* border:1px solid #333; */
	background: rgba(0,0,0,0.70);
	border-radius:2px;
	padding:2px;
	color:#fff;
	font-size:1.00em;
	/* font-family: 'Arial', sans-serif; */
	font-family: 'Roboto', sans-serif;
	font-weight: 400 normal;
	white-space: nowrap;
	z-index: 9999 !important;
}

.pintooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#fff;
	border-radius:5px;
	/*padding:10px; */
	color:#161616;
	font-size: 12px;
	white-space: nowrap;
	z-index: 9999 !important;
}

.facts {
	color: rgb(72, 72, 72);
	font-size: 14px;
}