/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/**
 * Basic Typography
 */
body {
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #222;
    background: #fff;
    margin: 1em 1.5em;
}
pre, code {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
a[href] {
    color: #436976;
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    color: #436976;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100;
}
h2 {
    font-size: 120%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
}
h3 {
    font-size: 110%;
    margin-bottom: 0.5em;
    text-decoration: underline;
}
h4 {
    font-size: 100%;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    font-weight: bold;
}
h6 {
    font-size: 80%;
    font-weight: bold;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}
#tags {
    display: none;
}





input,select {
  font-family: verdana,tahoma, arial, helvetica;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  background-color: #F1F1F1;
  height: 19px;
  border: #333333;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px
}

textarea{
  font-family: verdana,tahoma, arial, helvetica;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
  background-color: #F1F1F1;
  border: #333333;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
 
}

.button {
  font-family: tahoma, arial, helvetica;
  font-size: 11px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-color: #999999;
  height: 19px;
  border: #333333;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px
}
.olControlPanel 
{
   margin: 0px 0px 0px 50px;
   padding:  2px 0px 2px 0px;
   background-color:Transparent;
   
}
.olControlPanel div 
{ 
  display:block;
  width:  24px;
  height: 24px;
  float: left; /* remove this if you want a vertical toolbar  */
  margin:   0px 2px 0px 2px;
}    
.olControlPanel .olControlPanMapItemActive 
{ 
  background-image: url("img/mapcontrols/pan_on.png");
}
.olControlPanel .olControlPanMapItemInactive 
{ 
  background-image: url("img/mapcontrols/pan_off.png");
}
.olControlPanel .olControlZoomBoxItemInactive 
{ 
  background-image: url("img/mapcontrols/zoom_in_off.gif");
}
.olControlPanel .olControlZoomBoxItemActive 
{ 
  background-image: url("img/mapcontrols/zoom_in_on.gif");
}
.olControlPanel .olControlZoomToMaxExtentItemInactive 
{ 
  background-image: url("img/mapcontrols/fit_off.png");
}  
.olControlPanel .olControlFeatureInfoItemActive
{
  background-image: url("img/mapcontrols/query_mode_on.png");
}
.olControlPanel .olControlFeatureInfoItemInactive 
{
  background-image: url("img/mapcontrols/query_mode_off.png");
}
.olControlPanel .olControlZoomOutBoxItemActive
{
    background-image: url("img/mapcontrols/zoom_out_on.gif");
}
.olControlPanel .olControlZoomOutBoxItemInactive
{
    background-image: url("img/mapcontrols/zoom_out_off.gif");        
}
.olControlPanel .olControlMeasureDistanceItemInactive
{
    background-image: url( "img/mapcontrols/distance_off.gif" );
}
.olControlPanel .olControlMeasureDistanceItemActive
{
    background-image: url( "img/mapcontrols/distance_on.gif" );
}
.olControlPanel .olControlMeasureAreaItemActive
{
    background-image: url( "img/mapcontrols/area_on.gif" );
}
.olControlPanel .olControlMeasureAreaItemInactive
{
    background-image: url( "img/mapcontrols/area_off.gif" );
}
#mapStatus
{
    background-color: #e1e1e1;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    float: left;
    font-size: 10px;
    width: 730px;
}
#mapStatus div
{
    float: left;
    display: inline-block;
    padding: 4px 6px 4px 6px;
}
#mapOutput sup
{
    height: 0;
    line-height: 1;
    vertical-align: text-top;
    _vertical-align: text-top;
    position: relative;
    font-size: 8px;
}

.thumb
{
background-image: url("img/blank.png");
}
	

#mapnavpanel {
    right: 0px;
    height: 25px; 
    width: 200px;
}
#mapnavpanel div { 
    float: left;
    margin: 5px;
}