/*================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/
/* The following control the Calendar Month Style-Look */
.Eventtooltip
{
    border: #d3075e 1px solid;
    padding: 5px;
    width: 300px;
    background-color: #ffffff;
    z-index: 99;
}
.ThemeEvents .Event
{
    border: 1px solid #ffffff;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}
.ThemeEvents .EventTitle, 
.ThemeEvents .EventTitle td
{
    background-color:#d3075e;
    text-decoration:none;
    color: #ffffff;
    height: 20px;
    text-align: center;
    vertical-align:middle;
}

.ThemeEvents .EventNextPrev, 
.ThemeEvents .EventNextPrev a:link,
.ThemeEvents .EventNextPrev a, 
.ThemeEvents .EventNextPrev a:visited, 
.ThemeEvents .EventNextPrev a:hover
{
    color: #ffffff;
    text-decoration:none;
}
.ThemeEvents .EventDayHeader
{
    height: 20px;
    background-color: #f7b8c3;
    vertical-align: middle;
    color:#ffffff;
}
.ThemeEvents .EventDay, 
.ThemeEvents .EventDayEvents
{
    height: 100px;
    text-align:center;
    padding:2px;
    background-color: #f8f8f8;
}
.ThemeEvents .EventDay td
{
}
.ThemeEvents .EventDayScroll
{
    width: 100%;
    height: 88%;
    overflow: auto;
    position: static;
    background-color: #fff;
}
.ThemeEvents .EventOtherMonthDay
{
    color: #dddddd;
}
.ThemeEvents .EventWeekendDay
{
    background-color: #f7b8c3;
    color:#ffffff;
}
.ThemeEvents .EventTodayDay
{
    color: #ffffff;
    background-color: #d3075e;
}
.ThemeEvents .EventSelectedDay
{
}
.ThemeEvents .EventSelector
{
}
.ThemeEvents .EventSelector a, 
.ThemeEvents .EventSelector a:visited, 
.ThemeEvents .EventSelector a:hover
{
    text-decoration: none;
}
/* The following control the Calendar Week View Style-Look */
.ThemeEvents .WeekTable table
{
}
.ThemeEvents .WeekTable table td, 
.ThemeEvents .WeekTable table th
{
}
.ThemeEvents .WeekItem
{
}
.ThemeEvents .WeekDay
{
}
.ThemeEvents .WeekBackground
{
}
.ThemeEvents .WeekTitle
{
}
.ThemeEvents .WeekOfTitle
{
}
.ThemeEvents .WeekNextPrev
{
}
.ThemeEvents .WeekRangeheader
{
}
/* The following control the Calendar List View Style-Look */
.ThemeEvents .ListTable
{
    width: 100%;
}
.ThemeEvents .ListDate
{
    vertical-align: top;
    width: 100px;
}
.ThemeEvents .ListTitle
{
    vertical-align: top;
}
.ThemeEvents .ListDescription
{
    vertical-align: top;
}
.ThemeEvents .ListLink
{
    vertical-align: top;
}
.ThemeEvents .ListHeader
{
    background-color: #d3075e;
    height: 40px;
    color:#ffffff;
    vertical-align: middle;
}
.ThemeEvents .ListDuration
{
    vertical-align: top;
    width: 60px;
}
.ThemeEvents .ListCategory
{
    vertical-align: top;
    width: 60px;
}
.ThemeEvents .ListLocation
{
    vertical-align: top;
    width: 60px;
}
.ThemeEvents .ListCustomField1
{
    vertical-align: top;
}
.ThemeEvents .ListCustomField2
{
    vertical-align: top;
}
.ThemeEvents .ListAlternate
{
    background-color: #ffffff;
}
.ThemeEvents .ListDataGrid
{
    border-bottom: #d3075e2px solid;
    background-color: #f5f5f5;
}
.ThemeEvents .ListDataGrid td
{
    border-bottom: dotted 1px #d3075e;
}
.ThemeEvents .ListEdit
{
    text-align: center;
    vertical-align: top;
    width: 1px;
}