/*------------------------------------------------------------------
Page header styling
------------------------------------------------------------------*/
   .pageheader {
      border-color: #C4C4C4;
      border-width: 3px;
      border-style: outset;
      text-align: left;
      width: 650px;
   }

   .pageheader td {
      border: 1px;
      border-style: solid;
      border-color: #000000;
   }
   
/*------------------------------------------------------------------
Page body styling
------------------------------------------------------------------*/
   body {
      font-family: Arial, Sans Serif;
      background-color: #EEEEEE;
   }

   .breadcrumbs {
      width: 650px;
      /*font-family: "Times New Roman", Times, serif;*/
      font-size: 12px;
      text-align: left;
   }

/*------------------------------------------------------------------
Styling for definition links, zero border table
------------------------------------------------------------------*/
   .linktable {
      width: 95%;
      border: 0px;
      cellspacing: 0px;
      cellpadding: 3px;
   }

   .linktable td.left {
      text-align: left;
   }

   .linktable td.right {
      text-align: right;
   }

/*------------------------------------------------------------------
Styling for data grid that displays closures/conditions/advisories
------------------------------------------------------------------*/
   .grid {
      width: 95%;
      border: 2px groove;
      cellspacing: 0px;
      cellpadding: 3px;
      background-color: #FFFFFF;
   }

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

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

   td {
      font-size: 14px;
   }

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

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

/*
        th.title titleinfo {
         font-size: 16px;
        }

        th.subtitle {
           background: #E0E0E0;
           text-align: center;
           font-size: 20px;
        }
*/

        th.route {
           width: 7%;
        }

        th.town {
           width: 7%;
        }

        th.location {
           width: 63%;
        }

        th.citylocation {
           width: 28%;
        }

        th.closurelocation {
           width: 56%;
        }

        th.reason {
           width: 15%;
           text-align: center;
        }

        th.conditions {
           width: 15%;
           text-align: center;
        }

        th.advisory {
           width: 15%;
           text-align: center;
        }

        th.rpttime {
           width: 15%;
           text-align: center;
        }

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

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

        th.sensors {
           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 {
            width: 40%;
        }

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

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

        th.speed {
            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 {
                  font-weight: bold;
                  text-align: center;
               }

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

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

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

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

               td.rpttime {
                  text-align: center;
               }

               td.rpttimevsl {
                  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 ;
               }

/*------------------------------------------------------------------
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-family: "Calibri", Times, serif;*/
      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-family: "Calibri", Times, serif;*/
      font-size: 18px;
   }

   .notifytitle {
      font-family: "Calibri", Times, serif;*/
      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;
   }

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

  .footerlinks a {
     padding: 5px 8px 3px 5px;
  }
/*
  td.footer {
     padding: 3px 10px;
     text-align: left;
     vertical-align: top;
  }
*/
/*------------------------------------------------------------------
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;
  }

/*------------------------------------------------------------------
Left menu formatting
------------------------------------------------------------------*/
  #leftmenu {
     vertical-align: top;
     text-align: left;
     background-color: #F7F7F7;
     border-top-style: outset;
     border-bottom-style: outset;
     border-left-style: outset;
     border-right-style: outset;
     border-bottom-width: 3px;
     border-top-width: 3px;
     border-left-width: 3px;
     border-right-width: 3px;
     border-color: #C4C4C4;
     margin-top: 3px;
     margin-bottom: 5px;
     margin-left: 3px;
     margin-right: 0px;
     padding: 5px;
     float: left;
  }

  #leftmenu .lefttitle {
     font-weight: bold;
  }

  #leftmenu .bulletnew {
     vertical-align: top;
     text-align: right;
     width: 31px;
  }

  #leftmenu .bullet {
     vertical-align: top;
     text-align: right;
     width: 14px;
  }

  #leftmenu .bulletupdate {
     vertical-align: top;
     text-align: right;
     width: 57;
  }

/*------------------------------------------------------------------
Right menu formatting
------------------------------------------------------------------*/
   .nws {
      text-align: center;
   }

   .quicklinks {
      text-align: right;
   }

   .rightmenu {
      vertical-align: middle;
      <!--text-align: right;-->
   }

   .righttitle {
      font-weight: bold;
   }