@charset "UTF-8";

/*-------------------------*/
/*.contentsWrap{
  background: #ffffff;
  padding: 600px 0;
  width: 1000px;
  margin: 0 auto;
}*/
/* staff-list
---------------------------------------------------------------------------*/
ul.staff-list {
	width:1000px;
	margin:0 auto 0px;
/* 	overflow: hidden; */
/* 	height: 1000px; */
}

ul.staff-list li {
	width:250px;
	height: 250px;
	float:left;
	position:relative;
	overflow:hidden;
}

ul.staff-list li figure {
	display:block;
	cursor:pointer;
	width:250px;
}

ul.staff-list li figure img {
	width:100%;
	position:relative;
	top:-20px;
	width:100%;
	height:auto;
/* 	opacity:0; */
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
}

ul.staff-list li:hover {
	background:#fff;
}

ul.staff-list li:nth-child(4n) {
	border-right:none;
}

ul.staff-list li .label {
	margin:0;
	opacity:0;
	position:absolute;
	left:0;
	bottom:-50px;
	background:#fff;
	font-size:18px;
	padding:6px 15px;
	font-family:'Gill Sans','Gill Sans MT','Lato','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
}

ul.staff-list li.doctor .label {
	color:#F39800;
}

ul.staff-list li.vt .label {
	color:#8EBD58;
}

ul.staff-list li.cleaning-crew .label {
	color:#3AA367;
}

ul.staff-list li.reception .label {
	color:#308C92;
}

ul.staff-list li.trimmer .label {
	color:#321D7F;
}

ul.staff-list li.no_spacer {
	background:none!important;
}

/* .profile_detail
---------------------------------------------------------------------------*/
ul.staff-list li .profile_detail {
	width:750px;
	padding:60px 50px 45px;
	background:#fff;
/* 	border-top:#f39803 4px solid; */
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	position:absolute;
	top:220px;
	left:0;
	z-index:20;
	opacity:0;
	display:none;
}

ul.staff-list li .profile_detail:after {
	display:block;
	position:absolute;
	top:-28px;
	left:110px;
	z-index:20;
	content:'';
	margin:0;
	padding:0;
	z-index:9999;
	width:0;
	height:14px;
	border:14px solid transparent;
	border-bottom:14px solid #F39800;
	border-top:none;
}

/* cateogory
------------------------------------*/
ul.staff-list li.doctor .profile_detail {
	border-top:#F39800 4px solid;
}

ul.staff-list li.doctor .profile_detail:after {
	border-color:#F39800 transparent;
}

ul.staff-list li.vt .profile_detail {
	border-top:#8EBD58 4px solid;
}

ul.staff-list li.vt .profile_detail:after {
	border-color:#8EBD58 transparent;
}

ul.staff-list li.cleaning-crew .profile_detail {
	border-top:#3AA367 4px solid;
}

ul.staff-list li.cleaning-crew .profile_detail:after {
	border-color:#3AA367 transparent;
}

ul.staff-list li.reception .profile_detail {
	border-top:#308C92 4px solid;
}

ul.staff-list li.reception .profile_detail:after {
	border-color:#308C92 transparent;
}

ul.staff-list li.trimmer .profile_detail {
	border-top:#321D7F 4px solid;
}

ul.staff-list li.trimmer .profile_detail:after {
	border-color:#321D7F transparent;
}

ul.staff-list li:nth-child(4n-1) .profile_detail,ul.staff-list li:nth-child(4n) .profile_detail {
	left:auto;
	right:0;
}

ul.staff-list li:nth-child(4n-1) .profile_detail:after,ul.staff-list li:nth-child(4n) .profile_detail:after {
	left:auto;
	right:110px;
}

/* .btn-close
------------------------------------*/
ul.staff-list li .profile_detail .btn-close {
	position:absolute;
	top:30px;
	right:30px;
	z-index:20;
	width:25px;
	cursor:pointer;
}

