body {
	margin: 0px;padding: 0px; 
	height:100%;width:100%;
}
div.wrapper {
	position: absolute; top:0px; left:0px;
	
	width:100%; 
	height:100%;
	
}


img.headericon 
{
	margin-top: 14px;
	vertical-align: top;
	
	padding-left:10px;
	cursor: pointer;
}


img.headericon_left
{
	padding-left: 16px; /*=239px + (leftpanel + 16 px))=255px*/
}

img.headericon_mmllogo 
{
	cursor: pointer;
	padding-left:35px;
}




div.header {
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	height: 50px;
	vertical-align: top;
	
	overflow: hidden;
	overflow-x: hidden;
}

div.footer{
	position: relative;
	padding-left: 240px;
	padding-right: 100px;
	
	float: left;
	margin-top: 2px;
	overflow: hidden;
	overflow-x: hidden;
}

div.centerpanel{
	
	height: 85%;
	width:100%;
}

div.leftpanel 
{
	position: relative;
	width:239px;
	min-width: 239px;
	float: left;
	margin-left: 2px;
	margin-right: 0px;
	height:100%;
	
	overflow-y: auto;
	overflow-x: hidden;

}


div.leftpanelwithscrollbar
{
	position: relative;
	width:255px;
	min-width: 255px;
	float: left;
	margin-left: 2px;
	margin-right: 0px;
	height:100%;
	
	overflow-y: auto;
	overflow-x: visible;
}

div.tabchangebuttons {
	width:239px;
	min-width: 239px;
	float: left;
/*	overflow-x: visible;*/
	display: block;
}

div.map
{
	height: 100%;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	border: 1px solid black;
}

div.printablemap
{
	width: 680px;
	height: 680px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}


img.logo {
	cursor: pointer;
}

.footerlink {
	font: 8pt Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: center;
	text-align: left;
	color: #601b1b;
	text-decoration: none;
	cursor: pointer;
}

.footerlink:hover {
	text-decoration: underline;
}

.leftpanellabel {
	font: 10pt Arial, Tahoma,  Helvetica, sans-serif;
}

.leftpanelerror {
	font: 10pt Arial, Tahoma,  Helvetica, sans-serif;
	color: #FF0000;
}
div.divider {
	height: 2px;
}

/*wmsfeatureinfossa*/
.leftpanelheader {
	font: 10pt Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
}

/*wmsfeatureinfossa*/
td.leftpanelheader {
	vertical-align: top;
}

.leftpanelinput {
	font: 8pt Arial, Tahoma,  Helvetica, sans-serif;
}

.coordslabel 
{
	width: 50px;
}

.tabbuttonactive {
	font: 10pt Arial, Tahoma,  Helvetica, sans-serif;
		
	border-top: 1px solid black;
	border-left: none; border-bottom: none; border-right:none;
	background-color: transparent;
	font-weight: bold;
	color: #000000;
	width: 76px;
	text-align: center;
}
.tabbuttoninactive {
	font: 10pt Arial, Tahoma,  Helvetica, sans-serif;
	border: 1px solid black; 
	background-color: #EEEEEE;
	font-weight: bold;
	color: #AAAAAA;
	width: 76px;
	text-align: center;
	cursor: pointer;
}

/*label is longer -> increase width*/
.makelinkbutton {
	width: 85px;
}

input.tabactionbutton {
	height:30px;
	width: 70px;
	border:solid 1px;
	border-color:#000000;
	background-color:#c22222;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;	
	cursor: pointer;
}


input.popupbutton {
	height:30px;
	width: 65px;
	border:solid 1px;
	border-color:#000000;
	background-color:#c22222;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;	
	cursor: pointer;
}

span.leftpanellabelforactionbutton {
	float: right;
	margin-right: 4px;
}


.searchresultsbox {
	width:237px;	
}

.linkbox {
	width:233px;	
}


/*from demowms.css*/
.olControlPanel 
{
   background-color: #ffffff;
   margin: 0px;
   padding: 2px 0px 2px 0px;
   width:100%;
   /* for IE */
   filter:alpha(opacity=80);
   /* CSS3 standard */
   opacity:0.8;
}

.olControlPanel div 
{ 
  display:block;
  width:  24px;
  height: 24px;
  float: left; /* remove this if you want a vertical toolbar  */
  margin: 0px 2px 0px 2px;
} 


.olControlPanel .olControlZoomBoxItemInactive 
{ 
  background-image: url("img/zoom-in.png");
}
.olControlPanel .olControlZoomBoxItemActive 
{ 
  background-image: url("img/zoom-in_s.png");
}

.olControlPanel .olControlZoomOutBoxItemInactive
{
	background-image: url("img/zoom-out.png");
}
.olControlPanel .olControlZoomOutBoxItemActive
{
	background-image: url("img/zoom-out_s.png");
}

.olControlPanel .olControlPanMapItemInactive 
{ 
  background-image: url("img/pan.png");
}
.olControlPanel .olControlPanMapItemActive 
{ 
  background-image: url("img/pan_s.png");
}

.olControlPanel .olControlCoordinatesItemInactive 
{ 
  background-image: url("img/pin.png");
}
.olControlPanel .olControlCoordinatesItemActive 
{ 
  background-image: url("img/pin_s.png");
}

.olControlPanel .olControlMeasureDistanceItemInactive
{
	background-image: url( "img/measure_dist.png" );
}
.olControlPanel .olControlMeasureDistanceItemActive
{
	background-image: url( "img/measure_dist_s.png" );
}

