/* SMALL CALENDAR
--------------------------------------------------------------------*/
.sCal 
{
    background: #872175;
	margin: 0;
	padding: 48px 0 0;
	height: 0;
	overflow: hidden;/*
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	z-index: 1000;
}
	body.jsEnabled .sCal
	{
		background: #fff;
		padding: 0;
		overflow: visible;
		height: auto;
	}
#sCalendars
{/*
    height: 150px;*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.sCalHeader
{	
	background: #000;
	height: 48px;
	margin: 0;
	padding: 0;
}
.sCalHeader img
{
	display: inline;
}
.sCalTitle
{
	float: left;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	margin: 0;
	padding: 12px 0 0 20px;
}
	.sCalTitle span
	{
		color: #fff;
	}
.sCalDate
{
	display: inline;
}
.sCalFullCalendarLink 
{
	float: right;
	padding: 15px 20px 0 0;
	margin: 0;
}
.sCalFullCalendarLink a:link, .sCalFullCalendarLink a:visited
{
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}
.sCalFullCalendarLink a:hover
{
	text-decoration: underline;
}/*
.sCalHR
{
	clear: both;
	border-top: solid 4px #ff6600;
	height: 11px; 
}*/
#sCalLoading
{
    clear: both;
    background-color: #ffffcc;
    margin: 0 11px;
	padding: 3px 0 3px 5px;
}
#sCalLoading img
{
    display: inline;
}
.sCalMain
{
	clear: both;
	margin: 0;
	padding: 10px 0;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}
	.sCalMain a, .sCalMain a:visited, .sCalMain a:active
	{
		font-family: Arial, Sans-Serif;
		font-size: 13px;
	}
	.sCalMain table
	{
		width: 100% !important;
		background: none !important;
	}
		.sCalMain table td,
		.sCalMain table th
		{
			height: 22px;
		}
.sCalDayHeader
{
	font-size: 14px;
	line-height: 16px;
	height: 23px;
}
.sCalDay 
{
	width: 27px;
	height: 20px;
	color: #333;
}
.sCalSelectedDay
{
	color: #06c;
	font-weight: bold;
	width: 27px;
	height: 20px;
}
.sCalSelectedDay a
{
    font-weight: bold;
    color: Red;
}
.sCalOtherMonth
{
	color: #666 !important;
	width: 27px;
	height: 20px;
}
	.sCalOtherMonth #DaySpan
	{
		color: #666 !important;
	}
.sCalContentDate a:link, .sCalContentDate a:visited
{
	color: #06c;
	font-weight: bold;
	text-decoration: none;
}
a.sCalContentLink:link, a.sCalContentLink:visited
{
    color: #06c;
	font-weight: bold;
	text-decoration: none;
}
.sCalClickEventOff 
{   
}
.sCalClickEventOn
{
}
	/* add bg to the current date selected */
	.sCalContentDate a
	{
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
	}
		.sCalContentDate a.on
		{
			background: #3573b9;
			border: 1px solid #3573b9;
			color: #fff;
		}
	/* highlight today's date */
	span.today
	{
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border: 1px solid #3573b9;
	}
.sCalEventInfo
{
	display: block;
	clear: both;
	color: #3573b9;
	font-size: 13px;
	line-height: 15px;
}
.sCalEventImage 
{
	display: none;
}
.sCalEventBody
{
	display: block;
	border: none;	
	padding: 10px 0 0;
	margin: 0 0 5px;
}
	.sCalEventInfo .sCalEventInfo .sCalEventBody {
		border-top: 1px solid #ccc;
	}
.sCalEventInfoTitle
{
	font-weight: bold;
}
	.sCalEventInfoTitle a,
	.sCalEventInfoTitle a *
	{
		color: #36c !important;
		font-size: 13px !important;
		font-family: Arial, Sans-Serif !important;
		font-weight: bold !important;
		text-decoration: underline !important;
	}
.sCalEventInfoDetail,
.sCalEventLocation
{
	color: #3573b9;
}
.sCalEventLinks, div.sCalEventLinks
{
	margin-top: 10px;
	text-align: right;
}
.sCalEventLinks a
{
	display: block;
	float: right;
	color: #fff !important;
	background: #d9531e;
	text-decoration: none;
	font-family: Arial, Sans-Serif !important;
	text-transform: uppercase;
	font-size: 9px !important;
	line-height: 12px;
	padding: 4px 5px;
}
	.sCalEventLinks a:hover 
	{
		text-decoration: none !important;
		background: #3573b9 !important;
	}
#sCalEventInfoHeader
{
	margin: 0;
	padding: 10px 20px 0;/*
	height: 11px;*/
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
	#sCalEventInfoHeader h2
	{
		font-family: Arial, Sans-Serif;
		font-size: 18px;
		font-weight: bold;
		border: none;
		margin: 0;
	}


#sCalEventInfoBody
{
    clear:both;
    margin:0 0 -2px;
    padding: 0 20px;
    border-left:0; 
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    *border-bottom: 3px solid #ccc;
    float: left;
    display: block;
    width: 275px;
    background: #fff;
}

	#sCalEventInfoBody #sCalEventInfoHeader
	{
		border: none;
		padding: 0;
	}
#sCalInstructions
{
	color: #333333;
	font-size: 17px;
	font-weight: bold;
	margin-top: 16px;
	text-align: center;
	height: 73px;
}
#sCalEventInfoFooter
{
	background-color: #e6e4d8;
	width: 317px;
	height: 22px;
	margin-top: -20px;
}
/* FULL CALENDAR
--------------------------------------------------------------------*/
.fCalMonthSelect
{
    clear: both;
}
.fCalMonthSelect div
{
    color: Black;
    font-size: 13px;
    font-weight: bold;
}
.fCalSelectedMonthYear
{
    background: White url(../../../images/calendar/full/bkg_dropdown.gif) no-repeat left top;
    width: 150px;
    height: 21px;
    color: #333333;
    font-size: 11px;
}
.fCalMonthYearList
{
    position: absolute;
    visibility: hidden;
    display: none;
    width: 150px;
    border: solid 1px #f5f5f5;
    margin: 0;
    padding: 0;
}
.fCalMonthYearListNormal
{
    background-color: White;
    border: solid 1px White;
    height: 20px;
    padding: 2px 3px;
}
.fCalMonthYearListHover
{
    background-color: #eeede4;
    border: dotted 1px #f5f5f5;
    height: 20px;
    padding: 2px 3px;
}
.fCalMonthYearListNormal a:link, .fCalMonthYearListNormal a:visited, .fCalMonthYearListHover a:link, .fCalMonthYearListHover a:visited
{
    color: #333333;
    font-size: 11px;
    text-decoration: none;
}
.fCalEventTypes
{
    clear: both;
    margin: 14px 0;
    padding: 0;
}
.fCalEventTypeButtons
{
    float: left;
    margin-right: 8px;
    width: 120px;
    height: 18px;
}
.fCalHeader
{
    clear: both;
    background-color: #f8f8f4;
    border: solid 1px #cbc8b7;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
}
.fCalHeader img
{
    display: inline;
}
.fCalHeaderMonthYear
{
    color: Black;
    font-size: 22px;
}
.fCalDayHeader
{
    color: Black;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}
.fCalDay
{
    background-color: #eeede4;
    height: 100px;
    text-align: left;
    padding: 5px 8px;
}
.fCalDayHover
{
    background-color: White;
    height: 100px;
    text-align: left;
    padding: 5px 8px;
}
.fCalDay .fCalDayNumber
{
    font-weight: bold;
}
.fCalDay a
{
    color: #ff6600;
    text-decoration: none;
}
.fCalDay em
{
    color: #ff6600;
}
.fCalDay a:hover
{
    text-decoration: underline;
}
.fCalToday
{
    background-color: #eeede4;
    border: solid 1px #ff6600;
    height: 100px;
    text-align: left;
    padding: 5px 8px;
}
.fCalToday a
{
    color: #ff6600;
    text-decoration: none;
}
.fCalToday a:hover
{
    text-decoration: underline;
}
.fCalToday em
{
    color: #ff6600;
}
.fCalToday .fCalDayNumber
{
    font-weight: bold;
}
.fCalOtherMonthDay
{
    background-color: #f8f8f4;
    height: 100px;
    text-align: left;
    padding: 5px 8px;
}
.fCalOtherMonthDay .fCalDayNumber
{
    font-weight: normal;
}
.fCalEventInfo
{
    visibility: hidden;
    margin-bottom: 10px;
}
.fCalEventInfo a:link em, .fCalEventInfo a:visited em, .fCalEventInfo a:hover em
{
    color: #ff6600;
}
/**** BUTTONS ****/
.fCalButtonLeft
{
    background: White url(../../../images/calendar/full/bkg_button_left_off.gif) no-repeat left top;
    height: 18px;
    padding: 0 0 0 4px;
}
.fCalButtonMiddle
{
    background: White url(../../../images/calendar/full/bkg_button_middle_off.gif) repeat-x left top;
    margin: 0 4px 0 0;
    color: #ff6600;
    font-weight: bold;
}
.fCalButtonMiddle img
{
    display: inline;
}
.fCalButtonRight
{
    background: White url(../../../images/calendar/full/bkg_button_right_off.gif) no-repeat right top;
}