/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/


/* The following control the Calendar Month Style-Look */
div.EventContentContainer{width:466px; margin:auto;}

.Eventtooltip{border:1px solid #000; padding:5px; font-size:10px; width:200px; color:#000; background-color:#ffd; text-align:left; filter:alpha(opacity=80);moz-opacity:0.8;}
 
.Event{	table-layout:auto;font-size:10px;width:100%; color:#FFF; height:400px;text-align:center;border:1px solid #E5DFDF;}

.EventTitle, 
.EventTitle td{font-weight:bold; font-size:13px; width:100%; color:#FD9712 !important; text-align:center; height:32px !important; background:#555;}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, 
.EventNextPrev a, 
.EventNextPrev a:link, 
.EventNextPrev , 
.EventNextPrev a:visited
{font-size:11px; color:#FFF !important; vertical-align:middle;}

.EventNextPrev a:hover{font-size:11px;color:#FD9712 !important;}

.EventDayHeader{font-weight:bold; font-size:10px; background-color:#CCC; vertical-align:middle; height:14px;}

.EventDay, 
.EventDay td, 
.EventDay a, 
.EventDay a:visited{font-size:10px; width:14%; height:14%; color:black!important; text-align:left;}

.EventDay a{padding:3px;}

.EventDay a:hover{color:red!important;}

.EventDayScroll{white-space:normal; text-align:left; margin:2px;padding:2px; border:1px solid #DDD;}
.EventDayScroll br{display:none;}
.EventDayScroll a{}
.EventDayScroll a img{display:none;}

.EventOtherMonthDay{color:#808080;background-color:gainsboro;}

.EventOtherMonthDay a, 
.EventOtherMonthDay a:visited, 
.EventOtherMonthDay a:hover{color:#8080C0;background-color:gainsboro;}


.EventWeekendDay{background-color:whitesmoke;}


.EventTodayDay{font-weight:bold; color:#0000FF !important; background-color:darkgray !important;}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay{border:1px solid #FD9712;}
.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-layout:auto;font-size:10px;color:#000;text-align:center;border:1px solid #E5DFDF;}
.WeekDay{
	font-weight:bold;
	font-size:xx-small;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#000000' , EndColorStr= '#CCCCCC' );
	color:black !important;
	background-color:#000000;
	text-align:center;
	vertical-align:middle;
}
.WeekBackground 
{
	background-color:gainsboro;
	font-size:xx-small;
	color:#000;
}
.WeekTitle 
{
	font-size:xx-small;
	width:100%;
	color:white;
	height:15%;
	text-align:center;
	background-image:url(gradient_Gray.jpg);
}
.WeekOfTitle
{
	font-weight:bold;
	font-size:10px;
	width:100%;
	color:white;
	text-align:center;
	vertical-align:middle;
}
.WeekNextPrev 
{
	font-weight:bold;
	font-size:10px;
	width:100%;
	color:white;
	text-align:center;
	vertical-align:middle;
}
.WeekRangeheader 
{
	color:black;
	text-align:center;
	vertical-align:middle;
	font-size:xx-small;
	background:#E5DFDF;
}


/* The following control the Calendar List View Style-Look */
/*.ListTable{width:300px;}*/

.ListDate
{
	font-size:10px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	color:white;
}
.ListTitle
{
	font-size:10px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	color:white!important;
}
A.ListTitle:hover
{
	font-size:10px;
	vertical-align:top;
	color:red !important;
	background-color:transparent;
	text-align:left;
	text-decoration:underline;
}
.ListDescription
{
	font-size:10px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	color:white;
}
.ListLink 
{
	font-weight:bold;
	font-size:10px;
	text-align:left;
	vertical-align:top;
	background-color:transparent;
	color:white;
}
.ListHeader
{
	font-weight:bold;
	text-decoration:underline;
	font-size:xx-small;
	color:white;
	height:32px;
	text-align:left;
	width:300px;
}