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

/* The following control the Calendar Month Style-Look */
.Eventtooltipheader, .Eventtooltipbody { width: 300px; 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; }

.ThemeGeneralEvents .Event { table-layout: auto; font-size: 7pt; width: 95%; color: white; font-family: Verdana; height: 500px; text-align: center; border-right: #e5dfdf 1px solid; border-bottom: #e5dfdf 1px solid; border-left: #e5dfdf 1px solid; border-top: #e5dfdf 1px solid; background-color: #EFE7E7; white-space:normal; line-height:1.3em; }

.ThemeGeneralEvents .EventTitle { font-weight: bold; font-size: 11pt; background-image: url(gradient_Default.jpg); width: 100%; color: #333333; text-align: center; height: 32px; }

.ThemeGeneralEvents .EventTitle, .ThemeGeneralEvents .EventTitle td { font-weight: bold; font-size: 11pt; width: 100%; color: #333333; text-align: center; background-image: url(gradient_Default.jpg); height: 32px; }

.ThemeGeneralEvents .EventNextPrev, .ThemeGeneralEvents .EventNextPrev a:link { padding-right: 0.5em; padding-left: 0.5em; font-size: 8pt; padding-bottom: 0px; color: #333333; padding-top: 0px; }

.ThemeGeneralEvents .EventNextPrev a, .ThemeGeneralEvents .EventNextPrev a:visited, .ThemeGeneralEvents .EventNextPrev a:hover { padding-right: 0.5em; padding-left: 0.5em; font-size: 8pt; padding-bottom: 0px; color: #333333; padding-top: 0px; }

.ThemeGeneralEvents .EventDayHeader { font-weight: bold; font-size: 7pt; font-family: Verdana; background-color: silver; vertical-align: middle; }

.ThemeGeneralEvents .EventDay, .ThemeGeneralEvents .EventDayEvents, .ThemeGeneralEvents .EventDay td { font-size: 7pt; width: 14%; color: #0000ff; font-family: Verdana; height: 14%; }

.ThemeGeneralEvents .EventDay a, .ThemeGeneralEvents .EventDay a:visited, .ThemeGeneralEvents .EventDay a:hover { font-size: 7pt; color: #0000ff; font-family: Verdana; }

.ThemeGeneralEvents .EventDayScroll div { margin-bottom:0.6em; }

.ThemeGeneralEvents .EventOtherMonthDay { color: #808080; background-color: gainsboro; }

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

.ThemeGeneralEvents .EventWeekendDay { background-color: whitesmoke; }

.ThemeGeneralEvents .EventTodayDay { font-weight: bold; color: #0000ff; background-color: darkgray; }

.ThemeGeneralEvents .EventSelectedDay { border-right: red 2px solid; border-top: red 2px solid; border-left: red 2px solid; border-bottom: red 2px solid; font-size: 7pt; }

.ThemeGeneralEvents .EventSelector { background-color: #c0c0e0; }

.ThemeGeneralEvents .EventSelector a, .ThemeGeneralEvents .EventSelector a:visited, .ThemeGeneralEvents .EventSelector a:hover { color: #0000ff; text-decoration: none; }

/* The following control the Calendar Week View Style-Look */
.ThemeGeneralEvents .WeekTable table { table-layout: auto; font-size: 7pt; color: #333333; font-family: Verdana; margin-left:auto; margin-right:auto; margin-bottom:0px; padding:0px; text-align: center; border-right: #e5dfdf 1px solid; border-bottom: #e5dfdf 1px solid; border-left: #e5dfdf 1px solid; border-top: #e5dfdf 1px solid; }

.ThemeGeneralEvents .WeekTable table td, .ThemeGeneralEvents .WeekTable table th { border:0px; padding:0px 2px 0px 2px; }

.ThemeGeneralEvents .WeekItem { text-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; }

.ThemeGeneralEvents .WeekBackground { font-family: verdana, helvetica, arial; background-color: gainsboro; font-size: xx-small; border-right: transparent 1px solid; border-top: transparent 1px solid; border-left: transparent 1px solid; border-bottom: transparent 1px solid; }

.ThemeGeneralEvents .WeekTitle { font-family: verdana, helvetica, arial; font-size: xx-small; color: #333333; 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; }

.ThemeGeneralEvents .WeekOfTitle { font-weight: bold; font-size: 11px; width: 100%; color: navy; font-family: verdana, helvetica, arial; text-align: center; vertical-align: middle; line-height:3.5em; }

.ThemeGeneralEvents .WeekNextPrev { font-weight: bold; FONT-FAMILY: verdana, helvetica, arial; font-size: 10px; width: 100%; color: navy; text-align: center; vertical-align: middle; }

.ThemeGeneralEvents .WeekRangeheader { color: #333333; text-align: center; vertical-align: middle; font-family: verdana, helvetica, arial; font-size: xx-small; background-color: #E5DFDF; border:none; }

/* The following control the Calendar List View Style-Look */
.ThemeGeneralEvents .ListTable { width: 100%; }

.ThemeGeneralEvents .ListDate { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align:top; padding-right: 10px; }

.ThemeGeneralEvents .ListTitle { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align:top; }

.ThemeGeneralEvents .ListDescription { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align:top; }

.ThemeGeneralEvents .ListLink { font-weight: bold; font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align:top; }

.ThemeGeneralEvents .ListHeader { font-weight: bold; font-size: xx-small; background-image: url(gradient_Default.jpg); color: #333333; font-family: verdana, helvetica, arial; height: 32px; text-align: left; vertical-align: middle; }

.ThemeGeneralEvents .ListPager TD { font-size: xx-small; font-family: verdana, helvetica, arial; }

.ThemeGeneralEvents .ListDuration { width: 60px; font-size: 9pt; font-family: verdana, helvetica, arial; text-align: center; vertical-align: top; }

.ThemeGeneralEvents .ListCategory { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align: top; }

.ThemeGeneralEvents .ListLocation { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align: top; }

.ThemeGeneralEvents .ListCustomField1 { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align: top; }

.ThemeGeneralEvents .ListCustomField2 { font-size: 9pt; font-family: verdana, helvetica, arial; text-align: left; vertical-align: top; }

.ThemeGeneralEvents .ListAlternate { background-color: WhiteSmoke; }

.ThemeGeneralEvents .ListDataGrid { border-style: none; }

.ThemeGeneralEvents .ListDataGrid td { /* border:1px solid #333333;  -> uncomment this to get visible borders in ListView table */
}

.ThemeGeneralEvents .ListEdit { width: 10px; text-align: center; vertical-align: top; }