/*** Auto-generated by Trumba ***

<% section name="Timeface Header Controls" %>
<% var name="TimefaceHeaderPadding"	type="fourunit"			def="0px|0px|5px|0px"			label="Padding" %>

<% section name="Header" %>
<% var name="MWHeaderFont" type="fontfamily" def="=HeaderFont" label="Font" %>
<% var name="MWHeaderSize" type="fontsize" def="=HeaderSize" label="Size" %>
<% var name="MWHeaderColor" type="color" def="=HeaderColor" label="Color" %>
<% var name="MWHeaderFontWeight" type="fontweight" def="bold" label="Weight" %>
<% var name="MWHeaderTransform" type="texttransform" def="=HeaderTransform" label="Text Transform" %>
<% var name="MWHeaderPadding" type="fourunit" def="0px|0px|0px|0px" label="Padding" %>
<% var name="MWHeaderBackgroundColor" type="tcolor" def="=BaseBackgroundColor" label="Background Color" %>

<% section name="Calendar" %>
<% var name="MWCalFont" type="fontfamily" def="=BaseFont" label="Font" %>
<% var name="MWCalFontSize" type="fontsize" def="=BaseContentSize" label="Size" %>
<% var name="MWCalBorderColor" type="tcolor" def="=BaseBorderColor" label="Calendar Border Color" %>
<% var name="MWCalTextColor" type="color" def="#000000" label="Calendar Text Color" %>
<% var name="MWCalBackgroundColor" type="tcolor" def="#fff" label="Calendar Background Color" %>
<% var name="EventBorderRadius"	type="unit"	def="=BaseBorderRadius" label="Event Block Corner Rounding" %>

<% section name="Today Styles" %>
<% var name="MWTodayColor" type="color" def="=BaseTextColor" label="Today Label Color" %>
<% var name="MWTodayBackgroundColor" type="tcolor" def="=BaseTodayBackgroundColor" label="Today Background Color" %>
<% var name="MWTodayBorderColor" type="tcolor" def="=MWCalBorderColor" label="Today Border Color" %>

<% section name="Day of Week" %>
<% var name="MWDOWFont2" type="fontfamily" def="=MWCalFont" label="Font" %>
<% var name="MWDOWFontSize2" type="fontsize" def="=MWCalFontSize" label="Size" %>
<% var name="MWDOWFontWeight2" type="fontweight" def="normal" label="Weight" %>
<% var name="MWDOWTextTransform" type="texttransform" def="none" label="Text Transform" %>
<% var name="MWDOWTextColor" type="color" def="=BaseButtonTextColor" label="Text Color" %>
<% var name="MWDOWBackgroundColor" type="tcolor" def="=BaseButtonColor" label="Background Color" %>
<% var name="MWDOWPadding" type="fourunit" def="10px|2px|10px|2px" label="Padding" %>

<% section name="Weekday" %>
<% var name="MWWDFont2" type="fontfamily" def="=MWCalFont" label="Day Number Font" %>
<% var name="MWWDFontSize2" type="fontsize" def="=MWCalFontSize" label="Day Number Size" %>
<% var name="MWWDFontWeight2" type="fontweight" def="bold" label="Day Number Weight" %>
<% var name="MWWDTextColor" type="color" def="=MWCalTextColor" label="Day Number Text Color" %>
<% var name="MWWDBackgroundColor" type="tcolor" def="=MWCalBackgroundColor" label="Background Color" %>
<% var name="MWWDBackgroundColorAlt" type="tcolor" def="=MWCalBackgroundColor" label="Alternating Background Color" %>

<% section name="Weekend" %>
<% var name="MWWEFont2" type="fontfamily" def="=MWCalFont" label="Day Number Font" %>
<% var name="MWWEFontSize2" type="fontsize" def="=MWCalFontSize" label="Day Number Size" %>
<% var name="MWWEFontWeight2" type="fontweight" def="bold" label="Day Number Weight" %>
<% var name="MWWETextColor" type="color" def="=MWCalTextColor" label="Day Number Text Color" %>
<% var name="MWWEBackgroundColor" type="tcolor" def="=MWCalBackgroundColor" label="Background Color" %>
<% var name="MWWEBackgroundColorAlt" type="tcolor" def="=MWCalBackgroundColor" label="Alternating Background Color" %>

<% section name="Event Text" %>
<% var name="MWEventFont" type="fontfamily" def="=MWCalFont" label="Font" %>
<% var name="MWEventSize" type="fontsize" def="=MWCalFontSize" label="Text Size" %>
<% var name="MWEventLinkColor" type="lcolor" def="=BaseLinkColor" label="Link Color" description="Only applies when calendar colors are disabled." %>
<% var name="MWEventTimeFontWeight" type="fontweight" def="bold" label="Event Time Font Weight" %>
<% var name="MWEventTitleFontWeight" type="fontweight" def="normal" label="Event Title Font Weight" %>
<% var name="MWEventDescriptionTransform" type="texttransform" def="none" label="Title Text Transform" %>
<% var name="MWEventMargin" type="fourunit" def="0px|2px|0px|2px" label="Padding" %>
<% var name="MWEventSpacing" type="unit" def="3px" label="Margin Between Events" %>

<% section name="Multi Day Event Styles" %>
<% var name="MWAllDayBackgroundColor" type="color" def="#f9f9f9" label="Multi Day Background Color" description="Only applies when calendar colors are disabled." %>
<% var name="MWAllDayBorderColor" type="color" def="#ccc" label="Multi Day Border Color" description="Only applies when calendar colors are disabled." %>
<% var name="MWAllDayLinkColor" type="lcolor" def="=MWEventLinkColor" label="Multi Day Link Color" description="Only applies when calendar colors are disabled." %>
<% var name="MWAllDayTextAlign" type="textalign" def="center" label="Multi Day Text Alignment" %>

<% section name="More Events Button Styles" %>
<% var name="MoreEventsFont" type="fontfamily" def="=MWCalFont" label="Font" %>
<% var name="MoreEventsSize" type="fontsize" def="=MWCalFontSize" label="Text Size" %>
<% var name="MoreEventsColor" type="color" def="=MWCalTextColor" label="Text Color" %>
<% var name="MoreEventsTextAlign" type="textalign" def="=MWAllDayTextAlign" label="Text Alignment" %>
<% var name="MoreEventsBackgroundColor" type="color" def="#fff" label="Background Color" %>
<% var name="MoreEventsBorderColor" type="color" def="#ddd" label="Border Color" %>
<% var name="MoreEventsPadding" type="fourunit" def="0px|2px|0px|2px" label="Padding" %>

 *** Auto-generated by Trumba ***/ 

