body {
	font-family:arial,verdana,sans-serif;
	font-size:12px;
	margin:0;
	padding:0px;
}

a, a:visited {
	text-decoration:none;
	color:#930B01;
}
a.sublink, a.sublink:visited {
        text-decoration:none;
        color:#930B01;
}
a:hover {
	text-decoration:underline;
	color:#FF0000;
}
p {
	margin:4px;
}
table {
	font-size:11px;
	font-family:verdana,arial,sans-serif;
}
form {
	margin:0;
	padding:0;
}
input {
	font-size:11px;
	font-family:verdana,arial,sans-serif;
}
ul {
	text-indent:0px;
	margin:0px;
	padding:0px;
}
li {
	text-indent:0px;
	margin:0px;
	padding:0px;
	list-style-position:inside;
}
center {
	margin:0;
        margin-left:50px;
	padding:0;
}
pre {
	margin:0;
	padding:0;
}
/* BODY DIV FORMATS*/
#topDiv {
        position:absolute;
        top:0px;
        left:0px;
        width:1000px;
        padding:0px;
        border-right:0px solid #CCCCCC;
        /*border-top:1px solid #FFFFFF;*/
        margin:0;
        background-color:#9DAACB;
}
#mainDiv {
	position:absolute;
	top:00px;
	left:50px;
	width:1000px;
	padding:0px;
	border-right:0px solid #CCCCCC;
	/*border-top:1px solid #FFFFFF;*/
	margin:0;
	background-color:#D5D5D5;
	font-family:verdana,helvetica;
	font-size:12px;
}
#prodMenu {
        position:absolute;
        top:40px;
        left:0px;
        width:1100px;
        padding:0px;
        border-right:0px solid #CCCCCC;
        border-top:0px solid #FFFFFF;
        margin:0;
        background-color:#FFFFFF;
        font-family:verdana,helvetica;
        font-size:10px;
}
#pageContents {
	background-color:#B5B5B5;
	float:left;
	border-left:0px solid #CCCCCC;
	font-size:11px;
	font-family:verdana,arial,sans-serif;
	left:350px;      
	width:1100px;
	padding:0;
        margin:0px;
	overflow:visible;
}
.mapbox {
	width:1200px;
	padding:110px 0px 20px 0px;
	margin:0 0 100px 0;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	background-color:#FFFFFF;
	overflow:auto;
}
#loadingBox {
	position:absolute;
	display:none;
	top:180px;
	left:10px;
	width:980px;
	border:1px solid #000000;
	font-size:15px;
	text-align:center;
	background-color:#990000;
	color:#FFFFFF;
	opacity:.8;
	filter:alpha(opacity=80);
	margin:5px;
}
.imageControl {
	float:left;
}

a.hoverTimes {
	display:block;
	font-family:verdana,helvetica,arial;
	font-weight:normal;
	font-size:10px;
	background-color:#06389C;
	color:#FFFFFF;
	padding:0px 2px 1px 2px;
	margin:1px;
}
a.hoverTimes:hover {
	background-color:#A33C1C;
	text-decoration:none;
}
a.hoverImagery {
        display:block;
        font-family:verdana,helvetica,arial;
        font-weight:normal;
        font-size:10px;
        background-color:#FF0000;
        color:#FFFFFF;
        padding:8px 2px 8px 2px;
        margin:1px;
}
a.hoverImagery:hover {
        background-color:#990000;
        text-decoration:none;
}
.textLinks:link {
	color:#990000;
}
.textLinks:visited {
	color:#FE2E2E;
}
#printOnly {
	display:none;
}
.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  position: absolute;
  /*margin: 20px 10px 0px 10px;*/
  top:5px;
  left:20px;
  font-size: 15px;
  color: #000000;
  line-height: 25px;
  width: 150px;
  height: 25px;
}
.selectpps {
  cursor: pointer;
  position: absolute;
  /*margin: 20px 10px 0px 10px;*/
  top:5px;
  left:20px;
  font-size: 15px;
  color: #000000;
  line-height: 25px;
  width: 300px;
  height: 25px;
}
.select-styled {
  position: absolute; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #d3d3d3;
    border: 1px solid #000000;
  padding: 0px 15px;
 /* @include transition(all 0.2s ease-in);*/
}
/*.select {
  position:absolute;
  top:5px;
  left:20px;
  font-size: 15px;
  color: #000000;
  width: 150px;
  height: 20px;
    border-color: #000000 transparent transparent transparent;
  line-height: 20px;
  background-color: #d3d3d3;
    border: 1px solid #000000;
}*/
 .select-styled:after {
    content:"";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 10px;
    right: 10px;
  }

