body{
background:#000;
color:#000;
font:12px Arial;
margin:0;
padding:0;
text-align:center;
}

#container{
text-align:left;
background:url(2.jpg);
padding:4px;
margin:0 auto;
}

.top{
text-align:center;
padding:6px 0 0 4px
}

.toplinkscell{
padding:4px 0 2px;
text-align:center
}

.toplinkscell a{
color:blue;
text-transform:uppercase
}

h1{
font:bold 18px Arial;
color:#000000;
margin:0
}

#infobox{
color:#777;
font-size:10px
}

#fullversion{
font-size:1.1em
}

#footer{
font-size:10px;
border:1px solid #ccc;
margin-bottom:10px;
background:#F8F8FF;
text-align:center;
padding:4px
}

#footer a{
font-weight:bold
}

.ajaxDashboard .datahead{
font-weight:bold;
color:#FFF;
background-color:#112637;
text-align:center;
padding:3px 0 3px}

.ajaxDashboard .datahead2{
font-weight:bold;
color:#FFF;
background-color:#112637;
text-align:center;
padding:3px 0 3px;
border:1px solid white;
}

.watchBox {
  color: white;
  font-size: 12px;
  text-align: center;
  background-color: #0000A1;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}

.watchBox a {
  color: white;
}
.watchBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #007FFF;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}

.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #DCDCDC;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(34,70,79);
}
.advisoryBox a {
  color: black;
}
.advisoryBox a:hover {
  color: black;
  background-color: inherit;
 text-decoration: underline;
}

.warningBox {
  color: black;
  font-size: 13px;
  text-align: center;
  background-color: #FFFF00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,255,255);
}
.warningBox a {
  color: black;
}
.warningBox a:hover {
  color: black;
  background-color: inherit;
  text-decoration: underline;
}

.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px solid rgb(255,255,255);
}
.tornadowarningBox a {
  color: white;
}
.tornadowarningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

@media screen{
#container {
    max-width: 360px;
	}
}

.ForecastDetails {
  padding-top: 3px;
  padding-left: 0px;
  height: 37px;
  line-height: 14px;
  background-position: left;
  background-repeat: no-repeat;
  text-align: right;
  font: 12px Arial;
}
.Sun {
  background-image: url(ajax-images/sun2.png);
}

.Moon {
  background-image: url(ajax-images/moon2.png);
}
.Field {
  font: bold 11px Arial;
}
.wwamap-legend-entry a{
	display:table-cell;
    width: 200px;
	font-size: 10.5px;
    padding: 5px 0 5px 5px;
}
.wwamap-legend-entry .color{
    display:table-cell;
}
.wwamap-legend-color-swatch{
    display:inline-block;
    width:20px;
    height:12px;
    border: solid 1px black;
    margin-right: 6px;
    float: left;
}