/* Additional styles for map pages */


/* heading and beta badge */
h1
{
  position: relative;
  margin-top:0;
}




/* container div */
#dubious-additional-container-div
{
	border:none;
	width:100%;
}




/* search form */
form#search
{
	border:1px solid #c0d0e0;
	margin:0 0 10px 0;
	width:auto;
	float:none;
	background:#e5ebfd;
}

form#search fieldset
{
  padding: 1em 0.2em 0.8em 0.2em;
}

form#search input.button
{
  font-size: 1.2em;
  position:relative;
  top:-0.2em;
}
* html form#search input.button
{
	font-size: 1em;
	top:0;
}

form#search input.text
{
  font-size: 1.8em;
  background:#f5f5f5;
  border:2px solid #aaa;
  width:65%;
  padding:0 0.1em;
  color:#444;
}




/* map body intro and overlays */
#mainpanel.mapbody
{
	border:1px solid #c0d0e0;
	margin:0 0 10px 0;
	width:auto;
	float:none;
	overflow:visible;
}

.overlay3layers
{
  height: 225px;
  width:55%;
  max-width: 420px;
  margin: 3em auto 0 auto;
  padding-bottom: 2em;
  position: relative;
}

.overlay3layers .overlayimg
{
	display: block;
	position: absolute;
}

.overlay3layers .caption
{
  bottom: 0;
  font-size: 80%;
  font-weight: bold;
  left: 0;
  margin: 0 0 2em 0;
  text-align: center;
  width: 100%;
}

.overlay3layers #overlayimg1
{
  left: 0;
  top: 0;
}

.overlay3layers #overlayimg2
{
	margin: 0 auto 50px;
	position: relative;
	top: 25px;
	width: 155px;
}

.overlay3layers #overlayimg3
{
  right: 0;
  top: 50px;
}



/* navigation panel */
#navpanel.mapnav
{
	background: #fbfcfd;
	border:1px solid #c0d0e0;
	margin:0 0 10px 0;
	width:auto;
	float:none;

	font-size: 130%;
	padding: 2%;
	position: relative;
	z-index: 2;
	overflow:hidden;
}

* html #navpanel.mapnav
{
	display:inline-block;
}

#navpanel.mapnav ul
{
	width:32%;
	margin:0 7px 0 0;
	float:left;
}

#navpanel.mapnav li
{
	cursor: auto;
	display: list-item;
	list-style-image: url(/oilspill/20121227073625oe_/http://reference.sitepoint.com/static/reference/images/bullet.gif);
	margin-left: 25px;
	position: static;
}

#navpanel.mapnav a:link, #navpanel.mapnav a:visited, #navpanel.mapnav ul span.topichead
{
  display: inline;
  line-height: normal;
  padding: 0;
  padding-left: 0;
}

#navpanel.mapnav a:link, #navpanel.mapnav a:visited
{
  text-decoration: underline;
}