/*.select-styled {
  position: absolute; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #d3d3d3;
}*/
 .select-styled:active, .select-styled.active {
    background-color: #3e8e41;
      color:#ffffff;
}
 .select-styled:active:after, .select-styled.active:after {
      top: 5px;
      color:#ffffff;
      border-color: transparent transparent #000000 transparent;
    }

.select-options {
  display: none; 
  position: absolute;
  float:left;
  top: 100%;
  right: 0;
  left: 0;
  /*width: 200px;*/
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 300px;
  overflow:visible;
  /*background-color: ;*/
}
.select-options > li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    background: #4caf50;
    border-top: 1px solid darken(#d3d3d3, 10);
    max-height:18px;
    position: relative;
}
.select-options li > .select-options li {
  display:block;
  list-style: inside none;
  position: relative;
  padding: 12px 0;
  margin: 0;
  background: #4caf50;
}
.select-options li > .select-options,
.select-options li > div {
  top: -10px;
  padding: 10px 0;
  display: none;
  top: 0px;
  z-index:999;
}
.select-options li > .select-options {
  width:200px;
  left: 100%;
  top: -10px;
  border-radius: 10px;
}
.uldate {
  display: none; 
  position: absolute;
  border-radius:10px;
  float:left;
  top: 100%;
  right: 0;
  left: 0;
  /*width: 200px;*/
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 300px;
  overflow:visible;
  /*background-color: ;*/
}
.mainli {
  margin:0;
  padding:0px 0;
  text-indent:15px;
  /*text-align: center;*/
  background:#4caf50;
  line-height: 30px;
  width: 150px;
  height: 30px;
  position: static;
  display: list-item;
  list-style:none;
  cursor:pointer;
  z-index:998;
  font-size:15px;
  color:#000;
}
.mainlipps {
  margin:0;
  padding:0px 0;
  text-indent:15px;
  /*text-align: center;*/
  background:#4caf50;
  line-height: 30px;
  width: 300px;
  height: 30px;
  position: static;
  display: list-item;
  list-style:none;
  cursor:pointer;
  font-size:15px;
  color:#000;
}
.mainli .wrapper {
  position:absolute;
  z-index:10;
  display:none;
}

.mainli:hover > .wrapper {
  display:block;
}

.subli {
  margin:0;
  padding:0px 0;
  /*text-indent:15px;*/
  text-align: center;
  background:#4caf50;
  height:30px;
  position: static;
  display: list-item;
  list-style:none;
  cursor:pointer;
  font-size:15px;
  color:#000;
}
.subli .wrapper {
  position:absolute;
  z-index:10;
  display:none;
}
.subli:hover > .wrapper {
  display:block;
}
.select-options > li:hover {
      color: #ffffff;
      background: #3e8e41;
    }
.subuldate {
  width: 150px;
  left:100%;
  overflow-x:hidden;
  overflow-y:auto;
  border-radius:10px;
  padding:0;
  display:none;
  z-index:999;
  position:absolute;
  right:0;
  margin:-30px 0 0 0 ;
  list-style:none;
}
.subuldate1 {
  width: 150px;
  left:100%;
  overflow-x:hidden;
  overflow-y:auto;
  border-radius:10px;
  padding:0;
  display:none;
  z-index:999;
  position:absolute;
  right:0;
  margin:-30px 0 0 0 ;
  list-style:none;
}
.subuldate > li:hover {
      color: #ffffff;
      background: #3e8e41;
    }
.subuldate1 > li:hover {
      color: #ffffff;
      background: #3e8e41;
    }
.uldate > li:hover {
      color: #ffffff;
      background: #3e8e41;
    }
.field1-options > li:hover {
      color: #ffffff;
      background: #3e8e41;
    }
.HRRR-options > li:hover {
      color: #ffffff;
      background: #3e8e41;
}
.VERF-options > li:hover {
      color: #ffffff;
      background: #3e8e41;
}
.NAMRR-options > li:hover {
      color: #ffffff;
      background: #3e8e41;
}
.extra {
      display: none;
}
p:hover    .extra {
      display: block;
      margin: 10px 400px 10px 60px;
      background-color: lightblue;
      border: 1px solid #4CAF50;
    
}
.select-options li[rel="hide"] {
      display: none;
    }