#mapCanvas {margin: 0 auto; width: 100%; height: 621px; margin-bottom:20px;}
h2{
	color:#999999;
	font-size:2em;
	margin: 0px 0px 10px 0px;
	font-family:'Conv_GillSansStd-Light', arial, Sans-Serif;
}
div.menu-wit{
	margin-bottom:0px !important;
}
#directionsPanel {
	box-sizing:content-box;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 144px;
	left: 0;
	width: 250px;
	height: 600px;
	background: #fff;
	border: 1px solid #dce7ef;
	border-left: none;
	border-top: none;
	padding:10px 8px;
	color:#666666;}
#directionsPanel a {display: block; text-decoration:none; clear: both;}
#useGPS {
	margin:10px auto 3px auto;
	background:#999999;
	color: #fff;
	padding: 3px;
	border:  1px solid #999999;
	text-align: center;
	font-size: 13px;}
	.of{
		display:block;
		width:100%;
text-align:center;
font-size:12px;
margin-bottom:3px;

}
.directionInputs label {background:#FFC903; color: #000; padding:2px 8px; border:  1px solid #000; text-align: center; font-size: 14px; margin-right: 10px}
.directionInputs input {width: 250px; height: 20px; border: 1px solid #dce7ef; color:#666666; font-size: 14px;}
.directionInputs #getDirections, .directionInputs #paneReset {display: inline-block; background:#999999; color: #fff; width: 165px; padding: 3px; text-align: center; border:  1px solid #999999; font-size: 13px;}
#dirSource{margin-bottom:20px;}
.directionInputs #paneReset {width: 77px; margin-left:4px;}
#paneToggle {
	box-sizing:content-box;
	position: absolute;
	background:#999999;
	color: #fff;
	width: 15px;
	padding: 3px 3px;
	text-align: center;
	border:  1px solid #999999;
	font-weight: bold; font-size: 16px;
	border-left: none;
	top: 10px;
	right: -23px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;}

.directionInputs #getDirections:hover, .directionInputs #paneReset:hover, #useGPS:hover, #paneToggle:hover{background:#999999; }
.directionInputs {margin-bottom:15px; position:relative; overflow:hidden; }
#directionSteps {position:relative; clear: both; width:100%; height: 100%; margin: 10px 0 0 0; font-size: 11px; line-height: normal; height: 465px; overflow: auto;}

#directionSteps p {font-size: 13px; color: #999}

.gmap-control-container {
  margin: 5px;
}

.gmap-control {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  -moz-user-select: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #b3afa9;
  border-image: none;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  color: #333333 !important;
  cursor: pointer;
  direction: ltr;
  font-family: Arial,sans-serif !important;
  font-size: 11px !important;
  font-weight: normal;
  min-width: 54px;
  overflow: hidden;
  padding: 1px 6px;
  position: relative;
  right: -10px;
  text-align: center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.gmap-control-active {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #999999;
  border-color: #717B87 -moz-use-text-color #717B87 #717B87;
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  color: #FFFFFF !important;
  font-weight: bold;
}

@media (max-width: 768px) {
	#directionSteps {height:420px;}
	#directionsPanel {
	top: 187px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
	#directionsPanel {
	top: 182px;
}
}