﻿/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/
.Eventtooltipheader,.Eventtooltipbody {
width:300px;
z-index:99;
font-size:10px;
font-family:arial;
padding:5px
}

.Eventtooltipheader {
border:#e5dfdf 1px solid;
background-color:#e5dfdf;
color:#000;
font-weight:700;
font-size:11px
}

.Eventtooltipbody {
border-left:#e5dfdf 1px solid;
border-right:#e5dfdf 1px solid;
border-bottom:#e5dfdf 1px solid;
background-color:#fff
}

.Eventtooltipbody hr {
width:100%;
color:#e5dfdf;
background-color:#e5dfdf;
height:1px;
border:0
}

.ThemeltfxEvents .Event {
table-layout:auto;
font-size:9px;
color:#FFF;
font-family:verdana;
height:400px;
width:75%;
text-align:center;
border:#e5dfdf 1px solid;
background-color:#EFE7E7;
white-space:normal;
line-height:1.3em
}

.ThemeltfxEvents .EventTitle {
font-weight:700;
font-size:14px;
background-image:url(gradient_Gray.jpg);
width:100%;
color:#fff;
text-align:center;
height:32px
}

.ThemeltfxEvents .EventTitle,.ThemeltfxEvents .EventTitle td {
font-weight:700;
font-size:14px;
width:100%;
color:#FFF;
text-align:center;
height:32px
}

.ThemeltfxEvents .EventNextPrev,.ThemeltfxEvents .EventNextPrev a:link,.ThemeltfxEvents .EventNextPrev,.ThemeltfxEvents .EventNextPrev a:visited {
font-size:10px;
color:#FFF;
padding:0 0.5em
}

.ThemeltfxEvents .EventNextPrev a:hover {
font-size:10px;
color:red;
padding:0 0.5em
}

.ThemeltfxEvents .EventDayHeader {
font-weight:700;
font-size:9px;
font-family:Verdana;
background-color:silver;
vertical-align:middle
}

.ThemeltfxEvents .EventDay,.ThemeltfxEvents .EventDayEvents,.ThemeltfxEvents .EventDay td,.ThemeltfxEvents .EventDay a,.ThemeltfxEvents .EventDay a:visited {
font-size:9px;
width:14%;
color:#000;
font-family:Verdana;
height:14%
}

.ThemeltfxEvents .EventDay a,.ThemeltfxEvents .EventDay a:visited {
font-size:9px;
color:#000;
font-family:Verdana
}

.ThemeltfxEvents .EventDay a:hover {
font-size:9px;
color:red;
font-family:Verdana
}

.ThemeltfxEvents .EventDayScroll div {
margin-bottom:0.6em
}

.ThemeltfxEvents .EventOtherMonthDay {
color:gray;
}

.ThemeltfxEvents .EventOtherMonthDay a,.ThemeltfxEvents .EventOtherMonthDay a:visited,.ThemeltfxEvents .EventOtherMonthDay a:hover {
color:#8080c0
}

.ThemeltfxEvents .EventWeekendDay {
}

.ThemeltfxEvents .EventTodayDay {
font-weight:700;
color:#00f;
}

.ThemeltfxEvents .EventSelectedDay {
border:red 2px solid;
font-size:9px
}

.ThemeltfxEvents .EventSelector {
}

.ThemeltfxEvents .EventSelector a,.ThemeltfxEvents .EventSelector a:visited,.ThemeltfxEvents .EventSelector a:hover {
color:#00f;
text-decoration:none
}

.ThemeltfxEvents .WeekTable table {
table-layout:auto;
font-size:9px;
color:#000;
font-family:Verdana;
text-align:center;
border:#e5dfdf 1px solid
}

.ThemeltfxEvents .WeekItem {
border:transparent 1px solid;
background-color:#ddd1d1
}

.ThemeltfxEvents .WeekTable table td,.ThemeltfxEvents .WeekTable table th {
border:0;
padding:0 2px
}

.ThemeltfxEvents .WeekDay {
font-weight:700;
font-size:9px;
color:#000;
font-family:verdana,helvetica,arial;
background-color:#000;
text-align:center;
vertical-align:middle;
border:transparent 1px solid
}

.ThemeltfxEvents .WeekBackground {
font-family:verdana,helvetica,arial;
background-color:#efe7e7;
font-size:9px;
color:#000;
border:transparent 1px solid
}

.ThemeltfxEvents .WeekTitle {
font-family:verdana,helvetica,arial;
font-size:9px;
color:#fff;
height:15%;
text-align:center;
background-image:url(gradient_Gray.jpg);
width:11%;
border:transparent 1px solid
}

.ThemeltfxEvents .WeekOfTitle {
font-weight:700;
font-size:10px;
width:100%;
color:#000;
font-family:verdana,helvetica,arial;
text-align:center;
vertical-align:middle
}

.ThemeltfxEvents .WeekNextPrev {
font-weight:700;
font-family:verdana,helvetica,arial;
font-size:10px;
width:100%;
color:#fff;
text-align:center;
vertical-align:middle
}

.ThemeltfxEvents .WeekRangeheader {
color:#000;
text-align:center;
vertical-align:middle;
font-family:verdana,helvetica,arial;
font-size:9px;
background-color:#E5DFDF;
border:none
}

.ThemeltfxEvents .ListTable {
width:300px
}

.ThemeltfxEvents A.ListTitle:hover {
color:#fd5e2b;
background-color:transparent;
text-align:left;
text-decoration:none;
}

.ThemeltfxEvents .ListLink {
font-weight:700;
font-size:9px;
font-family:verdana,helvetica,arial;
text-align:left;
vertical-align:top;
background-color:transparent;
color:#fff
}

.ThemeltfxEvents .ListHeader {
font-size:12px;
color:#eeeeee;
border-top:dotted 1px #666666; border-bottom:dotted 1px #666666; padding:12px 0 14px 0; margin:0 0 15px 0;
text-align:left;

vertical-align:middle
}

.ThemeltfxEvents .ListHeader A {
color:#fff
}

.ThemeltfxEvents .ListPager TD {

}

.ThemeltfxEvents .ListDuration {
width:60px;

text-align:center;
vertical-align:top;
background-color:transparent;
color:#fff
}

.ThemeltfxEvents .ListCustomField2 {

text-align:left;
vertical-align:top;
color:#fff
}

.ThemeltfxEvents .ListAlternate {
}

.ThemeltfxEvents .ListDataGrid {
border-style:none
}

.ThemeltfxEvents .ListDataGrid td {
border-bottom:dotted 1px #666666; padding:8px 10px 8px 0; margin:0;
}

.ThemeltfxEvents .ListEdit {
width:10px;
text-align:center;
vertical-align:top;
background-color:transparent;
color:#fff
}

.ThemeltfxEvents .ListDate,.ThemeltfxEvents .ListTitle,.ThemeltfxEvents .ListDescription,.ThemeltfxEvents .ListCategory,.ThemeltfxEvents .ListLocation,.ThemeltfxEvents .ListCustomField1 {

text-align:left;
vertical-align:top;
background-color:transparent;
color:#fff
}
