/* ExploreMap code version: 1.0 Copyright 2007 MapClicks.com */

body {font-size:12px;font-family: Verdana, Arial, Sans-Serif;}

a, a:link, a:visited, a:active { font-size:11px; color: #2E69BF; font-family: Arial, Helvetica, Sans-Serif;}

a img {border: none;}

#mapwrapper {
	margin-bottom:10px;
	width:100%;
	color:#000;
	position: relative;
	top: 0px;
	min-width: 490px;
}

/* ////// TOP BAR LAYOUT ////// */
#mapheader {
	display: block;
	color: #FFF;
	text-align : left;
	font-weight:bold;
	font-size:13px;
	height: 24px;
	line-height:18px;
	/*background: url('./images/map_titlebar_bg.png') repeat-x top left;*/
	overflow:hidden;
	width:100%;
	float:left;
 }

#legend_wrapper {
	background: url('./images/mapheader_green_bg.png') repeat-x top left #91B739;
	overflow:hidden;
	width:100%;
	float:left;
	/*height:58px;*/
	display:block;
	/*border:1px solid #91b739;*/
}

#masthead {clear:both;}

#map_container {
	border:1px solid #91b739;
	background-color:#FFF;
	margin-bottom:20px;
}

#listingheading {height:20px; margin:0;width:170px; float:left;}

#maplegend {
	float:right;
	border-left: solid 1px #91b739; 
	border-right: solid 1px #91b739; 
	text-align:center;
	height:58px;
	width:200px;
	background: url('./images/maps_legend_bg.png') repeat-x top left #ccc;
}
  
.legend_link {
		float:left;
		margin:5px 0px 0px 5px;
		text-align:center;
		height:60px;
		width:42px;
		vertical-align:middle;
}

.legend_icon img {text-align:center; display:block;}

.legend_link a, .legend_link a:link, .legend_link a:visited  { 
	text-align:center;
	font-weight:normal;
	text-decoration: none;
	color:#608900;
	font-size:10px;
	display:block;
}

.legend_link a:hover {color:#333;}

.legend_title {text-align:center;width:100%;font-weight:bold;color:#3D3D3D;font-size:11px;display:block;height:20px;}

#districtbar {
	color:#333;
	font-weight:normal; 
	font-size:12px;
	float:left;
}

#mappagetitle {
	float:left;
	height:25px;
}

#searchform {float:left; padding:0; height:20px;margin-top:6px;margin-left:5px;}
#searchform form input {padding-left:2px;margin-left:0;font-size:12px;}
#side_bar_searchterm {
	position:absolute;
	left:240px;
	top:44px;
	display:none;
	font-weight:bold;
	color:#fff;
	height:15px;
	line-height:18px;
}

/*
#searchform form input {padding-left:3px;}
#searchform form input.button {font-size:11px;height:20px;padding:0 3px 0 3px;}
*/

#district-title, #district-pdx {
	float:left;
	font-weight:bold;
	font-size: 16px;
	line-height: 30px;
	white-space:nowrap;
	margin-left:5px;
	font-family: Arial, Helvetica, Sans-Serif;
}

#district-pdx a {
	font-weight:bold;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
}

div.pageheading {display:none;}
#tagline {font-weight:normal; color:#666; line-height:24px; font-size: 11px; float:right;}
#tagline a {font-weight:bold;}


#district-title img {margin-top:3px;vertical-align:-2px;}

#districtmenu {
	height:22px;
	float:left;
	font-size:12px;
	clear:left;
	margin-left:5px;
}

#categorymenus-wrapper {float:left;margin-left:5px;}

div.category_select_menu {padding:0px;text-align:left; margin-top:0px;float:left; font-size:12px;}
div.category_select_menu select {font-size:12px;font-weight:normal;}


#categorymenus {
	float:left;
    clear:left;
    text-indent:5px;
}


#resetmap {
	float:right;
	width:180px;
	text-align:left;
	line-height:21px;
	padding-right:5px;
	font-size:12px;
}

#directorytitle {
	height:20px;
	float:left;
	margin-right:44px;
}
	