ul.staff-list li .profile_detail .btn-close img {
	width:100%;
	height:auto;
}

/* .name-area
------------------------------------*/
ul.staff-list li .profile_detail .name-area {
	margin:0 0 30px;
	overflow:hidden;
	position:relative;
}

ul.staff-list li .profile_detail .name-area p {
	margin:0;
}

ul.staff-list li .profile_detail .name-area .name {
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
	padding:3px 0 0;
/* 	margin-right: 25px; */
	line-height:1.2;
}

ul.staff-list li .profile_detail .name-area .name .kanji {
	font-size:24px;
/* 	font-weight:bold; */
	line-height:1;
	letter-spacing:2px;
	color:#f09709;
}

ul.staff-list li .profile_detail .name-area .name .kana {
	font-size:14px;
/* 	font-weight:bold; */
	color:#9d9d9d;
	margin-top:9px;
	line-height:1.3;
}

ul.staff-list li .profile_detail .name-area .birth {
	width:425px;
	float:left;
	border-left:#ccc 1px solid;
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	min-height:2em;
	display:block;
	font-size:14px;
	min-height:2em;
}

ul.staff-list li .profile_detail .txt {
	margin:0 0 25px;
	line-height:2;
	display:block;
	text-align:justify;
	letter-spacing:0;
}

ul.staff-list li .profile_detail .keireki {
	margin:0 0 35px;
	line-height:2;
	display:block;
	text-align:justify;
	letter-spacing:1px;
}

ul.staff-list li .profile_detail dl {
	width:100%;
	overflow:hidden;
}

ul.staff-list li .profile_detail dl dt,ul.staff-list li .profile_detail dl dd {
	line-height:1.6;
	letter-spacing:1px;
}

ul.staff-list li .profile_detail dl dt {
	width:140px;
	float:left;
/* 	font-weight:bold; */
	color:#f09709;
	position:relative;
}

ul.staff-list li .profile_detail dl dt:before {
	content:' ';
	width:100%;
	height:1px;
	background:#ccc;
	position:absolute;
	top:10px;
	left:0;
}

ul.staff-list li .profile_detail dl dt em {
	padding-right:10px;
	background:#fff;
	z-index:9999;
	position:relative;
}

/*
ul.staff-list li.nurse .profile_detail dl dt{
	color:#92be4b;
}
*/
ul.staff-list li .profile_detail dl dd {
/* 	width:230px; */
/* 	width:240px; */
	line-height:1.8;
	width:510px;
	float:left;
	padding:0 20px 20px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

/* .calendar
---------------------------------------------------------------------------*/

#calendar{
  margin-top: 150px;
  clear: both;
}

.fc-view-container {
	margin-bottom:80px;
}

