/*------------------------------------------------------------------
Page body styling
------------------------------------------------------------------*/
body {
  font-family: 'lato', sans-serif;
  font-size: 15px;
  line-height: 1.7;
  /*color: #777;*/
  background-color: #fff;
  margin: 0;
  margin-top: -18px;
  padding: 0;
}

.section_search{
   background: #f1bf10;
   width: 100%;
}

.section_header, .section_comments, .section_conditions, .section_construction, .section_impacts {
  width: 100%;
}

.container {
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.col-full {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-bottom: 5px;

  width: 98%;
}

h3 {
  padding-bottom: 0px;
  page-break-after: avoid;
}
/*------------------------------------------------------------------
Styling for data grid that displays information on the
closures/conditions/advisories, by city, by route and static 5 pages
------------------------------------------------------------------*/
   .grid {
      width: 100%;
      border: 2px groove;
      cellspacing: 0px;
      cellpadding: 1px;
      background-color: #FFFFFF;
   }

   .grid td, .grid th {
      padding: 2px;
      border: 1px groove #ccc;
      text-align: left;
   }

   th {
      font-weight: bold;
      font-size: 14px;
   }

   td {
    /*  <!--font-size: 14px;-->*/
   }

        /*Closures/conditions/advisories grid header formatting*/
        th.title {
           background: #D1D1D1;
           text-align: center;
           font-size: 20px;
        }

        th.titleblue {
           /*background: #C2E4ED;*/
           background: #ADD8E6;
           text-align: center;
           font-size: 20px;
        }

        th.route {
           background: #D1D1D1;
           width: 7%;
        }

        th.town {
           background: #D1D1D1;
           width: 7%;
        }

        th.location {
           background: #D1D1D1;
           width: 63%;
        }

        th.citylocation {
           background: #D1D1D1;
           width: 25%;
        }

        th.closurelocation {
           background: #D1D1D1;
           width: 24%;
        }

        th.reason {
           background: #D1D1D1;
           width: 11%;
           text-align: center;
        }

        th.conditions {
           background: #D1D1D1;
           width: 13%;
           text-align: center;
        }

        th.advisory {
           background: #D1D1D1;
           width: 13%;
           text-align: center;
        }

        th.closureadvisory {
           background: #D1D1D1;
           width: 11%;
           text-align: center;
        }

        th.restrictions {
           background: #D1D1D1;
           width: 12%;
           text-align: center;
        }

        th.closurerestrictions {
           background: #D1D1D1;
           width: 10%;
           text-align: center;
        }

        th.rpttime {
           background: #D1D1D1;
           width: 10%;
           text-align: center;
        }

        th.rpttimevsl {
           background: #D1D1D1;
           width: 15%;
           text-align: center;
        }

        th.rpttimecl {
           background: #D1D1D1;
           width: 15%;
           text-align: center;
        }

        th.cameras {
           background: #D1D1D1;
           width: 10%;
           text-align: center;
        }

        th.sensors {
           background: #D1D1D1;
           width: 10%;
           text-align: center;
        }

        th.impact {
           background: #D1D1D1;
           width: 15%;
           text-align: center;
        }

        th.recommendation {
           background: #D1D1D1;
           width: 85%;
           text-align: center;
        }

        th.links {

        }

        th.segment {
           background: #D1D1D1;
            width: 40%;
        }

        th.frommilepost {
            background: #D1D1D1;
            width: 15%;
            text-align: center;
        }

        th.tomilepost {
            background: #D1D1D1;
            width: 15%;
            text-align: center;
        }

        th.speed {
            background: #D1D1D1;
            width: 15%;
            text-align: center;
        }

        th.chainlaw {
            background: #D1D1D1;
            width: 15%;
            text-align: center;
        }

               /*Closures/conditions/advisories grid data formatting*/
               td.route {
               }

               td.town {
               }

               td.location {
               }

               td.reason {
                  background: #EE0000;
                  color: #FFFFFF;
                  font-weight: bold;
                  text-align: center;
               }

               td.noinfo {
                  background: #E5E5E5;
               }

               td.noimpact, td.noimpactcond, td.noimpactrestrict {
                  font-weight: bold;
                  text-align: center;
               }

               td.lowimpact, td.low, td.lowimpactcond, td.lowimpactrestrict {
                  background: #00EE00;
                  font-weight: bold;
                  text-align: center;
               }

               td.modimpact, td.moderate, td.modimpactcond, td.modimpactrestrict {
                  background: #FCD116;
                  font-weight: bold;
                  text-align: center;
               }

               td.highimpact, td.high, td.highimpactcond, td.highimpactrestrict {
                  background: #FF8000;
                  font-weight: bold;
                  text-align: center;
               }

               td.closed, td.closedcond, td.closedrestrict {
                  background: #EE0000;
                  color: #FFFFFF;
                  font-weight: bold;
                  text-align: center;
               }

               td.extended, td.extendedimpact, td.extendedcond, td.extendedrestrict {
                  background: #000000;
                  color: #FFFFFF;
                  font-weight: bold;
                  text-align: center;
               }

               td.rpttime {
                  text-align: center;
               }

               td.rpttimevsl {
                  text-align: center;
               }

               td.rpttimecl {
                  text-align: center;
               }

               td.region {
                  font-weight: bold;
                  width: 15%;
               }

               td.comments { }

               td.segment {
               }

               td.frommilepost {
                  text-align: center;
               }

               td.tomilepost {
                  text-align: center;
               }

               td.speed {
                  font-weight: bold;
                  text-align: center;
                  color: #CD0000 ;
               }

        th.projectname {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.projectnum {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.wydot {
           background: #D1D1D1;
           width: 9%;
           text-align: center;
        }

        th.contractor {
           background: #D1D1D1;
           width: 9%;
           text-align: center;
        }

        th.startdate {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.completedate {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.description {
           background: #D1D1D1;
           width: 18%;
           text-align: center;
        }

        th.road {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.mileposts {
           background: #D1D1D1;
           width: 7%;
           text-align: center;
        }

        th.surface {
           background: #D1D1D1;
           width: 6%;
           text-align: center;
        }

        th.delays {
           background: #D1D1D1;
           width: 8%;
           text-align: center;
        }

        th.lastupdate {
           background: #D1D1D1;
           width: 8%;
           text-align: center;
        }

/*------------------------------------------------------------------
Original CSS
------------------------------------------------------------------*/

/*------------------------------------------------------------------
Border formatting
------------------------------------------------------------------*/
   .bBorder {
      border-bottom-style: groove;
      border-bottom-width: 2px;
      border-bottom-color: #C4C4C4;
   }

   .rBorder {
      border-right: groove;
   }

   .tBorder {
      border-top-style: groove;
      border-top-width: 2px;
      border-top-color: #C4C4C4;
   }

   .content {
      margin-top: 3px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 5px;
      vertical-align: top;
      text-align: center;
   }

   .error {
      text-align: center;
      font-weight: bold;
      color: #CD0000;
   }

/*------------------------------------------------------------------
Content formatting
------------------------------------------------------------------*/
   .maintitle {
      /*font-family: "Times New Roman", Times, serif;*/
      font-size: 24px;
      font-weight: bold;
      text-align: center;
   }

   .notice {
      font-size: 20px;
      font-weight: bold;
   }

   .notifycontent {
      margin-top: 3px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 5px;
      vertical-align: top;
      text-align: left;
   }

   .notifytext {
      font-size: 18px;
   }

   .notifytitle {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
   }

   ul {
      margin-left: 1em;
      padding-left: 0em;
   }

   .page {
      width: 950px;
      background-color: #FFFFFF;
      border-top-style: groove;
      border-bottom-style: groove;
      border-left-style: groove;
      border-right-style: groove;
      border-color: #9EBAFC;
      /*font-family: "Times New Roman", Times, serif;*/
      font-size: 14px;
   }

   .subtitle {
      font-weight: bold;
   }

   .table {
      text-align: left;
      vertical-align: top;
   }

   .title {
      /*font-family: "Times New Roman", Times, serif;*/
      font-size: 16px;
      font-weight: bold;
      text-align: center;
   }

   .weatherpanel {
      width: 704px;
      height: 500px;
   }

/*------------------------------------------------------------------
Image formatting
------------------------------------------------------------------*/
  .imagelinks {
     /*font-family: "Times New Roman", Times, serif;*/
     font-size: 14px;
     text-align: center;
  }

  .imagelinks a {
     padding: 5px 8px 3px 5px;
  }

  .photolarge {
     width: 704px;
     height: 480px;
  }

  .photointro {
     width: 704px;
     height: 480px;
     border-top-style: groove;
     border-bottom-style: groove;
     border-left-style: groove;
     border-right-style: groove;
     border-color: #9EBAFC;
  }

  .photosmall {
     width: 352px;
     height: 240px;
     border-top-style: groove;
     border-bottom-style: groove;
     border-left-style: groove;
     border-right-style: groove;
     border-color: #9EBAFC;
     border-width: 3px;
  }