@charset "UTF-8";
/* CSS Document */

html {
	height:100%;
}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#main_wrapper {
	display:block;
	width:672px;
	height:auto;
}

#details_area {
	display:block;
	width:672px;
	height:auto;
}

#map_area {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	float:left;
	top:0;
	right:0;
	padding:20px;
}

#map_canvas {
	height:500px;
	width:610px;
}

#slider_ui {
	position:relative;
	width:550px;
	left:60px;
	padding-top:20px;
	padding-bottom:20px;
}

#slider_ui_instructions {
	float:left;
	width:100px;
}

.slider_wrapper {
	float:left;
	width:290px;
	visibility:hidden;
}

#slider {
	background-color:#CC0;
	width:290px;
	height:30px;
	display:block;
	
}

#radarSettingsLabel {
	font-size:16px;
	color:#17744F;
}

#radarSettingsValue {
	font-size:16px;
	color:#000;
}

#ui_instructions {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:500px;
	padding:10px;
}

.routeItem {
	display:block;
	clear:left;
	height:auto;
	width:95%;
	float:left;
	padding:10px;
}

.routeThumbnail {
	position:relative;
	float:left;
	display:block;
	height:150px;
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#399;
}

.routeTitle {
	float:left;
	display:block;
	max-width:380px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
}

.routeRating {
	float:left;
	display:block;
	height:20px;
	width:90px;
}

.routeAddedOn {
	width:auto;
}

.routeDescription {
	display:block;
	position:relative;
	margin-bottom:20px;
}

.routeBBlock {
	position:relative;
	display:block;
	width:475px;
	min-height:20px;
	margin-left:160px;
}

#range_text_miles {
	float:left;
	position:relative;
	text-align:right;
	top:-2px;
	font-family:Arial, Helvetica, sans-serif;
	width:110px;
}