/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/

/* The following control the Calendar Month Style-Look */
.Eventtooltip
{
	border: #000 1px solid;
	padding: 5px;
	font-size: 10px;
	width: 200px;
	color: #000;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
}
	 
.Event
{
	width:100%!important;
	table-layout: auto;
	font-size: 7pt;
	color: white;
	font-family: Verdana;
	height: 425px;
	text-align: center;
	border:1px solid #B3B4AE;
	background-color: #B3B4AE;
	margin-top: 15px;
	white-space:normal;
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	background-color:#AEABA4;
	width: 100%;
	color: white !important;
	text-align: center;
	height: 32px !important;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: white !important;
	padding-top: 0px;
	vertical-align: middle;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: white !important;
	padding-top: 0px;
}

.EventDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: #67A3AA;
	vertical-align: middle;
}

.EventDay, .EventDay td
{
	font-size: 7pt;
	width: 14%;
	color: #CD5437!important;
	font-family: Verdana;
	height: 14%;
	background-color:#E6FCFF;
}
.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
	font-size: 7pt;
	color: #CD5437!important;
	font-family: Verdana;
}
.EventDayScroll
{
}
.EventOtherMonthDay, .EventOtherMonthDay a
{
	background-color: #D2D1CC;
}
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: #D2D1CC;
}
.EventTodayDay, .EventTodayDay a
{
	font-weight: bold;
	color:#CD5437!important;
	background-color:#FFF!important;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
	border: #CD5437 2px solid;
}

.EventSelector
{
	background-color: #c0c0e0;
}
.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
	color: #CD5437;
	text-decoration: none;
}	

.dateSelection a, .dateSelection a:visited {font-family:Arial, Helvetica, sans-serif; text-decoration:none!important;}
.dateSelection a:hover {text-decoration:underline!important;}
.eventContainer .dateSelection input.CommandButton, .eventContainer .dateSelection a {font-family:Arial, Helvetica, sans-serif;}


/* The following control the Calendar Week View Style-Look */
.WeekTable
{
	table-layout: auto;
	font-size: 7pt;
	color: black;
	font-family: Verdana;
	text-align: center;
	border:1px solid #95948F;
}
span.WeekTable {border:none transparent;}
.WeekItem 
{
	text-align: center;
	ALIGNMENT: center;
	ALIGN: center;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#FFFFFF' , EndColorStr= '#CCCCCC' );
}
.WeekBackground 
{
	ALIGNMENT: center;
	ALIGN: center;
	FONT-FAMILY: verdana,helvetica,arial;
	background-color:#D2D1CC;
	font-size: xx-small;
}
.WeekTitle 
{
	font-family:verdana,helvetica,arial;
	font-size: xx-small;
	width: 100%;
	color:white;
	height:15%;
	text-align: center;
	background-color:#67A3AA;
}
.WeekOfTitle
{
	width: 100%;
	color:#67A3AA;
	font:bold 10px/1.2em Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
}
.WeekNextPrev
{
	font-weight: bold;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: 10px;
	width: 100%;
	color: navy;
	text-align: center;
	vertical-align: middle;
}
.WeekRangeheader 
{
	color:#FFF;
	text-align:right;
	vertical-align:middle;
	font-family:verdana,helvetica,arial;
	font-size:xx-small;
	background-color:#AEABA4;
}
.WeekTableParagraphContainer {margin:0; padding:0; border:0;}
.EventsASPXSpacingTop {display:none;}

/* The following control the Calendar List View Style-Look */
.ListTable {width:100%; margin:0; padding:0;}
.ListDate
{
	font-size: 7pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ListTitle
{
	font-size: 7pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ListDescription
{
	font-size: 7pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ListLink 
{
	font-weight: bold;
	font-size: 7pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}

.ListHeader
{
	font-weight: bold;
	font-size: xx-small;
	color:#FFF;
	background-color:#67A3AA;
	font-family:verdana,helvetica,arial;
	height: 32px;
	text-align: left;
	border-bottom:1px solid #95948F;
}

.dateSelection, .calendarCell {
	text-align: left;
}

.eventContainer {
	margin-top: 10px;
}

/* Event Details Styles */
.EventDetailsTitle {padding:4px 0; color:#FFF; background-color:#67A3AA; border:1px solid #95948F; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.EventDetailsTable {width:100%; table-layout:auto; margin:0 0 24px 0; padding:0; border:0;}
.EventDetailsItem td {margin:0; padding:4px 2px;}
.EventDetailSubHead {width:109px; color:#CD5437; font-weight:bold; vertical-align:top; text-align:left;}
.EventDetailInfo {vertical-align:top; text-align:left;}
.EventDetailsTools a, .EventDetailTools a:visited {font:normal 11px/1em Arial, Helvetica, sans-serif; color:#67A3AA!important; line-height:1.333em;}

/* Category Selector */
.CategorySelect {
float:right; 
width:250px;
position:relative; 
top:-22px; 
padding-right:40px;}
.webkit .CategorySelect {

width:250px;
position:relative; 
top:0px; 
}
.CategorySelect .SubHead {font-family:Arial, Helvetica, sans-serif; display:inline; float:left; clear:none; padding:3px 3px 0 11px; color:#535353;}
..CategorySelect label {display:inline;}
.CategorySelect img, .CategorySelect a, .CategorySelect br, .CategorySelect div {display:none;}
.CategorySelect select.CategorySelector {display:inline; float:left; clear:none; margin:0;}

/* Spacing Options */
.eventContainer tr.EventContainerSpacing, p.EventsASPXSpacingTop, tr.EventWeekSpacingTop, tr.EventListSpacingTop {display:none;}
p.EventMonthSpacingTop {margin:0; padding:0;}

/* Event Options Styles */
a#dnn_ctr1895_dnnACTIONBUTTON1_ico0, a#dnn_ctr1895_dnnACTIONBUTTON1_ico1, a#dnn_ctr1895_dnnACTIONBUTTON1_ico1, a#dnn_ctr1895_dnnACTIONBUTTON1_ico2, a#dnn_ctr1895_dnnACTIONBUTTON1_ico3 {display:none;}

/* Individual Browser Corrects - Category Selector */
.ie .CategorySelect .SubHead {position:relative; top:3px;}
/*.ff2 div.CategorySelect {margin-left:250px; margin-top:-21px;}
.safari div.CategorySelect {margin-top:3px;}*/