body{
  font-family:Verdana,sans-serif;
  margin:0;
  color: #333333;
  line-height: 1.3em;
}
pre{
  border:#bbb 1px solid;
  padding:10px;
}

div.navi{
  font-size:12px;
  text-align :right;
  border-bottom:1px solid #bbb;
  margin:1em 5px 1em 5px;
}
a {
text-decoration: none;
}

h1{
  font-size:12px;
  font-weight:bold;
  border-bottom: #333 1px solid;
  margin:2em 0 .5em 0;
}
h2{
  font-size:12px;
  font-weight:bold;
  border-bottom: #333 1px solid;
  margin:2em 0 0.5em 0;
}
h3{
  font-size:12px;
  font-weight:bold;
  margin-bottom:0em;
  border-bottom: #bbb 1px dashed;
  margin:1em 0 .5em 0;
}
#map{
  margin:0;
}
#indicator{
  font-size:12px;
  margin:0 auto 0 auto;
}
#indicator input{
  vertical-align: middle;
}
#indicator span{
  vertical-align: middle;
}
#night_type{
  vertical-align: middle;
}
#message{
  margin:2em 0 1em 0;
}

#sat1_data{
margin:0 0 2em 0;
clear:both;
}
#sat2_data{
margin:2em 0 2em 0;
clear:both;
}


#sat1_name{
  clear:both;
  font-size:12px;
  border-bottom:1px solid #bbb;
  margin-left:2px;
  margin-bottom:0;
}
#sat2_name{
  clear:both;
  font-size:12px;
  border-bottom:1px solid #bbb;
  margin-left:2px;
  margin-bottom:0;
}

#sat1_position{
  clear:both;
  font-size:12px;
  margin-top:0;
  margin-left:2px;
}
#sat2_position{
  clear:both;
  font-size:12px;
  margin-left:2px;
}

#distance_data{
clear:both;
}
#distance{
  margin-top:1em;
  margin-left:2px;
 font-size:12px;
}
select {
  vertical-align: middle;
}


.latitude{
width:12em;
float:left;
}
.longitude{
width:12em;
float: left;
}
.altitude{
clear:both;
width:12em;
float: left;
}
.velocity{
width:12em;
float: left;
}

#footer{
color:#bbb;
text-align:right;
margin: auto 5px auto 5px;
}

#data{
  margin:auto;
  background-color: black;
  color:#bbb;
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
  position:absolute;
  font-weight:bold;
  width:400px;
  height:auto;
  top:5px;
  left:50px;
  margin-right:2px;
  z-index:150;
}
#close{
  color:#bbb;
  font-size:x-small;
}