/*** Auto-indexed by Trumba ***/

.eventBlock.ebg<% var usage="index" %> *{color:<% var name="EventTextColor" type="color" %>;}
.eventBlock.ebg<% var usage="index" %> a, .ebg<% var usage="index" %> a *{color:<% var name="EventLinkColor" type="lcolor" sub="link" %>;}
.eventBlock.ebg<% var usage="index" %> a:hover,
.eventBlock.ebg<% var usage="index" %> a:hover *,
.eventBlock.ebg<% var usage="index" %> a:focus,
.eventBlock.ebg<% var usage="index" %> a:focus * {
	color:<% var name="EventLinkColor" type="lcolor" sub="hover" %>;
}
.ebg<% var usage="index" %> {
	background: linear-gradient(to right, <% var name="EventBackgroundColor" type="color" %>, <% var name="EventBackgroundColorFade" type="color" %>);
}

.allDayIconWrap.ebg<% var usage="index" %> .allDayIcon * {
	fill: <% var name="EventTextColor" type="color" %>;
}

/*** Auto-indexed by Trumba ***/

.twPagerArrowRight, .twPagerBtn.right {
	margin-right: 4px;
}

.twMonthHead {
	padding: <% var name="TimefaceHeaderPadding" sub="all" %>;
	background-color: <% var name="MWHeaderBackgroundColor" %>;
}

.twHeading {
	padding: <% var name="MWHeaderPadding" sub="all" %>;
	font-family: <% var name="MWHeaderFont" %>;
	font-size: <% var name="MWHeaderSize" %>;
	font-weight: <% var name="MWHeaderFontWeight" %>;
	color: <% var name="MWHeaderColor" %>;
	text-transform: <% var name="MWHeaderTransform" %>;
}

