#dirmap { display: none; }
#map { width: 100%; height: 400px; margin: 1em 0; }

/* Directions controls */
#getDirections { width: 60px; }
#searchAddress { width: 300px; background: url("../images/dir_empty.bmp") no-repeat;  }
.removeBackground { background: white !important; }

.tooltip {
	background: #EEE;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
}
.tooltip > div {
	border: 1px solid black;
	padding: 2px 4px;
}

#modalCover { z-index: 1000; display: none; position: fixed; width: 100%; height: 100%; opacity: 0.8; filter:alpha(opacity=80); top: 0; left: 0; background: black; }
#dirFrame { z-index: 1001; display: none; position: fixed; background: white; top : 30px; left : 30px; padding: 1em; border: 1px dashed #82CAFA; }
#dirMap { height: 85%; width: 60%; border: 1px solid #EEE; float: left; margin-right: 1em; }
#dirText { margin-left: 61%; width: 39%; height: 83%; border: 1px solid #EEE; padding: 1em; overflow-y: auto; }
#dirHeading { padding: 0 0 15px 1em; font-size: 12pt; }
#dirClose { font-weight: bold; }
#multipleLoc { z-index: 1002; display: none; margin: auto; position: fixed; background: white; border: 1px dashed #82CAFA; width: 50%; padding: 2em; }


#bList {
	background: black;
	cursor: pointer;
	padding: 0.4em;
	width: 170px;
	text-align: center;
	opacity: 0.8;
	color: white;
	font-weight: bold;
	filter:alpha(opacity=80);
}
#listBox {
	background: black;
	cursor: default;
	padding: 0.4em;
	width: 200px;
	height: 92%;
	opacity: 0.8;
	color: white;
	filter:alpha(opacity=80);
}
#listContainer { 
	padding-left: 0.5em;
	height: 93%;
	overflow-x: hidden;
	overflow-y: auto;
}
#listFrame { margin: auto; height: 85%; width: 95%; z-index: 1002; display: none; position: fixed; background: white; top : 30px; left : 20px; padding: 1em; border: 1px dashed #82CAFA; }
#listMap { height: 95%; width: 100%; border: 1px solid #EEE; margin: auto; }

.participant:hover { color: #82CAFA; cursor: pointer; }