/* ==========================================================================
		
		STYLES FOR THE CALENDAR

		========================================================================== */

		/* MODE SELECTION */
		.view-calendar ul.list_period{
			padding: 0;
		}
		.view-calendar ul.list_period li {
			margin: 0;
			margin-left: 20px;
		}
		.view-calendar ul.list_period li a{
			padding: 10px;
			background: none;
			border: none;
			border-radius: 0;
			box-shadow: none;
			text-shadow: none;
			color: #333;
			font-size: 20px;
			font-weight: 300;
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid transparent;
		}
		.view-calendar ul.list_period li a:hover{
			border-bottom: 3px solid #f7a901;
			background-color: transparent;
			color: #f7a901;
		}

		/* HEADER */
		.view-calendar{
			font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
		}
		.view-calendar .view-content .calendar-calendar .date-nav, .calendar-calendar div.date-nav{
			padding: 20px 5%;
			width: 90%;
			margin: 0;
			background-color: #f7a901;
			border: none;
			color: #333;
		}
		.view-content .calendar-calendar .date-nav .date-heading h3,
		.view-content .calendar-calendar .date-nav .date-heading h3 a,
		.calendar-calendar div.date-nav a,
		.calendar-calendar div.date-nav h3{
			color: #FFF;
			font-weight: normal;
			font-size: 27px;
			font-weight: 300;
			font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
			text-shadow: 0 1px 1px #e6870d;
		}
		.view-calendar th, .view-calendar .calendar-calendar .month-view th.days,
		.view-calendar .calendar-calendar .mini th.days, .view-calendar .calendar-calendar th.days{
			background-color: #F1A401;
			border: none;
			padding: 10px;
			font-weight: 300;
			text-transform: uppercase;
			text-align: center;
		}
		.view-calendar .attachment td.week,
		.view-calendar .attachment td.calendar-agenda-hour{
			background-color: #F1A401;
			border: none;
			vertical-align: middle;
			font-size: 30px;
		}
		.view-calendar .attachment td.week a{
			padding: 10px;
			font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
			font-weight: 300;
		}
		.date-nav div.date-heading{
			width: 52%;
		}

		.calendar-calendar .month-view table{
			border-bottom: 1px solid #CCC;
			box-shadow: 19px 18px 0px -18px rgba(0,0,0,0.2);
			margin: 0;
		}

		/* CASES */
		.calendar-calendar td{
			position: relative;
		}
		.calendar-calendar .has-events .inner,
		.calendar-calendar .has-no-events .inner{
			position: static!important;
			padding-bottom: 30px;
			min-height: 20px !important;
		}
		
		.calendar-calendar tr td.today,
		.calendar-calendar tr.odd td.today,
		.calendar-calendar tr.even td.today,
		.calendar-calendar tr td.today.has-no-events{
			position: relative;
		}

		.calendar-calendar tr td.today:after,
		.calendar-calendar tr.odd td.today:after,
		.calendar-calendar tr.even td.today:after{
			/*border: 3px solid #f7a901;*/
			content: '';
			position: absolute;
			top: 0;
			right: -1px;
			z-index: 1000;
			border-right: 15px solid #f7a901;
			border-bottom: 15px solid transparent;
		}
		
		.view-calendar .month-view td,
		.view-calendar .week-view td,
		.view-calendar .day-view td,
		.view-calendar .attachment tr td.today.has-no-events,
		.view-calendar .attachment td table.mini td.today.has-no-events{
			
			background: #ffffff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

			border-bottom: 1px solid #FFF;
			border-right: 1px solid #FFF;

		}
		.view-calendar .month-view td.empty,
		.view-calendar .week-view td.empty,
		.view-calendar .day-view td.empty{
			background: #E4E4E4; /* Old browsers */
			border-bottom: 1px solid #E4E4E4;
			border-right: 1px solid #E4E4E4;
		}

		.view-calendar .attachment td.today.has-no-events,
		.view-calendar .attachment td table.mini td.today.has-no-events{
			border: 1px solid #ccc;
			border-bottom: 1px solid #FFF;
			border-right: 1px solid #FFF;
		}

		/* DAYS NUMBER */
		.view-calendar .attachment td .inner .day{
			font-size: 10px;
			width: 12px;
			height: 12px;
			padding: 6px;
			font-weight: bold;
			line-height: 12px;
			text-align: center;
			background: #D6D6D6;
			border-radius: 50%;
			color: #FFF;
			bottom: 5px;
			right: 5px;
		}
		.view-calendar .attachment td.has-events .inner .day{
			background-color: #f7a901;
		}
		.calendar-calendar td .inner div, .calendar-calendar td .inner div.day a{
			color: #FFF;
			text-decoration: none;
		}

		/* EVENTS */
		.view-calendar .calendar-calendar div.calendar{
			background-color: transparent;
			float: none;
		}
		.view-calendar .calendar-calendar td .inner div.calendar div.view-data-node-title,
		.view-calendar .calendar-calendar td .inner div.calendar div.view-data-node-revisions-teaser{
			margin: 0!important;
			background-color: transparent!important;
			padding: 0;
			border: none;
		}
		.view-calendar .calendar-calendar td .inner div.calendar div a{
			padding: 8px;
			display: block;
			position: relative;
			overflow: hidden;
			text-decoration: none;
			color: #333;

			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			font-weight: 400!important;
			font-size: 12px;

			-webkit-transition: all .5s ease;
			   -moz-transition: all .5s ease;
			    -ms-transition: all .5s ease;
			     -o-transition: all .5s ease;
			        transition: all .5s ease;
		}
		.view-calendar .calendar-calendar td.today .inner div.calendar div a{
			font-weight: 600 !important;
		}
		.view-calendar .calendar-calendar td .inner div.calendar div a:hover{
			background-color: #f7a901;
			color: #FFF;
			text-decoration: none;
		}

	/*	YEAR DISPLAY
		========================================================================== */

		.view-calendar .year-view td.has-events{
			background-color: #2ec098;
			border-color: #2ec098;
		}

	/*	DETAIL
		========================================================================== */

		.agenda-date{
			background-color: transparent;
			font-size: 32px;
			line-height: normal;
			font-weight: 300;
			font-family: "Open Sans", Arial, Helvetica, sans-serif;
			border-bottom: 3px solid #CCC;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}

		.calendar-dayview-empty, .agenda-content{
			padding: 0;
			border: none;
		}