/*$ltBlue: rgb(0,173,210);
$blue: rgb(9,82,125); // #093e7d
$cornMeal: rgba(255,237,185,1);

*/

body.page-baltimore-map .wrapper-page_title,
body.page-baltimore-map .wrapper-sharethis_global {
	float: left;
}
body.page-baltimore-map #block-system-main { clear: both; }
body.page-baltimore-map .wrapper-sharethis_global { padding: 30px 0 0 20px; }

body.page-baltimore-map a, body.page-baltimore-map a:visited {text-decoration: none;}

#baltimore-map { background: rgb(0,173,210); padding: 36px 0 36px; solid rgb(0,173,210); }
#map-wrap { height: 620px; }

/*the wrapper*/
#baltimore-map-filters {position: absolute; z-index: 200; top: 0; top: -36px; background: rgb(0,173,210); background: rgba(0,173,210,0.7); width: 280px;}
#baltimore-map-filters h3 {color: white; font-size: 18px; line-height: 36px; margin: 0 0 2px; background: rgb(9,82,125); padding: 0 10px; cursor: pointer;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;          
}


/*the form*/
#baltimore-map-filters form {padding: 10px; margin: 0;}
#baltimore-map-filters,
#baltimore-map-filters select,
#baltimore-map-filters .form-item,
#baltimore-map-filters .form-actions {margin: 0;}
#baltimore-map-filters select {width: 100%; font-size: .9em; padding: 4px 0; margin-bottom: 10px;}
#baltimore-map-filters input[type="text"] {margin-bottom: 8px; width: 100%;}
#baltimore-map-filters label {display: inline; color: white; font-size: 16px;}

/*the results*/
#baltimore-map-results { position: absolute; bottom: 0; right: 0; z-index: 200; width: 280px; }
#baltimore-map-results h3 {color: white; font-size: 18px; line-height: 18px; margin: 0; background: rgb(0,173,210); padding: 9px 10px; cursor: pointer;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  -o-user-select: none;
  user-select: none;          
}
#baltimore-map-results h3 span {font-size: 14px; }

#results-wrap {background: rgb(255,237,185) url("/sites/all/themes/mmg_baltimore/images/bg-hash-gray.png") 0 0 repeat; padding: 10px; overflow: auto; max-height: 562px;}

#results-wrap a, #results-wrap a:visited {text-decoration: none; color: rgb(9,82,125);}

#results-wrap .result {margin-bottom: 20px; line-height: 20px; font-size: 14px;}
.neighborhood {}
.name {font-size: 18px;}
#results-wrap .result .directions {display: block; float: left; width: 60px; height: 40px; background: white; margin-right: -1px; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #666; font: 0/0 a; color: transparent; text-shadow: none;}
#results-wrap .result .walking {background-image: url("/sites/all/themes/mmg_baltimore/images/icons/walk.png");}
#results-wrap .result .driving {background-image: url("/sites/all/themes/mmg_baltimore/images/icons/drive.png");}
#results-wrap .result .transit {background-image: url("/sites/all/themes/mmg_baltimore/images/icons/transit.png");}


/*google's info box*/
.gm-iw.gm-sm {}
.gm-title {font-size: 14px; line-height: 16px; padding-bottom: 8px;}

.infobox {min-height: 80px;}
.infobox p {font-size: 13px; line-height: 15px; margin: 6px 0;}
.infobox a, .infobox a:visited {color: rgb(0,173,210); text-decoration: none;}
.infobox a:hover, .infobox a:active, .infobox a:focus {color: rgb(0,173,210); text-decoration: underline;}

/*pdf maps*/
ul.pdf-list {text-align: center;}
ul.pdf-list li {display: inline-block; width: 45.5%; vertical-align: top; margin: 0 0 40px;}
ul.pdf-list li img {display: block; margin: 10px auto;}
ul.pdf-list h5 {font-family: nexa-bold; font-size: 18px; line-height: 20px; text-transform: uppercase; padding: 0 5em;}
ul.pdf-list a:hover,
ul.pdf-list a:visited,
ul.pdf-list a:active,
ul.pdf-list a:focus {color: white;}
ul.pdf-list li .ad-unit-300 {margin-top:0;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		ul.pdf-list li { width: 100%;}
		ul.pdf-list h5 {padding: 0;}
		body.page-baltimore-map .ad-unit-300 iframe {margin: auto;}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) { }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { }
