html, body, #map-canvas {
	height: 100%;
	top: 65px;
	margin: 0px;
	padding: 0px
      }
#container {
	margin: 0px;
	padding: 0px;
		  }
#infocanvas {
	visibility:hidden;
	height: 100%;

	overflow: auto;
	position: absolute;
	top: 65px;
	left:0px;
	padding:10px;
	margin-top: 20px;
	z-index: 2020;
	background-color: #fcfcfc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	box-shadow: 0 1px 1px #cccccc;
          }

#close-infocanvas{
	visibility: hidden;
	height:36px;
	top: 65px;
	left:0px;
	overflow:none;
	z-index: 2040;
	position:absolute;
	background-color: #ccc;
	border-top: none;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	box-shadow: 0 1px 1px #cccccc;
}

#close-infocanvas-x{
	float:right;
	cursor:pointer;
	padding:2px 2px 2px 2px;
}
#control {
        background: transparent;
        padding: 2px;
        font-size: 12px;
        font-family: Arial;
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
        
      }
#directions-panel {
background-color: #fff;
padding: 3px;
}          
      
      @media print {
        #map-canvas {
          height: 500px;
          margin: 0;
        }

        #directions-panel {
          float: none;
          width: auto;
        }
      }