/* ================================
    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: Arial; background-color: #ffd; text-align: left; moz-opacity: 0.8; }
.Event { margin-top: 10px; table-layout: auto; font-size: 7pt; width: 95%; color: white; font-family: Verdana; height: 500px; text-align: center; border: solid 1px #999; background-color: #000; white-space: normal; line-height: 1.3em; }
.EventTitle { font-weight: bold; font-size: 11pt; background-color: #222; width: 100%; color: #FFF !important; text-align: center; line-height: 32px; vertical-align: middle; height: 32px !important; }
.EventTitle, .EventTitle td { font-weight: bold; font-size: 11pt; width: 100%; color: #FFF !important; text-align: center; background-color: #222; line-height: 32px; vertical-align: middle; text-align: center; height: 32px !important; }

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link, .EventNextPrev a, .EventNextPrev a:visited { color: #FFF !important; text-decoration: none !important; }
.EventNextPrev a:hover { color: #FFF; text-decoration: none !important; }
.EventDayHeader { color: #9ACD66; font-weight: bold; font-size: 12px; font-family: Verdana; background-color: #393996; vertical-align: middle; border: none; }
.EventDay, .EventDay td { background-color: #FFF; font-size: 7pt; width: 14%; color: #000 !important; font-family: Verdana; height: 14%; }
.EventDay a, .EventDay a:visited, .EventDay a:hover { font-size: 7pt; color: #393996 !important; font-family: Verdana; }
.EventDayScroll div { margin-bottom: 0.6em; }
.EventOtherMonthDay { color: #000; background-color: #BCBCBC; }
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover { color: #fff; }
.EventWeekendDay { background-color: #DEDEDE; }
.EventTodayDay { font-weight: bold; color: #000 !important; background-color: #BDBDDB !important; }

/* Note use of "!important" to override Inline Style */
.EventSelectedDay { border: solid 2px #393996; }
.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 { table-layout: auto; font-size: 7pt; color: #000 !important; font-family: Verdana; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding: 0px; text-align: center; border: #FFF 1px solid; background-color: #999; }
.WeekTable table td, .WeekTable table th { padding: 2px; }
.WeekItem { text-align: center; font-family: verdana,helvetica,arial; font-size: xx-small; background-color: #FFF; }
.WeekItem a, .WeekItem a:visited, .WeekItem a:hover { color: #393996; }
.WeekBackground { font-family: verdana,helvetica,arial; background-color: #FFF; font-size: xx-small; }
.WeekTitle { font-weight: bold; font-size: 9pt; background-color: #393996; width: 11%; color: #9ACD66 !important; text-align: center; vertical-align: middle; }
.WeekOfTitle { font-weight: bold; font-size: 11px; width: 100%; color: #FFF; font-family: verdana,helvetica,arial; text-align: center; vertical-align: middle; line-height: 3.5em; }
.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: none !important; }

/* The following control the Calendar List View Style-Look */
.ListTable { width: 100%; border: solid 1px #FFF; }
.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; }
.ListTitle a, .ListTitle a:visited, .ListTitle a:hover { color: #393996; }
.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: 11pt; background-color: #393996; color: #FFF !important; text-align: center; line-height: 32px; vertical-align: middle; height: 32px !important; border: none; }
.ListHeader td { border: none; }
.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 { color: #fff; background-color: #222; }
.ListDataGrid { border: solid 1px #AAA; }
.ListDataGrid td { padding: 2px; }
.ListEdit { width: 10px; text-align: center; vertical-align: top; }

/* ***Events 5.0 Updates*** */
/* Popup Updates */
.Eventtooltipheader, .Eventtooltipbody { width: 300px; filter: alpha(opacity=80); moz-opacity: 0.8; z-index: 99; font-size: 10px; font-family: Arial; padding: 5px; }
.Eventtooltipheader { border: #393996 1px solid; border-bottom: none; background-color: #393996; color: #9ACD66; font-weight: bold; font-size: 11px; }
.Eventtooltipbody { border: #393996 1px solid; border-top: none; background-color: #FFF; color: #000; }
.Eventtooltipbody hr { width: 100%; color: #fff; background-color: #393996; height: 1px; border: none; }
/* Style Updates */
.ThemeKRBE { width: 460px; overflow-x: auto; }
.ThemeKRBE .ListHeader a { color: #FFF; }
.ThemeKRBE .WeekItem a { color: #FFF; }
/* ***Events 5.0 Updates End*** */