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

/* The following control the Calendar Month Style-Look */
.Eventtooltip{border:#000 1px solid;padding:5px;filter:alpha(opacity=80);width:200px;color:#000;background:#ffd;text-align:left;moz-opacity:0.8}
.Event{table-layout:auto;width:100%;color:#fff;height:500px;text-align:center;border:#e5dfdf 1px solid;white-space:normal;line-height:1.3em}
.Event td{font-size:.9em!important}
.EventTitle{font-weight:700;background:url(gradient_Default.jpg);width:100%;color:#000 !important;text-align:center;height:32px !important}
.EventTitle, .EventTitle td{font-weight:700;width:100%;color:#fff !important;text-align:center;background:#051F54;height:32px !important;vertical-align:middle;font-size:1.4em!important}
.EventNextPrev, .EventNextPrev a:link{padding:0 0.5em;color:#fff !important;font-size:.7em!important}
.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover{padding:0 0.5em;color:#fff !important}
.EventDayHeader{font-weight:700;background:#97adce;vertical-align:middle;text-align:center}
.EventDay, .EventDay td{width:14%;color:#003263;height:14%}
.EventDay a, .EventDay a:visited, .EventDay a:hover{}
.EventDayScroll div{margin-bottom:0.6em}
.EventOtherMonthDay{color:#808080;background:gainsboro}
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover{color:#8080c0}
.EventWeekendDay{background:#f5f5f5}
.EventTodayDay{font-weight:700;background:#D1E1FA !important}
.EventSelectedDay{border:#4F84F4 2px solid}
.EventSelector{background:#c0c0e0}
.EventSelector a, .EventSelector a:visited, .EventSelector a:hover{text-decoration:none}
.dateSelect{font-size:.8em!important;text-align:center;padding:2px 0}
.dateSelect input{line-height:1em}

/* The following control the Calendar Week View Style-Look */
.WeekTable table{table-layout:auto;color:#000;margin:0 auto;padding:0;text-align:center;border:#e5dfdf 1px solid}
.WeekTable table td, .WeekTable table th{border:0;padding:0 2px}
.WeekItem{text-align:center;background:#fff;font-weight:700;border:transparent 1px solid}
.WeekBackground{background:gainsboro;border:transparent 1px solid}
.WeekTitle{color:#000;height:15%;text-align:center;background:url(gradient_Default.jpg);width:11%;border:transparent 1px solid}
.WeekOfTitle{font-weight:700;width:100%;color:navy;text-align:center;vertical-align:middle;line-height:3.5em}
.WeekNextPrev{font-weight:700;width:100%;color:navy;text-align:center;vertical-align:middle}
.WeekRangeheader{color:#000;text-align:center;vertical-align:middle;background:#E5DFDF;border:none!important}

/* The following control the Calendar List View Style-Look */
.ListTable{width:100%}
td.ListDate{text-align:left;vertical-align:top;font-size:.8em!important;width:140px}
.ListTitle{text-align:left;vertical-align:top}
.ListDescription{text-align:left;vertical-align:top}
.ListLink{font-weight:700;text-align:left;vertical-align:top}
.ListHeader{font-weight:700;background:#003263;color:#fff;height:32px;text-align:left;vertical-align:middle}
.ListDuration{width:60px;text-align:center;vertical-align:top}
.ListCategory{text-align:left;vertical-align:top}
.ListCustomField1{text-align:left;vertical-align:top}
.ListCustomField2{text-align:left;vertical-align:top}
.ListAlternate{background:#eee}
.ListDataGrid{border-style:none;border:1px solid #fff}
.ListDataGrid td{border-style:none;padding:4px}
.ListDataGrid tr:hover,.ListDataGrid tr:hover a{background:#00A2B2;color:#fff}
.ListEdit{width:10px;text-align:center;vertical-align:top}

/* Event Detail page */
.EventName{font-size:1.4em;line-height:normal}