.emptyRule{}
div#map
{
   border:1px solid #000000;
   float:left;
}
div#controls
{
  float:left;
  padding:0px 0px 0px 20px;
  width:320px;
}
div.panelOn
{
  background-color:#ffffff;
}
div#controls li
{
  font-size:11px;
}

div#controls a
{
  font-size:13px;
}
div#controls ul
{
  margin:0px 0px 0px 20px;
  padding:0px;
  width:330px;
}
div#controls li.section
{
  list-style-type:none;
  padding:10px 0px 0px 0px;
  font-size:13px;
  font-weight:bold;
}

div#tab
{
   border-top:1px solid black;
   border-right:1px solid black;
   border-left:1px solid black;
   background:#a0a0a0;
   height:20px;
   width:350px;
}
div.tabOn,
div.tabOff
{
   padding:2px 0px 0px 5px;
   float:left;
   width:169px;
   font-weight:bold;
   color:#e0e0e0;
   height:18px;
}
div.tabOff
{
   background:#606060;
   color:#000000;
}
div.tabOff:hover
{
   cursor:pointer;
   background:#707070;
}
div#areaInfoTab
{
   border-right:1px solid #303030;
}
div#directions
{
   padding:10px;
   width:330px;
}
div#directionsTab
{
   border-left:1px solid #a0a0a0;
}
div.panelOff
{
   display:none;
}
div.panelOn
{
   border:1px solid #404040;
   width:350px;
}
div#areaInfo
{
   padding:10px 0px 20px 0px;
}