
/* CSS Document */
<!--






ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  }

li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  }

p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  }




img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 0;
  }


      
            /*  calander css start */

#calendarModule {
  width: 224px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#calendarModule:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #calendarModule {
  height: 1%;
  }

#calendarModule #calHeader {
  
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 222px;
  }

#calendarWrapper {
  width: 224px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

table#calendar {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 224px;
  border: 0;
  display: none;
  }

table#calendar td.calMonth {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  font-size: 15px;
  font-weight:bold;
  font-family: Georgia, arial, sans-serif;
  list-style-type: none;
  color:#660000

  }
  


table#calendar td.calDay {
  margin: 0 14px 0 0;
  padding: 0 0 0 4px;

  }
  
              /*  added for bar under days*/

  table#calendar td.calDayAfter {
  margin: 0 2px 4px 0 0;
  padding: 0 0 4px 2px;
  border-top: 1px solid #fff;
  height:1px;

  }

table#calendar td.calDate {
  margin: 0 0 0 0;
  padding: 0 3px 3px 0;
  }

table#calendar td.calDate a {
  display: inline-block; 
  z-index: 1;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#calendarModule #calScroll {
  width: 222px;
  margin: 0 0 0 0;
  padding: 10px 0 10px 0;
  }

#calScroll:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #calScroll {
  height: 1%;
  }

#calendarModule #calScroll img {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
  }

#calendarModule #calScroll img#calBack {
  display: none;
  margin: 0 35px 0 0;
  padding: 0 0 0 0;
  float: left;
  cursor: pointer;
  cursor: hand;
  }

#calendarModule #calScroll img#calForward {
  display: inline;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
  cursor: pointer;
  cursor: hand;
  }

#calendarModule #calScroll img#calSpacer {
  display: inline;
  margin: 0 35px 0 0;
  padding: 0 0 0 0;
  float: left;
  }

#calendarEvents {
  display: none;
  }

/*
me testing
#calBack {
  margin: 0 0 0 0;
  padding: 0 0 0 8px;
  width:73px;
  height:22px;
  background-color:#CECCC3;
  font:Georgia bold;
  color:#7D0200;
  font-size:12px;
  }
  */

/* flyout specif styles
-------------------------------- */

#flyOut {
  filter: alpha(opacity=0);
  opacity: 0; 
  width: 263px;
  position:absolute;
  top: 140px;
  left:auto;
  float:right;
  z-index: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  margin-left:226px;
  display: none;
 /* clear: both;*/
  }

#flyOut #flyOutTop {
  width: 263px;
  text-align: right;
  }

#flyOut #flyOutTop img {
  width: 263px;
  height: 7px;
  }

#flyOutContent {
  width: 263px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#flyOutContent:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

* html #flyOutContent {
  height: 1%;
  }

#flyOutContent #leftArrow {
  float: left;
  }

#flyOutContent #leftArrow img {
  width: 11px;
  height: 60px;
  }

#flyOutContent #flyOutEvents {
  margin: 0 0 0 0;
  padding: 10px 10px 10px 10px;
  float: left;
  background: #BBB1AF;
  border: 1px solid #fff;
  width: 252px;
  w\idth: 228px;
  min-height: 60px;
  _height: 60px;
  }

#flyOutContent #flyOutEvents h3 {
  font-size: 13px;
  font-family: Georgia, arial, sans-serif;
  color: #fff;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#flyOutContent #flyOutEvents ul {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  list-style-type: none;
  }

#flyOutContent #flyOutEvents ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 8px;
  font-size: 11px;
  line-height: 14px;
  background: url("images/calendar/flyout/bulletRed.gif") no-repeat 0px 6px;
  }

#flyOut #flyOutBottom {
  width: 263px;
  _height: 3px;
  /* text-align: right; */
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

#flyOut #flyOutBottom img {
  width: 263px;
  height: 7px;
  } 