/* weekday headers */
.weekDayLabel {
	padding: <% var name="MWDOWPadding" sub="all" %>;
	background-color: <% var name="MWDOWBackgroundColor" %>;
}
.weekDayLabel span {
	font-family: <% var name="MWDOWFont2" %>;
	font-size: <% var name="MWDOWFontSize2" %>;
	font-weight: <% var name="MWDOWFontWeight2" %>;
	text-transform: <% var name="MWDOWTextTransform" %>;
	color: <% var name="MWDOWTextColor" %>;
	line-height: 1em;
}

/* all labels */
.monthDayLabel {
	padding: 2px 3px 0 3px;
	font-family: <% var name="MWWDFont2" %>;
	font-size: <% var name="MWWDFontSize2" %>;
	font-weight: <% var name="MWWDFontWeight2" %>;
	color: <% var name="MWWDTextColor" %>;
}

.monthWrap td,
.monthWrap th {
	border: 1px solid <% var name="MWCalBorderColor" %>;
}

/* all days */
.monthCell {
	background-color: <% var name="MWWDBackgroundColor" %>;
	/* overflow-y: clip; */ /* removed because it causes events to disapear in FF 124.  Also disabled open animation because this CSS entry fixed an issue with animation */
}
.weekdayAlternate { background-color: <% var name="MWWDBackgroundColorAlt" %>; }

/* weekend days */
.weekend,
.weekendAlternate,
.weekend .monthDayLabel,
.weekendAlternate .monthDayLabel
{
	font-family: <% var name="MWWEFont2" %>;
	font-size: <% var name="MWWEFontSize2" %>;
	font-weight: <% var name="MWWEFontWeight2" %>;
	color: <% var name="MWWETextColor" %>;
	background-color: <% var name="MWWEBackgroundColor" %>;
}
.weekendAlternate,
.weekendAlternate .monthDayLabel {
	background-color: <% var name="MWWEBackgroundColorAlt" %>;
}

/* today */
.monthWrap td.today {
	border: 1px double <% var name="MWTodayBorderColor" %>;
	background-color: <% var name="MWTodayBackgroundColor" %>;
}
.monthWrap td.today .monthDayLabel {
	color: <% var name="MWTodayColor" %>;
	background-color: <% var name="CMTodayBackgroundColor" %>;
}

/* event container */
.eventBlock {
	padding: <% var name="MWEventMargin" sub="all" %>;
	margin: 0 0 <% var name="MWEventSpacing" %>;
	border-radius: <% var name="EventBorderRadius" %>;
}

.eventBlock * {
	font-family: <% var name="MWEventFont" %>;
	font-size: <% var name="MWEventSize" %>;
}

.eventBlock a {
	color: <% var name="MWEventLinkColor" sub="link" %>;
}

.eventBlock a:hover,
.eventBlock a:focus {
	color: <% var name="MWEventLinkColor" sub="hover" %>;
}

.eventBlock.allDay {
	border: 1px solid <% var name="MWAllDayBorderColor" %>;
	background-color: <% var name="MWAllDayBackgroundColor" %>;
}

.eventBlock.allDay a {
	color: <% var name="MWAllDayLinkColor" sub="link" %>;
}

.eventBlock.allDay a:hover,
.eventBlock.allDay a:focus {
	color: <% var name="MWAllDayLinkColor" sub="hover" %>;
}

.allDayEvtText {
	text-align: <% var name="MWAllDayTextAlign" %>;
}

.allDayIconWrap .allDayIcon * {
	fill: <% var name="MWCalTextColor" type="color" %>;
}

.startTime {
	font-weight: <% var name="MWEventTimeFontWeight" %>;
}

.twDescription {
	font-weight: <% var name="MWEventTitleFontWeight" %>;
	text-transform: <% var name="MWEventDescriptionTransform" %>;
}

.moreEvents {
	border: 1px solid <% var name="CMAllDayBorderColor" %>;
	padding: <% var name="CMEventPadding" sub="all" %>;
}

.moreEvents {
	font-family: <% var name="MoreEventsFont" %>;
	font-size: <% var name="MoreEventsSize" %>;
	text-align: <% var name="MoreEventsTextAlign" %>;
	border: 1px solid <% var name="MoreEventsBorderColor" %>;
	padding: <% var name="MoreEventsPadding" sub="all" %>;
	background-color: <% var name="MoreEventsBackgroundColor" %>;
	color: <% var name="MoreEventsColor" %>;
	border-radius: <% var name="EventBorderRadius" %>;
}