/*  

    Style sheet  calendar_styles.css  for  calendar.html  

    Dan Strome      2001-12-21

*/




body                
{
          color                :    #000000;
          background-color     :    #ffffff;
          font-size            :    10pt;
}


hr.month-divider      
{
          display              :    block;
          width                :    100%;
          padding-top          :    1mm;
          padding-bottom       :    1mm;
          color                :    #007700;
}


div.calendar-top      
{
          margin-left          :    auto;
          margin-right         :    auto;

          padding-top          :    3mm;
          padding-bottom       :    5mm;
          text-align           :    center;
}


div.month   
{
          width                :    90%;

          display              :    block;

          margin-left          :    auto;
          margin-right         :    auto;

          padding-top          :    9mm;
          padding-bottom       :    9mm;
          padding-left         :    6mm;
          padding-right        :    6mm;

          border-style         :    solid;
          border-width         :    1px;
          border-color         :    #ffffff;

          border-collapse      :    collapse;

          background-color     :    #ccdddd;


/*
          margin-top           :    10px;
          margin-bottom        :    5px;
          margin-left          :    15px;
          margin-right         :    12px;


          position             :    static;
          left                 :    9px;

lavender:
          background-color     :    #ffdfff;

gray-blue:
          background-color     :    #bbbbcc;

          background-color     :    #d0ffff;
*/

}


table.month-table
{
          width                :    96%;

          background-color     :    #aaaaaa;

          margin-left          :    auto;
          margin-right         :    auto;


/*

          border-style         :    solid;
          border-width         :    1px;

          border-color         :    #999999;
          border-collapse      :    collapse;

 */
}


th.cal-month-name      
{
          padding-top          :    3mm;
          padding-bottom       :    5mm;

          background-color     :    #ccccd0;

          font-family          :    "Arial", sans-serif;
          font-size            :    24pt;
          text-align           :    center;
}


tr.week-row      
{
          height               :    5mm;
}


th.day-name      
{
          min-width            :    10%;
          max-width            :    20%;

          padding-top          :    3mm;
          padding-bottom       :    3mm;

          background-color     :    #ccccdd;

          font-family          :    "Arial", sans-serif;
          font-size            :    11pt;
          color                :    #000099;
          text-align           :    center;
}


td.day-cell      
{
          height               :    25mm;

          background-color     :    #ffffff;

          font-family          :    "Arial", sans-serif;
          font-size            :    11pt;
          text-align           :    left;
          vertical-align       :    bottom;
}


td.week-filler      
{
          height               :    25mm;

          background-color     :    #f3f3f8;
}



div.cal-event-mas
{
          padding-top          :    3mm;
          padding-bottom       :    3mm;
          padding-left         :    1mm;
          font-size            :    9pt;
          color                :    #990099;
          vertical-align       :    top;
}



div.cal-event-mas  a
{
          color                :    #4411bb;
}




div.cal-event-other
{
          padding-top          :    3mm;
          padding-bottom       :    3mm;
          padding-left         :    1mm;
          font-size            :    8pt;
          color                :    #005599;
          vertical-align       :    top;
}



div.cal-event-other  a
{
          color                :    #006644;
}




div.cal-note      
{
          padding-top          :    2mm;
          padding-bottom       :    2mm;
          padding-left         :    2mm;
          padding-right        :    2mm;

          font-family          :    "Arial", sans-serif;
          font-size            :    9pt;
          color                :    #334455;
          vertical-align       :    top;
}


div.date-number      
{
          padding-bottom       :    1mm;
          padding-left         :    1mm;
          font-size            :    11pt;
          color                :    #009900;
          text-align           :    left;
          vertical-align       :    bottom;
}




div.other-months
{
          display              :    block;
          width                :    70%;

          margin-top           :    8mm;
          margin-bottom        :    5mm;
          margin-left          :    auto;
          margin-right         :    auto;

          padding-top          :    2mm;
          padding-bottom       :    2mm;
          padding-left         :    3mm;
          padding-right        :    1mm;

          border-style         :    solid;
          border-width         :    1px;
          border-color         :    #333333;

          font-family          :    "Courier", monospace;
          font-size            :    9pt;
          text-align           :    center;


/*

          font-family          :    "Arial", sans-serif;
          color                :    #000000;
          background-color     :    #ffffff;
*/

}




div.other-months-group
{
          display              :    block;
          margin-top           :    0mm;

          padding-top          :    1mm;
          padding-bottom       :    2mm;
          padding-left         :    0mm;
          padding-right        :    0mm;

}





div.other-months  a
{
          text-decoration      :    none;
}


div.other-months  a:link
{
          color                :    #000099;
}


div.other-months  a:active
{
          color                :    #ff0000;
}


div.other-months  a:visited
{
          color                :    #990055;
}


div.other-months  a:hover
{
          color                :    #ff0000;
}