#mapCanvas a { text-decoration:underline; }

#maincol.sbr {
	width:730px;
}

#sidebar.sbr {
	width:240px;
	margin-top:65px;
}

#sidebar.sbr #adcolumn {
	float:none;
	margin:0 auto;
}

#sbr_title {
	background:url(../images/sbr_title.jpg) top center no-repeat;
	height:69px;
	text-indent:-9999px;
	width:721px;
}

#controlsContainer {
	background:#fcfbf7 url(../images/input_bkg_grad.png) repeat-x bottom center;
	border: 1px solid navy;
	width:721px;
	margin-top:30px;
	overflow:hidden;
}

#originDest {
	background:#eeefdf;
	border-radius:15px;
	overflow:hidden;
}

#controlsContainer p.message {
	color:#ff0000;
	text-align:center;
}

.POI_controls form input[type=checkbox] { width:auto; margin:0; }

#outerMapDiv {
	margin: 7px 7px 0 0;
}

#directions_controls label {
	width:40px;
	padding-right:5px;
	text-align:right;
	display:block;
	float:left;
}

#directions_controls .button {
	display:block;
	margin:3px auto;
}
/* --- Came With --- */
a, span, div, body {
	text-decoration: none;
}
ul {
	margin:0px;
}
img {
	border:none;
}
body,html {
	margin:0px;
	width: 100%;
	height: 100%;
	font-family: verdana;
}
input {
	border: 1px solid navy;
}

.topRowDiv {
	background: #dddddd;
	height:50px;
	margin:5px;
	padding: 3px;
	font: normal 12px verdana;
	text-align:left;
	color: navy;
}

#top1 {
	font: bold 14px courier new;
	text-align:center;

}

#outerMapDiv {
	border: 2px solid navy;
}

#mapDiv {
	width:100%;
	height:500px;
}
#mapCell {
/*	border: 2px solid navy; */
	padding:5px;

}

.statusDiv, #link, #mtContainer, #scale, #infoContainer, #customMaps_info {
	padding: 3px;
	font: normal 12px courier new;
	text-align:left;
	color: navy;
}

.statusBar, #link, #mtContainer, #scale, #infoContainer, #customMaps_info, #opacityContainer, #buttonContainer, #directionsFormTable  {

	margin-left:5px;
	margin-right:5px;
	margin-top:5px;

}

#infoContainer, #customMaps_info {
	overflow:auto;
}


#link, #scale {
	text-align:center;
}

.functionsTab, .functionsTabSelected {
	font: bold 10px verdana;
	padding: 2px;
	cursor: pointer;
	border: 1px solid gray;
}
.functionsTab:hover {
	background: #EBB94D;
	color: red;
	border: 1px solid red;
}
.functionsTabSelected {
	background: #9743FF;
	color: #ffffff;

}

/* -------------- end Tabs ----------------*/



#directionsFormTable td{
	font: bold 10px verdana;
	padding: 2px;

}

.ddOption, .ddSelectedOption {
	background: #A6A8CC;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: bold 10px verdana;
	padding: 2px;
	cursor: pointer;
	margin: 3px;
	z-index:100;
}
.ddSelectedOption {
	border: 2px solid #008000;
	background: #80FF80;
}
.ddOption:hover {
	background: #EBB94D;
	border: 2px solid red;
}

#loadingMessage {
    position: absolute;
    width:  300px;
    text-align: center;
    padding: 10px;
    border: 5px solid #003466;
    background: #88CAFF;
	color: #003466;
	font: bold 20px verdana;
    z-index: 1;
	left:0px;
	top:0px;

}

#loadingMessage span {
	font: normal 12px verdana;
}


.countyInfo, .countyInfoSel {
	font: normal 11px verdana;
	cursor:pointer;
	background: #A6A8CC;
	border: 2px solid navy;
	margin-bottom:5px;
	padding:3px;
}

.countyInfoSel {
	background:#F4E48C;
	border:2px solid #EF3E31;
}

