﻿#InteractiveMapContent {font-family: Verdana, Arial, sans serif; font-size: 11px; margin: 2px;}
a:hover { }
li {margin-left: -0px;}
.sidebar-entry {text-decoration:none; border:1px solid silver;}
a.sidebar-entry {color:#000; text-decoration: none; margin-left: 0px}
a.sidebar-entry:hover {background-color:#eee; text-decoration: none}
a.sidebar-entry:focus {background-color:#ccf; text-decoration: none}
a.sidebar-entry:focus {background-color: #FFFA73; color: black; text-decoration: none}
.sidebar-cat-header {background-color:#eee; margin:1px; font-weight:bold;}
.hilight-cat-header {background-color:lightgray; color: navy}
.iw-header {background-color:#eee;font-weight:bold}
.iw-directions {display: block; margin-top:20px; width:80px}
#sidebar {width:300px; height:200px; overflow:auto; border-top: 1px solid lightgray; border-left: 1px solid lightgray; border-bottom: 1px solid black; border-right: 1px solid black}
#map { width: 100%; height:550px; border: 1px solid black }
#hotelsitem {margin: 0px 0px 0px 2px; padding: 0px 0px 2px 0px; background: url(/images/maps/hotels-map-icon-wider.gif) no-repeat top left; }
#attractitem {margin: 0px 0px 0px 2px; padding: 0px 0px 2px 0px;  background: url(/images/maps/attractions-map-icon-wider.gif) no-repeat top left; }
#showsitem {margin: 0px 0px 0px 2px; padding: 0px 0px 2px 0px;  background: url(/images/maps/shows-map-icon-wider.gif) no-repeat top left; }
#museumsitem {margin: 0px 0px 0px 2px; padding: 0px 0px 2px 0px;  background: url(/images/maps/museums-map-icon-wider.gif) no-repeat top left; }
#districtsitem {margin: 0px 0px 0px 2px; padding: 0px 0px 2px 0px; background: url(/images/maps/districts-map-icon-wider.gif) no-repeat top left; }
#num1dig { color: white; font-size: 9px; font-family: arial; padding: 0px 4px 0px 5px }
#num2dig { color: white; font-size: 9px; font-family: arial; padding: 0px 2px 0px 3px }
#infocontentbox { padding: 5px 3px 0px 4px }

#sidebar ul#sidebar-list { list-style: none; padding: 6px 0 0 0 ; margin: 0; }
#sidebar ul#sidebar-list li { padding: 2px 5px 2px 50px; }
#sidebar ul#sidebar-list li div.label { float: left; margin-left: -40px; width: 40px; padding: 1px 3px 1px; background: green; color: white; }
#sidebar ul#sidebar-list li a { font-family: Arial; font-size: 11px; color: #445555; text-decoration: none; padding: 2px 3px; }
div.LabeledMarker_markerLabel { display: block; padding-top: 9px; }
div.LabeledMarker_markerLabel, #sidebar ul#sidebar-list li div.label { text-align: center; color: white; width: 32px; letter-spacing: 0px; font-size: 9px; font-family: Arial; }

#mapdiv { position: absolute;
	top: 50px; left:50px;
	width:590px; height:400px;
	overflow: hidden;
}

#more_inner {
	text-align:center;
	font-size:12px;
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	border-right-color: #b0b0b0;
	border-bottom-color: #c0c0c0;
	width:7em;
	cursor: pointer;
}

#more_inner .highlight {
	font-weight: bold;
	border: 1px solid #483D8B;
	border-right-color: #6495ed;
	border-bottom-color: #6495ed;
}

#box {  position:absolute;
	top:20px; left:0px;
	margin-top:-1px;
	font-size:12px;
	padding: 6px 4px;
	width:120px;
	background-color: #fff;
	color: #000;
	border: 1px solid gray;
	border-top:1px solid #e2e2e2;
	display: none;
	cursor:default;
}

#box .highlight {
	width:119px;
	border-width:2px;
}

#boxlink { color: #a5a5a5;
	text-decoration: none;
	cursor: default;
	margin-left: 33px;
}

#boxlink .highlight { color: #0000cd;
	text-decoration: underline;
	cursor: pointer;
}

