#calendar{
	text-align:center;
}
.clndr{
	max-width:300px;
	margin:0 auto;
}
.clndr-controls{
	background:#fafafa;
	padding:10px;
}
.clndr-controls .clndr-control-button{
	cursor:pointer;
}
.clndr-controls > div{
	display:inline-block;
	width:25%;
	color:#666;
}
.clndr-controls > div.month{
	width:50%;
	text-align:center;
}
.clndr .header-days td{
	background:#666;
	color:#fff;
}
.clndr td,.clndr th{
	padding:10px;
	text-align:center;
}
.clndr td.last-month,.clndr td.next-month{
	opacity:0.6;
}
.clndr td.event{
	color:#fff;
}
.clndr .rightalign{
	text-align:right;
}
.clndr .day{
	background:#fafafa;
	cursor:pointer;
}
.clndr .calendar-dow-5,.clndr .calendar-dow-6{
	background:#eaeaea;
}
.vcalentry{
	position:fixed;
	top:50px;
	z-index:1000;
	width:300px;
	left:50%;
	margin-left:-150px;
	background:#fff;
	display:none;
	padding:10px;
	box-shadow:0px 0px 2px 2px rgba(0,0,0,0.5);
}
.vcalentry .closecalentry{
    position: absolute;
    right: 10px;
    top: 3px;
    font-size: 20px;
}
.vcalentry input{
	max-width:100%;
}
.vcal_colpicker{
	display: inline-block;
    width: 25px;
	border:2px solid #fff;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.5) inset;
}
.vcal_colpicker.active{
	border-color:#666;
}