#opacityContainer {
}
#opacityLabel {
	font: normal 12px verdana;
	text-align: center;
	margin: 2px;
}

#opacitySlider {
	border: none;
	background: url(../images/sliderBG_800.jpg) repeat-X;
	cursor: pointer;
	height: 20px;
	text-align: left;
}

#sliderHandle {
	border: 2px solid black;
	width: 5px;
	height: 18px;
	position: relative;
}


/* -------------- Simplify ----------------- */
.button, .selectedButton, .buttonB, .button3 {
	background: #A6A8CC;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 2px;
	cursor: pointer;
	margin: 3px;
}
.button3 {
	margin: 0px;
}

.selectedButton {
	border: 2px solid #008000;
	background: #80FF80;
	color: #008000;
}
.buttonB {
	border: 2px solid #ECB052;
	background: #F6D84C;
	float:left;
	width:225px;
}
.button:hover, .buttonB:hover, .button3:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}

/* ------------------------------------------------- */

/* ------------ Driving directions ----------------- */
#getDirections {
	background:url(../images/GetDirButton.jpg) no-repeat;
	border:none;
	height:35px;
	width:180px;
}

.reset {
	background:url(../images/reset.jpg) no-repeat;
	height:27px;
	margin:0 auto;
	text-indent:-9999px;
	width:297px;
}

#infoContainer.populated {
	background-color:#ffffff;
	border: 1px solid navy;
	margin-left:0;

}

.globalSummaryDiv {
	border: 1px solid navy;
	background: #888888;
	color: #ffffff;
}

.route_summary {
	background-color:#0066cc;
	border: 1px solid #ffffff;
	padding:2px 3px;
}

.route_stats {
	background-color:#008293;
	border: 1px solid #ffffff;
	border-top:none;
	padding:2px 3px;
}

.routeSummaryDiv {
	border: 1px solid navy;
	cursor: pointer;
	background: #cccccc;
}

#infoContainer td {
	border-top: 1px dotted #cccccc;
	padding: 2px;
}

#detailmap {
	width: 250px;
	height: 150px;
	border:1px solid gray;
}
.bubble {
	font: normal 12px verdana;
	width: 250px;
	height: 150px;
}

#directions_controls {
	clear:both;
}

#origin_info, #dest_info, .waypoint {
	width:550px;
	padding: 10px 0 0 18px;
	font-weight: bold;
	font-size: 0.80em;
	margin:0 auto;
}
#origin_info label, #dest_info label, .waypoint label {
	display:block;
	width:150px;
	float:left;
	text-align:right;
	line-height:26px;
}

#arrow {
	background:url(../images/arrow.jpg) no-repeat center;
	float:left;
	height:150px;
	width: 55px;
}

#origin_info p, #dest_info p {
	color:#0072e3;
	padding:3px 0;
}

#origin_info p.form_label, #dest_info p.form_label {
	padding:5px 0;
}

#origin_info label, #dest_info label {
}
#directions_controls label {
	color:#000000;
	width:100px;
	padding-right:5px;
	text-align:right;
	display:block;
	float:left;
}

#freq_controls {
	float:left;
	font:normal 12px verdana;
	padding:2px;
	margin:10px 0;
	width:200px;
}

.POI {
	display:block;
	height:50px;
	width:175px;
	text-align:right;
}
 
.freq {
	display:block;
	height:50px;
	width:100px;
}

.POI_controls {
	float:right;
	width:230px;
	padding-top:10px;
}

.POI_controls p {
	float:left;
	font: normal 12px verdana;
	text-align: left;
	width:175px;
}

.POI_controls div {
	clear:both;
}

.POI_controls img {
	float:left;
}

.label_spacer {
	float:left;
}

#maincol .label_spacer p {
	text-align:right;
	color:#0072e3;
	font-weight: bold;
	font-size: 0.80em;
	padding:12px 5px;
}

#routeControls {
	float:right;
	margin-right:40px;
}

/* ------------ Emergency Route ----------------- */

