/********************************************************************/
/***************************	GENERAL   **************************/
/********************************************************************/

html{
	/*background: url(../img/lightbg1.png) repeat;*/
	background:#FFF;
}

body {
    padding:0;
    margin:0;
    /*font-weight: bold;*/
}

body.white-BG {
    background-color: white;
}

a:link {
    color:#b3ccff; }

div.ui-page.ui-page-theme-a.ui-page-active {
    background-color: #ffffff;
}
  
.ui-bar-d{ background:none}
td a:link { color: #777; text-decoration: none }
#logo a:visited { color: #777; text-decoration: none }
#footer a:link { color: #777; text-decoration: none }
.barlinks { color: #dcdcdc; line-height: 16px; text-decoration: none }
#footer a:visited { color: #777; text-decoration: none }
.graylinks { color: #dcdcdc; line-height: 10px; text-decoration: none }
.bluelinks { color: #b3ccff; text-decoration: none }

.logoText  { 
    color: #888;
    font-style: italic;
    font-size: .8em;
    font-family: 'Times New Roman', serif;
    text-align: center;
     }

table.page { 
    background-color : white;
    border-color : #d3d3d3;
    /*width : 689px;*/
    width: 50%;
    margin : auto;
    padding : 20px;
    border-style : solid;
}

#recentRain  { color: #daa520; font-size: large; font-family: 'Times New Roman', serif; padding-bottom: 5px; border-bottom: 1px solid #000 }

.currentXlarge   { 
    color: #daa520;
    font-size: x-large;
    text-shadow: 1px 1px 1px #DDD;
    font-family: 'Times New Roman', serif;
    padding-bottom: 5px;
    border-bottom: 1px solid #000 }

.currentXlarge1 { color: #daa520; font-size: x-large; font-family: 'Times New Roman', serif; padding-bottom: 5px; border-bottom: 1px solid #000 }
#intervalText  { color: #777; font-size: medium; font-family: 'Times New Roman', serif }
p.bottomStats  { color: #777; font-size: medium; font-family: 'Times New Roman', serif; margin-left: 0px }
.thankYou { color: #777; font-size: medium; font-family: 'Times New Roman', serif; text-align: center }
.statsKey  { color: #777; font-size: medium; font-family: 'Times New Roman', serif; margin-right: 8px; padding-left: 12px }
.rainRate  { color: #777; font-size: medium; font-family: 'Times New Roman', serif; padding-bottom: 15px; border-bottom: 1px solid #000 }
.statsValue  { color: #cc9900; font-size: medium; font-family: 'Times New Roman', serif }
.forecast { color: #808080; font-size: medium; font-family: 'Times New Roman', serif }
#mostRecentRain { color: #808080; font-size: medium; font-family: 'Times New Roman', serif }
#currentTemp { color: #daa520; font-size: large; font-family: 'Times New Roman', serif }
#dentonHeader { color: #777; font-weight: bold; font-size: medium; font-family: 'Times New Roman', serif }
#todayText { color: #000; font-size: large; font-family: 'Times New Roman', serif }
.header { color: #d3d3d3; font-size: large; font-family: 'Times New Roman', serif }
.header2 { color: #d3d3d3; font-weight: bold; font-size: large; font-family: 'Times New Roman', serif }
.headerMobile { background-color : #FFFFFF; color: #d3d3d3; font-size: medium; font-family: 'Times New Roman', serif }
#whiteText { color: #fff; font-size: medium; font-family: 'Times New Roman', serif }
.whiteText1 { color: #fff; font-size: medium; font-family: 'Times New Roman', serif }

#homePage { margin: 0 auto;
padding : 0;
text-align : center;
background-color : white;
}

.pick_a_year {
    color: #777 !important;
    font-size: 1.3em; 
    font-family: 'Times New Roman', serif;
}
    

.accuweather { margin-top: 45px; margin-left: 200px }

.volunteers { 
    float:right; 
    color: #990033; 
    font-size: medium; 
    font-family: 'Times New Roman', serif;

}

.wxData { color: #777; }

#volunteer_header { color: #000; font-size: large; font-family: 'Times New Roman', serif; }

.italic {
    font-style: italic;
    font-weight: bold;
}

#otherRainTitle {
    color: #222222;
    padding-bottom: .5em;
    border-bottom: 1px solid #222; }

span.updateInfo {
    color: #777;
    font-size: small; }

span.otherRainAmt {
    color: #888; }

.newLinkNotice {
    font-weight: bold;
    color: coral; }

.borderLength {
    width: 50%;
}

/* Text hover enlargement */
p:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

p {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}

p.pickAyear {
     -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
    
     -webkit-transition: -webkit-transform none;
  -moz-transition: -moz-transform none;
  -o-transition: -o-transform none;
  transition: transform none;
}

p.noHover, img.noHover {
    -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      transform: none;

         -webkit-transition: -webkit-transform none;
      -moz-transition: -moz-transform none;
      -o-transition: -o-transform none;
      transition: transform none;
}

#buttons_td {
    text-align: center;
    width: 325px;
    height: auto;
}

p.buttons {
    margin-top: -.75em; }

.disclaimer_buttons {
    width: 300px;
    height: auto;
}


/* Buttons */
.btn {
  background: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #f5f5f5, #dddfe0);
  background-image: -moz-linear-gradient(top, #f5f5f5, #dddfe0);
  background-image: -ms-linear-gradient(top, #f5f5f5, #dddfe0);
  background-image: -o-linear-gradient(top, #f5f5f5, #dddfe0);
  background-image: linear-gradient(to bottom, #f5f5f5, #dddfe0);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  display: inline-block;
  width: 60%;
  text-shadow: 1px 1px 3px #777;
  font-family: Georgia;
  color: #000;
  font-size: 15px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #edf2f5;
  background-image: -webkit-linear-gradient(top, #edf2f5, #cdd0d1);
  background-image: -moz-linear-gradient(top, #edf2f5, #cdd0d1);
  background-image: -ms-linear-gradient(top, #edf2f5, #cdd0d1);
  background-image: -o-linear-gradient(top, #edf2f5, #cdd0d1);
  background-image: linear-gradient(to bottom, #edf2f5, #cdd0d1);
  text-decoration: none;
}

table.page {  
  margin-left: auto; 
  margin-right: auto;
}

table.page td {
    
    color: #444444;
    font-size: medium;
    font-family: 'Times New Roman', serif !important;
    }