/* all nav-related styles here, including search */

.white {
	color: #FFF;
}
#menu, #menu a {
	font-size: 1em;
	color: #fffbeb;
	text-transform: capitalize;
	font-weight: 400;
	margin-right: 27px;
}

#menu a#contact {
	margin-right: 13px;
}

#menu ul {
	margin: 0;
	padding: 0;
	float: right;
	text-shadow: 0px 1px 0px rgb(0, 0, 0);
}

#menu li {
	float: left;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 68px;
}

#menu a {
	padding-top: 1px;
	height: 67px;
	line-height: 67px;
	display: block;
}

#menu a:focus {
	border: 0;
	outline: 0;
}
#menu {
	width: 100%;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0 0 0 385px;
	right: 0px;
	height: 64px;
	background-color: #111;
}

#menu a:hover, #menu a.menu-selected {
	color: #ff8c2f!important;
	text-decoration: none;
}

#menu_hide {
	display: none;
}

#searchbox {
	font-size: 11px!important;
}
#search {
	float: left;
	margin: 0 2px 0 235px;
	top: 85px;
	padding: 0;
	overflow: hidden;
	display: block;
	padding-top: 78px;
}

.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

#search input {
	padding: 0 0 0 2px;
	margin: 0 7px 0 0;
	width: 640px;
	height: 33px;
	background: #fefefe;
	border: 1px solid #999;
	color: #666;
	font-style: italic;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;
	float: left;
}

#search input:focus {
	outline: 0;
	border: 1px solid #3079ed;
	box-shadow: inset 0 0 1px 1px #eee;
}

#search input#submit {
	border: 0;
	background: url(../img/search.png) 0 0 no-repeat;
	text-indent: -999em;
	width: 75px;
	height: 34px;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #3079ed;
}

.menu_holder {
/* overflow:auto; */
  width: 100%;
  margin-bottom: 50px;
}

#search input#submit:hover {
	background: url(../img/search.png) 0 -34px no-repeat;
	border: 1px solid #3079ed;
}
#external_control {
	height: 23px;
	line-height: 23px;
	font-size: 13px;
	width: 200px;
	float: left;
	margin: 10px 0 0 234px;
	background: none!important;
}

#nav {
	overflow-y:auto;
	overflow-x: hidden;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 203px;
}
#nav ul li {
	clear: both;
	font-size: 14px;
	color: rgb(12, 12, 12);
}
#nav ul li strong {
	border-top: 1px solid #999;
	width: 203px;
	display: block;
	margin: 0 0 5px 0;
	padding: 10px 0 1px 0;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

#nav ul li strong.first {
	border: 0;
}

.bold {
	font-weight: normal;
	background-color: #e1e1e1!important;
	text-shadow: 0px 1px 0px rgb(240, 240, 240);
}
#nav ul li ul li {
	line-height: 25px;
	width: 100%;
}
#nav ul li.first {
	padding-top: 7px!important;
}
#nav ul li ul li label:hover {
	font-weight:bolder;
}
#nav ul li ul li label {
	float: left;
    cursor: pointer;
    width: 210px;
    padding-left: 25px;
    padding-right: 4px;
    line-height: 25px;
    height: 25px;
    margin-bottom: 2px;
}
#nav ul li ul li label span {
	display: block;
	background: url(../img/checkbox.png) top left no-repeat;
	width: 14px;
	height: 14px;
	float: right;
	margin-top: 6px;

}

#nav ul li ul li label span.checkedit {
	display: block;
	background: url(../img/checkbox.png) top right no-repeat;

}

