#container {
	display:block;
	position:relative;
	width:620px;
	margin:0px auto 0px;
	background:#FFF;
	padding:20px 0;
	font-size:12px;
	line-height:18px;
}

#location #container{ padding: 0; background: transparent;}
#container p{
	clear:both; 
	float:none;
	margin:10px 0px 10px;
}

/* tooltip design */
.ToolTips { display:block; position:absolute; width:210px;  }
.ToolTips .sticky_close { display:block; /*position:absolute; top:20px; right:10px; z-index:100000000;*/ float: right;  background:url(images/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; }
.ToolTips .message { display:block; position:relative; background:url(images/tip_body.png) repeat-y; padding:0px 10px; }

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader, 
.ToolTips .dockTopFooter { display:block; position:relative; background:url(images/dockBottomHeader.png) no-repeat bottom; height:33px;  }
.ToolTips .dockTopFooter { background:url(images/dockTopFooter.png) no-repeat bottom; height:38px; }

.ToolTips .dockBottomFooter,
.ToolTips .dockTopHeader { display:block; position:relative; background:url(images/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader { background:url(images/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }

* html .ToolTips .dockBottomHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomHeader.png'); }
* html .ToolTips .dockBottomFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockBottomFooter.png'); }
* html .ToolTips .dockTopHeader { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopHeader.png'); }
* html .ToolTips .dockTopFooter { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dockTopFooter.png'); }
* html .ToolTips .sticky_close {  background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fileclose.png');  }

/* this is just a div displaying the loading animated .gif */
.loading { display:block; margin:0px auto 0px; background:url(images/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }

/* tip container */
.tipContainer { display:none; }

/* beautify the tooltip content */
.ToolTips .message { font-size:12px; text-align:justify; }
.ToolTips .message h3 { font-size:16px; margin:0px 0px 7px; padding:0px 0px 7px; color:#213462; border-bottom: 1px solid #CCC; }
.ToolTips .message .rights { display:block; clear:both; margin:15px 0px 0px; text-align:right; font-size:11px; color:#666666; }


/* map spots */
#targeted1 {
	position: absolute;
	top: 135px;
	left: 150px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted2 {
	position: absolute;
	top: 124px;
	left: 154px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted3 {
	position: absolute;
	top: 99px;
	left: 174px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted4 {
	position: absolute;
	top: 65px;
	left: 134px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted5 {
	position: absolute;
	top: 121px;
	left: 243px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted6 {
	position: absolute;
	top: 160px;
	left: 274px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted7 {
	position: absolute;
	top: 172px;
	left: 245px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted8 {
	position: absolute;
	top: 203px;
	left: 258px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

#targeted9 {
	position: absolute;
	top: 328px;
	left: 559px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}