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

#container{
text-align:left;
background:#fff;
padding:12px;
margin:0 auto;
}

.top{
text-align:center;
}

.toplinkscell{
border:1px solid #ccc;
padding:4px 0 2px;
text-align:center;
text-decoration:none;
}

.toplinkscell a:link{
color:#3173B1;
}

.toplinkscell a:visited{
color:#7235AC;
}

h1{
font:bold 18px Arial;
color:#3173B1;
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:#fff;
text-align:center;
padding:4px
}

#footer a{
font-weight:bold;
color:#000;
}

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

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

.ajaxDashboard .data1{
color: black;
font-size: 100%;
border-bottom: 1px solid #CCCCCC;
background-color: white;
text-align: left;
}

.ajaxDashboard .data3 {
color: black;
font-size: 100%;
border-bottom: 1px solid #CCCCCC;
background-color: white;
text-align: right;
}

.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;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 6px;
	margin-bottom: 1.714285714rem;
}
.advkey-1 {
  background-color: #EFEFEF;
  margin: 0 0 0 0;
  padding: .5em 0em .5em .5em;
  border: 1px solid #999;
}

.announce-box {
 padding: 5px 10px 5px 10px;
 width: 336px;
 background: #F1F8FE;
 color: #000000;
 font-size: 1em;
 text-align: left; 
 border:2px solid #3173B1;
 border-radius:10px 10px 10px 10px;
}

.announce-box a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.announce-box a:visited {
  color: black;
  background-color: white;
  text-decoration: underline;
}

.announce-box a:hover {
  color: black;
  background-color: white;
  text-decoration: underline;
}
.wxinfo3 {
font-size:10px;
border:1px solid #ccc;
margin-bottom:10px;
background:#fff;
padding:4px
}
.wxinfo3 a {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}

.wxinfo3 a:visited {
  color: black;
  background-color: white;
  text-decoration: underline;
}

.wxinfo3 a:hover {
  color: black;
  background-color: white;
  text-decoration: underline;
}