#nav ul li ul li label#fire1 {
/*	background: url(../img/fhs_last_0_12.png) 2px 40% no-repeat;*/
	background: url(../img/hotspots1.png) 2px 40% no-repeat;

}
#nav ul li ul li label#fire2 {
/*	background: url(../img/fhs_last_12_24.png) 2px 40% no-repeat;*/
	background: url(../img/hotspots2.png) 2px 40% no-repeat;

}
#nav ul li ul li label#fire3 {
/*	background: url(../img/fhs_last_24_48.png) 2px 40% no-repeat;*/
	background: url(../img/hotspots3.png) 2px 40% no-repeat;

}
#nav ul li ul li label#fire4 {
/*	background: url(../img/fhs_last_48_72.png) 2px 40% no-repeat;*/
	background: url(../img/hotspots4.png) 2px 40% no-repeat;

}
#nav ul li ul li label#burnt1 {
	background: url(../img/burnt2012.gif) 2px 50% no-repeat;
}
#nav ul li ul li label#burnt2 {
	background: url(../img/burnt2011.gif) 2px 50% no-repeat;
}
#nav ul li ul li label#burnt3 {
	background: url(../img/burnt2010.gif) 2px 50% no-repeat;
}
#nav ul li ul li label#lightning1 {
	background: url(../img/ltng1.png) 2px 45% no-repeat;
}
#nav ul li ul li label#lightning2 {
	background: url(../img/ltng2.png) 2px 45% no-repeat;
}
#nav ul li ul li label#lightning3 {
	background: url(../img/ltng3.png) 2px 45% no-repeat;
}
#nav ul li ul li label#satellite1 {
	background: url(../img/sat1.png) 1px 45% no-repeat;
}
#nav ul li ul li label#wind {
	background: url(../img/wind.png) 1px 45% no-repeat;
}
#nav ul li ul li label#weather {
	background: url(../img/weather2.png) 1px 45% no-repeat;
}
#nav ul li ul li label#green {
	background: url(../img/tree.png) 1px 45% no-repeat;
}

.fdr-title {
	display: inline;
}
#nav ul li ul li label#fdr1 {
	background: url(../img/fdr.svg) 1px 45% no-repeat;
}
#nav ul li ul li label#fdr2 {
	background: url(../img/fdr.svg) 1px 45% no-repeat;
}
#nav ul li ul li label#fdr3 {
	background: url(../img/fdr.svg) 1px 45% no-repeat;
}
#nav ul li ul li label#fdr4 {
	background: url(../img/fdr.svg) 1px 45% no-repeat;
}
#nav ul li ul li input {
	float: right;
	margin-top: 4px;
	display: none;
}
#nav ul li ul li img {
	float: left;
}


/* ------- map zoom -------- */

.olControlAttribution {
	bottom: 5px;
	font-size: 9px;
}
#customZoom {
	z-index: 1001;
	position: absolute;
	top: 9px;
	right: 9px;
}
#customZoom a, #zoomoz, #nav-btn {
	text-decoration: none;
	position: absolute;
	right: 0;
	display: block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}
#customZoomOut {
	top: 34px;
}

.button {
	background: #1d1d1d!important; /* Old browsers */
	background: -moz-linear-gradient(top, #222224 0%, #1d1d1d 100%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222224), color-stop(100%, #1d1d1d))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #222224 0%, #1d1d1d 100%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #222224 0%, #1d1d1d 100%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #222224 0%, #1d1d1d 100%)!important; /* IE10+ */
	background: linear-gradient(to bottom, #222224 0%, #1d1d1d 100%)!important; /* W3C */
}
.button:hover, .button:active {
	background: #7d7e7d!important; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #222222 99%)!important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(99%, #222222))!important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333333 0%, #222222 99%)!important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333333 0%, #222222 99%)!important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333333 0%, #222222 99%)!important; /* IE10+ */
	background: linear-gradient(to bottom, #333333 0%, #222222 99%)!important; /* W3C */
}

#nav-btn {
	top: 133px;
	left: -2px;
	position: absolute;
	text-align: left;
	width: 35px;
	overflow: hidden;
	display: none!important;
}

#nav-btn.showing {
	display: block!important;
}

#zoomoz {
	z-index: 99;
	top: 70px;
	right: 9px;
}

.olControlScaleLine {
	right:7px!important;
	bottom:7px!important;
	left: auto!important;
	z-index: 99;
}

/*---------- popup pages ---------- */

