#mapPage	{position:relative; height:100px; width:100%;}
#mapDiv		{height:100px;}
#mapHandle	{position:absolute; top:0px; width:15px;}

#legendBig	{background-color:#fff; z-index:20001;}
#legendBig table th	{vertical-align:top;}
#legendBig table td	{padding-left:8px; padding-bottom:10px;}
.legendSml	{background-color:#fff;
		background-color:rgba(255, 255, 255, 0.4);
		border-radius:4px 4px 4px 4px;}

.onMapControl	{z-index:20000; position:absolute;}

a {color: #666;}

table.detailedLegend th {
	font-size: 11px;
}

table.detailedLegend td {
	font-size: 12px;
}

p.disclaimer {
	 margin-top:30px;
	 font-size:12px;
}

div#mapMenuOptions p.disclaimer {
	 margin-top:12px;
	 margin-bottom:2px;
}

.geo-icon {
	/* background-image: url("${asset:context:images/mobile/geo.png}"); */
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 20px;
	position: absolute;
	right: 8px;
	top: 0.5em;
	width: 20px;
}

a.gray-button {
	margin-top:10px;
	color: #000;
	border: 0.1em solid #c2c2c2;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #dedede);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(100%, #dedede), color-stop(0%, #fff));
	background: -o-linear-gradient(top, #fff, #dedede);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dedede', GradientType=0);
	text-shadow: none;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	text-transform: lowercase;
	font-size: 0.75em !important;
    font-weight: bold;
}


a.button  {
	border-radius: 0.4em 0.4em 0.4em 0.4em;
	display: block;
	/* font-size: 14px !important; */
	line-height: 20px;
	font-weight: bold;
	min-width: 12px;
	overflow: hidden;
	padding: 4px 1em 7px 1em;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	/* text-transform: uppercase; */
	white-space: nowrap;
}

a.button img
	{margin-left:3px; vertical-align:text-bottom;}


/* from MapLegendControl.css */
div.classifierLegendItem
	{white-space:nowrap; text-align:center; padding:5px; font-size:12px; cursor:pointer;}

/* from MapViewLegend.css */
.brightPalette	{width:30px; height:28px; line-height:27px;
	border-radius:3px;
	box-shadow:0 1px 1px rgba(0,0,0,0.35);}
	
/* zoom colour */
div.olControlZoom a {
	background: #bf0000; /* fallback for IE - IE6 requires background shorthand*/
	background: rgba(191, 0, 0, 0.5);
	width:40px;
	height:40px;
	line-height:36px;
}
div.olControlZoom a:hover {
	background: #bf0000; /* fallback for IE - IE6 requires background shorthand */
    background: rgba(191, 0, 0, 0.7);
}
div.olControlZoom	{right:auto; left:15px; top:15px;}

.olTileImage { border: 1px solid rgba(255,0,0,0.0);}


#mapMenu {width:100%; left:0;}
#mapMenu>img	{display:block; margin-left:auto; margin-right:auto; cursor:pointer;}
#mapMenuOptions	{background-color:#fff;}
#mapMenuOptions>ul {padding:0; margin:0; list-style: none;}
#mapMenuOptions>ul>li {padding: 10px; border-bottom:1px solid #c2c2c2; cursor:pointer;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #dedede);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(100%, #dedede), color-stop(0%, #fff));
	background: -o-linear-gradient(top, #fff, #dedede);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#dedede', GradientType=0);}
#mapMenuOptions>ul>li>img {display:inline; margin-left:3px; vertical-align:text-bottom;}

#deviceSearch.inError input.defaultText	{color:#bf0000;}
#localitySearch.inError input.defaultText	{color:#bf0000;}

div.onMapMenuBtn {
	background-image: url(../../../ctx/images/mobile/arrow_down.png);
	width: 165px;
	height: 32px;
	margin: 0 auto;
	cursor: pointer;
}
div.onMapMenuBtn.open {
	background-image: url(../../../ctx/images/mobile/arrow_up.png);
}


div#locationSummary table {
	border-spacing: 0;
}
div#locationSummary table tr.icons {
	background: #ccc;
}
div#locationSummary table th {
	text-align: left;
	white-space: nowrap;
}
div#locationSummary table tr td {
	padding-top: 0;
}
div#locationSummary table th, div#locationSummary table td {
	font-size: 14px;
	padding: 10px;
}
div#locationSummary table th img {
	width: 40px;
}
div#locationSummary p[data-3gDevice] {
	font-size: 12px;
	font-style: italic;
  	color: red;
}