body{
background:#FFF;
color:#000;
font:12px Arial;
margin:0;
padding:0;
text-align:center;
background-image: url(./images/desktopbackground.jpg);
background-repeat:repeat;

}

#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: #001949;
text-transform:uppercase
}

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

#infobox{
color:#000;
font-size:13px
}

#fullversion{
font-size:1.1em;
color:#001949
}

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

}

#footer a{
font-weight:bold

}

.ajaxDashboard .datahead{
font-weight:bold;
color:#FFF;
background-color:#001949;
text-align:center;
padding:3px 0 
background: -webkit-linear-gradient(); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(blue , black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(blue , black); /* For Firefox 3.6 to 15 */
background: linear-gradient(blue , black); /* Standard syntax (must be last) */
}

.ajaxDashboard .datahead2{
font-weight:bold;
color:#FFF;
background-color:#001949;
text-align:center;
padding:3px 0 3px;
border:1px solid white;
background: -webkit-linear-gradient(); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(blue , black); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(blue , black); /* For Firefox 3.6 to 15 */
background: linear-gradient(blue , black); /* Standard syntax (must be last) */
}

.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: 385px;
   border: 11px solid #000000;
   border-radius:15px;
background:#ffffff;

	}
}

.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;
}