#calendarTable{
    width:96%;
    margin:15px auto;
    background-color:#18a1d5;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    color:#000;
    font-family: Trebuchet MS, Palatino, Georgia;
    border-collapse: separate;
    border-spacing:1px;
}
#calendarTable th{
    background-color:#18a1d5;
    padding:6px 0;
    color:#fff;
    font-size:18pt
}
.calendar-header-day{
    background-color:#c2eaf9;
    text-align:center;
    width:14%;
    padding:2px 0
}
.calendar-day{
    text-align:center;
    width:14%;
    padding:10px 0
}
.calNav:hover{
    background-color:#3399cc;
    color:#ccc;
    cursor:pointer
}

.pulse{
    animation-name: pulse;
	animation-duration: 500ms;
	transform-origin:70% 70%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
.slideRight{
    margin-right:197px;
    animation: .2s ease-out 0s 1 slideInRight;
}

.slideLeft{
    margin-left:197px;
    animation: .2s ease-out 0s 1 slideInLeft;
}
@keyframes pulse{
    0% { transform: scale(1); }
	40% { transform: scale(1.02); }
	50% { transform: scale(1); }
	60% { transform: scale(1); }
	70% { transform: scale(1.02); }
	100% { transform: scale(1); }
}

@-webkit-keyframes slideDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-77px); 
    } 
    60% { 
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes slideDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-77px); 
    } 
    60% { 
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); 
    }   
}

@-webkit-keyframes slideUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(37px); 
    } 
    60% { 
        -webkit-transform: translateY(20px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes slideUp { 
    0% { 
        opacity: 0; 
        transform: translateY(37px); 
    } 
    60% { 
        transform: translateY(20px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
        transform: translateY(0); 
    } 
}

@-webkit-keyframes slideInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-197px); 
    } 
    60% { 
        transform: translateX(-100px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    } 
} 

@keyframes slideInLeft {
    0% { 
        opacity: 0; 
        transform: translateX(-197px); 
    } 
    60% { 
        transform: translateX(-100px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    } 
}


@-webkit-keyframes slideInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(197px); 
    } 
    60% { 
        transform: translateX(100px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    } 
} 

@keyframes slideInRight {
    0% { 
        opacity: 0; 
        transform: translateX(197px); 
    } 
    60% { 
        transform: translateX(100px); 
    } 
    100% {
        opacity: 1;
        transform: translateX(0); 
    } 
}