.mob-page {
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	top: 68px;
	left:  0;
	bottom: 0!important;
	z-index: 999;
	display: none;
	padding-top: 0;
	overflow: auto;
}


#map-btn {
	position: absolute;
	top: 0;
	right: 5px;
	width: 50px;
	z-index: 9999;
	display: block;
	text-decoration: none;
	font-size: 0.85em;
	color: #fffbeb;
	text-transform: uppercase;
	font-weight: 500;
	height: 64px;
	line-height: 64px;
}

#map-btn:hover, #map-btn:active {
	color: #ff8c2f!important;
}

#survey {
	background: url("../img/survey-btn.jpg") repeat-x scroll 0px 0px transparent;
    height: 33px;
    width: 140px;
    display: block;
    position: absolute;
    top: 134px;
    left: 50%;
	z-index: 99;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 34px;
    border: 1px solid #d05201;
    border-radius: 3px;
    font-size: 14px;
    margin-left: 20px;
}

#survey:hover {
	background: url(../img/survey-btn.jpg) 0 -34px repeat-x;
	text-decoration: none;
}

#close-nav {
	float: right;
	opacity: 0.9;
}

#close-nav:hover {
	opacity: 1;
}

#back {
	display: none;
}

@media (max-width: 840px) {

#nav-btn {
	display: none!important;
}

#nav, #external_control, #menu_extra {
	display: none;
}

#nav, #external_control, #menu_extra {
	display: none;
}

#menu_hide {
	display: inline;
}

#isHidden {
	display:none;
}

#menu {
	position: absolute;
	z-index: 99;
	top: 115px;
	left: 14px;
	width: 250px;
	padding: 0;
}
#menu a {
	font-size: 1em;
}
#layer-menu {
	width: 80%;
	left: auto!important;
	right: 0!important;
	top: 54px!important;
	position: absolute;
	list-style: none;
	background: #111!important;
	text-align: left;
	margin: 0;
	padding: 0 0 0 10px;
	z-index: 1002;
	text-indent: 0;
	box-shadow: 1px 1px 1px #777;
	opacity: 0.9;
	height: 100%;
	overflow-y: auto;
}


#internal #layer-menu {
	position: fixed;
}

#layer-menu li label, #layer-menu li a {
	display: block;
	line-height: 2.5em;
	height: 2.5em;
	color: #fffbeb;
	font-weight: 400;
	text-transform: capitalize;
	font-size: 1em;
	width: auto;
	padding-left: 40px;
}

#map-btn {
	height: 52px;
	line-height: 52px;
	right: 52px;
	padding-top: 1px;
}


#layer-menu li {
	margin: 0;
	width: 100%;
}
#layer-menu li input {
	float: right;
	margin: 1.0em 1em 0 0;
}
#mob-layers:hover, #layer-menu li label:hover {
	text-decoration: none;
}
#layer-menu li label:active {
	background-color: #444;
}
.selected {
	background-color: #444!important;
}

#moblabel1 {
	background: none; /* url(../img/hotspotsall.png) 11px 45% no-repeat; */
}
#moblabel11 {
	background: url(../img/hotspots1.png) 11px 45% no-repeat;
}
#moblabel12 {
	background: url(../img/hotspots2.png) 11px 45% no-repeat;
}
#moblabel13 {
	background: url(../img/hotspots3.png) 11px 45% no-repeat;
}
#moblabel14 {
	background: url(../img/hotspots4.png) 11px 45% no-repeat;
}

#moblabel2 {
	background: url(../img/sat.png) 11px 45% no-repeat;
}

#wind-mobile {
	background: url(../img/wind_mobile.png) 11px 45% no-repeat;
}

#moblabel3 {
	background: url(../img/weather2.png) 11px 45% no-repeat;
}

#moblabel4 {
	background: url(../img/burnt2012.gif) 15px 49% no-repeat;;
}
#moblabel41 {
	background: url(../img/burnt2011.gif) 15px 49% no-repeat;;
}
#moblabel42 {
	background: url(../img/burnt2010.gif) 15px 49% no-repeat;;
}

