v\:* {
	behavior:url(#default#VML);
}

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 100%;
}


#logo
{
    position:absolute;
    left: 30px;
    top: 0px; 
	width: 340px;
}

#messages  
{
    position:absolute;
    right: 10px;
    top: 15px; 
    width:270px; 
	font-family: "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#coord-display {
    color: #373D68;
	width: 290px;
}

#typeSelection {
	position: absolute;
	text-align: center;
	left: 350px; 
	top : 7px; 
	width: 340px;
	padding: 5px;
}

#tcontrols {
     color: #373D68;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity: 0.90;
	 position: absolute;
	 top: 0;
	 right: 0;
	 z-index: 1000;
	 width: 40%;
}

#selectRefresh
{
    color: #373D68;
	position:absolute;
    left: 15px;
    top: 5px;
	width: 248px;
	background-color: #E1E9F0;
    font-family: "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

#selectRoute
{
    color: #373D68;
    position:absolute;
    right: 15px;
    top: 80px;
	width: 250px;
    height: 150px;
	background-color: #E1E9F0;
	font-family: "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#achartcontainer {
     color: #373D68;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity: 0.90;
	 position: absolute;
	 top: 235px;
	 right: 15px;
	 width: 250px;
	 border:1px;
     border-color: #333333 ;
}
#schartcontainer {
     color: #373D68;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity: 0.90;
	 position: absolute;
	 top: 390px; 
	 right: 15px;
	 width: 250px;
	 border:1px;
     border-color: #333333;
}
#instructions {
     color: #373D68;
	 position: absolute;
	 top: 540px;
	 right: 15px;
	 width: 250px;
	 border:1px;
     border-color: #333333 ;
	 font-size: 90%;
	 
	 }


#tracklog {
     color: #373D68;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity: 0.90;
	 position: absolute;
	 top: 200px;
	 right: 15px;
	 width: 250px;
	 border:1px;
     border-color: #333333;
	 background-color: #ffffff;
}
#map 
{
    position:absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    border:0px;
    border-style:solid;
    background-color:#FFF;
}

a.button:link, a.button:visited {
	border: 1px solid #99B3CC;
	background-color: #E1E9F0;
	padding: 3px;
	margin: 0px 0px 0px 2px;
	color: #373D68;
	display: block;
	float: left;
	clear: none;
	width: 70px;
	text-align: center;
}

a.button:hover, a.button:active {
	border: 1px solid #D0DCE8;
	background-color: #F2F5F9;
}

			a.mbutton:link, a.mbutton:visited,
			a.mbuttonActive:link, a.mbuttonActive:visited,
			a.mbuttonDisabled:link, a.mbuttonDisabled:visited {
				border: 1px solid #99B3CC;
				background-color: #E1E9F0;
				padding: 1px;
				margin: 0px 0px 0px 2px;
				padding: 1px 5px 1px 5px;
				color: #373D68;
				display: block;
				clear: none;
				float: left;
				text-align: center;
				text-decoration: none;
			}

			a.mbuttonDisabled:link, a.mbuttonDisabled:visited {
				border: 1px solid #CCCCCC;
				background: #EEEEEE;
				color: #999999;
			}

			a.mbutton:hover, a.mbutton:active, a.mbuttonActive:link, a.mbuttonActive:visited {
				border: 1px solid #D0DCE8;
				background-color: #F2F5F9;
				text-decoration: none;
			}

			#hide-mbutton {
				position: absolute;
				top: 5px;
				right: 10px;
			}

#rcontrols {
     color: #373D68;
	 filter:alpha(opacity=90);
	 -moz-opacity:0.90;
	 opacity: 0.90;
	 position: absolute;
	 top: 50%;
	 right:43%; 
	 z-index: 100;
	 width: 100%;
}


#selectZoomLevel
{
    position:absolute;
    right: 8px;
    top: 90px;
	width: 205px;
}

#delete
{
    position:absolute;
    left: 0px;
    top: 0px;
    width: 75px;
}

#refresh
{
    position:absolute;
    left: 80px;
    top: 10px;
    width: 75px;
}