/** map structure **/

html, body {
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.fill-parents {
	height: 100%;
}

#headerBox {
	height: 70px;
}

#footerBox {
	height: 40px;
	background-color:#ffff00;
}

#dividableBox {
	background-color:#ffffff;
}

#dataArea {
	position: absolute;
	min-width:300px;
	width:400px;
	height: 100%;
}

#hDivider {
	position: absolute;
	width: 5px;
	left:400px;
	height: 100%;
	background-color:#cccccc;
}

#hDivider:hover {
	cursor:ew-resize;
	background-color:#999999;
}


#rightArea {
	position: absolute;
	background-color:#dddddd;
	height: 100%;
	min-width:300px;
	left:405px;
}

#mapControlBox {
	background-color:#dddddd;
	height:80px;
}

#mapBox {
	background-color:#999999;
}

#subDataBox {
	background-color:#dddddd;
	height:200px;
}

.veh-div-icon {
	border-style: solid;
	border-color: #ff5500 #ee5500 #ee5500 #ff5500;
	border-width: 1px;
	background-color:#ffff00;
	border-radius: 5px;
	text-align:center
}

/* Vertical center */
.veh-div-icon > div {
  position: relative;
  top: 60%;
  transform: translateY(-50%);
  font-size:12px;
  line-height: 100%;
}