.controller{
	direction: ltr;
	overflow: hidden;
	text-align: center;
	position: relative;
	color: #000;
	font-family: Roboto,Arial,sans-serif;
	-moz-user-select: none;
	font-size: 11px;
	background-color: #FFF;
	margin: 11px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	min-width: 18px;
	font-weight: 500;
}

#GeoDiv{
	height: 18px;
	width: 18px;
	background:	url('../icon/geo.png') transparent no-repeat scroll 0px 0px;
	background-size: 180px 18px;
	cursor: pointer;
	margin: 5px;
}

#overlayBBG {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}