body
{ 
	background: #d9d9f3;
	margin: 0px;
}

.pin 
{ 
	background: #0000ff; 
	border: 1px solid #ff0000; 
	color: white;
	cursor: pointer;
	font-family: Arial, sans-serif;  
	font-size: 8pt; 
	font-weight: bold;
	height: 17px; 
	overflow: hidden;  
	text-align: center; 
	text-decoration: none;
	width: 22px;   
	z-index: 5; 
}

.donePin
{
	background: #000;
	border: 1px solid #ff0000;
	color: white;
	cursor: pointer;  
	font-family: Arial, sans-serif; 
	font-size: 8pt;
	font-weight: bold;	
	height: 17px; 
	overflow: hidden; 
	text-align: center; 
	text-decoration: none; 
	width: 22px;  
	z-index: 5;  
}

#legend
{
	background: #fff;
	border: 1px solid #000;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
	width: 200px;
}

.title 
{ 
	font-family: Verdana;
	font-size: medium; 
	font-weight: bold; 
}

#compass 
{ 
	background-image: url(http://virtualearth.msn.com/i/Compass.gif); 
	cursor: pointer; 
	height: 54px;
	margin-bottom: 10px; 
	position: relative; 
	width: 54px; 
	z-index: 31; 
}

#container 
{ 
	background: #3b73b1; 
	width: 984px; 
}

#routesData 
{ 
	background: #fff;
}

#leftPane 
{ 
	float: left;  
	padding-top: 10px; 
	background: #3b73b1;
	text-align: center;	
	width: 100px; 
}

#rightPane 
{ 
	float: right;
}

#footer
{
	clear: both;
}

.button 
{ 
	background: #cfe2fb; 
	color: #404040;
	font-weight: bold; 
	margin-bottom: 5px; 
	width: 90px;  
}

/*color legend*/

#clContainer
{
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

#colorLegend
{
	background: #fff;
	border: 1px solid #000;
	padding: 5px;
}

#colorLegend div
{
	border: 1px solid #000;
	height: 17px;
	width: 22px;  
}

#whiteBox
{
	background: #fff;
}

#yellowBox
{
	background: yellow;
}

#redBox
{
	background: red;
}	 

#pnlContactInfo
{
	float: left;
}