#btnCtrlPanel {
}

.ctrlPanel {
	width:100%;
	max-height:400px;
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
	align:center;
}

.subPanel {
	display:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	background-image: url('./images/background4.jpg');
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:3px solid #666;
}

.subSubPanel {
	margin:5px;
	padding:5px;
	background-image: url('./images/background3.jpg');
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:2px solid #666;
}

.subSubTitle {
	font-weight:bold;
	position:relative;
	padding:1px 4px;
	top:-10px;
	background-image: url('./images/background4.jpg');
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:2px solid #666;
}

.subTable {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.closeBtnControl {
	float:right; 
	z-index:9;
	position:relative; 
}


.geofence {
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	float:left;
	width:260px;
	text-align:center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #666;
}

#geofence1 {
	background-color:red;
}


#geofence2 {
	background-color:green;
}


#geofence3 {
	background-color:blue;
}

.geoBkgnd {
	margin:0px auto;
	text-align:center;
	width:240px;
	background-color:white;
	opacity:0.80;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #666;
}

.geoValue {
	text-align:center;
	width:240px;	
	font-size:80%;
	font-family:arial;
	background:transparent;
	color:black;
	border:none;
}

.geoValueHdr {
	text-align:center;
	width:240px;
	font-size:125%;
	background:transparent;
	color:black;
	font-weight:bold;
	border:none;
}