.fc {direction: ltr;text-align: left;}
.fc table {border-collapse: collapse;border-spacing: 0;}
html .fc, .fc table {font-size: 1em;}
.fc td, .fc th {padding: 0;vertical-align: top;}

/* Header
------------------------------------------------------------------------*/
.fc-header, table.fc-border-separate th{ background: url(../image/calendar-bg.jpg) repeat; border:0 none !important; font-family: 'gotham_lightregular';}
table.fc-border-separate{/* width:auto !important;*/}
.fc-header tr{background:url(../image/calendar-header-strip.png) center bottom no-repeat; float:left; width:100%;}
table.fc-border-separate th{color:#6e5e1f;font-size:14px;text-transform:uppercase;}
.fc-header td {white-space: nowrap;margin-bottom:1px !important;}
.fc-header-left {width: 25%;text-align: left;float:left;}
.fc-header-center {text-align: center;width:10px !important;}
.fc-header-right {
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	border-radius:4px;
	height:35px;
	padding:10px 10px !important;
	width: 195px !important;
	float:right;
	top:5px;
	right:5px;
	position:relative;
	}
	
.fc-header-title {
	float:left;
	/*display: inline-block;
	vertical-align: top;*/
	}
.fc-header-left	.fc-header-title h2{ font-size:30px; text-transform:uppercase; padding:5px 0 1px 10px;}
.fc-header-right .fc-header-title h2{ color:#7e7e7e; font-size:13px;}
.fc-header-right .fc-header-title{ float:left;}
.fc-header-title h2 {font-family: 'gotham_lightregular';margin-top: 0;white-space: nowrap;}
.fc .fc-header-space {padding-left: 10px;}
.fc-header .fc-button {}
/* buttons edges butting together */

.fc-header .fc-button {
	float:right;
	text-indent:-9999px;
	position:absolute;
	right:10px;
	height:6px;
	width:11px;
	}
.fc-button.fc-button-prev{ background-position:left top; top:8px;}
.fc-button.fc-button-next{ background-position:left -11px; bottom:8px;}
.fc-header .fc-corner-right {
	}
	
.fc-header .ui-corner-right {
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
.fc-content {clear: both;}
.fc-view {width: 100%; /* needed for view switching (when view is absolute) */overflow: hidden;}

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	/*background: url(../image/highlight.gif) no-repeat !important;*/
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}
	
.fc-state-default {	}
	
.fc-button-inner {
	position: relative;
	float: left;
	overflow: hidden;
	}
	
.fc-state-default .fc-button-inner {
	}
	
.fc-button-content {
	position: relative;
	white-space: nowrap;
	}
	
/* icon (for jquery ui) */
	
.fc-button-content .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button-content .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/* gloss effect */
	
.fc-state-default .fc-button-effect {
	position: absolute;
	top: 50%;
	left: 0;
	}
	
.fc-state-default .fc-button-effect span {
	position: absolute;
	top: -100px;
	left: 0;
	width: 500px;
	height: 100px;
	border-width: 100px 0 0 1px;
	border-style: solid;
	background: #444;
	opacity: .09;
	filter: alpha(opacity=9);
	}
	
/* button states (determines colors)  */
	
.fc-state-default,
.fc-state-default .fc-button-inner {
	background-image: url(../image/arrows-month.png);
	background-repeat:no-repeat;
	}
	
.fc-state-hover,
.fc-state-hover .fc-button-inner {
	}
	
.fc-state-down,
.fc-state-down .fc-button-inner {
	}
	
.fc-state-active,
.fc-state-active .fc-button-inner {
	}
	
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
	}
	
.fc-state-disabled {
	cursor: default;
	}
	
.fc-state-disabled .fc-button-effect {
	display: none;
	}
	
	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event {
	font-size:11px;
	cursor: default;
	}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
a.fc-event {
	text-decoration: none;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}
	
.fc-event-skin {
	color: #fff;
	}
	
.fc-event-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-width: 0;
	z-index:10;
	}
	
.fc-event-time,
.fc-event-title {
	padding: 0 0 0 15px;
	position:relative;
	z-index:10;
	}
	
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-sel {
	background:url(../image/highlight.gif) no-repeat;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
	
.fc-corner-left {
	}
	
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
	}
	
.fc-corner-right {
	}
	
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
	}
	
.fc-corner-top {
	}
	
.fc-corner-top .fc-event-inner {
	}
	
.fc-corner-bottom {
	}
	
.fc-corner-bottom .fc-event-inner {
	}
	
	
	
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
	
.fc-corner-left .fc-event-inner {
	}
	
.fc-corner-right .fc-event-inner {
	}
	
.fc-corner-top .fc-event-inner {
	}
	
.fc-corner-bottom .fc-event-inner {
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
table.fc-border-separate th{
	padding:10px;
}
	
.fc-border-separate td {
	background:url(../image/date-bg.jpg) no-repeat;
	/*height:170px;width:133px;*/
	padding-bottom:1px !important;
	background-size:cover;
	}
.fc-border-separate td div{ }	
.fc-border-separate td.fc-last {
	}
	
.fc-border-separate tr.fc-last td {
	}
	
.fc-border-separate tbody tr.fc-first td{
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}
	
.fc-grid .fc-day-number {
	/*background:url(../image/date-bg.png) no-repeat;*/
	color:#fff;
	font-family:Open Sans;
	font-size:25px;
	line-height:35px;
	height:35px;
	margin:10px auto 5px;
	position:relative;
	text-align:center;
	z-index:10;
	width:25px;
	font-weight:600;
	}
	
.fc-grid .fc-other-month .fc-day-number {
	color:#e2dfd2;
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}
	
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	filter: alpha(opacity=30);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
.event1, .event2, .event3{
	height:32px;
	position:absolute;
	padding:0 !important;
	top:5px;
	width:32px;
}
.event1{
	left:5px;
}
.event2{
	left:50px;
}
.event3{
	left:90px;
}
@media screen and (max-width:1000px){
.fc-border-separate td{
	width:10%;
}
}