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

/* Note use of "!important" to override Inline Style */

/* --------------------------------------------- */
/* The following control the Calendar Month Style-Look */
/* --------------------------------------------- */

/* tooltips in month view */
.Eventtooltip
{
    font-family:Arial, Sans-Serif;
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 10px;
	filter: alpha(opacity=100);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 250px; /* width of tool tip */
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 1;
}

/* class of cell containing goto date text */
.EventDateGoToTD 
{
    padding:12px 15px 15px 10px;
    width:80%;
}

/* css for whole month event table control */	 
.Event 
{
	table-layout: auto;
	font-size:11px;
	width: 100%; /* width of whole event table */
	color:#5D5C5C; /* effects color of day headings */
	height:400px; /* height of entire event table */
	text-align: center;
	border-right: #5D5C5C 1px solid;
	border-bottom: #5D5C5C 1px solid;
	border-left: #DFDCDC 1px solid;
	border-top: #DFDCDC 1px solid;
}

/* table cell for today highlight */
.EventTodayDay
{
	font-weight: normal;	
	color: #5D5C5C !important;
	background-color: #B9C7EA !important; 
}

/* not sure how this applies */
.EventSelector
{
	background-color: green;
}

.EventSelector a, .EventSelector a:visited, .EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}
	
/* applys to weekdays */
.EventDay, .EventDay td
{
	width: 14%;
	color: #0000ff !important;
	height: 14%;
	border: solid 1px #BAB9B9;
	background-color:#F0EEEE;
}

/* color of text for all calendar links in month view */
.EventDay a, .EventDay a:link, .EventDay a:visited
{
	color: #012583 !important;
}

/* color of text for all calendar hover links in month view */
.EventDay a, .EventDay a:hover
{
    color: #3D71F5 !important;
	text-decoration:underline;
}

/* next and previous month view text */
.EventNextPrev a:link, .EventNextPrev a:visited
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: #012583;
	padding-top:0.5em;
	text-decoration:underline;
}

/* next and previous month view text */
.EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top:0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: #3D71F5;
	text-decoration:underline;
}

/* applies to top roll of weekday names */
.EventDayHeader
{
	font-weight: bold;
	font-size: 8pt;
	background-color: silver;
	vertical-align: middle;
}

/* border around currently selected day */ 
.EventSelectedDay
{
	border-right: #3D71F5 2px solid ;
	border-top: #3D71F5 2px solid;
	border-left: #3D71F5 2px solid;
	border-bottom: #3D71F5 2px solid;
}

/* applys to month view title text */
.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 16px;
	width: 100%;
	color: #5D5C5C !important;
	text-align: center;
	height: 30px !important;
	/* background-color:#DFDCDC; */
}

 /* weekend days */
.EventWeekendDay
{
	background-color: #F0EEEE;
}

/* days not of the current month*/
.EventOtherMonthDay 
{
	color: #808080;
	background-color: #DFDCDC;
}

/* days not of the current month*/
.EventOtherMonthDay a:link, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover 
{
	color: #8080c0;
	background-color: #DFDCDC; 
}

/* applys to days that have events, partial fill */
.EventDayScroll 
{
}

/* --------------------------------------------- */
/* The following control the Week View styles */
/* --------------------------------------------- */

/* applys to week of text in week view */
.WeekOfTitle
{
	font-weight:bold;
	font-size: 14px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding:10px 0px 5px 0px;
	color: #5D5C5C;
}

/* background of whole table control */
.WeekTable  
{
	table-layout: auto;
	font-size: 7pt;
	text-align: center;
	border-right: #5D5C5C 1px solid;
	border-bottom: #5D5C5C 1px solid;
	border-left: #DFDCDC 1px solid;
	border-top: #DFDCDC 1px solid;
	background-color:#DFDCDC;
	width:100%;
}

