@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;



}