/*
DIV containing OpenLayers map
*/
#olMap
{
    position: absolute;
    width: 100%;
    height: 100%;
}

/*
DIV containing OpenLayers panel
*/
#olPanel
{   
    position: absolute;
    height: 21px;
    width: 100%;
    padding:2px 2px 2px 2px;
    border-bottom: 1px solid #99bbe8;
    background:transparent url(ext/images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
}

/*
DIV containing OpenLayers panel buttons
*/
#olPanel div
{
    /*width: 20px;*/
    height: 20px;
    margin: 1px;
    background-color: white;
    float: left;
}

/*
DIV containing OpenLayers pop up menu to edit digitized objects
*/
#olMapDigitizeEditMenu
{
    position: absolute;
	top:-1px;
	right:-1px;
	background-color: #DFE8F6;
	z-index: 1000;
	width: 300px;
	height: 55px;
	display: none;
	/*filter: alpha(opacity=90);
	opacity: 0.9;*/
	padding: 4px;
	border: solid 1px #99BBE8;
}

/*
DIV containing OpenLayers pop up menu to digitize regular polygons
*/
#olMapDigitizeRegularPolygonMenu
{
    position: absolute;
	top:-1px;
	right:-1px;
	background-color: #DFE8F6;
	z-index: 1000;
	width: 300px;
	height: 55px;
	display: none;			
	/*filter: alpha(opacity=90);
	opacity: 0.9; */
	padding: 4px;
	border: solid 1px #99BBE8;
}

/*
DIV containing OpenLayers pop up menu to zoom to scale
*/
#olMapZoomToScaleMenu
{
    position: absolute;
	top:-1px;
	right:-1px;
	background-color: #DFE8F6;
	z-index: 1000;
	width: 300px;
	height: 55px;
	display: none;			
	/*filter: alpha(opacity=90);
	opacity: 0.9; */
	padding: 4px;
	border: solid 1px #99BBE8;	
}

/*
DIV containing elements defining loading graphics (div id = loading)
*/
#loading{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:20001;
}
#loading a {
	color:#225588;
}
#loading .loading-mask {
	padding:2px;
	width: 100%;
	height: 100%;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: white;
}
#loading .loading-container {
	position:absolute;
	left:45%;
	top:40%;
	height:auto;	
	border:1px solid #ccc;
	width:160px;
}
#loading .loading-indicator {
	background:white;
	color:#444;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;	
}
#loading-msg {
	font: normal 10px arial,tahoma,sans-serif;
}


/*
DIV containing elements defining loading graphics (div id = loading-layer)
*/
#loading-layer{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:20001;
	display: none;
}
#loading-layer a {
	color:#225588;
}
#loading-layer .loading-layer-mask {
	padding:2px;
	width: 100%;
	height: 100%;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
	background-color: white;
}
#loading-layer .loading-layer-container {
	position:absolute;
	left:45%;
	top:40%;
	height:auto;	
	border:1px solid #ccc;
	width:160px;
}
#loading-layer .loading-layer-indicator {
	background:white;
	color:#444;
	font:bold 13px tahoma,arial,helvetica;
	padding:10px;
	margin:0;
	height:auto;	
}
#loading-layer-msg {
	font: normal 10px arial,tahoma,sans-serif;
}