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;
}