﻿
/* BLACK & RED CALENDAR STYLES */

.BLACKRED_CalendarHeader
{
	
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: #3879b1;
	padding-bottom: 4px;
}
.BLACKRED_CalendarTable
{
	
}
.BLACKRED_DayColumnHeader
{
	background-image: url(../../images/Calendar_blackred_DayColumnHeader_Background.jpg);
	text-align: center;
	background-color: #cddbee;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	overflow: hidden;
}

.BLACKRED_DayNumberHeader
{
	background-image: url(../../images/Calendar_blackred_DayNumberHeader_Background.jpg);
	text-align: right;
	background-color: #dce6f3;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
}
.BLACKRED_DayNumberHeader a
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeader a:hover
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderHover
{
	background-image: url(../../images/Calendar_blackred_DayNumberHeader_Background_Hover.jpg);
	text-align: right;
	background-color: #dce6f3;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
}
.BLACKRED_DayNumberHeaderHover a
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderHover a:hover
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderOffMonth
{
	background-image: url(../../images/Calendar_blackred_DayNumberHeader_Background.jpg);
	
	text-align: right;
	
	background-color: #cfd7e1;
	
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	
	
}
.BLACKRED_DayNumberHeaderOffMonth a
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderOffMonth a:hover
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderOffMonthHover
{
	background-image: url(../../images/Calendar_blackred_DayNumberHeader_Background_Hover.jpg);
	
	text-align: right;
	
	background-color: #cfd7e1;
	
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	
	
}
.BLACKRED_DayNumberHeaderOffMonthHover a
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayNumberHeaderOffMonthHover a:hover
{
	color:black;
	display: block;
	text-decoration: none;
}
.BLACKRED_DayCell
{
	text-align: left;
	
	background-color: white;
	
	font-family: Arial;
	font-size: 11px;
	color:Black;
	
}

.BLACKRED_DayCellOffMonth
{
	text-align: left;
	
	background-color: #dadada;
	
	font-family: Arial;
	font-size: 11px;
	color:Black;
	
}
.BLACKRED_MoreContainer
{

	font-family: Arial;
	font-size: 11px;
	color: Black;
	white-space: nowrap;
	overflow: hidden;
}
.BLACKRED_MoreContainer a
{
	color: Black;
	text-decoration: none;
}
.BLACKRED_MoreContainer a:hover
{
	color: Black;
	text-decoration: underline;
}
.BLACKRED_CalendarEvent
{
	background-image: url(../../images/Calendar_blackred_CalendarEvent_Background.jpg);
	background-color: #f1f7ff;
	font-family: Arial;
	font-size: 11px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.BLACKRED_CalendarEvent a
{
	color: black;
	display: block;
	text-decoration: none;
}
.BLACKRED_CalendarEvent a:hover
{
	color: black;
	display: block;
	text-decoration: none;
}
.BLACKRED_CalendarEventHover
{
	background-image: url(../../images/Calendar_blackred_CalendarEvent_Hover_Background.jpg);
	background-color: #f1f7ff;
	font-family: Arial;
	font-size: 11px;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.BLACKRED_CalendarEventHover a
{
	color: black;
	display: block;
	text-decoration: none;
}
.BLACKRED_CalendarEventHover a:hover
{
	color: black;
	display: block;
	text-decoration: none;
}
.BLACKRED_CalendarPopupBackground
{
	background:#fff;
	opacity:0.50;
	filter:alpha(opacity=50); 
}

.BLACKRED_CalendarListViewContainer
{
	border: solid 1px gray;
	
}
.BLACKRED_CalendarListViewNoRecords
{
	font-family: Arial;
	font-size: 11px;
	color: black;
	text-align: center;
	padding: 25px;
}

.BLACKRED_CalendarDetailLabel
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	width: 100px;
	padding: 2px;
	color: black;
}
.BLACKRED_CalendarDetailValue
{
	font-family: Arial;
	font-size: 11px;
	font-weight:normal;
	padding: 2px;
	color: black;
}
.BLACKRED_CalendarDescriptionDisplay
{
	border: solid 1px gray;
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	background-color: white;
	height:200px;
	overflow-y:scroll;
}
.BLACKRED_CalendarDetailsContainer
{
	border: solid 1px gray; background-color: white; padding: 0px;
}
.BLACKRED_CalendarDetailsContainerWindowTitle
{
	padding-left: 3px;
	height: 16px;
	background-image: url(../../images/Calendar_blackred_DayColumnHeader_Background.jpg);
	background-color: #cddbee;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	border-bottom: solid 1px gray;
}
.BLACKRED_CalendarDetailsContainerWindowContents
{
	padding: 2px;
	background-color: white;
	background-image: url(../../images/Calendar_Details_Background.jpg);
	background-repeat: repeat-x;
}
.BLACKRED_CalendarDetailsCloseContainer
{
	text-align: center;
	padding-top: 2px;
}


.BLACKRED_CalendarListViewContainer
{
	background-color: White;
}

.BLACKRED_CalendarListViewHeader
{
	padding-left: 3px;
	height: 16px;
	background-image: url(../../images/Calendar_blackred_DayColumnHeader_Background.jpg);
	background-color: #cddbee;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color:black;
	border-bottom: solid 1px gray;
	overflow: hidden;
}
.BLACKRED_CalendarListViewMonthGroup
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: black;
	
	padding: 6px;
	background-color: #ceb1b3;
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	background-image: url(../../images/Calendar_blackred_MonthGroup_Background.jpg);
	background-repeat: repeat-x;
	
}
.BLACKRED_CalendarListViewMonthGroup a
{
	color: Black;
	text-decoration: none;
}

.BLACKRED_CalendarListViewMonthGroup a:hover
{
	color: Black;
	text-decoration: underline;
}


.BLACKRED_CalendarListViewRow
{
	
	font-family: Arial;
	font-size: 11px;
	color: black;
	
	padding: 3px;
	background-color: white;
}
.BLACKRED_CalendarListViewRow a
{
	color: black;
	text-decoration: none;
}
.BLACKRED_CalendarListViewRow a:hover
{
	
	color: black;
	text-decoration: underline;
}


.BLACKRED_CalendarListViewAltRow
{
	padding: 3px;
	font-family: Arial;
	font-size: 11px;
	color: black;
	
	background-color: #e4e4e4;
	border-bottom: solid 1px #d8d8d8;
	border-top: solid 1px #d8d8d8;
}
.BLACKRED_CalendarListViewAltRow a
{
	color: black;
	text-decoration: none;
}
.BLACKRED_CalendarListViewAltRow a:hover
{
	
	color: black;
	text-decoration: underline;
}


.BLACKRED_CalendarDetailseRegisterForEventContainer
{
	padding: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.BLACKRED_CalendarDetailseRegisterForEventContainer a
{
	color: black;
	text-decoration: none;
}
.BLACKRED_CalendarDetailseRegisterForEventContainer a:hover
{
	color: black;
	text-decoration: underline;
}


/* END CALENDAR STYLES */
