﻿/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/
/* The following control the Calendar Month Style-Look */
.Eventtooltipheader, 
.Eventtooltipbody
{
	display: none;
}

.ThemeCommunity .Event
{
    table-layout: fixed;
    width: 730px;
    font-size: 9px;
    color: black;
	background-color: #fbfbfb;
    font-family: Arial;
    text-align: center;
    border-right: #dbdbdb 1px solid;
    border-top: #dbdbdb 1px solid;
    border-left: #dbdbdb 1px solid;
    border-bottom: #dbdbdb 1px solid;
    white-space:normal;
}
.ThemeCommunity .EventTitle, 
.ThemeCommunity .EventTitle td
{
    font-weight: bold;
    font-size: 18px;
	width: 730px;
    height: 30px;
	background-color: transparent;
    color: #333333;
    font-family: Arial;
    text-align: center;
    border-right: transparent 0px none;
    border-top: transparent 0px none;
    border-left: transparent 0px none;
    border-bottom: transparent 0px none;
	border-style: hidden;
}
.ThemeCommunity .EventTitle table
{
	background: #ffffff url(calendar-header.gif) scroll no-repeat 0 0;
	width: 731px !important;
	margin-left: -1px;
}
.ThemeCommunity .EventNextPrev a
{
	display: block;
	background: transparent url(arrow-left.gif) scroll no-repeat center center;
	width: 30px;
	height: 30px;
	text-indent:-9000px;
	margin: 0 auto;
}
.ThemeCommunity .EventTitle td[align=right] a
{
	background-image: url(arrow-right.gif);
}
.ThemeCommunity .EventDayHeader
{
    font-weight: bold;
    font-size: 8pt;
    height: 16px;
    background-color: #999999;
    vertical-align: middle;
    font-family: Verdana;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
	color: #ffffff;
}
/*width:14%;*/
.ThemeCommunity .EventDay, 
.ThemeCommunity .EventDayEvents
{
    height: 105px;
    font-size: 17px;
	font-weight: bold;
    text-align: left;
    vertical-align: top;
    background-color: #fbfbfb;
    border-right: #dbdbdb 1px solid;
    border-top: #dbdbdb 1px solid;
    border-left: #dbdbdb 1px solid;
    border-bottom: #dbdbdb 1px solid;
}
.ThemeCommunity .EventDayEvents
{
}
.ThemeCommunity .EventDayScroll
{
    width: 100%;
    height: 88%;
    overflow: auto;
    position: static;
}
.ThemeCommunity .EventDayScroll a
{
	color: #000000;
	font-size: 9px;
}
.ThemeCommunity .EventDayScroll a:hover
{
	text-decoration: none;
	color: #054d9e;
    font-weight: bolder;
}
.ThemeCommunity .EventDayScroll div
{
	display: block;
	padding-bottom: 2px;
	border-bottom: dotted 1px #e0e0e0;
	margin-bottom: 2px;
}
.ThemeCommunity .EventDayScroll div.even
{
	background-color: #fffacd;
}
.ThemeCommunity .EventDayScroll
{
    width: 100%;
    height: 88px;
    overflow: auto;
    position: static;
    font-weight: bold;
}
.ThemeCommunity .EventOtherMonthDay
{
    color: #999999;
    background-color: #e6e6e6
}
.ThemeCommunity .EventOtherMonthDay .EventDayScroll a
{
    color: #666666;
}
.ThemeCommunity .EventWeekendDay
{
}
.ThemeCommunity .EventTodayDay
{
	color: #054d9e;
}
.ThemeCommunity .EventSelectedDay
{
}
.ThemeCommunity .EventSelector
{
}
.ThemeCommunity .EventSelector a, 
.ThemeCommunity .EventSelector a:visited, 
.ThemeCommunity .EventSelector a:hover
{
    text-decoration: none;
}

/* The following control the Calendar List View Style-Look */
.ThemeCommunity .ListTable
{
    width: 730px;
    background-color: #ffffff;
	font-family: Arial;
	color: black;
}
.ThemeCommunity .ListPager table
{
    float: right;
	margin: 4px 0px;
}
.ThemeCommunity .ListPager td
{
	padding: 0px 4px;
	color: #000000;
	font-weight: bold;
}
.ThemeCommunity .ListPager a,
.ThemeCommunity .ListPager a:visited,
.ThemeCommunity .ListPager a:hover
{
	text-decoration: none;
	color: #054d9e;
}
.ThemeCommunity .ListDataGrid
{
	width: 730px !important;
}
.ThemeCommunity .ListHeaderBar
{
	background: #ffffff url(calendar-header.gif) scroll no-repeat 0 0;
	height: 30px;
	color:black;
	font-weight:bold;
}
.ThemeCommunity .ListHeader {
	background-position:expression(-this.offsetLeft);
	vertical-align: middle;
	padding: 5px 0px 5px 10px;
}
.ThemeCommunity .ListHeader a,
.ThemeCommunity .ListHeader a:visited,
.ThemeCommunity .ListHeader a:hover
{
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding-right: 15px;
	background: transparent url(arrow-down.gif) scroll no-repeat center right;
}
.ThemeCommunity .ListNormal td,
.ThemeCommunity .ListAlternate td
{
	padding: 5px 10px;
	height: 50px;
	vertical-align: middle;
}
.ThemeCommunity .ListDate
{
	width: 70px;
	text-align: center;
}
.ThemeCommunity .ListTitle  {
	width: 291px;
}
.ThemeCommunity .ListTitle a,
.ThemeCommunity .ListTitle a:visited,
.ThemeCommunity .ListTitle a:hover
{
	color: #054d9e;
	text-decoration: none;
}
.ThemeCommunity .ListDescription
{
	display: none;
}
.ThemeCommunity .ListLink
{
}
.ThemeCommunity .ListDuration
{
	display: none;
}
.ThemeCommunity .ListCategory
{
	display: none;
}
.ThemeCommunity .ListLocation
{
	display: none;
}
.ThemeCommunity .ListCustomField1
{
	width: 220px;
}
.ThemeCommunity .ListCustomField2
{
	display: none;
}
.ThemeCommunity .ListHeaderEdit,
.ThemeCommunity .ListEdit
{
	display: none;
}

/* The following control the Event Detail Style-Look */
.ThemeCommunity .EventDetails {
	width: 730px;
}
.ThemeCommunity .EventDetails h1 {
	text-align: left;
	margin-bottom: 4px;
}
.ThemeCommunity .EventDetails div {
	text-align: left;
}
.ThemeCommunity .EventDate {
	font-size: 11px;
	color: #000000;
}
.ThemeCommunity .EventLabel {
	display: inline-block;
	width: 60px;
	color: #0050A3;
	font-weight: bold;
}
.ThemeCommunity .EventLink{
	margin-top: 5px;
	font-size: 11px;
	color: #0050A3;
	font-weight: bold;
}
.ThemeCommunity .EventDescription {
	margin-top: 10px;
}

/* The following control the Calendar Week View Style-Look */
.ThemeCommunity .WeekTable {
	display: none;
}