/*!
 * FullCalendar v2.2.2 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
	direction:ltr;
	text-align:left;
}

/*
.fc-rtl {
	text-align: right;
}
*/
body .fc {
/* extra precedence to overcome jqui */
	font-size:1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,.fc-unthemed td,.fc-unthemed hr,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-row {
	border-color:#ddd;
}

.fc-unthemed .fc-popover {
	background-color:#fff;
}

.fc-unthemed hr,.fc-unthemed .fc-popover .fc-header {
	background:#eee;
}

.fc-unthemed .fc-today {
	background:#fcf8e3;
	color:#F39800;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
	display:inline-block;
	font-family:'Gill Sans','Gill Sans MT','Lato','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.fc-icon-left-single-arrow:after {
	content:"\02039";
/* 	font-weight: bold; */
}

.fc-icon-right-single-arrow:after {
	content:"\0203A";
/* 	font-weight: bold; */
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
/* force height to include the border and padding */
/*
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
*/
/* dimensions */
	margin:0;
/* 	height: 2.1em; */
/* 	padding: 0 .6em; */
/* text & cursor */
	font-size:1.15em;
/* normalize */
	color:#F39800;
	white-space:nowrap;
	cursor:pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
	margin:0;
	padding:0;
}

.fc-state-default {
/* non-theme */
	border:1px solid;
}

.fc-state-default.fc-corner-left {
/* non-theme */
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.fc-state-default.fc-corner-right {
/* non-theme */
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}

/* icons in buttons */
.fc button .fc-icon {
/* non-theme */
	position:relative;
	top:.05em;
/* seems to be a good adjustment across browsers */
	margin:0 .1em;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
	background-color:#f5f5f5;
	background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image:-o-linear-gradient(top,#fff,#e6e6e6);
	background-image:linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat:repeat-x;
	border-color:#e6e6e6 #e6e6e6 #bfbfbf;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	color:#333;
	text-shadow:0 1px 1px rgba(255,255,255,0.75);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.fc-state-down,.fc-state-active,.fc-state-disabled {
	color:#333;
	background-color:#e6e6e6;
}

.fc-state-down,.fc-state-active {
	background-color:#ccc;
	background-image:none;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
}

.fc-state-disabled {
	cursor:default;
	background-image:none;
	opacity:.65;
	filter:alpha(opacity=65);
	box-shadow:none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
	display:inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc-today-button,.fc-state-default,.fc .fc-button-group > * {
/* extra precedence b/c buttons have margin set to zero */
	float:left;
	font-weight:700;
	margin:0 0 0 -1px;
	background:none;
	text-shadow:none;
	box-shadow:none;
	font-family:'Gill Sans','Gill Sans MT','Lato','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size:16px;
	letter-spacing:1px;
	margin-left:10px;
	color:#F39800;
	text-decoration:underline;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:10px 14px;
	background:#fff;
	border:1px solid #F39800;
}

.fc-today-button {
	font-size:12px;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
/* unthemed */
.fc-unthemed .fc-popover {
	border-width:1px;
	border-style:solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size:25px;
	margin-top:4px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top:0;
/* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc hr {
	height:0;
	margin:0;
	padding:0 0 2px;
/* height is unreliable across browsers, so use padding */
	border-style:solid;
	border-width:1px 0;
}

.fc-clear {
	clear:both;
}

.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-helper-skeleton {
/* these element should always cling to top-left/right corners */
	position:absolute;
	top:0;
	left:0;
	right:0;
}

.fc-bg {
/* 	bottom:0; */
/* strech bg to bottom edge */
}

.fc-bg table {
	height:100%;
/* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing:0;
	font-size:1em;
/* normalize cross-browser */
}

.fc th {
	text-align:center;
}

.fc th,.fc td {
	border:1px solid #dedede;
	padding:0;
	vertical-align:top;
}

.fc td.fc-today {
	border-style:double;
/* overcome neighboring borders */
}

.fc-widget-header {
/*   background: #f39800;  */
	border:none!important;
	color:#f39800;
	font-style:italic;
	padding:20px 0;
	font-size:18px;
	letter-spacing:1px;
	font-family:'Gill Sans','Gill Sans MT','Lato','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.fc-widget-header th,.fc-widget-header td,/* .fc-unthemed th,.fc-unthemed td,.fc-unthemed hr,*/.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-row,.fc-unthemed .fc-popover,.fc-widget-header thead {
	border:none!important;
	background:none!important;
	border-color:none;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
/* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style:solid;
	border-width:0;
}

.fc-row table {
/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left:0 hidden transparent;
	border-right:0 hidden transparent;
/* no bottom borders on rows */
	border-bottom:0 hidden transparent;
}

.fc-row:first-child table {
	border-top:0 hidden transparent;
/* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
	position:relative;
}

.fc-row .fc-bg {
	z-index:1;
}

/* highlighting cells & background event skeleton */
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
	position:relative;
	z-index:4;
	padding-bottom:2px;
/* matches the space above the events */
}

.fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td {
/* see-through to the background below */
	background:none;
/* in case <td>s are globally styled */
	border-color:transparent;
/* don't put a border between events and/or the day number */
	border-bottom:0;
}

.fc-row .fc-content-skeleton tbody td,/* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
/* don't put a border between event cells */
	border-top:0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
	position:relative;
/* for resize handle and other inner positioning */
	display:block;
/* make the <a> tag block */
	font-size:.85em;
	line-height:1.3;
	border-radius:3px;
	border:1px solid #3a87ad;
/* default BORDER color */
	background-color:#3a87ad;
/* default BACKGROUND color */
	font-weight:400;
/* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,.fc-event:hover,.ui-widget .fc-event {
	color:#fff;
/* default TEXT color */
	text-decoration:none;
/* if <a> has an href */
}

.fc-event[href],.fc-event.fc-draggable {
	cursor:pointer;
/* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,/* causes a warning cursor. applied on body */
.fc-not-allowed .fc-event {
/* to override an event's custom cursor */
	cursor:not-allowed;
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
	margin:1px 2px 0;
/* spacing between events and edges */
	padding:0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-day-grid-event.fc-not-start,.fc-rtl .fc-day-grid-event.fc-not-end {
	margin-left:0;
	border-left-width:0;
	padding-left:1px;
/* replace the border with padding */
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,.fc-rtl .fc-day-grid-event.fc-not-start {
	margin-right:0;
	border-right-width:0;
	padding-right:1px;
/* replace the border with padding */
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.fc-day-grid-event > .fc-content {
/* force events to be one-line tall */
	white-space:nowrap;
	overflow:hidden;
}

.fc-day-grid-event .fc-time {
/* 	font-weight: bold; */
}

/* resize handle (outside of fc-content, so can go outside of bounds) */
.fc-day-grid-event .fc-resizer {
	position:absolute;
	top:0;
	bottom:0;
	width:7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
	right:-3px;
	cursor:e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
	left:-3px;
	cursor:w-resize;
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
	margin:1px 3px;
	font-size:.85em;
	cursor:pointer;
	text-decoration:none;
}

a.fc-more:hover {
	text-decoration:underline;
}

.fc-limited {
/* rows and cells that are hidden because of a "more" link */
	display:none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
	z-index:1;
/* make the "more" popover one higher than this */
}

.fc-more-popover {
	z-index:2;
	width:220px;
}

.fc-more-popover .fc-event-container {
	padding:10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
	text-align:center;
	margin-bottom:30px;
	font-family:'Gill Sans','Gill Sans MT','Lato','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Osaka,sans-serif;
	position:relative;
}

.fc-toolbar .fc-left {
	float:left;
	font-size:18px;
	color:#F39800;
	letter-spacing:1px;
	padding-top:5px;
}

.fc-toolbar .fc-left h2:after{
  content: 'の獣医師出勤カレンダー';
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  padding-left: 10px;
}

.fc-toolbar .fc-right {
	float:right;
}

.fc-toolbar .fc-center {
	position:absolute;
	right:0;
	display:inline-block;
/* 	margin-left:150px; */
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
/* extra precedence to override button border margins */
	float:left;
	margin-left:.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
/* extra precedence to override button border margins */
	margin-left:0;
}

/* title text */
.fc-toolbar h2 {
	margin:0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
	position:relative;
}

.fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover {
	z-index:2;
}

.fc-toolbar .fc-state-down {
	z-index:3;
}

.fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active {
	z-index:4;
}

.fc-toolbar button:focus {
	z-index:5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,.fc-view-container :before,.fc-view-container :after {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}	
}

.fc-view > table thead tr > .fc-widget-header {
	border:none!important;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,.fc-basicDay-view .fc-content-skeleton {
/* we are sure there are no day numbers in these views, so... */
	padding-top:1px;
/* add a pixel to make sure there are 2px padding above events */
	padding-bottom:1em;
/* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
	min-height:4em;
/* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
	overflow:hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position:absolute;
	top:0;
	left:0;
	right:0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,.fc-basic-view .fc-day-number {
	padding:0 2px;
}

.fc-basic-view td.fc-week-number span,.fc-basic-view td.fc-day-number {
	padding-top:2px;
	padding-bottom:2px;
}

.fc-basic-view .fc-week-number {
	text-align:center;
}

.fc-basic-view .fc-week-number span {
/* work around the way we do column resizing and ensure a minimum width */
	display:inline-block;
	min-width:1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align:right;
	padding-bottom:5px;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align:left;
}

.fc-day-number.fc-other-month {
	opacity:.3;
	filter:alpha(opacity=30);
/* for IE */
/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
	position:relative;
	z-index:2;
/* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid td,.fc-agenda-view .fc-day-grid th,.fc-agenda-view .fc-row {
	border:none;
	background:none;
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height:3em;
/* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top:1px;
/* add a pixel to make sure there are 2px padding above events */
	padding-bottom:1em;
/* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
/* .fc to overcome default cell styles */
	vertical-align:middle;
	padding:0 4px;
	white-space:nowrap;
}

.fc-ltr .fc-axis {
	text-align:right;
}

.fc-rtl .fc-axis {
	text-align:left;
}

.ui-widget td.fc-axis {
	font-weight:400;
/* overcome jqui theme making it bold */
}/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
	
}

.fc-time-grid > .fc-bg {
	z-index:1;
}

.fc-time-grid .fc-slats,.fc-time-grid > hr {
/* the <hr> AgendaView injects when grid is shorter than scroller */
	position:relative;
	z-index:2;
}

.fc-time-grid .fc-bgevent-skeleton,.fc-time-grid .fc-content-skeleton {
	position:absolute;
	top:0;
	left:0;
	right:0;
}

/*
.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}
*/
.fc-time-grid .fc-highlight-skeleton {
	z-index:4;
}

.fc-time-grid .fc-content-skeleton {
	z-index:5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index:6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-slats td {
	height:1.5em;
	border-bottom:0;
/* each cell is responsible for its top border */
}

.fc-slats tr th,.fc-slats tr td {
	padding:2px 0;
}

.fc-slats tr:nth-child(2n) td {
	border:1px dotted #dedede;
}

.fc-slats .fc-minor td div {
	border-top-style:dotted!important;
	border:none;
}

.fc-slats .ui-widget-content {
/* for jqui theme */
	background:none;
/* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
/* a div within a cell within the fc-highlight-skeleton */
	position:relative;
/* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position:absolute;
	left:0;
	right:0;
/* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-event-container,/* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container {
/* a div within a cell within the fc-bgevent-skeleton */
	position:relative;
}

.fc-ltr .fc-time-grid .fc-event-container {
/* space on the sides of events for LTR (default) */
	margin:0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
/* space on the sides of events for RTL */
	margin:0 2px 0 2.5%;
}

.fc-time-grid .fc-event,.fc-time-grid .fc-bgevent {
	position:absolute;
	z-index:1;
/* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
/* background events always span full width */
	left:0;
	right:0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event.fc-short .fc-time span {
	display:none;
/* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content:attr(data-start);
/* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content:"\000A0-\000A0";
/* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size:.85em;
/* make the title text the same size as the time */
	padding:0;
/* undo padding from above */
}

/* resizer */
.fc-time-grid-event .fc-resizer {
	position:absolute;
	z-index:3;
/* above content */
	left:0;
	right:0;
	bottom:0;
	height:8px;
	overflow:hidden;
	line-height:8px;
	font-size:11px;
	font-family:monospace;
	text-align:center;
	cursor:s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content:"=";
}

/*-------------------------*/
.fc-today {
	background:#ff0;
}

.fc-cell-overlay {
	background:#bce8f1;
	opacity:.3;
	filter:alpha(opacity=30);
/* for IE */
}

.fc-widget-content {
	background:rgba(255,255,255,1.0);
}