img.icon {
	float:right;
	margin: 4px;
}

.tabFrame {
	position: relative !important; 
	width: 1054px;
	height: 950px;
}

/* Session 213, per Jack: width dropped from 1054px (== .tabFrame's full
width) to 909px so #mapCanvas can get a 145px left margin (see
CSS/sidebarLayout.css) without overflowing .tabFrame's right edge -- same
145px-of-clearance-for-#sidebarSpace treatment #gbox_list (Session 92) and
#calendar (2026-07-12) already got. Unlike those two, #mapCanvas doesn't
auto-fit its container (no JS-driven sizing beyond a currently-dead
resize() in viewEvents.js that references an undefined `contentWrapper`
global), so the width has to be reduced explicitly here to compensate for
the margin, or the map would just overflow past the tab frame. */
#mapCanvas {
	border: 5px ridge #C0C0C0;
	width: 909px;
	height: 940px;
}

#mapInfoBox {
	position: relative !important; 
	border: 1px dashed #C0C0C0;
	width: 500px;
	height: 500px;
	float: left;
	margin-left: 10px;
	padding: 5px;
	text-align:left;
}

#calendar {
	overflow: auto;	
}

.eventDetails {
    vertical-align:text-top;
}

.ui-autocomplete {
	max-height: 400px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

#searchCriteria {
	float:left;
	position:relative;
	padding-top: .5em;
	padding-left: 2em;
}