/*grey wb*/

.phocamaps-box.phocamaps-box-border-greywb + div, #phocaDir + script + noscript + script + div, .local {display: none;}    
.phocamaps-box.phocamaps-box-border-greywb .phocamaps-box {margin: 0 !important;} 
.phocamaps-box.phocamaps-box-border-greywb .phocamaps-map {z-index: 1;} 
button.gm-ui-hover-effect {width: 25px !important; height: 25px !important; position: absolute !important; right: 0;} 
button.gm-ui-hover-effect span {margin: 0 !important;} 
.gm-style-iw-ch {padding-top: 5px !important;} 
.phocamaps {width: 100%; margin-bottom: 30px;}       
.phocamaps-box.phocamaps-box-border-greywb {border: 5px double #ddd;} 
#phocamaps .pmroute {display: inline-block; width: 98%; margin: 10px 0;} 
.pmroute .form-inline {display: inline-block; width: 100%;text-align: center; margin: 10px 0;} 
.info {margin: 10px 0 0; color: #777; font-size: 13px; text-align: center;} 
.info b {font-size: 16px; color: #555;} 
#phocaDir {min-height: 20px; margin: 0 0 -30px; background: rgba(255,255,255,0.3); position: relative; z-index: 1;} 
#phocaDir td {padding: 4px 6px;} 
#phocaDir tr {color: #222;} 
#phocaDir tr:hover {background: rgba(150,150,150,0.4); color: #000;} 
.pmroute input.pm-input-route {background: #fff; border: 1px solid #777; border-radius: 0; width: 40%; max-width: 350px;} 
.pmroute input#fromPMAddressPlgPM1.pm-input-route.input {
    background: none;
	width: 70%;
	color: #333; 
    border: 1px solid #999;
    margin: 4px 5px 4px 0;
	padding: 4px 8px;
	text-transform: none;
	max-width: 460px;
    width: 80%;
}
.pmroute input.pm-input-route-btn.btn {
	background: #888 url("send-email.png") no-repeat right center;
	padding: 5px 30px 4px 15px;
	margin: 0 10px; 
	color: #fff; 
	text-transform: uppercase; 
	border: none; 
}  	
.pmroute input.pm-input-route-btn.btn:hover, .pmroute input.pm-input-route-btn.btn:focus, 
.pmroute input.pm-input-route-btn.btn:active {background: #555 url("send-email_hover.png") no-repeat right center;}  
#phocaDirPlgPM1 {max-width: 1340px; margin: 0 auto;} 
.adp-text {width: 100%; font-size: 18px; font-weight: 700;} 
.adp-summary {font-weight: 700;} 
.adp-substep + .adp-substep + .adp-substep {text-align: left;} 
.adp-directions {width: 100%;}    
.adp-details, .adp-legal {background: #fff; color: #676767; font-size: 12px; margin-bottom: -30px; padding: 6px; position: relative; z-index: 1;}
.adp, .adp table {color: #555 !important;}  
.adp-placemark {background: rgba(255,255,255,0.5) !important; border: 1px solid #ddd !important;}  
.adp-step, .adp-substep {border-top: 1px solid #ccc !important;}  
#phocamaps .pmroute, .pmroute {background: rgba(255,255,255,0.5); clear: both; margin: 15px 0 -25px 0; padding: 0 1%; position: relative; z-index: 2;}                 
#phocamaps .pmgps,.pmgps {margin-top:5px; border-top:1px solid #ccc; margin-bottom:5px;}                
.pmgps strong {margin-right: 10px;} 
.p-noscript {text-align: center; background: #ffcc00; padding: 10px;}                
#phocamaps .pmprintroutelink,.pmprintroutelink {	
  position: relative;	
  float: right;	
  background: url("icon-printlink.png") center left no-repeat;	
  margin: 15px 0 -50px;
  padding: 5px 10px 5px 40px;
  background-size: auto 25px;
} 

/* Print Window */              
#phocamapsprintroute {padding:10px;	background:#ffffff; text-align:left;}                
#phocamapsprintroute .pmprintscreen {position:relative; float:right; padding:10px;}                   
#phocamapsprintroute .pmprintscreena{text-decoration:underline;}
#phocamaps .error {background:#FFC2C2;	border:1px solid #bf3030; color: #a60000;	padding:10px;	margin-top:5px; margin-bottom:5px;}              

/* Temp code - needs to be tested */
#phocamaps.phocamaps img {border: 0px;	box-shadow: 0px; margin: 0px; max-width: none !important;}             
#phocamaps .directions {clear: left;}                 

/* Temp code - needs to be tested */
.gm-style-iw-d {background: #fff !important;} 
.pmgps table {margin: 0 auto;} 
.gm-ui-hover-effect img {border: 1px solid #555 !important; border-radius: 50%;} 

@media (min-width: 601px) and (max-width: 768px) {	
  .pmroute input#fromPMAddress {width: 35%;} 
} 

@media (min-width: 461px) and (max-width: 600px) {	
  .pmroute input#fromPMAddress {width: 60%; margin: 0 0 10px;} 
} 

@media (max-width: 460px) {	
  .pmroute input#fromPMAddress {width: 50%; margin: 0 0 10px;} 
}