#mod_calendar .header {
    background-color: #748db5;
    padding: 15px 10px 15px 10px;   
    font-size: 10px;
}
#mod_calendar .footer {
    background-color: #748db5;
    padding: 20px 10px 20px 10px;   
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}


#mod_calendar .labelMonth {
    font-size: 1.2em;
    font-weight: bold;
    color: #748db5;
    padding-top: 10px;  
    text-align: center;
}

#mod_calendar .labelMonth .calType {
    color: #006f53;
}
a.prevnext {
    font-size: 10px;
}

#mod_calendar div.prevnext {
    text-align: center;
    position: relative;
    white-space: nowrap;
    padding-top: 10px;
}

div#main #mod_calendar .prevnext, 
div#main #mod_calendar .prevnext a, 
div#main #mod_calendar .prevnext a:hover {
    color: #3d3674;
    font-weight: bold;
    font-size: 10px;
}

#mod_calendar #calendar {
    padding-top: 10px;
}

#mod_calendar #calendar .emptyDay, #mod_calendar #calendar .selDay, #mod_calendar #calendar .nonSelDay {
    background-color: #e7e7e7;
    padding: 4px 4px 2px 2px;
}

#mod_calendar #calendar .dayEvent, #mod_calendar #calendar .dayNonEvent {
    padding-top:5px;
    padding-bottom:2px;
    padding-right: 3px;
    height: 50px;   
}

#calendar {
    border-collapse: collapse;  
    
}

#mod_calendar #calendar{
    
    margin-top: 10px;
    }
#calendar td {
    border: 1px solid #e7e7e7;
    
    }
#calendar .hdr {
    border: 0px;
    background-color: #748db5;
    color: #FFFFFF;
}

#mod_calendar #calendar .dayEvent .event {
    display: block; 
    border-top: 1px solid #e7e7e7;
    padding-bottom: 4px;
}
#mod_calendar #calendar .dayEvent .noseparator {
    border-top: 0px;
}
#mod_calendar #calendar .dayEvent {
    font-size: 10px;
}