@import url('demo.css');



@font-face {

  font-family: Arial, Helvetica, sans-serif;

}



.fc-calendar-container {

	position: relative;
	
	margin:auto;
	

	height: 192px;

	width: 460px;
	
	

}



.fc-calendar {

	width: 100%;

	height: 100%;
	
	

}



.fc-calendar .fc-head {

	height: 15px;

	line-height: 5px;

	background: #ccc;

}



.fc-calendar .fc-body {

	position:relative;

	width: 100%;

	height: 100%;

	height: -moz-calc(100% - 20px);

	height: -webkit-calc(100% - 20px);

	height: calc(100% - 20px);

	border: 1px solid #ddd;
	



}



.fc-calendar .fc-row {

	width: 100%;

	border-bottom: 1px solid #ddd;

}



.fc-four-rows .fc-row  {

	height: 25%;

}



.fc-five-rows .fc-row  {

	height: 20%;

}



.fc-six-rows .fc-row {

	height: 16.66%;

	height: -moz-calc(100%/6);

	height: -webkit-calc(100%/6);

	height: calc(100%/6);

}



.fc-calendar .fc-row > div,

.fc-calendar .fc-head > div {

	float: left;

	height: 100%;

	width:  14.28%; /* 100% / 7 */

	width: -moz-calc(100%/7);

	width: -webkit-calc(100%/7);

	width: calc(100%/7);

	position: relative;

}



/* IE 9 is rounding up the calc it seems */

.ie9 .fc-calendar .fc-row > div,

.ie9 .fc-calendar .fc-head > div {

	width:  14.2%;

}



.fc-calendar .fc-row > div {

	border-right: 1px solid #ddd;

	padding: 4px;

	overflow: hidden;

	position: relative;

}



.fc-calendar .fc-head > div {

	text-align: center;

}



.fc-calendar .fc-row > div > span.fc-date {

	position: absolute;

	width: 30px;

	height: 15px;

	font-size: 15px;

	line-height: 20px;

	font-weight: 700;

	color: #ddd;

	text-shadow: 0 -1px 0 rgba(255,255,255,0.8);

	bottom: 5px;

	right: 5px;

	text-align: right;

}



.fc-calendar .fc-row > div > span.fc-weekday {

	padding-left: 5px;

	display: none;

}



.fc-calendar .fc-row > div.fc-today {

	background: #fff4c3;

}



.fc-calendar .fc-row > div.fc-out {

	opacity: 0.6;

}



.fc-calendar .fc-row > div:last-child,

.fc-calendar .fc-head > div:last-child {

	border-right: none;

}



.fc-calendar .fc-row:last-child {

	border-bottom: none;

}