/* applys to date column headers */
.WeekTitle  
{
	font-size: 10px;
	font-weight:normal;
	padding:2px;
	width: 12%;
	height: 15%;
	color: #5D5C5C;
	text-align: center;
	border:1px solid white;
	background-color: #DFDCDC;
}

/* applys to event day in week view */
.WeekDay 
{
	text-align: center;
	border:2px solid #3D71F5;
	font-size:7pt;
	background-color:#F0EEEE;
	font-weight:normal;
}

/* applys to event links */
.WeekDay a:link, .WeekDay a:visited
{
    color:#012583;
    text-decoration:underline;
}

/* applys to event links */
.WeekDay a:hover
{
    color:#3D71F5;
    text-decoration:underline;
}

/* background of non-event days */
.WeekBackground 
{
	background-color:#F0EEEE;
	font-size: xx-small;
	border:1px solid white;
}

/* applys to time column cells */
.WeekRangeheader
{
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	background-color: #DFDCDC;
	color: #5D5C5C;
}

/* --------------------------------------------- */
/* The following control the List View styles */
/* --------------------------------------------- */

.ListTable
{
	width: 100%;
}

/* class of cell that contains event in list view */
.EventCell 
{
    padding:3px 10px 5px 10px;
}

.ListTitle, a.ListTitle:link, a.ListTitle:visited
{
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	vertical-align:top;
	color: #012583;
	text-decoration:underline;
}

.ListTitle, a.ListTitle:hover
{
	font-size: 14px;
	font-weight:bold;
	text-align: left;
	vertical-align:top;
	color: #3D71F5;
	text-decoration:underline;
}

.ListDate
{
	font-size: 11px;
	font-weight:normal;
	text-align: left;
	vertical-align:top;	
}

.ListDescription
{
	font-size: 11px;
	text-align: left;
	vertical-align:top;
}

/* appear not to be used */
/*.ListLink 
{
	font-weight: bold;
	font-size: 7pt;
	text-align: left;
	vertical-align:top;
	border:1px solid green;
}*/

/* appear not to be used */
/*.ListHeader
{
	font-weight: bold;
	font-size: xx-small;
	color: black;
	height: 32px;
	text-align: left;
}*/

/* --------------------------------------------- */
/* my enrollment page custom classes */
/* --------------------------------------------- */

.MyEnrollTitle
{
    font-size:16px;
    color: #5D5C5C; /* color of My Enrollments header text */
    font-weight:bold;
    text-align:center;
    padding:4px;
}

.MyEnrollClass TD, .MyEnrollClass td
{
    padding:5px;
    color: #5D5C5C; /* color of item text */
}

.MyEnrollHeader TD, .MyEnrollHeader td
{
    padding:5px;
    font-weight:bold;
    background-color:#DFDCDC;
    color: #5D5C5C; /* color of item header text */
}

/* --------------------------------------------- */
/* event detail page custom classes */
/* --------------------------------------------- */

.EventDetailNavTD /* class of cell that contains event in list view */
{
    padding:5px 0px 2px 0px;
}

.EventDetailExportTD /* class of cell that contains event in list view */
{
    padding:7px 0px 2px 0px;
    text-align:right;
}

.EventDetailTitle
{
    font-size:16px;
    color: #5D5C5C;
    font-weight:bold;
    text-align:center;
    padding:4px;
}

/* --------------------------------------------- */
/* custom classes used throughout events */
/* --------------------------------------------- */

/* class of cell containing category dropdown, used on month, week and list view */
.EventCatTD 
{
    padding:12px 5px 0px 0px;
    text-align:right;
}

/* class of cell containing intro text, applies to week and list view */
.EventIntroTD 
{
    padding:15px 15px 0px 10px;
    width:80%;
}

.EventDetailLink, a.EventDetailLink:link, a.EventDetailLink:visited 
{
    color:#012583;
    text-decoration:underline;
}
    
.EventDetailLink, a.EventDetailLink:hover
{
    color:#3D71F5;
    text-decoration:underline;
}