@import url(layout1.css);
.cal{
  width: 860px;
  border: 0px solid black;
  border-collapse: collapse;
  margin: 20px 0 20px 0;
}

#cal-container{
  
}


#cal-eventlayer{
  border: 1px solid #255082;

  margin: 0px;
  display:none; 

  background: #fff;
}

#cal-eventlayer-content{
  
  padding: 10px;
  overflow: auto;
  height: 125px;
  
}

#cal-eventlayer-close{
  background: #255082;
  width: 100%;
  height: 20px;
}

#cal-eventlayer-close a{
  color: #fff;
  float: right;
  padding: 2px 5px;
  font-weight: bold;
}

.cal-header{
  background-color: #D8E4EE;
  color: black;
  text-align: center;
  border: 1px solid black;
  font-weight: bold;
  border-collapse: collapse;
  
}

.cal-day-row th{
  height: 30px;
}

.cal-header a, .cal-header a:visited, .cal-header a:hover, .cal-header a:active{
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 5px 5px;
  background: #255082;
  color: #fff;
  font-size: 14px;
  width: 75px;
}

#cal-right-arrow{
  float: right;
}

.cal-title{
  margin-bottom: 10px;

  padding: 2px;
}

.cal-add{
  
  
}

.cal-add a, .cal-add a:visited, .cal-add a:hover, .cal-add a:active{
  color: #255082;
  background: #ccc;
  text-decoration: none;
  padding: 0 3px;
  height: 5px;
  width: 20px;
  margin: 1px 3px 1px 0px;
  
}

#cal-month-select{
  width:100px;
}
#cal-year-select{
  width:100px;
}


.cal th{
  text-align: center;
}
.cal td{
  width: 14.2%;
  padding: 0px;
  height: 75px;
  border: 1px solid black;
  vertical-align: top;
  font-size: 75%;
  line-height: 1em;
}

.cal-date{
  font-weight: bold;
  background: #255082;
  color: #fff;
  padding: 2px;
}

.cal-time{
  display: block;
}

.cal-active{
  background-color: #D8E4EE;
}


/* Upcoming Events Styles */
.calendar-event{
  clear: both;
  margin: 0;
  padding: 20px 0 0 0;
}

.calendar-event-expired{
  background-color: #F59CAA;
}

.calendar-event-expired p.calendar-event-title{
  text-decoration: line-through;
}

.calendar-event-date{
  width: 62px;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.calendar-event-month{
  display: block;
  padding: 5px 0 8px 5px;
  background: transparent url(../images/eventMonth.gif) top center no-repeat;
  color: #fff;
  font-weight: bold;
  font-size: 1.25em;
  text-transform: uppercase;
}

.calendar-event-day{
  display: block;
  padding: 5px 0 20px 5px;
  background: transparent url(../images/eventDay.gif) bottom center no-repeat;
  font-family: georgia, serif;
  font-weight: bold;
  font-size: 2em;
  color: #333;
}

.calendar-event-info {
  margin: 0 0 0 78px;
}

.calendar-event-info h3{
  margin: 0 0 .5em 0;
  padding: 0 0 3px 0;
  border-bottom: 1px dotted #999;
}

.calendar-event-info p{
  margin: 0;
  padding: 0;
}