#districtmenus {
	float:left;
	margin-top:10px;
    margin-left:5px;
    line-height:21px;
}

#districtsform .mapselect {
	font-weight:normal;
 	font-size:12px;
	color:#000;
	margin-top:1px;
}

.maparea { font-weight:bold; }


/* \\\\ MAP FILTERS LEGEND (CIRLCE CATEGORY ICONS BOX) \\\\\ */

#legend { 
	float:left;
	text-align:left;
    margin-top:10px;
    clear:left;
}

#filters {
    position:absolute;
    left:170px;
    top:60px;
    font-weight:bold;
    vertical-align:top;
    height:20px;
    font-size:16px;
    color:#FFF;
}

#filters_text {
 float:left;
 width:80px;
 height:20px;
}

span.filters_heading {
    font-size:14px;
    font-weight:bold;
    color:#FFF;
    line-height:10px;
}

span.filters_showall {float:left;margin-right:12px;}

.filters_icons {vertical-align:top;float:left;}





img.icon {
	
	margin-right:2px;
}


/* //// END //// */


#servicename {
  color:#333;
  font-weight:bold;
  float:left;
  width:170px;
  margin-left:5px;
  padding-top:25px;
}

span.keylegend {margin-right:5px;color:#2E69BF;float:left;}

#featurestitle {
	float:left;
	text-align:left;
	margin-left:170px;
	line-height:20px;
}

img.features_icon {
	margin-left:8px;
	margin-right:5px;
	line-height:18px;
}


/* ////// SIDE BAR LAYOUT ////// */

#sidebar_outer {
	width:178px;
	border-right: solid 1px #91b739;
	float:left;
	height:517px;
	display:block;
	margin:0;
	padding:0;
}

#side_bar{
	overflow-x:hidden; 
	overflow:auto; 
	font-weight:bold;
	height:517px;
	width:175px;
	margin:0;
	padding:0px;
	text-decoration: none;
}

/* ////// MAP LAYOUT ////// */

#outermap{
	height:517px; 
	position:relative;
	left:0px;
	padding:0px;
    width:auto;
    margin-left:179px;    	
}

#vtour {float:left;width:325px;height:285px;text-align:left;}
#map {height:517px;}
#map .loading{color:gray; padding:20px;}

