@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: 5px;
  line-height: 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;
}

p.audience-selector-legend{
  text-align: left;
  margin: 10px 0 0 0;
}

.audience-selector-legend-span{
  background: #D8E4EE;
  margin: 0 5px 5px 0px;
  padding: 2px 3px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #ccc;
  white-space: nowrap;
  line-height: 20px;
  display: block;
  float: left;
}

#cal-container{
  clear: left;
}

.audience-selector-legend-span a,
.audience-selector-legend-span a:visited{
  color: #fff;
  text-decoration: none;
}

#audience-selector-legendAll a,#audience-selector-legendAll a:visited{
  color: #000;
  background: #D8E4EE;
}

.cal-title a{
  display: block;
  padding: 1px;
  width: 115px;
}


.cal-titleA a,.cal-titleB a,.cal-titleC a,.cal-titleD a,.cal-titleE a{text-decoration: none;}
.cal-titleA a:visited,.cal-titleB a:visited,.cal-titleC a:visited,.cal-titleD a:visited,.cal-titleE a:visited{text-decoration: none;}

#audience-selector-legendA,.cal-titleA a, .cal-titleA a:visited{color: white; background: #0DA000;}
.cal-titleA a:hover{text-decoration: none; background: #0DA000; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceA{color: #0DA000;}

#audience-selector-legendB,.cal-titleB a, .cal-titleB a:visited{color: white; background: #0043FF;}
.cal-titleB a:hover{text-decoration: none; background: #0043FF; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceB{color: #0043FF;}

#audience-selector-legendC,.cal-titleC a, .cal-titleC a:visited{color: white; background: #666;}
.cal-titleC a:hover{text-decoration: none; background: #666; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceC{color: #666;}

#audience-selector-legendD,.cal-titleD a, .cal-titleD a:visited{color: white; background: #D3AB6B;}
.cal-titleD a:hover{text-decoration: none; background: #D3AB6B; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceD{color: #D3AB6B;}

#audience-selector-legendE,.cal-titleE a, .cal-titleE a:visited{color: white; background: #982723;}
.cal-titleE a:hover{text-decoration: none; background: #982723; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceE{color: #982723;}

#audience-selector-legendF,.cal-titleF a, .cal-titleF a:visited{color: white; background: #6A00FF;}
.cal-titleF a:hover{text-decoration: none; background: #6A00FF; color: navy;}
.calendar-event-info h4.calendar-event-info-audienceF{color: #6A00FF;}