*{
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box; }
@font-face{font-family:'courgetteregular';src:url('../fonts/courgette-regular-webfont.eot');src:url('../fonts/courgette-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/courgette-regular-webfont.woff') format('woff'),url('../fonts/courgette-regular-webfont.ttf') format('truetype'),url('courgette-regular-webfont.svg#courgetteregular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansLight';src:url('../fonts/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansLightItalic';src:url('../fonts/OpenSans-LightItalic-webfont.eot');src:url('../fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-LightItalic-webfont.woff') format('woff'),url('../fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansRegular';src:url('../fonts/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansItalic';src:url('../fonts/OpenSans-Italic-webfont.eot');src:url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansSemibold';src:url('../fonts/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansSemiboldItalic';src:url('../fonts/OpenSans-SemiboldItalic-webfont.eot');src:url('../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'),url('../fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansBold';src:url('../fonts/OpenSans-Bold-webfont.eot');src:url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansBoldItalic';src:url('../fonts/OpenSans-BoldItalic-webfont.eot');src:url('../fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),url('../fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansExtrabold';src:url('../fonts/OpenSans-ExtraBold-webfont.eot');src:url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OpenSansExtraboldItalic';src:url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot');src:url('../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),url('../fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'OswaldBook';src:url('../fonts/Oswald-Regular-webfont.eot');src:url('../fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Oswald-Regular-webfont.woff') format('woff'),url('../fonts/Oswald-Regular-webfont.ttf') format('truetype'),url('../fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');font-weight:normal;font-style:normal}

a.wax-fullscreen {
  /* TODO: sprite-based fullscreen button */
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 99999;
  }

.zoomer,
  .wax-legend,
  .wax-tooltip {
  display:block;
  position:absolute;
  border:1px solid #ccc;
  background:#fff;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
  -moz-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
  -webkit-box-shadow:rgba(0,0,0,0.1) 0px 1px 3px;
  }

  
/* ### Zoomer, close buttons, share ### */
 .close,
 .zoomer {
  text-indent:-9999px;
  background-image:url(map-controls.png);
  background-position:60px 60px;
  background-repeat:no-repeat;
  overflow:hidden;
  }

 .close:active,
 .zoomer:active {
  border-color:#bbb;
  background-color:#ddd;
  box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
  -moz-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
  -webkit-box-shadow:inset rgba(0,0,0,0.1) 0px 1px 3px;
  }

 .close {
  top:4px;
  right:4px;
  width:18px;
  height:18px;
  background-position:-6px -6px;
  }

 .zoomer {
  width:28px;
  height:28px;
  top:10px;
  left:10px;
  z-index: 2;
  }

 .zoomin {
  background-position:-31px -1px;
  left:39px;
  border-radius:0px 3px 3px 0px;
  -moz-border-radius:0px 3px 3px 0px;
  -webkit-border-radius:0px 3px 3px 0px;
  }

 .zoomout {
  background-position:-61px -1px;
  border-radius:3px 0px 0px 3px;
  -moz-border-radius:3px 0px 0px 3px;
  -webkit-border-radius:3px 0px 0px 3px;
  }

.wax-fullscreen-map {
  position:fixed !important;
  width:auto !important;
  height:auto !important;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:999999999999;
  }

.wax-legends {
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:999999;
  }

.wax-legends .wax-legend {
  padding:10px;
  background:#333;
  color:#fff;
  }

.wax-tooltip {
  z-index:999999;
  position:absolute;
  background:#333;
  color:#fff;
  padding:10px;
  -webkit-user-select:auto;
  left:10px;
  top:10px;
  max-width:300px;
  opacity:1;
  -webkit-transition:opacity 150ms;
  -moz-transition:opacity 150ms;
  }

.wax-movetip {
  position:absolute;
  z-index:999999;
  background:#333;
  color:#fff;
  padding:10px;
  max-width:300px;
}


.wax-fade { opacity:0; }

.wax-tooltip .close {
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  }

.wax-mobile-body .wax-tooltip {
  position:absolute;
  top:50px;
  }

.zoombox-box,
.boxselector-box {
  margin:0;
  padding:0;
  border:1px dashed #888;
  background: rgba(255,255,255,0.25);
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
  }

.zoombox-box-container,
.boxselector-box-container,
.pointselector-box-container {
  margin:0;
  padding:0;
  position:absolute;
  background: url(blank.gif);
  top:0;
  left:0;
  }

.wax-point-div {
  width:10px;
  height:10px;
  margin-left:-5px;
  margin-top:-5px;
  background:#fff;
  border:1px solid #333;
  -webkit-border-radius:5px;
  }

div.wax-attribution {
  position:absolute;
  background-color:rgba(255, 255, 255, 0.7);
  color:#333;
  font-size:11px;
  line-height:20px;
  z-index:99999;
  text-align:center;
  padding:0 5px;
  bottom:0;
  left:0;
  }

.wax-attribution.wax-g {
  left:65px;
  bottom:4px;
  background:transparent;
  }

.wax-latlngtooltip {
  position:absolute;
  background:#caedf4;
  padding:3px;
  border:1px solid #75c1d0;
  border-radius:3px;
}

body {
 margin: 0;
    padding: 0;
}

#modestmaps-setup {
   bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#boxselector-text {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1000;
}

#pointselector-text {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 50px;
    z-index: 1000;
}

#map-ui{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
}

#click{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;
    position: absolute;
    right: 10px;
    top: 100px;
    z-index: 1000;
}

#help{
  background-color:#ffffff;
  border: 1px solid #adadad;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(35,31,32,0.5);
  -moz-box-shadow: 0 0 15px rgba(35,31,32,0.5);
  box-shadow: 0 0 15px rgba(35,31,32,0.5);
  right: 0px;
  margin-left: -247px;
  padding: 18px;
  position: absolute;
  top: 0px;
  width: 494px; 
  z-index: 1000; }

  #help h2{
    color: #454545;
    float: left;
    font: 30px/1.2em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
    letter-spacing: -1px;
    margin: 0 0 20px;
    width: 100%; }

    #help ul{
      float: left;
      margin: 0 0 20px;
      padding: 0;
      width: 100%; }

      #help ul li{
        background: url(img/bullet.png) no-repeat left center;
        color: #454545;
        float: left;
        font: 18px/24px 'OpenSansRegular',Arial,Verdana,Helvetica,Tahoma,sans-serif;
        letter-spacing: -1px;
        list-style: none;
        padding-left: 10px;
        width: 100%; }

        #help ul li strong{ 
          font-family: 'OpenSansSemibold';
          font-weight: normal; }

    #help p{
      color: #454545;
      float: left;
      font: 18px/24px 'OpenSansRegular',Arial,Verdana,Helvetica,Tahoma,sans-serif;
      letter-spacing: -1px;
      margin: 0 0 20px;
      width: 100%; }

    #help a{
      background-color: #8fa825;
      background: -moz-linear-gradient(top,#b0c558 0,#91a928 100%);
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0c558),color-stop(100%,#91a928));
      background: -webkit-linear-gradient(top,#b0c558 0,#91a928 100%);
      background: -o-linear-gradient(top,#b0c558 0,#91a928 100%);
      background: -ms-linear-gradient(top,#b0c558 0,#91a928 100%);
      background: linear-gradient(to bottom,#b0c558 0,#91a928 100%);
      border: 1px solid #809835;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      color: #fff;
      float: right;
      font: 18px/1em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
      height: 36px;
      padding: 8px 10px 4px;
      position: relative;
      text-align: left;
      text-shadow: 0 1px 2px #000;
      text-decoration: none;
      text-transform: uppercase;
      width: 289px; }

      #help a span{
        background: url("img/nextBtn-right.png") no-repeat scroll 151px 3px transparent;
        float: left;
        width: 100%; }


  #map-ui {
    background: rgba(0,0,0,0.8);
    float: left;
    height: 56px;
    width: 100%; }
 
    #map-ui ul {
      float: left;
      height: 100%;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%; }

      #map-ui li{
        float: left;
        height: 100%;
        margin: 0 7px 0 0;
        position: relative;
        width: auto; }

        #map-ui li#sendaction{ float: right; }

        #map-ui li input{
          background: #fff;
          border: 1px solid #bbbbbb;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
          color: #8e8e8e;
          float: left; 
          font: 16px/1em 'OpenSansRegular',Arial,Verdana,Helvetica,Tahoma,sans-serif;
          height: 100%;
          padding: 3px 10px;
          width: 207px; }

        #map-ui li button{
          background: url(img/map_search.jpg) no-repeat transparent;
          border: 0 none;
          cursor: pointer;
          font-size: 0;
          height: 12px;
          line-height: 0;
          margin: -6px 0 0;
          position: absolute;
          right: 10px;
          text-indent: 9999px;
          top: 50%;
          width: 12px; }

         #map-ui li p{
          color: #fff;
          display: none;
          float: left;
          font: 18px/1.1em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
          margin: 8px 20px 0 20px;
          width: auto; }

        #map-ui li a{
          background: #6996b0;
          background: -moz-linear-gradient(top, #6996b0 0%, #4d7c97 100%);
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6996b0), color-stop(100%,#4d7c97));
          background: -webkit-linear-gradient(top, #6996b0 0%,#4d7c97 100%);
          background: -o-linear-gradient(top, #6996b0 0%,#4d7c97 100%);
          background: -ms-linear-gradient(top, #6996b0 0%,#4d7c97 100%);
          background: linear-gradient(to bottom, #6996b0 0%,#4d7c97 100%);
          border: 1px solid #4d7c97;
          -webkit-border-radius: 8px;
          -moz-border-radius: 8px;
          border-radius: 8px;
          -webkit-box-shadow: 0 1px 1px rgba(255,255,255,0.8) inset;
          -moz-box-shadow: 0 1px 1px rgba(255,255,255,0.8) inset;
          box-shadow: 0 1px 1px rgba(255,255,255,0.8) inset;
          color: #fff;
          float: left;
          font: 18px/1.2em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
          height: 100%;
          padding: 6px 0;
          text-align: center;
          text-decoration: none;
          text-shadow: 0 1px 1px #000;
          text-transform: uppercase;
          width: 219px; }

           #map-ui li a.redraw{ 
            background-color: #8fa825;
            background: -moz-linear-gradient(top,#b0c558 0,#91a928 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#b0c558),color-stop(100%,#91a928));
            background: -webkit-linear-gradient(top,#b0c558 0,#91a928 100%);
            background: -o-linear-gradient(top,#b0c558 0,#91a928 100%);
            background: -ms-linear-gradient(top,#b0c558 0,#91a928 100%);
            background: linear-gradient(to bottom,#b0c558 0,#91a928 100%);
            border: 1px solid #809835;
            width: 233px; }

          #map-ui li#sendaction a{ 
            background: #cbcbcb;
            background: -moz-linear-gradient(top, #cbcbcb 0%, #a5a5a5 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#a5a5a5));
            background: -webkit-linear-gradient(top, #cbcbcb 0%,#a5a5a5 100%);
            background: -o-linear-gradient(top, #cbcbcb 0%,#a5a5a5 100%);
            background: -ms-linear-gradient(top, #cbcbcb 0%,#a5a5a5 100%);
            background: linear-gradient(to bottom, #cbcbcb 0%,#a5a5a5 100%);
            border: 1px solid #809835;
            width: 237px; }


        #map .map-fullscreen {
          background-color:#28353D;
          }

#map-ui ul li {float:left;}
#loading {}
.olControlPanZoomBar {top:80px !important;}
#sendaction {position:relative; float:right}

.olControlAttribution,
.olControlPermalink{
  font: 14px/1.2em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
  text-decoration: none; }

#OpenLayers_Control_MaximizeDiv_innerImage {top:15px !important}
.olControlLayerSwitcher {top:100px !important;}
#loading{
    color: #FFFFFF;
    float: left;
    display:block;
    font: 18px/1.1em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
    margin: 8px 20px 0;
    width: auto;
}

#area_size{
    color: #FFFFFF;
    float: left;
    display:block;
    font: 18px/1.1em 'OpenSansSemibold',Arial,Verdana,Helvetica,Tahoma,sans-serif;
    margin: 8px 20px 0;
    width: auto;
}