#moblabel5 {
	background: url(../img/ltng1.png) 17px 45% no-repeat;
}
#moblabel51 {
	background: url(../img/ltng2.png) 17px 45% no-repeat;
}
#moblabel52 {
	background: url(../img/ltng3.png) 17px 45% no-repeat;
}

#moblabel6 {
	background: url(../img/tree2.png) 12px 45% no-repeat;
}

#fdr1label {
	background: url(../img/fdr.svg) 12px 45% no-repeat;
}
#fdr2label {
	background: url(../img/fdr.svg) 12px 45% no-repeat;
}
#fdr3label {
	background: url(../img/fdr.svg) 12px 45% no-repeat;
}
#fdr4label {
	background: url(../img/fdr.svg) 12px 45% no-repeat;
}

#layer-menu li label span {
	display: block;
	background: url(../img/checkbox-mob.png) top left no-repeat;
	width: 14px;
	height: 14px;
	float: right;
	margin: 10px 6px 0 0;
}

#layer-menu li label span.checkedit {
	display: block;
	background: url(../img/checkbox-mob.png) top right no-repeat;
}

#layer-menu li input {
	display: none;
}

#mob-layers:hover, #mob-layers {
	display: block;
	width: 40px;
	height: 32px;
	background: url(../img/menu.png) top left no-repeat!important;
	background-color: transparent!important;
	position: fixed;
	z-index: 99;
	top: 13px;
	right: 5px;
    outline: none!important;
}


#mob-layers:active, #mob-layers.dropdown-open {
	background: url(../img/menu.png) bottom left no-repeat!important;
	background-color: transparent!important;
}

#search input#submit, #search input#submit:hover {
	background: url(../img/search.png) 0px 0 no-repeat;
	margin: 5px 5px 0 0;
	float: right;
}
#search input#submit:active {
	background: url(../img/search.png) bottom left no-repeat;
}
#bar {
	margin: 4px 0;
}
#search input {
	width: 73%;
	margin: 0;
	border: 0;
	height: 48px;
}
#search {
	float: none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0;
	margin: 0 0 0 0;
	width: 100%;
	left: 0!important;
	background: #fff;
	height: 45px;
	/* change for popup */
	display: none;
	z-index: 99999999!important;
	position: absolute;
	top: 54px;
}


#search input:focus {
	border: 0;
	box-shadow: none!important
}

#mob-search {
	top: 0;
	background: url(../img/search-mob.png) center 14px no-repeat;
	background-color: transparent!important;
	right: 54px;
	position: absolute;
	z-index: 99;
	width: 54px;
	height: 54px;
	border-right: 2px solid #333;
	border-left: 2px solid #333;
    outline: none!important;
}

#mob-search:active, .mob-search-select {
	background: url(../img/search-mob.png) center -66px no-repeat!important;

}

#mob-search:hover {
	background-color: transparent!important;
}

#menu {
	display: none;
}
.menu_extra, .hide {
	display: none;
}
a#mob-menu {
	display: block;
	width: 36px;
	height: 32px;
	background: url(../img/menu.png) top left no-repeat;
	position: absolute;
	z-index: 99;
	top: 7px;
	right: 5px;
	border-radius: 5px;
}

a#mob-menu:active {
	background-position: bottom left;
}
#layer-menu {
	right: 0;
	top: 48px;
}
#customZoom {
	top: 11px;
	right: 9px;
}
#customZoom a {
	width: 34px;
	height: 33px;
	line-height: 33px;
}
#customZoomOut {
	top: 36px;
}

#zoomoz {
	width: 34px;
	height: 33px;
	top: 72px;
	right: 9px;
}
#survey {
	top: 66px;
	left: 50%;
	margin-left: -65px;
	z-index: 99;
}

.margin-shift {
	margin-left: -65px!important;
}
}

@media (max-width: 500px) {
#back {
	display: block;
    text-align: center;
}
}