/* prerequisites for full page overlay */
	html {
		height : 100%;
	}
		body, 
		#canvas {
			min-height : 100%;
		}
			* html body, 
			* html #canvas {
				height : 100%;
			}
/* page margins  */
	body {
		padding : 0px;
	}
		#canvas div.margin {
			padding : 2em;
		}
/* layer popup markup */
			a.openLayerPopUp {}
			div.layerPopUp {
				display : none;
			}
				div.layerPopUp div.popupShadow {
					position : absolute;
					left : 0px;
					top : 0px;
					width : 100%;
					height : 100%;
					background-color : #000000;
					/*
					-moz-opacity : 0.5 ;
					filter : alpha(opacity: 50);
					opacity : 0.5;
					*/
				}
				div.layerPopUp div.popupContent {
					position : absolute;
					top : 100px;
					left : 25%;
					right : 25%;
					width : 600px;
					padding : 2em;
					border : solid 2px #000000;
					background-color : #ffffff;
					text-align:left;
				}
					div.layerPopUp div.popupContent span.closeLayerPopUp {
						float : right;
						margin : -1.5em -1.0em 0em 0em;
						cursor : pointer;
						text-decoration : underline;
					}
						div.layerPopUp div.popupContent span.closeLayerPopUp:hover {
							color : #6699CC;
						}