#heading{
cursor:default;
 display: block;
    float:left;
    max-width: 8em;
   font-size: 1.0em;
   /* min-width: 9em;*/
  /*  height: 270px;*/
    /* background: #F4ECD9; */
    text-align: left;
    border: 1px solid black;
   /* margin-left : 11em;11em*/
    padding: 10px;
top: 0.2em;

}

#browseguide{
cursor:default;
 width: 80em;
 height: 4em; 
   /* border: 1px solid #eda;
    background:white;*/
    color: blue;
    font-size: 0.8em;
    /*float:left;
    background: #F4ECD9; 
    text-align: left;
    
    margin-left: 0*/
    position: absolute;
    left: 2em;
    top: 0.2em;
}

#guide{
cursor:default;
 width: 75em;
 height: 4em; 
   /* border: 1px solid #eda;
    background:white;*/
    color: blue;
    font-size: 0.8em;
    /*float:left;
    background: #F4ECD9; 
    text-align: left;
    
    margin-left: 0*/
    position: absolute;
    left: 2em;
    top: 0.2em;
}

#browsedata{
width: 70em;
cursor: default;
  /*  border: 1px solid #eda;
    background:white;*/
    /*float:left;
    background: #F4ECD9; 
    text-align: left;
    
    margin-left: 0*/
 height: 2em;
    position: absolute;
    left: 1em;
    top: 2.0em;
}

#data{
width: 70em;
cursor: default;
  /*  border: 1px solid #eda;
    background:white;*/
    /*float:left;
    background: #F4ECD9; 
    text-align: left;
    
    margin-left: 0*/
 height: 2em;
    position: absolute;
    left: 1em;
    top: 4.0em;
}

#getdata{
width: 70em;
cursor: default;
  /*  border: 1px solid #eda;
    background:white;*/
    /*float:left;
    background: #F4ECD9; 
    text-align: left;
    
    margin-left: 0*/
 height: 2em;
    position: absolute;
    left: 1em;
    top: 6.0em;
}

#map{
position: absolute;
    left: 1em;
    top: 4em;
    cursor: pointer;
width: 800px;
height: 650px; 
border: 1px solid black;
z-index: 1;
}



#googlemap{
position: absolute;
    left: 41em;
    top: 22.5em;
width: 300px; 
height: 300px;
border: 1px solid black;
z-index: 2;
}

#dist{
cursor: default;
}

#time{
cursor: default;
}

#speed{
cursor:text;

}

#directions{
background:white;
position: absolute;
    left: 41em;
    top: 3.5em;
width: 300px;
height: 315px;
border: 1px solid black;
z-index: 2;
}


#grhelp{
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;text-decoration:underline;
color:#0000ff; 
background-color:#ffff00;
cursor: pointer;

}

#gotogr{
cursor: pointer;

}

#gotolatlon{
cursor: pointer;
}

#firstnor{
color:#ff0000;
font-family: Arial;
font-weight:bold;
/*vertical-align:super;*/
}

#secnor{
color:#0000ff;
font-family: Arial;
}


#firsteast{
color:#ff0000;
 font-family: Arial;
font-weight:bold;
/*vertical-align:super;*/
}

#seceast{
color:#0000ff;
 font-family: Arial;
}

#inbox{
position: absolute;
    left: 1em;
    top: 46em;
    cursor: pointer;
width: 500px; 
height: 250px; 
}

#grload{

position: absolute;
    left: 1em;
    top: 8em;
color:#0000ff; 
background-color:#ffff00;
cursor: pointer;

}


#grloadtrk{
position: absolute;
    left: 10em;
    top: 8em;
color:#0000ff; 
background-color:#ffff00;
cursor: pointer;
}

#maploadtrk{
position: absolute;
    left: 20em;
    top: 8em;
color:#0000ff; 
background-color:#ffff00;
cursor: pointer;
}

#loadinghelp{

position: absolute;
    left: 520px;
    top: 46em;
    cursor: pointer;
width: 500px; 
height: 250px; 
border: 1px solid black;
}

#javaobj{
position: absolute;
    left: 1em;
    top: 55em;
    cursor: pointer;
width: 500px; 
height: 250px; 
}