.heading1 {font-size:13px;font-weight:bold;color:#333;}
.heading {font-size:12px; font-weight:bold; color:#3D3D3D;}
.heading2 {font-size:14px; font-weight:bold; color:#3D3D3D; }

div#masthead form select {padding-left:3px;width:90px;}
#mapit {float:left;font-weight:bold; color:#333; margin:15px 10px 0px 0px; }
#whattodo {float:left; font-size:12px; font-weight:bold; color:#2E69BF; margin:8px 8px 0px 0px;}
#loadcats {float:left;}
div.catform {float:left;clear:both;}
#showall {float:left; margin-left:10px; font-weight:bold;}

#districtinfo {float:left; width:16em; height:480px;padding:10px; overflow:auto}
.district {font-size:22px; font-weight:bold; color:#2E69BF; font-family: Arial, Helvetica, Geneva, sans-serif; margin-bottom: 5px}
div.heading {height:15px;float:left;clear:both;}
#dir {font-weight:bold; font-size: 14px; margin-bottom:5px; padding:3px; border: 1px #CCC solid; text-align:center; color:#4444ff;}


/* \\\\\\\\ SIDEBAR LISTINGS \\\\\\\\\\ */

#sidebarListingsDistricts {
	width:173px;
	padding:5px 0px 5px 0px; 
	border-bottom:1px solid #CCC;
	float:left;
	text-indent:5px;
}

#sidebarListingsDistricts a, #sidebarListingsDistricts a:link, #sidebarListingsDistricts a:visited  {
	background: url('./images/link_arrow.png') 0px 2px no-repeat #FFF; 
	padding-left:13px;
	display:inline;
	font-weight:bold;
	color: #608900;
	text-decoration: none;
	text-indent:5px;
} 

#sidebarListingsDistricts a:hover {
	background: url('images/link_arrow.png') 2px 2px no-repeat #FFF; 
	color:#333;
} 

a div.sidebarListings, a:link div.sidebarListings {color:#608900;font-weight:bold;cursor:pointer;cursor:hand;}

a:hover div.sidebarListings {background-color:#CBE1F0;color:#333;}

.sidebarListings {
	background-color:#fff; 
	padding:5px 0px 5px 0px; 
	border-bottom:1px solid #CCC; 
	float:left; 
	display:block;
	margin:0px;
	cursor: pointer !important;/* for ie6 */
	cursor:hand;
    text-align:left;
    overflow-x:hidden;
   	width:158px;
}

span.sidebarName, span.sidebarName a:link, span.sidebarName a:visited, span.sidebarName a:active {font-size:11px; font-weight:bold; color:#2E69BF;text-decoration:none;}
a:hover span.sidebarName {color:#333}
.side_bar a {text-decoration: none; color:#78A234}

.sidebarAddy {
	font-family: arial, tahoma, helvetica, sans-serif; 
	font-weight:normal; 
	font-size:10px; 
	color:#000; 
	width:110px;
	float:left;
}

span.address a:link, span.address a:visited, span.address a:active {text-decoration: none;} 

.sidebarLogo {margin-right:5px;margin-left:5px;float:left;width:30px;height:35px;}
.sidebarLogo img {width:30px;max-width:30px;max-height:35px;}

.loading {position: relative; top:50px;left:50px;}

/* \\\\\\\\\ END SIDE BAR STYLES \\\\\\\\ */

.tooltip {
	background-color:#fff;
	font-weight:bold;
	border:1px #333 solid;
	white-space: nowrap;
	padding: 2px;
	color:#333;
	font-size:12px;
}

.tlabel {background:white; border:1px solid #666; padding:1px;}
.tlabel a:link, .tlabel a:visited, .tlabel a:active {color:#2e69bf;text-decoration:none;cursor:pointer;cursor:hand;font-size:10px;font-weight:normal;}
.tlabel a:hover {color:#333;}

.mclink {font-weight:bold; color: #666;}


/* \\\\\\ MAP INFO BOX - DISTRICT \\\\\\\ */

#districtbox {margin-top:10px;}
div#districtbox a.zoomin {color:#2E69BF; font-weight:bold; font-size: 14px;text-decoration:none;}
div#districtbox a.zoomin:hover {color:#333;}

#photoframe {
	width:185px; 
	height:137px;
	padding:0;
	margin:0;
	background: url('./images/district_photo_frame.png') top left no-repeat;
	text-align:center;
}
	
#photoframe img {
	text-align:center;margin-right:1px; margin-left:1px;
}
	
#district_name {
	text-align:center;
 	height: 24px;
 	color: #333;
	font-size:12px;
	font-weight:bold;
    line-height:22px;
 }


/* \\\\\\\\ MAP INFO BOX - LISTINGS \\\\\\\\ */

.navBar a, a.navBar:link, a.navBar:active {
   font-weight:bold; 
   font-size: .75em;
   margin-left:5px; 
   text-align:center; 
   color:#2E69BF;
   font-family: Arial, Helvetica, Geneva, sans-serif;
}

#map_links {float:right;width:230px;display:block;}

span.catLink { text-align:center;margin-left:7px;display:block;float:right;height:33px;vertical-align:bottom;font-weight:bold; }
span.catLink a:link, a.catLink:visited, .catLink { font-weight:bold; color:#2E69BF;text-decoration: none; }
span.catLink a:hover {color:#333;}

span.resetLink { text-align:center;display:block;float:right;vertical-align:bottom;margin-top:7px;clear:right;width:100px; }
a.resetLink:link, a.resetLink:visited { font-weight:normal; color:#78A234;font-size:10px; }
a.resetLink:hover { color:#333; }

#infoBox { width:200px; min-height:100px; margin:0;font-family: arial, tahoma, verdana, helvetica, sans-serif;color:#000; }
.infoName { border-bottom: 1px #666 solid; font-size:14px; font-weight:bold; color:#2e69bf; }
#infoThumb { margin-bottom: 10px; float:right; width:160px; height:120px; overflow:hidden; }
.infoThumbImg { float:right;max-height:120px; max-width:160px; }

#info360container { float:right; width:160px; height:130px; overflow:hidden; background-color: #000; }
#info360thm { float:right; width:160px; height:105px; clear:both; margin-bottom: 3px; }
#info360txt { float:right; width:160px; height:20px; clear:both; text-align:center; line-height:1em; }
#info360txt a, #info360txt a:link, #info360txt a:visited, #info360txt a:active { color:#FFF; font-weight:bold; }
#info360txt a:hover { font-style: italic; }
#info360txt img { vertical-align: middle; }
#infoAddy { float:left; font-size:12px; margin:3px 0px 5px 0; clear:left; width:150px;}
#infoAddy a, #infoAddy a:link, #infoAddy a:visited, #infoAddy a:active {text-decoration:underline;}
#infoLogo img {max-width:60px; max-height:60px;}
#infoLogo {float:left; margin:3px 5px 3px 0;}
#infoNav {font-size:.75em;float:left;width:280px; vertical-align: middle}
#infoFeatures {float:left}

a.moreinfo, a.moreinfo:link, a.moreinfo:visited, a.moreinfo:active {font-size:11px;color:red;text-decoration:underline;font-weight:normal;margin:0px 2px 0px 2px;}
a.moreinfo:hover {color: #333;}
a.navlink, a.navlink:link, a.navlink:visited, a.navlink:active {font-size:11px;color:#608900;text-decoration:underline; font-weight:normal;margin:0px 2px 0px 2px;}
a.navlink:hover {color: #333;}

a.infoName, a.infoName:link, a.infoName:visited, a.infoName:active {font-size:14px; font-weight:bold; color:#2e69bf;border:none;}
a.infoName:hover {color: #333;}

a.navlink, a.navlink:link, a.navlink:visited, a.navlink:active {font-size:11px;color:#608900;text-decoration:underline; font-weight:normal;margin:0px 2px 0px 2px;}
a.navlink:hover {color: #333;}

a.navlink_light, a.navlink_light:visited, a.navlink_light:active {color:#78a234;text-decoration:underline; font-weight:normal;}
a.navlink_light:hover {color: #333;}

a.navlinkPano, a.navlinkPano:visited, a.navlinkPano:active {
	background: url('./images/link_arrow.png') left no-repeat #FFF; 
	padding-left:14px; 
	color:#2e69bf;
	text-decoration:none; 
	font-weight:bold; 
	font-size:12px;
	margin-top:5px;
}

a.navlinkPano:hover {color: #333;}

img.pano {border:1px solid #CCC;margin-top:5px;}

a.arrow_map, a.arrow_map:link, a.arrow_map:visited  {background: url('./images/arrow.png') 0px 1px no-repeat #FFF; padding-left:13px;display:inline;} 

div#infoRedSquare {display:block;width:6px; height:6px; background-color:#ccc; border:1px solid #999; float:left; margin:2px 3px 0 0;}
a.moreinfo:hover div#infoRedSquare {background-color:#FF004F; border:1px solid #990000;}
div#infoGreenSquare {display:block;width:6px; height:6px; background-color:#9F3; border:1px solid #006600; float:left; margin:2px 3px 0px 0px;}
div#infoGreySquare {display:block;width:6px; height:6px; background-color:#CCC; border:1px solid #999; float:left; margin:2px 3px 0px 0px;}
a.navlink:hover div#infoGreySquare {background-color:#9F3; border:1px solid #006600;}

/* 	STYLE FOR HOME PAGE MAP LOAD MAP LINK IN INFO BOX */
a span.loadmap,a span.loadmap:link,a span.loadmap:visited
{
   color: #2e69bf;
   font-size:12px;
   text-decoration: none;
   float:left;
}

a span.loadmap:hover
{
   color: #333;
   text-decoration: none;
}