.questionMark{
 	background-image : url("/images/gris/map/myMap_questionMark1.png");
 	width : 25px;
 	height : 25px;
 	margin-bottom : 2px;
}
.questionBox{
	display:none;
	position: absolute;
	background: rgba( 76, 76, 76, 0.9 );
	color: #fff;
	border: 1px solid;
	padding: 10px;
	z-index : 1000;
	width : 470px;
	font-weight : 400;
	font-size : 16px;
}
.questionMiniBox{
	background: rgba( 76, 76, 76, 0.8);
	color: #fff;
	border: 1px solid;
	padding: 7px;
	z-index : 1000;
	width : 280px;
	font-weight : 400;
	font-size : 12px;
	float : right;
	text-align : center;
	border-radius: 7px;
	position : relative;
	bottom : 5px;
	right : 5px;
}
#mapMain {
	width: 41%;
 	height: 515px;
  	float: left;
  	border: solid 2px black;
/* 	  	border-radius: 10px; */
}
#uiPopup, #uiPopup2{
	z-index: 10;
	top: 39px;
	right: 2px;
	left: auto;
	text-align: center;
		border-radius: 10px;
}
.statsBoard{
	width: 55%;
	float:right;
	text-align: center;
	margin-left: 1.5%;
}
.houseStatsBoard, .dclnStatsBoard{
	border: solid 2px black;
/* 		border-radius: 10px; */
}
.statsBoard p{
	text-align: left;
}
.statsTitle{
	background-color : #123274;
	color : #ffffff;
	font-size: 15px;
	font-weight : 500;
	line-height: 35px;
	padding : 0px 10px;
}
.statsTitle .titleFont{
	font-size: 19px;
	font-weight: bold;
}
.statsCnt{
	background: #337def;
	padding: 0px 10px;
/* 		border-radius: 3px; */
	border: 0;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}
.statsUmdCnt{
/* 		background: #337def; */
	padding: 0px 5px;
/* 		border-radius: 5px; */
	border: 0;
	font-size: 13px;
	font-weight: 400;
/* 		color: #fff; */
	width: 25px;
	display: inline-grid;
}
.statsTable{
	text-align: center;
	font-size: 13px;
}
.statsTable .borderTop{
	border-top: solid 1px #dadada;
}
.statsTable .borderLeft{
	border-left: solid 1px #dadada;
}
.statsTable thead th{
	font-size: 17px;
	font-weight: bold;
}
.statsTable thead th.hidden{
	font-size: 0;
	height: 0;
}
.statsTable thead th font{
	font-size: 13px;
	font-weight: normal;
}
.statsTable tbody td{
	padding: 5px 0;
}
.statsTable tbody td.right{
	text-align: right;
}
.statsTable tbody td.left{
	text-align: left;
}
.statsTable tbody td.th{
	font-size: 15px;
	font-weight: bold;
}
.umdStatsBoard{
	width: 58%;
	float: right;
	max-height: 515px;
/* 		overflow-y: auto; */
	}
	.statsUmdTable{
		text-align: center;
		border-bottom: solid 2px black;
	}
	.statsUmdTable th, .statsUmdTable td{
		font-size: 13px;
		padding: 3px 5px !important;
	}
	.statsUmdTable td.left{
		text-align: left;
	}
	.statsUmdTable td a.btn{
		background-color: #555;
		padding: 1px 5px;
		border: 0;
		border-radius: 5px;
		white-space: nowrap;
		font-weight: 300;
		color: #fff;
		margin: auto;
	}
	
	
	.chartdiv {
		width: 100%;
		height: 400px;
		margin-bottom : 10px;
	}
	
	#chartdiv01 {
		width: 96%;
		float : right;
	}
	.tradingChart{
		width: 48%;
		display : inline-block;
		margin : 0 5px;
	}
	#chartdiv03{
		height: 425px;
	}
	#chartdiv10{
		width : 286px;
		height: 301px;
	}
	#chartdiv04{
		margin-bottom : 35px;
	}
	.chartBigdiv {
		width: 100%;
		height: 800px;
	}
	.controls{
		margin : 10px; 
		width: 48%;
		float: left;
		border-radius : 7px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.7);
	}
	#controls5{
		width: 98%;
	}
	.controls2{
		margin : 10px; 
		width: 98%;
		float: left;
		border-radius : 7px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.7);
	}
	.controlsBig{
		margin : 10px; 
		width: 48%;
		float: left;
		border-radius : 7px;
		box-shadow: 0 4px 8px rgba(0,0,0,0.7);
	}
	
	#chartdiv02{
		cursor : pointer;
	}
	
	.navTitle{
		display : inline;
		padding : 5px;
		border: 1px solid;
	} 
	.navigation{
		display : inline;
		font-size : 20px;
	}
	
	.navigation a{
		font-weight : 100;
		margin : 0 10px;
		padding : 5px 20px;
	}
	
	.navigation a.active{
		font-weight : 500;
		background-color : #123274;
		color : #ffffff;
	}
	
	.chart_title {
		font-size : 18px;
		font-weight : 500;
		border-radius : 7px;
		padding : 5px 10px;
		margin : 3px;
	}
	.chart_monthTitle{
		font-size : 18px;
		font-weight : 500;
		background-color : #123274;
		color : #ffffff;
		padding : 5px 10px;
		border-radius : 7px;
		margin : 3px;
	}
	.noDatadiv{
		width: 100%;
		height: 400px;
		align-items:center;
		justify-content : center;
		text-align : center;
		font-size : 20px;
		font-weight : 500;
		margin-bottom : 10px;
	}
	.resizable{
		resize: both;
		overflow :auto;
	}
	
	.resizable:after{
		content : "";
		position: absolute;
		right : 0;
		bottom : 0;
		width : 10px;
		height : 10px;
		background : #000;
		cursor : se-resize;
	}
	
	.ui-popup-close{
		position: absolute;
	    top: 8px;
	    right: 10px;
	    width: 14px;
	    height: 14px;
	    background: url(/images/gris/map/icnClose.png) no-repeat 50%;
	    line-height: 0;
	    font-size: 0;
	}
	.blueLink{
		color : blue;
		margin-top : -7px;
	}
	
	.col-width-20{
		width : 20%;
	}
	.col-width-10{
		width : 10%;
	}
@media (max-width: 979px) {

	.statsBoard{
		width: 100%;
	}
	.umdStatsBoard{
		width: 100%;
	}
	.board1{
/* 		font-size: 1em; */
	margin-top: 20px;
	}
	.controls{
		width: 98%;
	}
	.controlsBig{
		width: 98%;
	}
	.navigation{
		font-size : 16px;
	}
	
	.navigation a{
		margin : 0 5px;
		padding : 5px 10px;
	}
}

.modalBox{
 	    display: none;
	    position: fixed;
	    z-index: 100;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: auto;
	    background-color: rgb(0, 0, 0, 0.4);
	}
#modal_alert{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
}