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

/* 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;
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 200px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Verdana,Arial;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 0.8;
}*/

.Eventtooltipheader, 
.Eventtooltipbody
{
	width: 200px;
    filter: alpha(opacity=80);
    moz-opacity: 0.8;
    z-index: 99;
    font-size: 10px;
	font-family: Arial;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.Eventtooltipheader
{
    border: #c3d9ff 1px solid;
    background-color: #c3d9ff;
    color:#00008B;
    font-weight:bold;
    font-size: 11px;
}
.Eventtooltipbody
{
    border-left: #c3d9ff 1px solid;
    border-right: #c3d9ff 1px solid;
    border-bottom: #c3d9ff 1px solid;
    background-color: #ffffff;
}
.Eventtooltipbody hr
{
	width: 100%;
	color: #c3d9ff;
	background-color: #c3d9ff;
	height: 1px;
	border: 0;
}
	 
.Event
{
	table-layout: auto;
	font-size: 7pt;
	width: 100%;
	color: white;
	font-family: Verdana;
	height: 795px;
	text-align: center;
	/*border-right: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-top: #ffffff 1px solid;*/
	
	border:solid 1px #bdbdbd;
}
.Event_Border
{
	width:95%;
	border-top:#fc9314 1px solid; 
	border-bottom:#fc9314 1px solid; 
	border-left:#fc9314 1px solid; 
	border-right:#fc9314 1px solid; 		
}
.EventThreeMonths
{
	table-layout: auto;
	font-size: 7pt;
	width: 100%;
	color: white;
	font-family: Verdana;
	height: 152px;
	text-align: center;
	border:solid 1px #bdbdbd;
}

.EventThreeMonths_Border
{
	width:90%;
	
	/*-moz-border-radius-topleft: 43px; 
	-moz-border-radius-topright: 43px; */
}

.EventTitle
{
	font-weight: bold;
	font-size: 13pt;
	/*background-image: url(gradient_Default.jpg);*/
	background-image: url(cal_hd.jpg);
	/*background:#388DD5 none repeat scroll 0 0;*/
	width: 100%;
	color: black !important;
	text-align: center;
	height: 36px !important;
	
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
	color: white !important;
	text-align: center;
	/*background-image: url(menu_bg.gif);*/
	/*background-image: url(calender_bg.jpg);*/
	height: 27px !important; 
	
}

.EventTitle_Small
{
	font-weight: bold;
	font-size: 11pt;
	/*background-image: url(gradient_Default.jpg);*/
	/*background-image: url(calender_bg.jpg);*/
	background-image: url(cal_hd.jpg);
	width: 100%;
	color: black !important;
	text-align: center;
	height: 34px !important;
}

.EventTitle_Small, .EventTitle_Small td
{
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
	color: white !important;
	text-align: center;
	/*background-image: url(gradient_Default.jpg);*/
	/*background-image: url(calender_bg.jpg);*/
	height: 34px !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: 10px;
	font-family:Verdana;
}

.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;
	font-family:Verdana;
}
.EventDayHeader
{
	background:url(month_hd.jpg) repeat-x; 
	color:#000; 
	font-family:Verdana,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	font-size:12px; 
	font-style:normal; 
	font-variant:normal; 
	line-height:29px; 
	/*border:#97BEDE 1px solid;*/
	
}

.EventDayHeader_Small
{	
	background:#E6EFF8; 
	color:#2E508D; 
	font-family:Verdana,"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	font-size:11px; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	line-height:28px; 
	border-left:#97BEDE 1px solid;
	border:#97BEDE 1px solid;
	
}

.EventDay, .EventDay td
{
	/*font-size: 7pt;
	width: 14%;
	color: #0000ff !important;
	height: 14%;*/
	font-size:13px;
	color:#333;
	font-family: Verdana;
	background:#FFF; 
	border:1px solid #bdbdbd;
	height:15%; 
	text-align:left; 
	vertical-align:top; 
	/*text-indent:12px;*/ 
	width:14%;
	padding:3px;
	
}

.EventDay td a  
{
	
	display:block; 
	font-weight:bold; 
	text-decoration:underline; 
}
.EventDay td a:link, 
.EventDay td a:visited  
{
	color:#fc9815; 
} 
.EventDay td a:hover, 
.EventDay td a:active  
{
	color:#666666; 
	text-decoration:none; 
	background:none; 
	font-weight:bold;
	
}

.EventDay_Small, .EventDay_Small td
{
	color:#333333;
	background:#FFF; 
	border:1px solid #bdbdbd;
	height:14%; 
	text-align:center; 
	line-height:30px; 
	width:14%; 
	font-size:8pt;
}
.EventDay_Small a
{
	color: #666666 !important;
	font-family: Verdana;
	display:block; 
	font-weight:bold;  
	text-decoration:none;
	background:#F3D1CF;
}
.EventDay_Small a:link,
.EventDay_Small a:visited
{
	color:#fc9815;
	
}
.EventDay_Small a:active,
.EventDay_Small a:hover
{
	color:#666666;
	text-decoration:none; 
	/*background:#D5DDE8;*/
	
}

