/* Essex Walks stylesheet for Open Space mapping */
/* August 2009  ewmap.css */  
body 
{
    font-family: Arial, Verdana, Sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
}

html, body 
{
	height: 100%;
	width: 100%;
}
/* CSS code to support polylines in Internet Explorer  30.12.11*/
v\:* {
      behavior:url(#default#VML);
}
#error
{
	border: 2px outset #FF0000;
	display: none;
	margin: 3px auto;
	padding: 8px;
	width: 40%;
	font-family: Verdana, Sans-serif;
}

#map
{
	height: 100%;
	width: 100%;
	background-image:url('../images/loading.jpg');  
}
  .gmnoscreen {
    display: none; 
  }
  
#panel
{
min-width: 174px;
width:auto;
padding: 5px 5px 5px 5px;
height: auto;
color: #000;
background: url(http://www.essexwalks.com/images/transparent.png) repeat;
border: 1px solid #000000;	
position: absolute;
right: 8px;
bottom: 44px;
color: #0000FF;
font-size: 80%;
text-align: center;
/*margin-right: auto;
margin-left: auto; */
cursor: pointer; 
z-index:1010;
}

h2#panelroute
{
font-family: Arial, Verdana, Sans-serif;
font-variant: small-caps;
text-align: center;
text-decoration:none;
font-weight: 600;
font-size:130%;
color: #000;
/*margin-top: 0px;  */
margin-bottom:6px;
margin-left: 2px;
}

div#togglepanel
{display:none;
color: #000;
/* background: #E9E9E9; */
font: normal 12px Arial;
text-align: left;
margin-left: 0px;
padding-left: 5px;
cursor: pointer; 
font-size: 100%;
} 
/*
div#panelmenu
{text-align:left;
}
*/
.panelmenu {
width: 170px; 
z-index: 1001;
}

.panelmenu  ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; 
}

.panelmenu ul li{
padding-bottom: 2px;
}

.panelmenu ul li a{
font-family: Arial, Verdana, Sans-serif;
font-size: 12px;
color: black;
background: #E9E9E9;
display: block;
line-height: 16px;
padding-left: 5px;
text-decoration: none;
text-align:left;
/*margin-left: 0px;*/

}

.panelmenu ul li a:visited{
color: black;
}

.panelmenu ul li a:hover{ 
color: #4B03C3;
background: #EFDEFF;
}
#togmenu
{
min-width: 174px;
width: 174px;
padding: 2px 5px 2px 5px; 
height: auto;
color: #000;
background: url(http://www.essexwalks.com/images/transparent.png) repeat;
border: 1px solid #000000;	
position: absolute;
right: 8px;
bottom: 15px;
color: #0000FF;
font-size: 80%;
text-align: center;
cursor: pointer; 
z-index:1011; 
}
#togswitch {
color:#000; font-family: Arial, Verdana, Sans-serif; font-size: 12px; background: #E9E9E9; display: block; line-height: 16px; 
padding-right: 5px; padding-left: 2px; text-decoration: none; text-align:left;}


ul, li {margin-left:0px; padding-left:0px; list-style-type: none; list-style-position:outside; line-height: 2.5em;}
a img { border: none; }
a:link    { color: #0000ff; }
a:visited { color: #0000ff; }

img.rfloat_noborder {
float: right;
margin: 0 0 10px 10px;
border: none;
padding: 0;
}
.slide-out-div {
 padding: 18px;
 width: 220px;
 background: #dedef7;
 border-top : 0 solid rgb(167, 138, 179);
 border-bottom : 1px solid rgb(167, 138, 179);
 }
 
/* Modal window help box styles */

#backgroundHelpbox{ display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; margin:0; padding:0; background:#000000; border: 1px solid #cecece; z-index: 1149; /*behind content - above map */ }

#helpboxContent{ display: none; position: fixed; bottom: 0px; /* better for small content:  height: 80%; */ width: 68%; min-width:400px; margin-top:0; margin-right: 97px; margin-bottom: 0; background: transparent; border: 2px solid #cecece; z-index: 1150; /*above map */padding:0; font-size: 100%; }

#helpboxContent h1{text-align: center; color: #6C5AB4; background-color:transparent; background: url('http://www.essexwalks.com/images/transparent.png') repeat; font-size: 22px; font-weight: 700; border-bottom: 1px dotted #D3D3D3; height: auto; padding-top: 20px; padding-bottom: 6px; padding-left:2px; margin-top:0; margin-bottom: 0px; }

#helpboxFooter{text-align: center; color: #6C5AB4; background-color:transparent; background-image: url('http://www.essexwalks.com/images/transparent.png'); border-bottom: 1px dotted #D3D3D3; height: 45px; padding-top:0; padding-bottom:0; padding-left:2px; margin-top:0; margin-bottom:0; }

#helpboxContentClose{right: 10px; top: 10px; width: 36px; height: 36px; position: absolute; font-weight: 700; cursor: pointer;  color: #6C5AB4; background-color: transparent; background-image: url('../icons/closegrn36.png'); background-repeat:no-repeat; z-index: 1150; display: block; }

#helpboxBottomClose{ width: 36px; height: 36px; margin:0 10px 9px 0px; float: right; position: relative; color: #6C5AB4; background-color: transparent; background-image: url('../icons/closegrn36.png'); background-repeat:no-repeat; cursor: pointer; display: block; }

#contentArea {margin:0; padding:0}

#distance_road{width:186px; padding:0; height:auto; position:fixed; top:144px; right:8px; z-index:1; background-color:transparent; background: url(http://www.essexwalks.com/images/transparent.png) repeat;}

#directionsPanel{height:auto; margin:0; padding-right:3px; background-color:transparent; background-image: url('http://www.essexwalks.com/images/transparent.png');background-repeat:repeat;}

#gdirectionsContent{display: none; position: fixed; bottom: 0px; height: auto; max-width:35%; margin-top:0; margin-right: 97px; margin-bottom: 0; background-color: transparent; border: 2px solid #cecece; z-index: 1140; /*above map, below helpbox */padding:0; font-size: 100%; }

#gdirectionsContentClose{
right: 10px; top: 13px; width: 36px; height: 36px; position: absolute; font-weight: 700; cursor: pointer;  color: #6C5AB4; background-color: transparent; background-image: url('../icons/closegrn36.png'); background-repeat:no-repeat; z-index: 1140; display: block; }

#gdirectionsBottomClose{ width: 36px; height: 36px; margin-top: -66px; margin-right: 10px; float: right; color: #6C5AB4; background-color: transparent; background-image: url('../icons/closegrn36.png'); background-repeat:no-repeat; z-index: 1140; cursor: pointer; display: block; }

#backgroundgdirections{ display: none; /* position: fixed; height: 100%; width: 100%; top: 0; left: 0; margin:0; padding:0; background:transparent; border: 1px solid #cecece; z-index: 1139; */ }