/* Below are for EVERYTHING */
.input-block-level {display:block;box-sizing:border-box;min-height:29px;width:100%;}
.MenuHeaderContainer,.LegendBoxContainer,.SearchMapContainer,.FiltersContainer,#distance-and-elevation-box,.MapResultsArea ul li { border: 1px solid #888; border-radius:10px;} 
.SearchMapContainer,#length-elevation-header,.MapResultsArea ul li {background:#E1E1E1;}
.legend-header,.Filters-header,.Filters-subheader,.Campgrounds_Shown{background:#E1E1E1;text-align:center;}
#distance-and-elevation-box {background:#fff; height:54px; margin-top:10px; width:1028px;}
#length-elevation-header {border-radius: 10px 0 0 10px; height:54px; width:170px;text-align:right;padding-right:12px;margin-right:10px;}
.length-elevation-header-text {color:#000;font-size:16px;font-weight:300;line-height:20px;padding:8px 0 0 10px;}
#distance-box, #elevation-box {padding:0 5px 0 10px;width: 250px;}
#distance-range, #elevation-change-range {float:left;width: 233px; }
#length-elevation-submit-box {padding-left: 20px;}
#length-elevation-submit-box-metric {padding-left: 10px;}
.length-elevation-submit {float:left;}
#distance-and-elevation-box input[type="text"]{max-width:157px;}
#distance-and-elevation-box input[type="text"]{color:#00AF33; border: 0; font-size:15px;height:15px; line-height:15px;}
#distance-and-elevation-box label {font-size:15px; line-height:21px;}
#length-elevation-header,#distance-box,#elevation-box,#length-elevation-submit-box,#length-elevation-submit-box-metric {clear:both; display:inline-block;}
.distance-box-line, .elevation-box-line  {float:left; padding:7px 0 5px;}
select,.SearchMapContainer input[type="text"] {color:#00AF33;background:#fff;font-size:15px;line-height:19px;} 
select {font-weight:400;height:25px;margin-bottom:10px;padding:2px 3px;}
.SearchMapContainer input[type="text"] {box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);margin-bottom:8px;padding:5px;vertical-align:middle;transition:border linear .2s, box-shadow linear .2s;}
.SearchMapContainer input[type="text"]:focus {border-color:rgba(0, 175, 51, .8);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 175, 51, .6);outline:0;}
.googft-info-window{width:330px;font-size:15px !important;font-weight:300 !important;padding-right:15px;}
.googft-info-window a, .trailinfobox a, .MapResultsArea ul li a { color: #09E; font-size: 16px !important;text-decoration: none;}
.gm-style img.trailpic{margin:-5px -15px 0 5px;}
.trailpic{margin-left:5px;}
.trailpic,.gm-style img.trailpic{background:#09E;border-right:1px solid #bbb;border-bottom:1px solid #9a9a9a;float:right;padding:3px;}
.traillistfigures {margin-top: 8px;min-height:87px;}
.MenuHeaderContainer {background: #2d5986;height:96px;padding:8px 10px;}
.LegendBoxContainer {background:#fff;height:87px;margin-top:10px;text-align:center;}
#MapContainerCenter{padding:10px;background:#fff;border:1px solid #aaa;}
#MapContainerTopCenter, #MapContainerTopLeft, #MapContainerTopRight {display:inline-block;vertical-align:top;}
#MapContainerTopLeft{width:260px;margin: 0 -3px 0 0;}
#MapMessage {background-color: rgba(50, 100, 150, 0.5);font-size:20px;height:35px;margin:10px 340px 0;position: absolute;z-index: 30;}
#MapMessage span {padding: 10px;line-height: 40px;}
#MapContainerTop {background:#9ebedf;border:1px solid #aaa;margin:10px 0; padding:10px;box-sizing:border-box;}
.SearchMapContainer{height:201px;margin:0 10px;padding:10px 10px 0;width:370px;}	
.FiltersContainer {background:#FFF;height:211px;width:356px;}
#results-count-on-menu{background:#2d5986;border: 1px solid #9a9a9a;border-radius:4px;color:#fff;font-size:22.5px;font-weight:300;line-height:31px;margin-left:8px;padding:11px 14px 8px;}
.find-header {color:#fff;font-size:32px;padding-top:8px;text-align:center;}
.MenuHeaderBox p {font-size:16px;margin:9px 0 0;text-align:center;color:#ddd}
.Trail-Results-Top {color:#cce8ca;font-size:18px;margin-top:6px;text-align:center;} 
.legend-header {font-size:20px;font-weight:300;padding:8px 0 5px; border-radius: 10px 10px 0 0; }
.legend-subheader {font-size:15px;margin:5px 0;}
.greaterthan{font-size:17px;}
.legendcolor { border: 1px solid #333; border-radius:12px; height: 12px; margin: 7px; padding:1px 7px; width: 12px;vertical-align:top;}
.yellow {background: #ff6; }
.green { background: #0c3; }
.blue { background: #608BF0; }
.bold_option {font-weight:bold;}
.indent_ten {margin-left:10px}
.indent_twenty {margin-left:20px;}
.search-header {font-size:22px;font-weight:300;line-height:19px;margin-bottom:6px;}
.browser-location {font-size:15px;}
.browser-location a, .get-to-know-link{color: #00AF33;}
.loading-text{color:#9ebedf;}
.browser-location a:hover, .get-to-know-link:hover{color: #008000;}
.within-line {color:#666;margin:-3px 0 10px;}
.get-to-know-link{float:right;font-size:13px;padding-top:8px;cursor:pointer;}
.Filters-header{border-radius:10px 10px 0 0;}
.Filters-header,.Filters-subheader {font-size:22px;font-weight:300;line-height:19px;padding:8px 0 5px;}
.FiltersContainer label {font-size:15px;font-weight:400;line-height:20px;}
.FiltersContainer input {margin:2px 4px 0px 0px;font-size:100%;vertical-align:top;}
.within-states-line,.ui-dialog-content ul {padding:7px 10px;}
.within-states-line select,.campground-line select {margin-top:5px;}
.within-states-line label {font-size:16px;margin-top:-6px;}
.input-small,.input-state{margin:0 5px;}
.StatesShownBox {height:80px;}
.AllowedShownBox {height:95px;}
.AllowedShownBox ul {height: 16px;list-style:none; margin:10px 0 0 10px; width:330px;}
.AllowedShownBox ul li {float:left; margin-right:13px;}
.red a{ color: #F00; font-weight:700; padding-left:10px;}
.Campgrounds_Shown{height:36px;border-radius: 0 0 10px 10px;}
.campground-line {height:36px;}
.campground-line label {font-size:20px;font-weight:300;margin-top:-4px;padding-left:10px;}
.listad {float:left;margin-top:-3px;}
.unit-switch-form {display:inline;}

/* SLIDER STYLES */
.ui-slider { position: relative;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 10px; height: 17px; cursor: pointer; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 7px;}
.ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -5px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-widget-header {background: #ccc; font-weight: 700; }
/*.ui-widget-header a,.ui-widget-content a{ color: #222; }*/
.ui-widget-header,.ui-widget-content { border: 1px solid #bbb; color: #222; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #00AF33;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #007c24; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaa; background: #7c0058; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-corner-all {border-radius:5px;}
/* DIALOG BOX STYLES */
.ui-dialog{box-shadow: 5px 7px 10px #555;display:block;height:auto;left:23.5% !important;position:absolute;top:252px;width:50% !important;z-index: 11;}
.ui-dialog-titlebar{border-radius:0;font-size:24px;line-height:1.5em;margin:0 0 -3px;text-align:center;}
.ui-dialog-titlebar-close{border:none !important;float:right;height:20px;margin:8px 9px;width:26px;}
.ui-dialog-titlebar-close:hover{background:#007c24 !important;}
.ui-icon-closethick{color:#fff;font-weight:700;font-size:2.2em;line-height:.6em;}
.ui-icon-closethick:before{content:"×"}
.ui-button-text{display:none;}
.ui-dialog-content{background:#fff;font-size:1.5em;line-height:1.3em;padding:10px;}
/*.ui-dialog-content a{color:#09e;}*/
.ui-dialog-content p{margin:0;}	

#map_canvas {height: 492px; width: 100%;}
.count-title{font-size:23px;}
#results_list_title {margin:-76px 0 20px 314px;background:#fff;border-top: 1px solid #9a9a9a; border-left: 1px solid #aaa;border-right: 1px solid #aaa; border-radius:30px 30px 0 0; height:24px; padding:25px 0 13px; position:absolute; text-align:center;
width:360px;}	
.MapResultsArea ul {list-style: none;margin:-5px -14px -2px;}
.MapResultsArea ul li{box-sizing:border-box;cursor:cell;display:inline-block;height:225px;margin:9px;overflow-y:auto;padding:10px;vertical-align:top;width:320px;}
.MapResultsArea ul li:hover{background:#F1F1F1;}

/* Below is for tablets */
@media screen and (min-width: 699px) and (max-width: 1050px){
	#MapContainerTop {width:706px; margin:10px auto;}
	#map_canvas { height: 400px; width: 100% }
	.SearchMapContainer {clear: both;display:block; margin: 0px 0px 10px 10px; width:392px; }
	.FiltersContainer {width:331px;}
	#distance-and-elevation-box {background:#fff;display: inline-block; height: 211px;width:337px; margin: 0 -1px 0 10px; }
	#length-elevation-header {border-radius: 10px 10px 0 0; width:100%; height:58px; padding:0;text-align:center;margin-right:0px}
	.length-elevation-header-text {font-size:22px; line-height:22px; padding:8px 0 0 10px; }
	#distance-box, #elevation-box {margin-left:9px;width: 295px;}
	#distance-range, #elevation-change-range {float:left;width: 295px; }
	#length-elevation-submit-box, #length-elevation-submit-box-metric {float:left; padding:10px 0 0 10px;}
	#results_list_title {margin: -73px 0 20px 75px;}
	.MapResultsArea ul li {width:47%;}
	#MapMessage{margin:10px 85px 0;}
	#MapContainerTopCenter{margin:0 -1px 0 0}
	#MapContainerTopLeft,#MapContainerTopRight{margin:0 -2px 0 0}
	
}

@media screen and (max-width: 698px){ 
	#MapContainer{ min-width:260px;overflow: visible;}
	#MapContainerTop {padding:5px; margin:-1px 0 0;border:none;}
	.LegendBoxContainer {height:87px; margin-top: 5px;}
	.SearchMapContainer {margin: 5px 0 0; padding:10px 5px 5px; width:95%;width:calc(100% - 12px); }
	#distance-and-elevation-box {background:#fff; margin-top:5px; }
	#length-elevation-header, #distance-box, #elevation-box, #length-elevation-submit-box,#length-elevation-submit-box-metric {clear:both; }
	#length-elevation-header {border-radius: 10px 10px 0 0;}
	.length-elevation-header-text {font-size:22px; line-height:24px; padding:10px 5px 3px; }
	#distance-box, #elevation-box {margin:10px;width:calc(100% - 36px);}
	.distance-box-line, .elevation-box-line  { padding: 0 0 5px;text-align:center;}
	#distance-range, #elevation-change-range { width: 100%;} 
	#length-elevation-submit-box,#length-elevation-submit-box-metric{padding:5px 0 6px 5px;}
	#distance-and-elevation-box input[type="text"]{background: none;}
	#MapContainerCenter {padding:7px;}
	#map_canvas { height:335px; width:100%; }
	#MapContainerTopRight {margin-top:5px;}
	.count-title{font-size:20px;}
	#results-count-on-menu {font-size:22px;padding:11px 6px 5px; }
	#results_list_title {padding:12px 0 6px; text-align:center;margin: 0px 0px 20px;position: relative;border-radius: 0px;border: medium none;text-align: center;width: 100%;}
	.MapResultsArea ul {list-style: none;margin: 0;padding:0;}
	.MapResultsArea ul li {display:block; margin:10px 5px;padding:5px;width: calc(100% - 10px);}
	.ui-slider-horizontal .ui-slider-handle{height:17px !important;}
	/* #post-trail-finder{padding:8px !important;margin-top:-11px !important;} */
	#MapMessage{margin:10px 10px 0;}
	
	#MapContainerTopLeft,#LegendBoxContainer,#MapContainerTopCenter,#MapContainerTopRight,.FiltersContainer,#distance-and-elevation-box,#length-elevation-header {
		width:100%;
		box-sizing:border-box;
		height:auto;
	}
	.MenuHeaderContainer {
		width:90%;
		width: calc(100% - 22px);
	}
	#length-elevation-header {text-align:center;margin: 0px;padding: 0px;}
}