body {
 margin:0;padding:0;height:100%;width:100%;
 background:#002E6E;
}

html {
 overflow:hidden;height:100%;
}

#map_canvas {
 position:absolute;width:100%;height:100%;
 left:0;right:0;top:0;bottom:25px;
}


.sg_infoTitle {
 font: bold 14px Arial,Helvetica,sans-serif;
}

div.sf_detail {
 font: normal 12px Arial,Helvetica,sans-serif;
 padding:5px;
}

div.sf_info {
 font: normal 12px Arial,Helvetica,sans-serif;
 padding:5px;
}

* html div.sf_info {
 width:400px;
}

html>body div.sf_info {
 max-width:400px;
}


div.sf_info a:link,div.sf_info a:visited {
  text-decoration:underline;
}

div.sf_info a:active,div.sf_info a:focus,div.sf_info a:hover{
  text-decoration:none;
}


#sf_navigationContainer  {
 text-align:center;position:absolute;left:0;bottom:-6px;width:100%;height:30px;background:#004080;
}

#sf_navigation  {
 width:600px;margin:auto;
}

#sf_navigation div {
 
}

#sf_navigation div a {
 float:left;
 width:89px;height:24px;display:block;
 background:#ccc;text-align:center;
 border:solid 1px #fff;border-collapse:collapse;
 border-left:none;
 font: bold 11px Arial,Helvetica,sans-serif; line-height:20px;
 text-decoration:none;color:#000000;
 padding:0px 0 0 0;margin:0;
}

#sf_navigation div.right a {
 width:90px;height:24px;
 border-right:none;
}

#sf_navigation div#active a{
  background:#777;color:#fff;
}

#sf_navigation div a:active,#sf_navigation div a:focus,#sf_navigation div a:hover{
  background:#777;color:#fff;
}