body
{
	width: 800px;
	margin: 2px;
	padding: 0px;
	font-family: sans-serif;
	font-size: 11pt;
}

h1
{
	font-size: 12pt;
	font-weight: bold;
	margin: 8px 0px 4px;
}

h2
{
	font-size: 11pt;
	font-weight: bold;
	margin: 0 8px 4px;
}

h3
{
	color: red;
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	margin: 4px 0px;
}

p
{
	margin: 6px 0px;
}

option, select
{
	font-size: 11pt;
}

div.PageDiv
{
	background-color: #EEEEEE;
	margin: 0;
	padding: 0;
}

form.SubForm
{
	border: solid 1px black;
	background-color: #CCCCCC;
	padding: 0 4px;
	width: 240px;
	margin: 4px 0 8px 0;
}

form.SubForm div.Hint
{
	text-align: center;
}

form.SubForm div.Label
{
	position: absolute;
	top: 4px;
	left: 4px;
	width: 4em;
	text-align: right;
}

form.SubForm input
{
	position: absolute;
	top: 4px;
	left: 5em;
}

div.Field
{
	position: relative;
	height: 21px;
}

div.FieldButton
{
	position: relative;
	height: 28px;
}



form, form input
{
	font-size: 8pt;
}

div.Banner
{
	background-image: url(/Maps/images/cbuttonGrey.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: solid 1px black;
	font-size: 10pt;
	height: 14px;
	margin: 0px;
	padding: 2px;
	clear: both;
}

div.Banner span	{ vertical-align: middle; }

div.Banner span.Left
{
	text-align: left;
	float: left;
	width: 49%;
}

div.Banner span.Right
{
	text-align: right;
	float: right;
	width: 49%;
}

table.PopBanner
{
    background-image: url(/Maps/images/BanMiddle.gif);
    background-repeat: repeat-x;
    font-weight: bold;
    font-size: 12px;
    color: black;
    width: 100%;
    margin: 0;
    padding: 0;
}

table.PopBanner td.BanLeft      { width: 34px; }
table.PopBanner td.BanMiddle    { padding: 8px 12px; }
table.PopBanner td.BanRight     { width: 7px; }



div.PopBanner
{
    height: 34px;
    margin: 0;
    padding: 0;
}

div.PopBanner span
{
    background-image: url(/Maps/images/BanMiddle.gif);
    background-repeat: repeat-x;
}

div.PopBanner span span.BanMiddle
{
    background-image: none;
    vertical-align: 110%;
    font-weight: bold;
    font-size: 12px;
    color: black;
}

div.AddressList div
{
	margin: 6px;
}

#VM, #Control
{
	vertical-align: top;
	margin-top: 4px;
	float: left;
}

#Control
{
	position: relative;
	width: 250px;
	font-size: 12px;
	padding: 0px 6px;
	height: 600px;
	text-align: center;
}

#Control table
{
	font-size:11px;
	width: 240px;
}

#Control table td
{
	vertical-align: top;
	text-align: left;
}
#Control table td.label
{
	text-align: right;
	width: 4em;
}

#MessageDiv
{
	text-align: center;
	height: 80px;
}

#Instruct
{
	font-size: 11px;
	position: absolute;
	width: 236px;
	left: 0px;
	bottom: 0px;
	margin: 0 8px;
}

#Disclaimer
{
	margin: 0;
	text-align: center;
	font-size: 9px;
}

table.Map
{
	text-align: center;
}

table.Map td.corner
{
	height: 6px;
	width: 6px;
}

table.Map td.panVert
{
	font-size: 6px;
	height: 12px;
	width: 500px;
	text-align: center;
	background-color: #CCCCCC;
}

table.Map td.panVert img
{
	margin: 0 28px;
	padding: 0;
}

table.Map td.panHorz
{
	height: 500px;
	width: 12px;
	background-color: #CCCCCC;
}

table.Map td.panHorz img
{
	margin: 28px 0;
	padding: 0;
}

#MapImage { border: solid 1px #666666; }

div.ImageDiv
{
	position: relative;
	background-color: #999999;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.panvert
{
	height: 6px;
	width: 500px;
	
	margin: 0;
	padding: 0;
	background-color: red;
	text-align: center;
}

div.panvert img
{
	height: 6px;
	margin: 0 24px;
	padding: 0;
}

div.panhorz
{
	height: 500px;
	width: 6px;
	background-color: yellow;
}

div.panhorz img
{
	height: 12px;
	width: 6px;
}


table.ZoomMenu
{
	width: 100%;
}

table.ZoomMenu td
{
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	height: 30px;
	cursor: default;
	border: 1px solid #999999;
}




.Button, .ButtonHover, .ButtonInactive, .ButtonSelected
{
	height: 20px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	color: #000000;
	margin: 0;
	padding: 0;
}

.Button span,
.ButtonHover span,
.ButtonInactive span,
.ButtonSelected span
{
	vertical-align: middle;
	text-align: center;
}

.Button
{
	background-image: url(/Maps/images/vbuttonGrey.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;

	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	
}

.ButtonHover
{
	background-image: url(/Maps/images/vbuttonPink.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFF0F0;

	border: 1px solid #CC6666;
	border-bottom: 1px solid #663333;
	border-right: 1px solid #663333;
}

.ButtonInactive
{
	background-image: url(/Maps/images/vbuttonGrey.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #999999;
}

.ButtonSelected
{
	background-color: #FF9999;
}

#AltDirections
{
	height: 20px;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 100%;
}


#SearchResultBox	{ visibility: hidden; }
#SearchTitle		{ font-weight: bold; }
#SearchResult		{ font-style: italic; }

/***********************************
div.FormDiv is used for pop-up forms
***********************************/
div.FormDiv
{
	position: absolute;
	left: 30px;
	top: 60px;

	padding: 4px 6px;
	visibility: hidden;

	background-color: #CCCCCC;
	color: #000000;

	border-left: solid 1px #666666;
	border-top: solid 1px #666666;
	border-right: solid 4px black;
	border-bottom: solid 4px black;
}

div.FormDiv div.Caption
{
	background-image: url(/Maps/images/cbuttonGrey.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border: solid 1px black;
	font-size: 10pt;
	width: 100%;
	height: 14px;
	margin: 0px;
	padding: 2px;
}

div.FormDiv td
{
	vertical-align: top;
}

div.FormDiv td input
{
	margin: 0px 4px 0 0;
}