﻿

body
{
	margin: 0px;
	padding: 0;
	overflow: auto;
}
.Dashboard
{
	position: absolute;
	border: 0px solid #cbcbcb;
	background-color: white;
	filter: alpha(opacity:90);
	opacity: 0.9;
	z-index: 100;
	padding: 0px;
	overflow: visible;
	font-family: Verdana,sans-serif;
	font-size: 7.5pt;
}
.Dashboard_small
{
	width: 110px;
	margin: 0px;
	padding: 0px;
	left: 620px;
	top: 0px;
}
.Dashboard_normal
{
	width: 180px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	left: 620px;
	top: 0px;
}

.WaypointButton
{
	position: absolute;
	top: -200px;
	left: -200px;
}

.Compass
{
	width: 54px;
	height: 54px;
	background: url(../image/Compass.gif);
	margin: 0px;
	cursor: pointer;
}
.ZoomBar
{
	position: relative;
	background: url(../image/bar.gif);
	width: 103px;
	height: 20px;
	margin: 2px;
	overflow: hidden;
}
.ZoomBar_slider
{
	position: absolute;
	background: url(../image/slider.gif);
	width: 7px;
	height: 20px;
	overflow: hidden;
	display: block;
}



.pinStartFinish
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/startFinish.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 141;
}

.pinStart
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/Start.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 140;
}
.pinMetersToGo
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 5pt;
	color: Red;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 4;
}
.pinStartInterval
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/StartInterval.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 4;
}
.pinTurnRight
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/TurnRight.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}
.pinTurnLeft
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/TurnLeft.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}
.pinTurnAround
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/TurnAround.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}
.pinFinish
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/Finish.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 139;
}
.pinFinishInterval
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/FinishInterval.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 4;
}
.pinContinue
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/Continue.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}
.pinFeedZone
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/FeedZone.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}
.pinSummit
{
	margin-left: 7px;
	margin-top: -7px;
	position: absolute;
	background-image: url(../image/Summit.png);
	width: 12px;
	height: 20px;
	font-family: Arial,sans-serif;
	font-weight: normal;
	font-size: 6pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	z-index: 5;
}

.pinSummary
{
	margin-left: 7px;
	margin-top: -7px;
	width: 88px;
	height: 17px;
	font-family: Arial,sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: White;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	background: #0000FF;
	border: 1px solid #FF0000;
	z-index: 5;
}

.VE_Panel_el
{
	overflow: hidden;
	z-index: 31;
	border: 1px solid #cbcbcb;
	padding: 0;
	margin: 0;
	background: white;
}

.VE_Panel_title
{
	position: absolute;
	padding-top: 2px;
	padding-left: 5px;
	overflow: hidden;
	z-index: 32;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: rgb(230,250,255);
	text-transform: uppercase;
	cursor: default;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.VE_Panel_title_blue
{
	background: #0030cc;
}

.VE_Panel_cb
{
	padding-left: 1px;
	width: 18px;
	height: 18px;
	color: white;
	text-align: center;
	font-size: 7pt;
	font-family: Verdana;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
}

.VE_Panel_cb_blue
{
	background: #001d7a;
	border: solid 2px #0030cc;
}

.VE_Panel_tb
{
	height: 18px;
	padding-top: 3px;
	padding-left: 2px;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	overflow: hidden;
}

.VE_Panel_tb_blue
{
	background: #ccd8ff;
}
.VE_Panel_tb td
{
	font-family: Verdana,sans-serif;
	font-size: 8pt;
}

.VE_Panel_tb a
{
	color: #000080;
}
.VE_Panel_tb a:hover
{
	color: #ff9900;
}

.VE_Panel_body
{
	padding: 5px;
	font-family: Verdana,sans-serif;
	font-size: 8pt;
	overflow: auto;
}
/* The gifs can be found at http://www.msgweb.nl/mapstats/view/drop_down_triangle.gif,
   and http://www.msgweb.nl/mapstats/view/drop_down_triangle_hover.gif.
   please copy them to your own server. */

ul, li
{
	margin: 0;
	padding: 0;
}

ul.pmenu
{
	position: relative; /* changed from absolute */
	margin: 0;
	padding: 1px;
	list-style: none;
	width: 155px; /* Width of Menu Items */ /* 160 orig */
	border: 1px solid #585880;
	background: white;
	display: none;
	z-index: 10;
}

ul.pmenu li
{
	float: left;
	position: relative;
}

ul.pmenu li ul
{
	position: absolute;
	left: 154px; /* Set 1px less than menu width */ /* 159 orig */
	top: 0;
	display: none;
	z-index: 10;
}

/* Styles for Menu Items */
ul.pmenu li a
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #585880;
	padding: 1px 1px 1px 10px;
}

ul.pmenu li a:hover
{
	background: #E8B836;
	color: white;
}

ul.pmenu li a.parent
{
	background: url(   '../image/drop_down_triangle.gif' ) no-repeat 145px 4px; /* 140 orig */
}
ul.pmenu li a.parent:hover
{
	background: #E8B836 url(   '../image/drop_down_triangle_hover.gif' ) no-repeat 145px 4px; /* 140 orig */
}


/* IE \*/
* html ul.pmenu li
{
	float: left;
	height: 1%;
}
* html ul.pmenu li a
{
	height: 1%;
}
* html ul.pmenu li.left ul
{
	left: -155px; /* 147px orig */
}
* html ul.pmenu li.right ul
{
	left: 152px; /* 147px orig */
}
/* End */

ul.pmenu li:hover ul, ul.pmenu li.over ul
{
	display: block;
}
/* The magic */
ul.pmenu li.right ul
{
	left: 150px; /* 150 orig */
	top: -2px;
}
ul.pmenu li.left ul
{
	left: -150px; /* 150 orig */
	top: -2px;
}



