#calendar {
  clear: both;
  width: 100%;}

  #calendar table {
      background: #366a8c url(/images/calendar/bg.png) repeat-x bottom left;}

  #calendar table, #calendar table td {
      width: 100%;
      border-collapse: collapse;
      padding: 0;
      margin: 0;}



/* rows */
.calendarRow {
  width: 100%;}


/* date select */
.calendarDateSelect table {
  /*background: #f8991f url(/images/calendar/header_bg.png) no-repeat top left*/;
  background: #f8991f !important;}

  .calendarDateSelect table {
    width: 100%;
    border: 0;
    background: transparent url(/images/calendar/header_right_bg.png) no-repeat top right;}

    .calendarNavigation {
      width:100%;
      height:2em;
      text-align: center;
      padding: 12px 0 0 0;
      border: none;
      background: none;}

      .calendarNavigation a {
        margin: 0 2px;
        text-decoration: none;
        border: 0;}

      .calendarNavigation span {
        width: auto;
        font-style: italic;
        margin: 0 3px;
        color: #0b1d39;}



/* cells */
.calendarRow td {
    padding:0;
    margin:0;
    width: 14.28% !important;
    height: 4.05em;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #7ebce4;
    vertical-align:top;}

    #ie6 .calendarRow td {
        height: 3.5em;}

  .noBorder {
    border: none;}

  .today {
      background: #6280CC;}

  .calendarDayNum {
    font-size: 75%;
    height:1.25em;
    margin: .15em;
    display: block;
    text-align:right;
    color: #fff !important;
    margin-bottom: -1.4em;
    position: relative;
    z-index: 100;}


/* events */
    .orange {
        color: #fff !important;
        background-color: #d18928 !important;}

    .blue {
        color: #fff !important;
        background-color: #1079C4 !important;}

    .ltBlue {
        color: #000 !important;
        background-color: #679dc3 !important;}

    .green {
        color: #000 !important;
        background-color: #01BD33 !important;}

    .dkGreen {
        color: #fff !important;
        background-color: #237038 !important;}
      
    .brown {
        color: #fff !important;
        background-color: #6C4511 !important;}
        
    .red {
        color: #fff !important;
        background-color: #E32525 !important;}
        
    .purple {
        color: #fff !important;
        background-color: #761AC0 !important;}
        
    .yellow {
        color: #000 !important;
        background-color: #E7DD32 !important;}

    a.calendarEvent {
      top:0;
      left:0;
      z-index:20;
      height: 1.25em;
      display:block;
      text-decoration: none;}

    a.calendarEvent:hover {
      border:none;
      z-index:21;}

    a.calendarEvent span {
      position: relative;
      z-index: 101;
      height: 100%;
      display: block;
      }







/* header + footer */

.calendarDayNames, .calendarDayNames td {
  min-height: 0;
  height: 1.1em;
  padding: 0;
  color: #fff;
  font-variant: small-caps;
  text-align: center;
  background: #7ebce4;}

  #ie6 .calendarDayNames, #ie6 .calendarDayNames td {
      height: 1.1em;}



.calendarFooter {
  width: 100%;
  border: 0 !important;
  border-collapse:collapse;
  background: transparent url(/images/calendar/footer_bg.png) repeat-x bottom left !important;}

  .calendarFooter .help {
    width: 100%;
    padding:0;
    background: transparent url(/images/calendar/footer_left_bg.png) no-repeat bottom left;
    border: none;}

    .calendarFooter .help p {
      color: #fff;
      text-align: center;
      margin: 0 0 0 10px;
      padding: 0 10px 9px 0;
      background: transparent url(/images/calendar/footer_right_bg.png) no-repeat bottom right;}



/* built in js */
#calendarPopup {
    position:absolute;
    width: 15em;
    padding: .25em;
    border: 1px solid #7ebce4;
    background: #fff;
    color: #000;
    text-align: center;
    z-index:100;}
    
#calendar table.calendar {
    float: left;
    width: 30%;
    margin: 0 1%;}
    
#calendar table.calendar td {
    height: 1.3em;}
    
.calendar_highlights h3 {
    font-size: 1.2em;}
    
.calendar_highlights a.title {
    font-size: 1.1em;}
    
.calendar_highlights p.date {
    font-weight: normal;
    font-style: italic;}
    
.calendar_highlights a.storyLink {
    display: block;
    text-align: right;}