.olControlPanel .olControlSearchBoundingBoxItemInactive
{
	background-image: url( "img/bbsearch.png" );
}
.olControlPanel .olControlSearchBoundingBoxItemActive
{
	background-image: url( "img/bbsearch_s.png" );
}

.olControlPanel .olControlCenterthemapItemInactive
{
	background-image: url( "img/cmap.png" );
}
.olControlPanel .olControlCenterthemapItemActive
{
	background-image: url( "img/cmap_s.png" );
}


.olControlScaleLine {
	bottom:15px;
	font-size:xx-small;
	left:10px;
}
.olControlScaleLineBottom {
	display:none ! important;
}
.olControlScaleLineTop {
 	background-color: #ffffff;
 	margin-bottom:50px;
 	/* for IE */
 	filter:alpha(opacity=80);
 	/* CSS3 standard */
 	opacity:0.8;
	border-color:-moz-use-text-color black black;
	border-style:none solid solid;
	border-width:medium 2px 2px;
	text-align:center;
}


.mapStatus {
	background-color: #ffffff;
	margin:0px;
	position : relative;
	right : 0px;
	bottom:25px;
	z-index: 1006;
	float:left;
	width: 100%;
	height: 25px;
	line-height:3em ;
	font-size: 10px;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

/*mapstatus inner divs...*/
div.mapScale {
	margin-left: 5px;
	margin-right: 5px;
	border-right: 1px solid rgb(153, 153, 153);
	float: left;
}
div.mapMousePosition {
	margin-left: 5px;
	margin-right: 5px;
	border-right: 1px solid rgb(153, 153, 153);
	float: left;
}
div.wmsFeatureInfo {
	margin-left: 5px;
	margin-right: 5px;
	border-right: 1px solid rgb(153, 153, 153);
	float: left;
}

div.mapProjection {
	border-right: 1px solid rgb(153, 153, 153);
	float: left;
}
div.scaleOutput {
	margin-left: 5px;
	margin-right: 5px;
	border-right: 1px solid rgb(153, 153, 153);
}

div.showMetadata {
	valign: center;
	border-right: 1px solid rgb(153, 153, 153);
	float: left;
}

.centerMapForm {
	background-color: #ffffff;
	display : block;
	position : relative;
	margin-left : 40%;
	margin-top : -50%;
	z-index: 999;
	width: 200px;
	padding:5px;
	overflow: auto;
	font-size: 10px;
	height: 90px;
}

 
.closeCenterMapForm {
	display : none;
}			
.olPopupCloseBox {
  background: url("img/close3.gif") no-repeat;
  cursor: pointer;
}
.omap {
	background-color: #ACC6E0;
	position : relative;
	float:right;
	margin-left : 40%;
	margin-top : -19%;
	z-index: 1006;
	font-size: 10px;
}

.olControlLayerSwitcher  {
/* CSS3 standard */
opacity:0.9;
}

/*19.3.2009 - ph*/
.olControlDrawFeaturePointItemActive { 
	background-image: url("./img/lisaapiste_s.png");
}
.olControlDrawFeaturePointItemInactive { 
	background-image: url("./img/lisaapiste.png");
}

.olControlDrawFeaturePathItemActive { 
background-image: url("./img/lisaareitti_s.png");
}
.olControlDrawFeaturePathItemInactive { 
background-image: url("./img/lisaareitti.png");
}

.olControlSelectFeatureItemActive { 
	background-image: url("./img/valitsepiste_s.png");
}
.olControlSelectFeatureItemInactive { 
	background-image: url("./img/valitsepiste.png");
}
.olControlSelectRouteItemActive { 
	background-image: url("./img/valitsereitti_s.png");
}
    
.olControlSelectRouteItemInactive { 
	background-image: url("./img/valitsereitti.png");
}

//17.4.2009 - ph - selectView and helpPopup added
.olControlSaveMapviewItemActive {
	background-image: url("./img/tallennanakyma_s.png");
}
.olControlSaveMapviewItemInactive {
	background-image: url("./img/tallennanakyma.png");
}


.olControlSelectMapviewItemActive {
	background-image: url("./img/valitsenakyma_s.png");
}
.olControlSelectMapviewItemInactive {
	background-image: url("./img/valitsenakyma.png");
}

.olControlHelpItemActive {
	background-image: url("./img/help_s.png");
}
.olControlHelpItemInactive {
	background-image: url("./img/help.png");
}



/*the bBox styling when zooming in*/
.olHandlerBoxZoomBox {
    border: 2px solid red;
    position: absolute;
    background-color: white;
    opacity: 0.50;
    font-size: 1px;
    filter: alpha(opacity=50);
}


.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.olControlOverviewMapElement {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:1em;
-moz-border-radius-topright:0;
background-color:#FFFFFF;
bottom:-20px;
padding:18px 2px 2px;

}

.olControlOverviewMapMinimizeButton {
    left: 0px;
    top: 0px;
    position: relative;
}    

.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 40px;
}

.olControlOverviewMapExtentRectangle {
	overflow: hidden;
    background-image: url("img/blank.gif");
    cursor: move;
    border: 2px dotted red;
}

.olControlOverviewMapRectReplacement {
background-image:url(img/overview_replacement.gif);
background-position:center center;
background-repeat:no-repeat;
cursor:move;
overflow:hidden;
}


div.helpcontainer 
{
	width: 75%;
	margin-left: 150px;
	margin-right: 150px;
}