/* calendar layout */
.calDisplayTag
{
	font-weight: bold;
	cursor: pointer;
}

.calTriggerIcon
{
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
}

/* schedule layout */
.scheduleContainer
{
	border-collapse: collapse;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	background-color: #F4F4F4;
	border: 1px solid #E8E8E8;
}

.scheduleContainer tr:nth-child(even) td
{
	background-color: #FFFFFF;
}

.scheduleContainer tr td
{
	border-bottom: 1px solid #E8E8E8;
}

.scheduleNav .formButton
{
	
}

.scheduleCaption,
.scheduleDayTime
{
	font-weight: bold;
	background-color: #F4F4F4;
	letter-spacing: 2px;
	padding: 3px 2px;
}

.scheduleCaption.scheduleNav
{
	height: 30px !important;
}

.scheduleCaption.scheduleDay.scheduleDayOnly
{
	height: 40px;
	vertical-align: top;
	padding-top: 10px;
}

.scheduleCaption input
{
	background-color: #3AAADC;
}

.scheduleCaption input:hover
{
	background-color: #BECF31;
	border: 1px solid #BECF31;
}

.scheduleCaption .calDisplayTag
{
	display: none;
}

.scheduleCaption.scheduleDayOnly,
.scheduleContent.scheduleDay
{
	height: 50px;
	border-left: 1px solid #E8E8E8;
	border-right: 1px solid #E8E8E8;
}

.scheduleCaption .scheduleDayCountBookableEventtimes
{
	display: inline-block;
	margin-top: 10px;
	font-size: 0.8em;
	color: #088F00;
	background-color: #F4F4F4;
	border: 1px solid #088F00;
	border-radius: 10px;
	padding: 5px;
}

.scheduleDay
{
	width: 11.11%;
	vertical-align: middle;
}

.scheduleDay, .scheduleDay a, .scheduleDay a:visited, .scheduleDay a:hover
{
	text-decoration: none;
	font-size: 1.0em;
}

.scheduleDayBooked
{
}

.scheduleDayBooked, .scheduleDayBooked a, .scheduleDayBooked a:visited, .scheduleDayBooked a:hover
{
	color: #8F002B;
}

.scheduleContainer tr td.scheduleDayFree
{
	background-color: #D3EFD1;
}

.scheduleDayFree, .scheduleDayFree a, .scheduleDayFree a:visited, .scheduleDayFree a:hover
{
	font-size: 12pt;
}

.scheduleDayFree .scheduleDayFreeTickets
{
	font-size: smaller;
}

.scheduleDay .scheduleEventtimeDescription
{
	display: block;
	font-size: 0.7em;
}

.scheduleDay .scheduleEventtimeActiveF
{
	vertical-align: middle;
	margin-left: 5px;
}

.scheduleNoEventtimesAvailable
{
	padding: 10px;
}

/* overwrite classes from the main events.css */
.scheduleContent.scheduleDay.etStartTimeNotBookable
{
	font-weight: normal;
	text-decoration: none;
	color: #858585;
}






/*-----RESPONSIVE-----SMARTPHONES-----PORTRAIT AND LANDSCAPE-----*/
@media only screen and (max-width : 480px) {
	.bodyBox_responsive .mainBox_stage_2688 .contentBox														{width: 100vw;}
	.bodyBox_responsive .mainBox_stage_2688 .outerBox														{width: 100vw;}
	.bodyBox_responsive .mainBox_stage_2688 .outerBoxData													{width: auto;}
	/*.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer												{margin-left: 0px; width: 248vw; margin-top: 6vw; transform: scale(0.38); transform-origin: left top;}*/
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer												{margin-left: 0px; width: auto; margin-top: 6vw; margin-bottom: 6vw;}
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer .scheduleCaption.scheduleNav					{height: auto !important;}
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer .scheduleCaption.scheduleNav .formButton		{width: 22%; margin: 0vw 2vw;}
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer td											{padding: 4vw 0;}
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer input										{padding: 4vw 2vw; height: auto; line-height: normal;}
	.bodyBox_responsive .mainBox_stage_2688 .scheduleContainer .scheduleDay a								{padding: 4vw 2vw; height: auto; line-height: normal;}
	
	.bodyBox_responsive.bodyBox_stage_2688  .calendar														{left: 3vw !important; top: 3vw !important;}
}