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

.EventDayScroll div{overflow:hidden; text-overflow:ellipsis;  }
.EventDayScroll div a {white-space: nowrap;}

.Eventtooltipheader, .Eventtooltipbody {
	width: 300px;
	z-index: 99;
	font-size: 10px;
	font-family: Arial;
	padding: 5px;
}
.Eventtooltipheader {
	border: #EF7824 1px solid;
	background-color: #EF7824;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 11px;
}
.Eventtooltipbody {
	border-left: #EF7824 1px solid;
	border-right: #EF7824 1px solid;
	border-bottom: #EF7824 1px solid;
	background-color: #FFF;
}
.Eventtooltipbody hr {
	width: 100%;
	color: #000000;
	background-color: #f5b982;
	height: 1px;
	border: 0;
}
.Event {
	table-layout: fixed;
	width: 99%;
	font-size: 9px;
	color: #000000;
	font-family: Verdana;
	text-align: center;
	border:none;
	white-space: normal;
	margin-top:20px;
}

.EventTitle {border:none;  background-color:#EF7824; color:#FFFFFF !important; height:24px; padding:3px 0px; }
.EventTitle td {font-size:18px;}
.EventDay, .EventDayEvents, .EventWeekendDayEvents{
	font-size: 10px;
	text-align: center;
	height: 76px;
	width:22px;
	vertical-align: top;
	color: #000000;
	font-family: Verdana;
	background-color: #ffffff; /* #ec7405;*/
	border: 1px #bebdbd solid;
}
 .EventDayEvents a, .EventDayEvents a:visited, .EventDayEvents a:hover,  .EventWeekendDayEvents a, .EventWeekendDayEvents a:visited, .EventWeekendDayEvents a:hover  {
    font-size:10px;
    font-family:Verdana
}
.EventDayScroll {
	width: 100%;
	height: 88%;
	overflow: auto;
	position: static;
	font-weight: bolder;
	background-color: #fff;
}

.EventTodayDay {
	font-weight: 700;
	color: #fff;
	background-color: #EF7824; 
	border: 1px #EF7824 solid;
}

.EventTodayDay .EventDayScroll {background-color: #EF7824; color:#fff; }



.EventDayEvents{background-color:#60296A;}
.EventDayEvents a, .EventDayEvents a:visited, .EventDayEvents a:hover {color:#fff;}

.EventDayEvents a, .EventDayEvents a:visited, .EventDayEvents a:hover,  .EventWeekendDayEvents a, .EventWeekendDayEvents a:visited, .EventWeekendDayEvents a:hover  {
    font-size:10px;
    font-family:Verdana
}




 .EventOtherMonthDay {
	color: gray;
	background-color: #eeeeee; /*#f5b982;*/
}

 .EventSelectedDay {
	border: #bebdbd 1px solid;
	font-size: 10px;
}
 .EventSelectedDay,  .EventSelectedDay a,  .EventSelectedDay a:visited,  .EventSelectedDay a:hover  {
	text-align: center;

}

.EventDayHeader{ border:none !important; background-color:#60296A; color: #fff;}
 .EventSelector {
	background-color: #EF7824;
}
 .EventSelector a,  .EventSelector a:visited,  .EventSelector a:hover {
	color: #FF0000;
	text-decoration: none;
}
 .WeekTable table {
	table-layout: auto;
	width: 100%;
	font-size: 10px;
	color: #000;
	font-family: Verdana;
	text-align: center;
	border: #ec7405 1px solid;
}
 .WeekTable table td,  .WeekTable table th {
	border: 0;
	padding: 3px;
}
 .WeekItem {
	text-align: center;
	font-family: verdana,helvetica,arial;
	font-size: 9px;
	background-color: #FFF;
	font-weight: 400;
	background-color: #f5b982;
	border: 1px #ec7405 solid;
}
 .WeekDay {
	font-weight: 700;
	font-size: 9px;
	color: #ec7405;
	font-family: verdana,helvetica,arial;
	background-color: #f5b982;
	text-align: center;
	vertical-align: middle;
	border: 1px #ec7405 solid;
}
 .WeekBackground {
	font-family: verdana,helvetica,arial;
	font-size: 9px;
	background-color: #fff;
	border: 1px #ec7405 dotted;
}
 .WeekTitle {
	font-family: verdana,helvetica,arial;
	font-size: 9px;
	color: #000000;
	height: 15%;
	text-align: center;
	background-color: #FF9933;
	width: 11%;
	border: 1px #ec7405 solid;
}
 .WeekOfTitle {
	font-weight: 700;
	font-size: 10px;
	width: 100%;
	color: #333333;
	font-family: verdana,helvetica,arial;
	text-align: center;
	vertical-align: middle;
}
 .WeekNextPrev {
	font-weight: 700;
	font-family: verdana,helvetica,arial;
	font-size: 10px;
	width: 100%;
	color: #606060;
	text-align: center;
	vertical-align: middle;
}
 .WeekRangeheader {
	text-align: center;
	vertical-align: middle;
	font-family: verdana,helvetica,arial;
	font-size: 12px;
	background-color: #f5b982;
	border: none;
	color: #000000;
}
 .ListTable {
	width: 100%;
}
 .ListDate {
	font-size: 12px;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align: top;
	width: 150px;
}
 .ListLink {
	font-weight: 700;
	font-size: 12px;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align: top;
}
 .ListHeader {
	font-size: 12px;
	font-weight: 700;
	color: #000;
	background-color:white;
	font-family: verdana,helvetica,arial;
	height: 32px;
	text-align: left;
	vertical-align: middle;
}
 .ListDuration {
	font-size: 12px;
	font-family: verdana,helvetica,arial;
	text-align: center;
	vertical-align: top;
	width: 60px;
}
 .ListDataGrid {

}
 .ListDataGrid td {
	border-color: #ec7405;
	border-style: dotted;
	border-width: 0px;
}
 .ListEdit {
	text-align: center;
	vertical-align: top;
	width: 1px;
}
 .EventNextPrev,  .EventNextPrev a:link,  .EventNextPrev a,  .EventNextPrev a:visited,  .EventNextPrev a:hover {
	font-size: 12px;
	color: #FFFFFF !important;
	padding: 0 0.5em;
	
}

.ListAlternate {background-color: Transparent;}

 .ListTitle,  .ListDescription,  .ListCustomField1,  .ListCustomField2 {
	font-size: 12px;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align: top;
}
 .ListCategory,  .ListLocation {
	font-size: 12px;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align: top;
	width: 60px;
}





 a.ListTitle,
 a.ListTitle:link,
 a.ListTitle:visited,
 a.ListTitle:active,
 a.ListTitle:hover { color:#0079c5 !important;  }


 .Event .EventDay a,
 .Event .EventDay a:link,
 .Event .EventDay a:visited,
 .Event .EventDay a:active,
 .Event .EventDay a:hover { color:#0079c5 !important; font-size: 12px; }


 .WeekTable a,
 .WeekTable a:link,
 .WeekTable a:visited,
 .WeekTable a:active,
 .WeekTable a:hover { color:#0079c5 !important; }


 .ListDate span,
 .WeekTitle span,
 .WeekItem span,
 .WeekRangeheader span { font-size: 12px; }

.EventTodayDay .EventDayScroll a:link, .EventTodayDay .EventDayScroll a:hover, .EventTodayDay .EventDayScroll a:active, .EventTodayDay .EventDayScroll a:visited {color:#fff !important;}