/* MAP */
div#main_areas{
  width: 300px;
}
#page #content ul.page_options {
  display: none;
}

#main_column h1, #main_banner h1 {
  font-size: 1.7em;
}

#main_content .map ul li {
  list-style-type: none;
  background: transparent;
}

#main_content .map .map_panel .lbl {
  font-weight: bold;
}

#main_column {position: static;}

/* MAP PANEL*/
#main_content .map .map_panel a {
	color: white;
	display: block;
	text-decoration: none;
	margin-top:3px;
}
 .map .map_panel{
	border: 2px solid #3372ae;
	position: absolute;
	right: 0;
	width: 300px;
	z-index: 3000;
}
 .map .map_panel .head, .legend .head {
	background: transparent url(/includes/images/map/panel_bg.gif) repeat-x left center;
	color: white;
	height: 28px;
	padding: 0 10px;
}
.map .map_panel .head a {
	float: right;
	font-size: 1.1em;
}
#main_areas .map .map_panel .head a,
#main_areas .map.legend .head a {
  top: -20px;
  float: right;
  position:relative;
}
#main_content .map .map_panel h2,
#main_content .map .legend .head h2 {
	color: yellow;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin-top:3px;
}

#main_content .map span.bb_lbl {
  font-size:1.3em;
  font-weight:bold;
  color:#007FAC;
}

.map .map_panel .body{
	background-color: #3372ae;
	opacity: 0.9;
	line-height: 1.8;
}

.map .map_panel .body {
  background:#3372ae none;
  filter:alpha(opacity=90);
  height:1%;
}

.map .map_panel .body * {
  filter:alpha(opacity=100);
  position:relative;
}

#main_content  .map .map_panel .body li{
	padding: 0;
}
.map .map_panel .body li.hover{
	background-color: green;
}

.map #map_modal{
	border: 2px solid #0d619a;
}

.legend .body table{
  border-collapse:collapse;
  border-color:#ffffff;
  border-style:none;
  border-width: 0;
  font-size:0.9em;
  margin: 5px 0;
  padding:0;
  text-align:left;
  vertical-align:top;
  width:100%;
}

.legend .body table tbody td {
  background-color:#ffffff;
  border-right:0px solid #FFFFFF;
  margin:0;
  padding:3px 5px 3px;
}

.legend {
  width: 300px;
  right: 0;
  bottom: 0;
  border: 2px solid #3372ae;
  background-color: #ffffff;
  position: absolute;
  z-index: 4000;
}

#main_content .map .jqmWindow .legend .head {
	clear: both;
	height: 28px;
}

/* MODAL WINDOW */
.map .jqmWindow .loading{
	background: transparent url(/includes/images/map/loading.gif) no-repeat right center;
	height: 100px;
	padding: 0 15px 0 0;
	position: absolute;
	width: 100px;
}

.map .jqmWindow {
    display: none;
    position: fixed;
    top: 0;
    margin: 5px 0 0 0;
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
}

.jqmOverlay {
  background-color: #000;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
.map #map_modal{
	border: 2px solid #0d619a;
}
* html #main_content .map .jqmWindow {
    position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(5 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#main_content .map .jqmWindow .head {
	background: transparent url(/includes/images/map/modal_head_bg.gif) repeat-x left center;
	color: white;
	height: 43px;
	padding: 0 10px;
}
#main_content .map .jqmWindow .head h1 {
	color: white;
	float: left;
	margin-top: 8px;
}
#main_content .map .jqmWindow .head a {
	color: white;
	display: block;
	float: right;
	font-size: 1.1em;
	text-decoration: none;
	margin-top:5px;
}
#main_content .map .jqmWindow .head .jqmClose {
	background: transparent url(/includes/images/map/close.jpg) no-repeat right center;
	margin: 10px 0 0 0;
	padding:0 20px 0 0;
}
/* LEGEND */

#main_content .map .jqmWindow .legend {
  background-color: white;
  width: 320px;
  right: 0;
  bottom: 0;
  border: 2px solid #3372ae;
  position: absolute;
  z-index: 4000;
}
#main_content .map .jqmWindow .legend .head {
	clear: both;
	height: 28px;
}

/* END MODAL WINDOW */