/*========================================================*/
/*  Clean Events Module Styles	                          */
/*========================================================*/

/* The following control the Calendar Month Style-Look */
.Eventtooltip						{ border-right: #000 1px solid;	padding-right: 5px;	border-top: #000 1px solid;	padding-left: 5px; font-size: 10px; padding-bottom: 5px; border-left: #000 1px solid; width: 200px; color: #000; padding-top: 5px; border-bottom: #000 1px solid; font-family: Arial; background-color: #ffd; text-align: left; z-index:1000; }
.Event								{ table-layout: auto; font-size: 1em; width: 95%; color: white; height: 500px; text-align: center; border:0px #f9f9f9 solid; background-color: #f9f9f9; white-space:normal; line-height:1.3em; }
table.Event							{ margin-top:5px; }
.EventTitle							{ background:transparent none; border:none; font-family:Georgia, "Times New Roman", serif; font-weight: 700; font-size: 170%; width: 100%; color: #87c4e9 !important; text-align: center; height: 32px !important; vertical-align:middle; }
.EventTitle, .EventTitle td 		{ background:transparent none; border:none; font-family:Georgia, "Times New Roman", serif; font-weight: 700; font-size: 120%; width: 100%; color: #87c4e9 !important; text-align: center; height: 32px !important; vertical-align:middle; }
.EventNextPrev,
.EventNextPrev a:link,
.EventNextPrev a,
.EventNextPrev a:visited,
.EventNextPrev a:hover				{ color: #87c4e9 !important; padding: 0 0.5em; }
.EventDayHeader						{ font-weight: normal; color:#777; font-size: 11px; font-family: Arial; background-color: transparent; vertical-align: middle; padding:5px; border:0px #f9f9f9 solid; }
.EventDay,
.EventDay td						{ font-size: 150%; color: #999999 !important; font-family: Georgia, "Times New Roman", serif; width: 14%; height: 14%; background:transparent url(Events.Day.bg.gif) repeat-x bottom left; border:2px #f9f9f9 solid; text-align:left; padding-top: 12px; padding-left: 7px;}
.EventDay a,
.EventDay a:visited,
.EventDay a:hover					{ color: #87c4e9 !important; font-family: Arial; font-size:11px; font-weight:bold; line-height:110%; }
.EventDayScroll div					{ margin-bottom:0.6em; }
.EventOtherMonthDay					{ color: #eeeeee !important; background-color:transparent; }
.EventOtherMonthDay a,
.EventOtherMonthDay a:visited,
.EventOtherMonthDay a:hover			{ color: #eeeeee; }
.EventWeekendDay					{ background-color:transparent; }
.EventTodayDay						{ background-color:#ffffff !important; background: url(Events.Today.bg.gif) no-repeat top left; font-weight: normal; }
.EventSelectedDay					{ border:none; }
.EventSelector						{ background-color: #c0c0e0; }
.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover				{ color: #0000ff; text-decoration: none; }	

/* The following control the Calendar Week View Style-Look */
.WeekTable table					{ table-layout: auto; background:#f9f9f9; font-size: 12px; font-family: Arial; margin: 0 auto; padding:0px; text-align: center; border:none; }
.WeekTable table td,
.WeekTable table th					{ border:0px; padding:4px; }
.WeekTitle							{ color: #777777;			 font-family:Arial; font-size: 11px; font-weight:normal; height: 15%; text-align: center; background-image:none; width: 11%; border:none; }
.WeekOfTitle						{ color: #87c4e9 !important; font-family:Georgia, "Times New Roman", serif; font-weight: 700; font-size: 140%; width: 100%; text-align: center; vertical-align: middle; line-height:3em; }
.WeekNextPrev						{ color: #87c4e9 !important; font-family:Georgia, "Times New Roman", serif; font-weight: 700; font-size: 120%; width: 100%; text-align: center; vertical-align: middle; line-height:3em; }
.WeekRangeheader					{ color: #000000; font-family: Arial; font-size:11px; text-align: center; vertical-align: middle; background:transparent url(Events.Day.bg.gif) repeat-x bottom; border:none!important; }
.WeekItem							{ text-align: center; font-family:Arial; font-size:11px; background-color: #FFFFFF; FONT-WEIGHT: bold; border:none; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF',EndColorStr='#CCCCCC'); }
.WeekBackground						{ font-family: Arial; font-size: 11px; background:transparent url(Events.Day.bg.gif) repeat-x bottom; border:none; }

/* The following control the Calendar List View Style-Look */
.ListTable							{ width: 100%; }
.ListDate							{ font-size: 11px; font-family: Arial; text-align: left; vertical-align:top; padding: 5px; text-align:center; white-space:nowrap; }
.ListTitle							{ font-size: 11px; font-family: Arial; text-align: left; vertical-align:top; padding: 5px; text-align:left; width:100%; font-weight:bold; }
.ListDescription					{ font-size: 11px; font-family: Arial; text-align: left; vertical-align:top; }
.ListLink							{ font-size: 11px; font-family: Arial; text-align: left; vertical-align:top; font-weight: bold; }
.ListHeader							{ font-size: 11px; font-family: Arial; background: transparent none; color:#777; height:auto; padding:5px; text-align: left; font-weight:normal; }
.ListDuration						{ width: 60px; font-size: 7pt; font-family: Arial; text-align: center; vertical-align: top; }
.ListCategory						{ font-size: 7pt; font-family: Arial; text-align: left; vertical-align: top; }	
.ListCustomField1					{ font-size: 7pt; font-family: Arial; text-align: left; vertical-align: top; }
.ListCustomField2					{ font-size: 7pt; font-family: Arial; text-align: left; vertical-align: top; }
.ListAlternate						{ background-color:#f5f5f5; }
.ListDataGrid						{ border-style: none; background:#f9f9f9; border: 2px #f9f9f9 solid; }
.ListDataGrid td					{ border-style: none; }
.ListEdit							{ width: 10px; text-align: center; vertical-align: top; }