/* Begin Styles pertaining to the map control */
/**/
/**/
/**/
/**/
div#mapcontrolcontainer
{
  width: auto;
  height: auto;
  position: relative;
  background: #fff;
  z-index: 1000;
}

/* 
** The map control horizontal drop down menu style is located in the
** external menuh.css. Additional required code for effective display
** of the drop down menu within Internet Explorer is located in menuh.css.
*/

/**/
/**/
/**/
/**/
/* End Styles pertaining to the map control */

/* Begin Styles pertaining to the mapcontainer */
/**/
/**/
/**/
/**/
/* Holds the 'map' object and the 'routeDirections'. */
div#mapcontainer 
{
  width:600px; 
  height:auto;
}

/* Used by the deCarta JavaScript API to display the map to the user. */
div#map
{
  /* 
  ** Note: The div#map must have its dimensions inline to effectively
  **       display the map.
  ** width: 600px;
  ** height: 380px;
  */
  padding: 0px;
  background: #fff;
  border-left: 3px solid #F5F5F5;
  border-top: 3px solid #F5F5F5;
  border-right: 3px solid #666666;
  border-bottom: 3px solid #666666;
}

/* Holds general instructions for the user of the map. */
div#instructions
{
  width: 600px;
  height: auto;
  border: 0;
}
div#instructions p
{
  margin-top: 0;
  margin-bottom: 0;
}

/* Begin Style for display of locations inside the map pop-up info window */
/**/
div.bubbleAddress
{
  font: 8pt Arial, Helvetica, Sans-Serif;
  text-decoration: none; 
  color: #000000; 
  width: 210px;
  height: 100px;
  padding: 35px 3px 3px 3px
}
div.bubbleAddress:first-line
{
  font-size: 140%;
  font-weight:bold;
  font-variant:small-caps;
}
/**/
/* End style for display of office address inside of the map pop-up info window */

/* Begin styles for display of the route directions */
/**/
div.directionheading, div.directionsummary, div.maneuver
{
  height: auto;
  text-decoration: none;
  padding: 1em 0.5em 1em 0.5em;
}
div.directionheading
{
  color: #FFF;
  background:#0F4692;
  border: 1px solid #0F4692;
}
div.maneuver, div.directionsummary
{
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
div.directionheading p, div.directionsummary p, div.maneuver p
{
  font: 10pt Arial, Helvetica, Sans-Serif;
  margin-top: 0em;
  margin-bottom: 0em;
}
div.directionheading p, div.directionsummary p
{
  font-variant: small-caps;
}
div.directionheading p
{
  color: #fff;
}
div.maneuver p:first-line
{
  font-weight:bold;
}
div.maneuver img
{
  float: left;
  margin: 0em 0.5em 0em 0em;
}
div.maneuver:hover
{
  background: #eee;
  cursor: pointer;
}
/**/
/* End styles for display of the route directions */

/**/
/**/
/**/
/**/
/* End Styles pertaining to the mapcontainer */