.EventDayScroll
{
	
}
.EventOtherMonthDay
{
	color: #999;
	background-color: #F4F8FD;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #8080c0;
}


.EventWeekendDay
{
	background-color: #F6F6F6;
}


.EventTodayDay
{
	font-weight: bold;
	color: #000 !important;
	background-color: #E3ECF2 !important; 
}

.EventTodayDayThreeMonth
{
	font-weight: bold;
	color: #0000ff !important;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
}

.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: 7pt;
	color: black;
	font-family: Verdana;
	text-align: center;
	border-right: #e5dfdf 1px solid;
	border-bottom: #e5dfdf 1px solid;
	border-left: #e5dfdf 1px solid;
	border-top: #e5dfdf 1px solid;
}

.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' );
        border-right: transparent 1px solid;
        border-top: transparent 1px solid;
        border-left: transparent 1px solid;
        border-bottom: transparent 1px solid;
}
.WeekBackground 
{
	ALIGNMENT: center;
	ALIGN: center;
	FONT-FAMILY: verdana,helvetica,arial;
	background-color: #F3DFCE;
	font-size: xx-small;
        border-right: transparent 1px solid;
        border-top: transparent 1px solid;
        border-left: transparent 1px solid;
        border-bottom: transparent 1px solid;
}
.WeekTitle 
{
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: xx-small;
	color: black;
	height: 15%;
	text-align: center;
	background-image: url(gradient_Default.jpg);
	width: 11%;
        border-right: transparent 1px solid;
        border-top: transparent 1px solid;
        border-left: transparent 1px solid;
        border-bottom: transparent 1px solid;
}
.WeekOfTitle
{
	font-weight: bold;
	font-size: 10px;
	width: 100%;
	color: navy;
	font-family: verdana,helvetica,arial;
	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: black;
	text-align: center;
	vertical-align: middle;
	font-family: verdana,helvetica,arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #E5DFDF;
        border-right: transparent 1px solid;
        border-top: transparent 1px solid;
        border-left: transparent 1px solid;
        border-bottom: transparent 1px solid;
}


/* The following control the Calendar List View Style-Look */
.ListTable
{
	width: 100%;
}.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;
	background-image: url(gradient_Default.jpg);
	color: black;
	font-family: verdana,helvetica,arial;
	height: 32px;
	text-align: left;
}
.ListDuration
{
    	width: 60px;
    	font-size: 7pt;
    	font-family: verdana,helvetica,arial;
    	text-align: center;
    	vertical-align: top;
}
.ListCategory
{
    	font-size: 7pt;
    	font-family: verdana,helvetica,arial;
    	text-align: left;
    	vertical-align: top;
}	
.ListCustomField1
{
   	font-size: 7pt;
    	font-family: verdana,helvetica,arial;
	text-align: left;
    	vertical-align: top;
}
.ListCustomField2
{
    	font-size: 7pt;
    	font-family: verdana,helvetica,arial;
    	text-align: left;
    	vertical-align: top;
}
.ListAlternate
{
    	background-color: WhiteSmoke;
}
.ListDataGrid
{
    	border-style: none;
}
.ListDataGrid td
{
    	border-style: none;
}
.ListEdit
{
    	width: 10px;
    	text-align: center;
    	vertical-align: top;
}

.EventDetails_Boder
{
	border-top:#fc9314 1px solid; 
	border-bottom:#fc9314 1px solid; 
	border-left:#fc9314 1px solid; 
	border-right:#fc9314 1px solid;
	background:#FAF3ED;
}

.EventDetailTitle
{
	color:White;	
	font-size:20px;
	font-family:Verdana;	
}
.bgImage
{
	height:36px;
	background-image: url(gradient_Default.jpg);
}

.Header
{
	font-family: Verdana,Tahoma,Arial,Helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}
.EventDayEvents

{
	font-size: 7pt;
	width: 14%;
	color: #0000ff;
	font-family: Verdana;
	height: 14%;
	float:left;
}


.eventtext
{
	font-size:11px;
	font-family:Verdana,Tahoma,Arial,Trebuchet MS,Sans-Serif,Georgia,Courier,Times New Roman,Serif;
	color:Black; 
	width:92%; 
	float:left; 
	padding:2px;
	text-decoration:none;
	background:#FFF;
	border:#3478bc 1px solid;
	border-top:#3478bc 5px solid;
}
.eventtext:hover 
{
	color:Black;
	text-decoration:none;
}