.mini-cal{
    background: #22252e;
	width: 300px;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	line-height: 1em;
}

#calTitle{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
}
#calTitle #monthYear{
	float: left;
	width: 50%;
	text-align: center;
	line-height: 1.5em;
	padding-top: 8px;
}
#calTitle button{
	float: left;
	width: 25%;
    outline: none;
    display: block;
    border: none;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.1);	
	cursor: pointer;
}

#calTitle button svg{

}

#calTitle button:hover{
    background: rgba(255,255,255,0.1);
}

#calThead, #calTbody{
	float: left;
	clear: both;
	width: 100%;
}

#calThead{
	
}

#calThead > div, #calTbody .a-date{
	width: 14.28%;
	text-align: center;
	font-size: 12px;
	float: left;
	height: 40px;
	line-height: 40px;
}
#calThead > div{
    
}

#calTbody{
    
}

#calTbody .a-date > span{
    
}

#calTbody .a-date{
    cursor: pointer;
	padding: 0;
	background-color: transparent;	
	border: 0.1em solid transparent;
	outline: none;
	color: #FFF;
}

#calTbody .a-date.blurred{
    color: rgba(255, 255, 255, 0.3);
	cursor: default;
}

#calTbody .a-date.event:before{
    
}

#calTbody .a-date.current{
    border: solid 1px #5a9f5c;
}

#calTbody .a-date.current.event{
    
}

#calTbody .a-date:focus,
#calTbody .a-date:active{
    background: #5a9f5c;
}
#calTbody .a-date.blurred:focus,
#calTbody .a-date.blurred:active{
    background: none;
}

#calTFooter{
   
}

#calTFooter #calLink{
   
}

#calTFooter #calLink:hover{
    
}

#calTFooter #eventTitle{
    
}