/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- By Display:inline ------------- '''' -----------
 *
 * Agenda styles
 */

/* Events list */
.events {
	list-style-type: none;
	margin-left: 0;
	color: #a0a0a0;
	}
	.events > li {
		border-top: 1px solid #e6e6e6;
		position: relative;
		padding: 17px 20px 17px 100px;
		min-height: 44px;
		}
		.events > li:first-child {
			border-top: 0;
		}
		.event-date {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 80px;
			line-height: 80px;
			font-size: 48px;
			font-family: 'Open Sans', sans-serif;
			color: #999999;
			text-align: center;
			border-right: 1px solid #e6e6e6;
			}
			.with-month {
				line-height: 66px;
			}
			.event-month {
				display: block;
				font-size: 10px;
				line-height: 10px;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #bfbfbf;
				margin-top: -12px;
			}
		.event-description {
			display: block;
			margin: -17px -20px;
			padding: 17px 20px;
			min-height: 44px;
			}
			a.event-description {
				color: #a0a0a0;
				}
				a.event-description:hover {
					background-color: #f0f5fa;
				}
			.events h4 {
				color: #666666;
				margin: 0 0 8px;
			}

/*
 * Daily/Weekly agenda
 */
.agenda {
	position: relative;
	height: 450px;			/* Default agenda height, may be changed to your convinience */
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	}
	.block > .agenda {
		border-right: 0;
		border-left: 0;
	}

	/* Times */
	.agenda-time {
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		bottom: 16px;
		margin: 0;
		list-style-type: none;
		color: #bfbfbf;
		}
		.with-header > .agenda-time {
			top: 56px;
		}
		.agenda-time > li {
			border-top: 1px solid #e6e6e6;
			position: absolute;
			left: 0;
			right: 0;
			}
			.agenda-time > li.silver		{ border-top-color: #cccccc;	}
			.agenda-time > li.black			{ border-top-color: black;		}
			.agenda-time > li.anthracite	{ border-top-color: #4c4c4c;	}
			.agenda-time > li.grey			{ border-top-color: #a5a5a5;	}
			.agenda-time > li.white			{ border-top-color: white;		}
			.agenda-time > li.red			{ border-top-color: #dd380d;	}
			.agenda-time > li.orange		{ border-top-color: #ffae00;	}
			.agenda-time > li.green			{ border-top-color: #99c624;	}
			.agenda-time > li.blue			{ border-top-color: #0059a0;	}
			.agenda-time > li > span {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				font-size: 11px;
				margin: 0 0 0 3px;
			}

	/* Header */
	.agenda.with-header {
		padding-top: 40px;
		border-bottom: 1px solid #bfbfbf;
		}
		.agenda-header {
			position: absolute;
			z-index: 88;
			top: 0;
			left: 0;
			right: 0;
			height: 38px;
			line-height: 38px;
			font-size: 18px;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-style: solid;
			text-align: center;
			-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			}
			.agenda-events > .agenda-header {
				top: -56px;
			}
			.agenda-wrapper > .agenda-events .agenda-header {
				border-left-width: 1px;
				}
				.agenda-wrapper > .agenda-events:first-child .agenda-header,
				.scrolling-agenda .agenda-visible-first .agenda-header {
					border-left-width: 0;
				}

			/* Scroll arrows */
			.agenda-previous,
			.agenda-next {
				display: block;
				position: absolute;
				width: 38px;
				height: 38px;
				text-align: center;
				top: 50%;
				margin-top: -18px;
				}
				a.agenda-previous,
				a.agenda-next {
					color: inherit;
					/* color:expression(this.parentNode.currentStyle['color']); */
				}
				span.agenda-previous, .agenda-previous.disabled,
				span.agenda-next, .agenda-next.disabled {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
					filter: alpha(opacity=20);
					-khtml-opacity: 0.2;
					-moz-opacity: 0.2;
					opacity: 0.2;
				}
				.agenda-previous > .icon:before,
				.agenda-next > .icon:before {
					font-size: 40px;
				}
				.agenda-previous {
					left: 0;
				}
				.agenda-next {
					right: 0;
				}

				/* When plugin scrolling is enabled */
				.scrolling-agenda .agenda-previous,
				.scrolling-agenda .agenda-next {
					display: none;
					}
					.agenda-visible-first .agenda-previous {
						display: block;
					}
					.agenda-visible-last .agenda-next {
						display: block;
					}

	/* Events column */
	.agenda-events {
		margin-left: 0;
		list-style-type: none;
		position: absolute;
		top: 16px;
		left: 0;
		width: 100%;
		bottom: 16px;
		}
		.with-header > .agenda-events,
		.with-header > .agenda-wrapper > .agenda-events {
			top: 56px;
			}
			.agenda-wrapper > .agenda-events {
				border-left: 1px solid #bfbfbf;
				}
				.agenda-wrapper > .agenda-events:first-child {
					border-left: 0;
				}
		.agenda-event {
			display: block;
			position: absolute;
			left: 10px;
			right: 10px;
			font-size: 12px;
			line-height: 12px;
			padding: 3px 4px;
			border-width: 1px;
			border-style: solid;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			}
			.agenda-event.black-gradient,
			.agenda-event.anthracite-gradient,
			.agenda-event.grey-gradient,
			.agenda-event.blue-gradient,
			.agenda-event.red-gradient,
			.agenda-event.orange-gradient,
			.agenda-event.green-gradient {
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
			}
			.agenda-event time {
				display: block;
				margin: -1px 0 2px;
				font-size: 11px;
				line-height: 11px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				-khtml-opacity: 0.6;
				-moz-opacity: 0.6;
				opacity: 0.6;
			}

	/* Multiple columns wrapper */
	.agenda-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}
		.agenda-wrapper > .agenda-events {
			position: absolute;
			width: auto;
			}
			/* ARB:03/29/2024 - adjust so we can have multi-week day agendas
			 * Generated by genAgendaDay */

			/* One-week entries */
			.agenda-wrapper > .agenda-day1         { left: 0;       right: 85.714%;  }
			.agenda-wrapper > .agenda-day2         { left: 14.286%; right: 71.429%;  }
			.agenda-wrapper > .agenda-day3         { left: 28.571%; right: 57.143%;  }
			.agenda-wrapper > .agenda-day4         { left: 42.857%; right: 42.857%;  }
			.agenda-wrapper > .agenda-day5         { left: 57.143%; right: 28.571%;  }
			.agenda-wrapper > .agenda-day6         { left: 71.429%; right: 14.286%;  }
			.agenda-wrapper > .agenda-day7         { left: 85.714%; right: 0;        }

			/* Two-week entries */
			.agenda-wrapper > .agenda-2week-day1   { left: 0;       right: 92.857%  }
			.agenda-wrapper > .agenda-2week-day2   { left: 7.143%;  right: 85.714%  }
			.agenda-wrapper > .agenda-2week-day3   { left: 14.286%; right: 78.571%  }
			.agenda-wrapper > .agenda-2week-day4   { left: 21.429%; right: 71.429%  }
			.agenda-wrapper > .agenda-2week-day5   { left: 28.571%; right: 64.286%  }
			.agenda-wrapper > .agenda-2week-day6   { left: 35.714%; right: 57.143%  }
			.agenda-wrapper > .agenda-2week-day7   { left: 42.857%; right: 50.000%  }
			.agenda-wrapper > .agenda-2week-day8   { left: 50.000%; right: 42.857%  }
			.agenda-wrapper > .agenda-2week-day9   { left: 57.143%; right: 35.714%  }
			.agenda-wrapper > .agenda-2week-day10  { left: 64.286%; right: 28.571%  }
			.agenda-wrapper > .agenda-2week-day11  { left: 71.429%; right: 21.429%  }
			.agenda-wrapper > .agenda-2week-day12  { left: 78.571%; right: 14.286%  }
			.agenda-wrapper > .agenda-2week-day13  { left: 85.714%; right: 7.143%   }
			.agenda-wrapper > .agenda-2week-day14  { left: 92.857%; right: 0.000%   }

			/* Three-week entries */
			.agenda-wrapper > .agenda-3week-day1   { left: 0;       right: 95.238%  }
			.agenda-wrapper > .agenda-3week-day2   { left: 4.762%;  right: 90.476%  }
			.agenda-wrapper > .agenda-3week-day3   { left: 9.524%;  right: 85.714%  }
			.agenda-wrapper > .agenda-3week-day4   { left: 14.286%; right: 80.952%  }
			.agenda-wrapper > .agenda-3week-day5   { left: 19.048%; right: 76.190%  }
			.agenda-wrapper > .agenda-3week-day6   { left: 23.810%; right: 71.429%  }
			.agenda-wrapper > .agenda-3week-day7   { left: 28.571%; right: 66.667%  }
			.agenda-wrapper > .agenda-3week-day8   { left: 33.333%; right: 61.905%  }
			.agenda-wrapper > .agenda-3week-day9   { left: 38.095%; right: 57.143%  }
			.agenda-wrapper > .agenda-3week-day10  { left: 42.857%; right: 52.381%  }
			.agenda-wrapper > .agenda-3week-day11  { left: 47.619%; right: 47.619%  }
			.agenda-wrapper > .agenda-3week-day12  { left: 52.381%; right: 42.857%  }
			.agenda-wrapper > .agenda-3week-day13  { left: 57.143%; right: 38.095%  }
			.agenda-wrapper > .agenda-3week-day14  { left: 61.905%; right: 33.333%  }
			.agenda-wrapper > .agenda-3week-day15  { left: 66.667%; right: 28.571%  }
			.agenda-wrapper > .agenda-3week-day16  { left: 71.429%; right: 23.810%  }
			.agenda-wrapper > .agenda-3week-day17  { left: 76.190%; right: 19.048%  }
			.agenda-wrapper > .agenda-3week-day18  { left: 80.952%; right: 14.286%  }
			.agenda-wrapper > .agenda-3week-day19  { left: 85.714%; right: 9.524%   }
			.agenda-wrapper > .agenda-3week-day20  { left: 90.476%; right: 4.762%   }
			.agenda-wrapper > .agenda-3week-day21  { left: 95.238%; right: 0.000%   }


	/* ARB:03/26/2024 - adjust so the column butt up against each other */

	/* 2-columns wide */
	.event-1-on-2 {		left: 0 !important;	right: 50% !important;	margin-left: 10px !important;	margin-right: 0px !important;	}
	.event-2-on-2 {		left: 50% !important;	right: 0 !important;	margin-left: 0px !important;	margin-right: 10px !important;	}

	/* 3-columns wide */
	.event-1-on-3 {		left: 0;	right: 67%;	margin-left: 10px;	margin-right: 0px;	}
	.event-2-on-3 {		left: 33%;	right: 33%;	margin-left: 0px;	margin-right: 0px;	}
	.event-3-on-3 {		left: 67%;	right: 0;	margin-left: 0px;	margin-right: 10px;	}

	/* 4-columns wide */
	.event-1-on-4 {		left: 0;	right: 75%;	margin-left: 10px;	margin-right: 0px;	}
	.event-2-on-4 {		left: 25%;	right: 50%;	margin-left: 0px;	margin-right: 0px;	}
	.event-3-on-4 {		left: 50%;	right: 25%;	margin-left: 0px;	margin-right: 0px;	}
	.event-4-on-4 {		left: 75%;	right: 0;	margin-left: 0px;	margin-right: 10px;	}

	/* 5-columns wide */
	.event-1-on-5 {		left: 0;	right: 80%;	margin-left: 10px;	margin-right: 0px;	}
	.event-2-on-5 {		left: 20%;	right: 60%;	margin-left: 0px;	margin-right: 0px;	}
	.event-3-on-5 {		left: 40%;	right: 40%;	margin-left: 0px;	margin-right: 0px;	}
	.event-4-on-5 {		left: 60%;	right: 20%;	margin-left: 0px;	margin-right: 0px;	}
	.event-5-on-5 {		left: 80%;	right: 0%;	margin-left: 0px;	margin-right: 10px;	}

	/* ARB:05/02/2024 - adjust so the column with slight gap, for the panel titles */

	/* 2-columns wide */
	.grid-1-on-2 {		left: 0;	right: 50%;	margin-left: 15px;	margin-right: 5px;	}
	.grid-2-on-2 {		left: 50%;	right: 0;	margin-left: 5px;	margin-right: 15px;	}

	/* 3-columns wide */
	.grid-1-on-3 {		left: 0;	right: 67%;	margin-left: 15px;	margin-right: 5px;	}
	.grid-2-on-3 {		left: 33%;	right: 33%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-3-on-3 {		left: 67%;	right: 0;	margin-left: 5px;	margin-right: 15px;	}

	/* 4-columns wide */
	.grid-1-on-4 {		left: 0;	right: 75%;	margin-left: 15px;	margin-right: 5px;	}
	.grid-2-on-4 {		left: 25%;	right: 50%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-3-on-4 {		left: 50%;	right: 25%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-4-on-4 {		left: 75%;	right: 0;	margin-left: 5px;	margin-right: 15px;	}

	/* 5-columns wide */
	.grid-1-on-5 {		left: 0;	right: 80%;	margin-left: 15px;	margin-right: 5px;	}
	.grid-2-on-5 {		left: 20%;	right: 60%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-3-on-5 {		left: 40%;	right: 40%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-4-on-5 {		left: 60%;	right: 20%;	margin-left: 5px;	margin-right: 5px;	}
	.grid-5-on-5 {		left: 80%;	right: 0%;	margin-left: 5px;	margin-right: 15px;	}


	/* Curent time marker */
	.agenda-now {
		position: absolute;
		left: 0;
		right: 0;
		border-top: 1px solid #dd380d;
		color: white;
		}
		.agenda-now > span {
			display: block;
			position: absolute;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			background: #dd380d;
			padding: 2px 5px 2px;
			top: -7px;
			/* right: 5px; */
			left: 5px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}

	/* ARB 3/30/2024 - events that start/end at the same time are a line with a marker, like the now event */
	.agenda-line {
		position: absolute;
		left: 0;
		right: 0;
		border-top: 1px solid #004795;			/* blue-gradient's border-color */
		color: white;
		}
		.agenda-line > span {
			display: block;
			position: absolute;
			font-size: 12px;
			line-height: 12px;
	/*		font-weight: bold;			** Looks pudgy on a Mac */
			font-weight: normal;
			background: #0059a0;			/* blue-gradient's background */
			padding: 2px 5px 2px;
			top: -7px;
			/* right: 5px; */
			left: 5px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.agenda-line > span > span {
			font-size: 8px;
			font-weight: normal;
		}
	/* ARB 05/02/2024 - parallel for panel title lines */
	.grid-line {
		position: absolute;
		left: 0;
		right: 0;
		border-top: 1px solid #004795;
		color: white;
		}
		.grid-line > span {
			display: block;
			position: absolute;
			font-size: 12px;
			line-height: 12px;
	/*		font-weight: bold;				** This looks pudgy on a Mac */
			font-weight: normal;
			background: #005920;				// #0059a0
			padding: 2px 5px 2px;
			top: -7px;
			-webkit-border-radius: 3px;
			-mox-border-radius: 3px;
			border-radius: 3px;
			opacity: 0.60;
			}
		.grid-line > span > span {
			fot-size: 8px;
			font-weight: normal;
			}

	/* Classes for events spreading out of default time-range */
	.from-before {
		top: -16px;
		border-top: 0;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.to-after {
		bottom: -16px;
		border-bottom: 0;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	/*
	 * Times
	 *
	 * The default time range goes from 7:00 to 20:00. To change this, do as follow:
	 * - Get the number of hours in the desired range, for instance 7 -> 20 = 13
	 * - Calculate the interval for each hour : 100/13 = 7.692
	 * - Start at the first hour with top: 0
	 * - Then increase top position for each hour by the calculated interval
	 * - Half hours are set using adding half the interval
	 *
	 * Do the same but in reverse for the to-* values, start from 100, then decrease.
	 *
	 */
	 /* ARB 03/26/2024 - genFromTo generates this table */
	.from-6,      .at-6      { top:    0%;      }
	.from-6-15,   .at-6-15   { top:    1.538%;  }
	.from-6-30,   .at-6-30   { top:    3.077%;  }
	.from-6-45,   .at-6-45   { top:    4.615%;  }
	.from-7,      .at-7      { top:    6.154%;  }
	.from-7-15,   .at-7-15   { top:    7.692%;  }
	.from-7-30,   .at-7-30   { top:    9.231%;  }
	.from-7-45,   .at-7-45   { top:    10.769%; }
	.from-8,      .at-8      { top:    12.308%; }
	.from-8-15,   .at-8-15   { top:    13.846%; }
	.from-8-30,   .at-8-30   { top:    15.385%; }
	.from-8-45,   .at-8-45   { top:    16.923%; }
	.from-9,      .at-9      { top:    18.462%; }
	.from-9-15,   .at-9-15   { top:    20.000%; }
	.from-9-30,   .at-9-30   { top:    21.538%; }
	.from-9-45,   .at-9-45   { top:    23.077%; }
	.from-10,     .at-10     { top:    24.615%; }
	.from-10-15,  .at-10-15  { top:    26.154%; }
	.from-10-30,  .at-10-30  { top:    27.692%; }
	.from-10-45,  .at-10-45  { top:    29.231%; }
	.from-11,     .at-11     { top:    30.769%; }
	.from-11-15,  .at-11-15  { top:    32.308%; }
	.from-11-30,  .at-11-30  { top:    33.846%; }
	.from-11-45,  .at-11-45  { top:    35.385%; }
	.from-12,     .at-12     { top:    36.923%; }
	.from-12-15,  .at-12-15  { top:    38.462%; }
	.from-12-30,  .at-12-30  { top:    40.000%; }
	.from-12-45,  .at-12-45  { top:    41.538%; }
	.from-13,     .at-13     { top:    43.077%; }
	.from-13-15,  .at-13-15  { top:    44.615%; }
	.from-13-30,  .at-13-30  { top:    46.154%; }
	.from-13-45,  .at-13-45  { top:    47.692%; }
	.from-14,     .at-14     { top:    49.231%; }
	.from-14-15,  .at-14-15  { top:    50.769%; }
	.from-14-30,  .at-14-30  { top:    52.308%; }
	.from-14-45,  .at-14-45  { top:    53.846%; }
	.from-15,     .at-15     { top:    55.385%; }
	.from-15-15,  .at-15-15  { top:    56.923%; }
	.from-15-30,  .at-15-30  { top:    58.462%; }
	.from-15-45,  .at-15-45  { top:    60.000%; }
	.from-16,     .at-16     { top:    61.538%; }
	.from-16-15,  .at-16-15  { top:    63.077%; }
	.from-16-30,  .at-16-30  { top:    64.615%; }
	.from-16-45,  .at-16-45  { top:    66.154%; }
	.from-17,     .at-17     { top:    67.692%; }
	.from-17-15,  .at-17-15  { top:    69.231%; }
	.from-17-30,  .at-17-30  { top:    70.769%; }
	.from-17-45,  .at-17-45  { top:    72.308%; }
	.from-18,     .at-18     { top:    73.846%; }
	.from-18-15,  .at-18-15  { top:    75.385%; }
	.from-18-30,  .at-18-30  { top:    76.923%; }
	.from-18-45,  .at-18-45  { top:    78.462%; }
	.from-19,     .at-19     { top:    80.000%; }
	.from-19-15,  .at-19-15  { top:    81.538%; }
	.from-19-30,  .at-19-30  { top:    83.077%; }
	.from-19-45,  .at-19-45  { top:    84.615%; }
	.from-20,     .at-20     { top:    86.154%; }
	.from-20-15,  .at-20-15  { top:    87.692%; }
	.from-20-30,  .at-20-30  { top:    89.231%; }
	.from-20-45,  .at-20-45  { top:    90.769%; }
	.from-21,     .at-21     { top:    92.308%; }
	.from-21-15,  .at-21-15  { top:    93.846%; }
	.from-21-30,  .at-21-30  { top:    95.385%; }
	.from-21-45,  .at-21-45  { top:    96.923%; }
	.from-22,     .at-22     { top:    100%;    }

	.to-6                    { bottom: 100%;    }
	.to-6-15                 { bottom: 98.462%; }
	.to-6-30                 { bottom: 96.923%; }
	.to-6-45                 { bottom: 95.385%; }
	.to-7                    { bottom: 93.846%; }
	.to-7-15                 { bottom: 92.308%; }
	.to-7-30                 { bottom: 90.769%; }
	.to-7-45                 { bottom: 89.231%; }
	.to-8                    { bottom: 87.692%; }
	.to-8-15                 { bottom: 86.154%; }
	.to-8-30                 { bottom: 84.615%; }
	.to-8-45                 { bottom: 83.077%; }
	.to-9                    { bottom: 81.538%; }
	.to-9-15                 { bottom: 80.000%; }
	.to-9-30                 { bottom: 78.462%; }
	.to-9-45                 { bottom: 76.923%; }
	.to-10                   { bottom: 75.385%; }
	.to-10-15                { bottom: 73.846%; }
	.to-10-30                { bottom: 72.308%; }
	.to-10-45                { bottom: 70.769%; }
	.to-11                   { bottom: 69.231%; }
	.to-11-15                { bottom: 67.692%; }
	.to-11-30                { bottom: 66.154%; }
	.to-11-45                { bottom: 64.615%; }
	.to-12                   { bottom: 63.077%; }
	.to-12-15                { bottom: 61.538%; }
	.to-12-30                { bottom: 60.000%; }
	.to-12-45                { bottom: 58.462%; }
	.to-13                   { bottom: 56.923%; }
	.to-13-15                { bottom: 55.385%; }
	.to-13-30                { bottom: 53.846%; }
	.to-13-45                { bottom: 52.308%; }
	.to-14                   { bottom: 50.769%; }
	.to-14-15                { bottom: 49.231%; }
	.to-14-30                { bottom: 47.692%; }
	.to-14-45                { bottom: 46.154%; }
	.to-15                   { bottom: 44.615%; }
	.to-15-15                { bottom: 43.077%; }
	.to-15-30                { bottom: 41.538%; }
	.to-15-45                { bottom: 40.000%; }
	.to-16                   { bottom: 38.462%; }
	.to-16-15                { bottom: 36.923%; }
	.to-16-30                { bottom: 35.385%; }
	.to-16-45                { bottom: 33.846%; }
	.to-17                   { bottom: 32.308%; }
	.to-17-15                { bottom: 30.769%; }
	.to-17-30                { bottom: 29.231%; }
	.to-17-45                { bottom: 27.692%; }
	.to-18                   { bottom: 26.154%; }
	.to-18-15                { bottom: 24.615%; }
	.to-18-30                { bottom: 23.077%; }
	.to-18-45                { bottom: 21.538%; }
	.to-19                   { bottom: 20.000%; }
	.to-19-15                { bottom: 18.462%; }
	.to-19-30                { bottom: 16.923%; }
	.to-19-45                { bottom: 15.385%; }
	.to-20                   { bottom: 13.846%; }
	.to-20-15                { bottom: 12.308%; }
	.to-20-30                { bottom: 10.769%; }
	.to-20-45                { bottom: 9.231%;  }
	.to-21                   { bottom: 7.692%;  }
	.to-21-15                { bottom: 6.154%;  }
	.to-21-30                { bottom: 4.615%;  }
	.to-21-45                { bottom: 3.077%;  }
	.to-22                   { bottom: 0%;      }


/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	/*
	 * Daily/Weekly agenda
	 */
	.agenda {
		margin-left: 60px;
		}
		.block > .agenda {
			border-left: 1px solid #bfbfbf;
		}
		.agenda-time > li > span {
			font-size: 13px;
			left: auto;
			right: 100%;
			margin: -8px 10px 0 0;
			width: 50px;
			text-align: right;
		}

}/*/mediaquery*/