body {
    padding: 0;
    margin: 0;
}


path[stroke-opacity='1'] {stroke-dashoffset: 10000; stroke-dasharray:10000; -webkit-transition:stroke-dashoffset 6s}

html, body, #map {
    height: 100%;
    font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.paneltxt {
    font-style: italic;
    color: #AAA;
}

.layers-pane{
    margin: 10px;
}

/* custom layers fa icon */
.fa-layers {
    transform:rotate(50deg) skewX(24deg) skewY(12deg);  
    -webkit-transform:rotate(50deg) skewX(24deg) skewY(12deg);  
    -ms-transform:rotate(50deg) skewX(24deg) skewY(12deg);  
}

/* slider css */
.slider{
    margin: 10px;
}
.ui-slider-horizontal {
    height: 8px;
    width: 100px;
}
.ui-slider .ui-slider-handle {
    height: 15px;
    width: 5px;
    padding-left: 5px;
}

/* geocoder */

.geocoder{
    margin-top: 15px;
    width: 90%;
}

.leaflet-bar{
    box-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;
}

/* siteid search */

.siteidform{
    top: 150px;
    margin-top: 15px;
    width: 80%;
}

#siteidsearch-label {
    position: relative;
    box-shadow: 0 1px 4px rgba(0,0,0,0.35) !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
    display: inline-block;
    float: left;
}

#siteidsearch-label .fa-search {
    color: #666;
    top: 2px;
    left: 5px;
    position: absolute;
}

#siteidsearch {
    padding-left: 20px;

}


/* mark sites section */

/*
.markinfo {
    width: 200px;
    height: 205px;
    background: #ccddff;
    padding: 12px;
    text-align: center;
    visibility: hidden;
}

.marksites {
    margin: 5px 5px 0px 5px;
    background: #ffffff;
    height:155px;
    width:190px;
    overflow: auto;
    color: #000066;
    font-size: 12pt;
    position: relative;
}

.markedsites {
    color: #000066;
    font-size: 12pt;
    position: absolute;
}

.darkbluelg {
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-weight:bold;
    color: #000066;
    font-size: 10pt;
}

.darkbluesm {
    margin: 0px 0px 0px 0px;
    text-align: center;
    color: #000066;
    font-size: 10pt;
}
*/

/*dropdown*/

.inner {
  display: inline-block;
  vertical-align: middle;
  padding: 3px 5px;
}

.radius-div {
    margin-top: 10px;
    width: 80%;
}

.ui-widget{
   font-size: 12px;
}

.ui-front{
    z-index: 2001;   
}

fieldset {
    margin-top: 5px;
    display: inline-block;
    border: 0;
    z-index: 2001;
    width: 100px;
}

#radLabel {
    display: block;
    margin: 25px 0 2px 0;
    padding-left: 12px;
}

select {
    width: 95px;
    z-index: 2001;
    
}

#lat-lng-div {
    font-weight: bold;
    top: 15px;
    right: 15px;
    width: 183px;
    position: absolute;
    height: 16px;
    opacity: 0.75;
    font-size: 13px;
    background: none repeat scroll 0 0 #DDDDDD;
    text-align: center;
    padding: 2px;
    z-index:1;
    display: block;
}

#zoom-div {
    font-weight: bold;
    top: 35px;
    right: 15px;
    width: 80px;
    position: absolute;
    height: 16px;
    opacity: 0.75;
    font-size: 13px;
    background: none repeat scroll 0 0 #DDDDDD;
    text-align: center;
    padding: 2px;
    z-index:1;
    display: block;
}

#sources {
    bottom: 69px;
    right: 5px;
    width: 240px;
    position: absolute;
    opacity: 0.90;
    font-size: 13px;
    background: none repeat scroll 0 0 #ebebeb;
    padding: 5px;
    z-index:1;
    display: none;
}

#src-close {
    text-align: right;
}

/* popup window settings */
.popupwindowbody {
    color: #000066;
    width: 200px;
    font-size: 12pt;
    text-align: left;
    margin-top: 5px;
    z-index: 9;
}


.popup-a-title {
    text-align: center;
    background-color: #d0251d;
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px
}

.popup-b-title {
    text-align: center;
    background-color: #f6a83a;
    font-size: 20px;
    color: black;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px
}

.popup-d-title {
    text-align: center;
    background-color: #00893e;
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px
}

.popup-u-title {
    text-align: center;
    background-color: #000000;
    font-size: 20px;
    color: white;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px
}


/* ----- BUTTONS ----- */

/* Basic Button Style */
.button {
	padding: 6px 10px;
	margin: 10px 4px;
    color: #fff;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	font-weight: bold;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px 6px;  
}

/* The Gradient */

.gradient {
	background-image: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.3));
	background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.3));
	background-image: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.gradient:hover {
	background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2));
	background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2));
	background-image: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.gradient:active {
	background-image: -moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));
	background-image: -webkit-linear-gradient-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0,2)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
	background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0));
	background-image: no-repeat;
	border: 1px solid rgba(0, 0, 0, 0.2);
}


/*--- The Colors ---*/
.gray {
    background-color: #A6A6A6;
    line-height: 4;
}

.blue {
    background-color: #0F9BF2;
    line-height: 2.4;
	margin: 5px 4px;
}