﻿
/*CALENDAR STUFF*/

/* 
    Set the Style for parent CSS Class 
    of Calendar control 
    Parent [CssClass] = myCalendar 
*/  
.myCalendar {  
    background-color: #efefef;
    background: #efefef;
    line-height:16px;
    width: 100%;
    float:none;
    border-collapse:initial;
    color: #333333;
}  
      
/* 
    Common style declaration for hyper linked text 
*/  
.myCalendar a {  
    text-decoration: none;  
}  
      
/* 
    Styles declaration for top title 
    [TitleStyle] [CssClass] = myCalendarTitle 
*/  
.myCalendar .myCalendarTitle {  
    font-weight: bold;  
    font-size: 24px;
}  
      
/* 
    Styles declaration for date cells 
    [DayStyle] [CssClass] = myCalendarDay 
*/  
.myCalendar td.myCalendarDay, .highlight-day {  
    border: solid 1px #c4c4c4;
    text-align:left;
    vertical-align:top;
    min-height:75px;
    height:75px;
}  
      
/* 
    Styles declaration for next/previous month links 
    [NextPrevStyle] [CssClass] = myCalendarNextPrev 
*/  
.myCalendar .myCalendarNextPrev {  
    text-align: center;  
}  
      
/* 
    Styles declaration for Week/Month selector links cells 
    [SelectorStyle] [CssClass] = myCalendarSelector 
*/  
.myCalendar td.myCalendarSelector {  
    background-color: #dddddd;  
        
}  
      
.myCalendar .myCalendarDay a,   
.myCalendar .myCalendarSelector a,  
.myCalendar .myCalendarNextPrev a {  
    display: block;  
    line-height: 18px;  
}  
      
.myCalendar .myCalendarDay a:hover,   
.myCalendar .myCalendarSelector a:hover {  
    background-color: #cccccc;  
}  
      
.myCalendar .myCalendarNextPrev a:hover {  
    background-color: #fff;  
    text-decoration: none;
}

.myCalendar .myCalendarDayHeader {
    background-color: #999;

}

.myCalendar .myText {
    font-size: 11px;
}

.myCalendar .highlight-day {
    background-color: rgba(255, 255, 51, 0.50);
    font-weight: bold;
    font-size: 18px;
}
.myCalendar td{
    padding:2px;
}

/*FOR JQUERY POPOVER (Used for Calendar Events)*/
.calendar-popover-event-title
{
    font-weight:bold;
    font-size:12px;
    padding-bottom:3px;
}
.calendar-popover-event-description
{
    padding-bottom:10px;
    font-weight:normal;
}
.calendar-popover-event-times
{
    font-weight:normal;
    font-size:10px;
    font-style:italic;
}
/**/

/*FOR Events ON Events.aspx*/
.events
{
    clear:left;
    max-width:600px;
}

.eventName
{
    font-size:1.75em;
}

.eventURL
{
    font-size:.85em;
    color:#999;
}

.eventDesc
{
    font-size:1em;
}

.eventSearchBox
{
    max-width:600px;
}

.eventTimes
{
    font-size:.90em;
    font-style:italic;
}
/**/