﻿div.calendarWrapper {
  width: 728px;
}

div.calendarSide {
  padding-left: 325px;
  width: 403px;
  position: relative;
  min-height: 320px;
  height: auto !important;
  height: 320px;
}

div.calendarMain {
  width: 305px;
  top: 0;
  left: 0;
  position: absolute;
}

  div.calendarMain div.shadow {
    width: 305px;
    height: 32px;
    background: #ffffff url(../Images/calendarShadow.gif) top left no-repeat;
  }

table tr td.imageCell {
  width: 40px;
}

table tr td.textCell {
  width: 688px;
}

  table tr td.textCell span {
    font-weight: bold;
  }

#CenterBody_calendar1 {  
}

  #CenterBody_calendar1, #CenterBody_calendar1 tr, #CenterBody_calendar1 tr td, #CenterBody_calendar1 tr th {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }

    #CenterBody_calendar1 tr td table.calendarHeader {
      width: 287px;
      height: 35px;
      background-image: url(../Images/calHeader.gif);
      border: none;
      text-transform: uppercase;
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
      font-family: Trebuchet MS;
    }

      #CenterBody_calendar1 tr td table.calendarHeader tr td {
        vertical-align: middle;
        height: 35px;
      }

        #CenterBody_calendar1 tr td table.calendarHeader tr td.nextprev {
        }

          #CenterBody_calendar1 tr td table.calendarHeader tr td.nextprev a {
            padding: 6px 5px 5px 5px;
            display: block;
            width: 30px;
            height: 24px;
            text-decoration: none;
          }

            #CenterBody_calendar1 tr td table.calendarHeader tr td.nextprev a.next:hover {
              background: url(../Images/calNextHover.gif) top left no-repeat;
            }

            #CenterBody_calendar1 tr td table.calendarHeader tr td.nextprev a.prev:hover {
              background: url(../Images/calPrevHover.gif) top left no-repeat;
            }

    #CenterBody_calendar1 tr td.dayCell, table tr td.dayHeader {
      width: 39px;
    }

    #CenterBody_calendar1 tr th.dayHeader {
      width: 41px;
      height: 29px;
      background: #ff9900 url(../Images/calDayHeader.gif) top left no-repeat;
      color: #ffffff;
      font-size: 13px;
      font-weight: bold;
      font-family: Trebuchet MS;
    }

    #CenterBody_calendar1 tr td.dayCell, #CenterBody_calendar1 tr td.otherMonthDay, #CenterBody_calendar1 tr td.selectedDayCell {
      width: 39px;
      height: 33px;
      border-style: solid;
      border-width: 1px;
      font-size: 13px;
      font-weight: bold;
      vertical-align: middle;
      font-family: Trebuchet MS;
    }

    #CenterBody_calendar1 tr td.dayCell, #CenterBody_calendar1 tr td.otherMonthDay {
      border-left-color: #e7b473;
      border-bottom-color: #e7b473;
      border-top-color: #ffffff;
      border-right-color: #ffffff;
      background-color: #fde6ca;
    }

    #CenterBody_calendar1 tr td.selectedDayCell {
      border-color: #aa8558;
      background-color: #d2a36b;
    }

      #CenterBody_calendar1 tr td.dayCell a, #CenterBody_calendar1 tr td.otherMonthDay a, #CenterBody_calendar1 tr td.selectedDayCell a {
        display: block;
        width: 39px;
        height: 25px;
        padding-top: 8px;
        text-decoration: none;
      }

    #CenterBody_calendar1 tr td.dayCell a {
      color: #464646;
      font-family: Trebuchet MS;
    }

    #CenterBody_calendar1 tr td.otherMonthDay a {
      color: #c48d55;
      font-family: Trebuchet MS;
    }

      #CenterBody_calendar1 tr td.dayCell a:hover, #CenterBody_calendar1 tr td.otherMonthDay a:hover {
        background-color: #facea7;
        font-family: Trebuchet MS;
      }

    #CenterBody_calendar1 tr td.selectedDayCell a {
      text-decoration: none;
      color: #c48d55;
      font-family: Trebuchet MS;
    }

div.calendarSide h3 {
  padding-top: 15px;
  height: 16px;
  vertical-align: middle;
}

h3.h3Overnight, h3.h3Consolidated {
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-left: 20px;
}

h3.h3Overnight {
  background-image: url(../Images/TSVOvernightTiny.gif);
}

h3.h3Consolidated {
  background-image: url(../Images/TSVConsolidatedTiny.gif);
}

table.results {
  border-collapse: collapse;
}

  table.results, table.results tr, table.results tr td, table.results tr th {
    padding: 0px;
    margin: 0px;
  }

    table.results tr.heading {
      border: solid 1px #0276cc;
    }

      table.results tr.heading th {
        text-transform: uppercase;
        background: #107cc7 url(../Images/dataAvailHeader.gif) top left no-repeat;
        color: #ffffff;
        height: 32px;
        width: 727px;
        text-align: left;
        font-size: 13px;
        font-weight: bold;
        padding-left: 20px;
      }

    table.results tr.data td.imageCell, table.results tr.data td.textCell {
      border: solid 1px #dedede;
      border-top: none;
    }

    table.results tr.data td.imageCell {
      border-right: none;
    }

    table.results tr.data td.textCell {
      border-left: none;
    }

    table.results tr.data td {
      padding: 12px 0px 12px 12px;
    }

#loadingMsg {
  display: none;
  text-align: center;
}

  #loadingMsg table tr td.imageCell {
    width: auto;
    border-right: solid 1px #dedede;
  }

  #loadingMsg img {
    display: block;
    margin: 0 auto;
  }

table.dac {
  background-image: url('../images/data_availability_calendar_result_216.png');
  height: 216px;
}

  table.dac > tbody > tr.bdy > table tr {
    background: none;
  }
