.flood-datepicker {width: 244px; margin-left:-1px; height: 255px;}
.flood-datepicker .ui-datepicker {
  width: 244px;
  padding: 0 0 5px 0;
  border: 0;
  border-radius: 0;
  box-shadow: 0px 2px 5px rgba(110, 115, 125, .27);
}
.flood-datepicker .ui-datepicker-calendar { margin: 0 auto; width: 95%; }
.flood-datepicker .ui-datepicker-header {
  background: none;
  font-size: 13px;
  border: 0;
  border-radius: 0;
  color: #000;
  font-weight: normal;
  font-family: 'Roboto';
  width: 226px;
  margin: 0 auto;
  border-bottom: 1px solid #dde9ea;
}
.flood-datepicker .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 2.1em;
  text-align: center;
}
.flood-datepicker .ui-widget-content th{
  color: #92a8ab;
  text-transform: uppercase;
  font-size: 10px;
  padding: 1em .3em .7em .3em;
}
.flood-datepicker .ui-datepicker td span, .flood-datepicker .ui-datepicker td a {
  text-align: center;
  border: 0px solid #d8dcdf;
  background: none;
  color: #000;
  padding: 4px 0px;
  font-weight:normal;
  height: 20px;
  line-height: 20px;
  width: 28px;
  margin: 1px;
  font-size: 13px;
  font-family: Arial,sans-serif;
}
.flood-datepicker .ui-datepicker td.highlight span, .flood-datepicker .ui-datepicker td.highlight a {
  border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  
  background: #B1EBFC; color: #000;
}
.flood-datepicker .ui-datepicker td.highlight2 span, .flood-datepicker .ui-datepicker td.highlight2 a {
  border-radius: 50%; 
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  
  background: #ea0e3c; color: #fff;
}
.flood-datepicker .ui-datepicker td.ui-state-disabled span, .flood-datepicker .ui-datepicker td.ui-state-disabled a {
  color: #c1d1d2; background: none; 
}
.flood-datepicker .ui-datepicker td.ui-datepicker-week-end span, .flood-datepicker .ui-datepicker td.ui-datepicker-week-end a {
  font-weight:bold;
}

.flood-datepicker .ui-widget-header a.ui-datepicker-next .ui-icon,
.flood-datepicker .ui-widget-header a.ui-datepicker-prev .ui-icon {
  border: 0px solid #cdd5da;
  background: none;
  font-weight: bold;
  color: #111;
  background: url(../images/datearr.png) no-repeat 1px 5px;
  cursor: pointer;
}

.flood-datepicker .ui-widget-header a.ui-datepicker-next .ui-icon  {
  background: url(../images/datearr.png) no-repeat -198px 5px;
}

.flood-datepicker a.ui-datepicker-next.ui-state-hover, .flood-datepicker a.ui-datepicker-next.ui-state-focus,
.flood-datepicker a.ui-datepicker-prev.ui-state-hover, .flood-datepicker a.ui-datepicker-prev.ui-state-focus {
  border: 0px solid #cdd5da;
  background: none;
  font-weight: bold;
  color: #111;
}

.flood_archive_dates { font-size: 1em; font-family: 'PTSerifRegular', serif; margin: 0px 0px 18px 0px; min-height: 20px;}
.flood_archive_title { display: block; padding-right: 10px;  }
.flood_archive_dates .flood-years a { color:#00abca;  padding-right: 10px; line-height: 1.3em;}
.flood_archive_dates .flood-years a.active { color:#000; text-decoration:none;}
.flood_archive_dates .flood-years { }
.flood-date { color:#999999; font-size: 0.929em; margin-bottom: 5px;}
.flood-img { float: left; margin: 5px 20px 5px 0px;}
#block-views-flood-block .flood-img { float: none; }
.flood-img img { display:block; width: 144px; height:auto;
-webkit-box-shadow: 0 0px 10px rgba(0,0,0,.3);
-moz-box-shadow: 0 0px 10px rgba(0,0,0,.3);
box-shadow: 0 0px 10px rgba(0,0,0,.3);
 }
.flood-title {  margin-top: .4em;font-size: 1.286em; font-family: 'PTSerifRegular', serif;  margin-bottom: .4em; }
.flood-block .flood-title { font-size: 1.143em; font-weight: bold; }
.flood-title a { color:#000; }
.flood-title a:hover { color:#0090b9; }
.flood-body {   margin-bottom: 5px; }