#maincol.emergency-route {
	width:100%;
}
.emergency-route #outerMapDiv{
	background:#b4d5ff;
	border:none;
	margin:0;
	position:relative;
}

.emergency-route #mapDiv {
	height:835px;
}

.emergency-route #originDest {
	background:none;
	border-right:1px solid #666;
	border-radius:0;
	overflow:hidden;
	width:400px;
	float:left;
}

.emergency-route #controlsContainer {
	background:#fff;
	border:1px solid #dfeffd;
	border: none;
	width:755px;
	margin:30px 125px;
	overflow:hidden;
	border-radius: 10px;
	position:absolute;
	top:20px;
	text-align:center;
}

.emergency-route #directionsFormTable {
	text-align:center;
	padding:10px;
}

.emergency-route #directionsFormTable .lines {
	width:165px;
	border-top:1px solid #989898;
	overflow:visible;
	text-align:center;
	margin:0 auto;
}

.emergency-route #directionsFormTable h2 {
	font-family:"BaseTwelve", Arial, sans-serif;
	font-size:28px;
	width:500px;
	text-align:center;
	color:#ff0000;
	text-transform:uppercase;
	margin:0 auto;
}

.emergency-route #origin_info, .emergency-route #dest_info {
	width:385px;
	font-weight: bold;
	font-size: 0.80em;
	padding:0;
}

.emergency-route .waypoint {
	width:385px;
	font-weight: bold;
	font-size: 0.80em;
	padding:0;
}

.emergency-route #origin_info label, .emergency-route #dest_info label, .emergency-route .waypoint label {
	display:inline-block;
	width:150px;
	float:none;
	text-align:right;
	line-height:26px;
	color:#d11718;
}
#maincol.emergency-route #freq_controls { width:100%; }
#maincol.emergency-route #freq_controls p { width:500px; margin:0 auto; text-align:center; }
.emergency-route #originDest p { text-align:right; margin: 5px 7px; }
.emergency-route #origin_info p, .emergency-route #dest_info p { color: #0072e3; margin: 0; padding: 0 5px; text-align:right }
.emergency-route p { color: #000000; font-size: 12px; padding: 0 10px; text-align: left; line-height:24px; }
.emergency-route .POI_controls div p input { width:15px; float:left; }
.emergency-route .POI_controls { float: right; padding-top: 0px; width: 300px; }
.emergency-route .POI_controls img { float: left; padding: 0 5px; }
#maincol.emergency-route .POI_controls p { float: left; text-align: left; width: 200px; padding:0; margin:2px;}
.emergency-route #myForm { margin-top:20px; overflow:hidden; }
.emergency-route a { font-weight:bold; color: #666; font-size:12px; text-decoration:underline;}
.emergency-route span { color: #666; font-size:11px; font-weight:normal; display:inline-block; line-height:22px; margin-left:5px; }
.emergency-route #getDirections { background: url("../images/getDirectionsButton.png"); height:29px; width:195px; }
.emergency-route #routeControls { float: none; margin-right: 0px; clear:both; }
.emergency-route input { border:1px solid #999999; }
.emergency-route input.route_name { width:175px; }
#content.emergency-route  { margin:0 7px 0 9px; }
.emergency-route #infoContainer .globalSummaryDiv tr td { border-top:none; padding: 2px; }
.emergency-route #infoContainer tr td { border:none; }
.emergency-route #infoContainer tr.listRow td {
    border-top: 1px dotted #cccccc;
    padding: 2px;
}
.emergency-route #research { background:#fff; border-radius: 5px; box-shadow: 1px 1px 6px #666; cursor: pointer; display: none; padding: 5px 10px; position: absolute; right: 10px; top: 10px; }
.emergency-route .saveRoute a { background:#00b207; box-shadow:none; border:0; border-radius:7px; color:#ffffff; text-shadow:1px 1px 1px #000; text-transform:uppercase; font-weight:bold; font-size:18px; height:30px; margin:10px auto; display:inline-block; padding:0 25px; text-decoration:none; }
.emergency-route #buttons { display:none; }