@charset "UTF-8";

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 21px;
	margin: 0px;
	padding: 0px;
}

#browser {
	height: 100%; 
	width: 100%; 
	position:absolute; 
	z-index:-1;
	background-color: #FFFFFF;
	display: none;

}

#browser_box {
	z-index:-1;
	position: absolute;
	background-color: #FFFFFF;
	border: 10px solid #333333;
	left: 10%;
	top: 10%;
	right: 10%;
	text-align: left;
	vertical-align: middle;
	padding: 20px;;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	margin-top: 0px;
	padding-top: 0px;
}

#cpi_brand {
	width: 100%;
	text-align: right;
	vertical-align: middle;
	background-color:#333333;
	color: #FFFFFF;
	font-size: 70%;
	letter-spacing: 5px;

}

#map {
	width: 100%;
}

#fade {
	opacity:0.4;
	filter:alpha(opacity=40);
	z-index: 1;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color:#000000;
	display: block;
}

#howto {
	position: absolute;
	z-index: 2;
	background-color: #FFFFFF;
	top: 10%;
	right: 10%;
	left: 10%;
	bottom: 10%;
	overflow: auto;
	border: 10px solid #333333;
	padding: 10px;
	display: block;
}

#howto_contents {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	
}

#getstarted {
	z-index: 3;
	background-color: #333333;
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 200%;
	color: rgb(255, 127, 0);
	cursor: pointer;
}

#map_nav {
	overflow: hidden;
}

.maptab {
	color: rgb(255, 127, 0);
	vertical-align: middle; 
	text-align: left;
	padding: 5px;
	padding-right: 15px;
	cursor: pointer;
}

.maptabShow {
	background-color: rgb(255, 127, 0);
	color: #FFFFFF;
}

#menubar {
	background-color: rgb(74, 71, 66);
	padding: 5px;
	vertical-align: middle; 
	text-align: left;
	font-weight: bold;
	font-size: 115%;
}

#mapviews {
	background-color: #999999;
	color:#FFFFFF;
	vertical-align: middle; 
	text-align: left;
	font-weight: bold;
	font-size: 80%;
	padding: 5px;
	padding-left: 10px;
}

#areasearch {
	background-color:#CCCCCC;
	color:#666666;
	vertical-align: middle; 
	text-align: left;
	font-weight: bold;
	font-size: 70%;
	padding: 5px;
	padding-left: 10px;
}

.qtr {
	padding: 5px;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
}

.qtrClick {
	background-color: rgb(255, 127, 0);
	color: #FFFFFF;
}

#mapmenu_hide {
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-size: 80%;
	color:#FFFFFF;
	background-color:#666666;
	display: none;
	cursor: pointer;
}

#mapmenu_hide:hover {
	background-color:rgb(90, 137, 106);

}

#mapmenu, #mapmenu_discuss, #mapmenu_search, #mapmenu_projects {
	background-color:#FFFFFF;
	width: 100%; 
	height: 200px;
	display: none;
	overflow: auto;
}

.mapmenu_contents {
	background-color:#FFFFFF;
	width: 100%; 
	height: 100%; 
}


#projects_link {
	float: right;
	width: 20%;
	clear: both;
	margin-left: 25px;
	padding-left: 15px;
	margin-bottom: 20px;
	cursor: pointer;
	text-decoration: underline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #999999;
}

#mapmenu_search li, #search_nav, a {
	cursor: pointer;
	text-decoration: underline;
	color: rgb(255, 127, 0);
}

#search_intro {
	float: left;
	background-color:#CCCCCC;
	width: 20%; 
	height: 90%; 
	padding: 10px;
	overflow: auto;

}

#filters {
	float: right;
	width: 75%;
	height: 100%;
}

#search_firm {
	float: right;
	background-color:#FFFFFF;
	width: 45%; 
	height: 90%; 
	padding: 10px;
	overflow: auto;

}

#search_type {
	float: left;
	background-color:#FFFFFF;
	width: 45%; 
	height: 90%; 
	padding: 10px;
	overflow: auto;

}

#map_canvas {
	width: 100%;
	height: 100%;
}

#map_divider {
	width: 100%; 
	height: 5px; 
	background-color: rgb(76, 120, 88);
}