﻿/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/
.ThemeDefault .Eventtooltipheader, .ThemeDefault .Eventtooltipbody {
width:300px;
z-index:99;
font-size:10px;
font-family:Arial;
padding:5px
}

.ThemeDefault .Eventtooltipheader {
border:#c3d9ff 1px #3e8f33;
background-color:#3e8f33;
color:#fff;
font-weight:700;
font-size:11px
}

.ThemeDefault .Eventtooltipbody {
border-left:#3e8f33 1px solid;
border-right:#3e8f33 1px solid;
border-bottom:#3e8f33 1px solid;
background-color:#fff
}

.ThemeDefault .Eventtooltipbody hr {
width:100%;
color:#c3d9ff;
background-color:#c3d9ff;
height:1px;
border:0
}

.ThemeDefault .Event {
table-layout:auto;
font-size:11px;
width:100%;
color:#FFF;
height:500px;
text-align:center;
border:#e5dfdf 1px solid;
background-color:#fff;
white-space:normal;
}

.ThemeDefault .EventTitle {font-weight:700; font-size:14px; width:100%; text-align:center; height:32px}


.ThemeDefault > div > table > tbody > tr:first-child > td + td > *{display:none;}
.ThemeDefault > div > table > tbody > tr:first-child > td + td +td > * {display:inline;}
.ThemeDefault > div > table > tbody > tr:first-child > td {height:23px; padding:6px; background-color:#3b97bf;} 
.ThemeDefault > div > table > tbody > tr:first-child > td:nth-of-type(2){ width:100% !important; text-align:left;}


.RightPane .ThemeDefault > div > table > tbody > tr:first-child > td {display:none;}
.ThemeDefault .EventTitle,.ThemeDefault .EventTitle td {width:100%;text-align:center;height:32px}


.ThemeDefault .EventDayHeader {
	border:1px solid #d4e2e9;
	border-collapse:collapse;
	padding:0px;
line-height:17px;
height:17px;
font-size:11px;
font-weight:bold;
background-color:#f19c27;
}

.ThemeDefault .EventDay {height:100px; border:1px solid #d4e2e9; background-color:#fff; text-align:left !important; padding:0px 5px; font-weight:bold; color:#f19c27;}

.ThemeDefault .EventDay,.ThemeDefault .EventDayEvents,.ThemeDefault .EventWeekendDayEvents,.ThemeDefault .EventDay td {

width:14%;

}

.ThemeDefault .EventDay a,.ThemeDefault .EventDay a:visited,.ThemeDefault .EventDay a:hover {

color:#00f;

}

.ThemeDefault .EventDayEvents a,.ThemeDefault .EventDayEvents a:visited,.ThemeDefault .EventDayEvents a:hover, .ThemeDefault .EventWeekendDayEvents a,.ThemeDefault .EventWeekendDayEvents a:visited,.ThemeDefault .EventWeekendDayEvents a:hover  {

color:red;

}

.ThemeDefault .EventDay .EventDayScroll > div > a { white-space:nowrap; text-overflow: ellipsis; width:60px; overflow:hidden; display:block; color:#fff; background-color:#3e8f33; line-height:23px; height:23px; padding:0px 8px; }
.ThemeDefault .EventWeekendDay {
background-color: #fafafa; color:#f19c27;
}

.ThemeDefault .EventDayScroll div {
margin-bottom:0.6em
}

.ThemeDefault .EventOtherMonthDay {
color:#bfbfbf;
background-color:#f0f0f0;
}

.ThemeDefault .EventOtherMonthDay a,.ThemeDefault .EventOtherMonthDay a:visited,.ThemeDefault .EventOtherMonthDay a:hover {
color:#8080c0
}

.ThemeDefault .EventTodayDay {background-color:#fbf898;}

.ThemeDefault .EventSelectedDay {

}

.ThemeDefault .EventSelectedDay, .ThemeDefault .EventSelectedDay a, .ThemeDefault .EventSelectedDay a:visited, .ThemeDefault .EventSelectedDay a:hover {

}

.ThemeDefault .EventSelector {background-color:#c0c0e0}


.ThemeDefault .DetailEvent > div, .ThemeDefault .DetailEvent > div > table, .ThemeDefault .DetailCommands{ width:100% !important;}

.ThemeDefault > div > table > tbody > tr:first-child > td.DetailCommandsLeft{width:100px !important; padding:0px !important; background-color: transparent !important; }
.ThemeDefault > div > table > tbody > tr:first-child > td.DetailCommandsLeft .CommandButton {color:#000 !important; vertical-align:top;}

.ThemeDefault > div > table > tbody > tr:first-child > td.DetailCommandsRight{width:auto !important; padding:0px !important; background-color: transparent !important; }

.ThemeDefault .EventSelector a,.ThemeDefault .EventSelector a:visited,.ThemeDefault .EventSelector a:hover {text-decoration:none}

.ThemeDefault .WeekTable table {
table-layout:auto;
font-size:10px;
color:#000;

margin-left:auto;
margin-right:auto;
margin-bottom:0;
text-align:center;
border:#e5dfdf 1px solid;
padding:0
}

.ThemeDefault .WeekTable table td,.ThemeDefault .WeekTable table th {
border:0;
padding:0 2px
}

.ThemeDefault .WeekItem {
text-align:center;

font-size:9px;
font-weight:700;
background-color:#ecf2ff
}

.ThemeDefault .WeekBackground {

background-color:#DCDCDC;
font-size:9px;
border:transparent 1px solid
}

.ThemeDefault .WeekTitle {

font-size:9px;
color:#000;
height:15%;
text-align:center;
width:11%;
border:transparent 1px solid
}

.ThemeDefault .WeekOfTitle {
font-weight:700;
font-size:11px;
width:100%;
color:navy;

text-align:center;
vertical-align:middle;
line-height:3.5em
}

.ThemeDefault .WeekNextPrev {
font-weight:700;
font-size:10px;
width:100%;
color:navy;
text-align:center;
vertical-align:middle
}

.ThemeDefault .WeekRangeheader {
color:#000;
text-align:center;
vertical-align:middle;
font-size:9px;
background-color:#E5DFDF;
border:none
}

.ThemeDefault .ListTable {width:100%}

.ThemeDefault .ListLink {
font-weight:700;
font-size:10px;
text-align:left;
vertical-align:top
}

.ThemeDefault .ListHeader, .ThemeDefault .DetailEnrollGridHeader, .ThemeDefault .EditEnrollGridHeader, .ThemeDefault .EnrollGridHeader {
font-weight:700;
color:#000;
height:32px;
text-align:left;
vertical-align:middle;
display:none;

}

.ThemeDefault .DetailEnrollGridHeader, .ThemeDefault .EditEnrollGridHeader, .ThemeDefault .EnrollGridHeader {
text-align:center;
}

.ThemeDefault .DetailEnrollUser, .ThemeDefault .DetailEnrollDisplay,  .ThemeDefault .DetailEnrollDisplay a:link, .ThemeDefault .DetailEnrollEmail, .ThemeDefault .DetailEnrollEmail a:link, .ThemeDefault .DetailEnrollPhone, .ThemeDefault .DetailEnrollApproved, .ThemeDefault .DetailEnrollNo, .ThemeDefault .EditEnrollSelect, .ThemeDefault .EditEnrollUser, .ThemeDefault .EditEnrollDisplay,  .ThemeDefault .EditEnrollDisplay a:link, .ThemeDefault .EditEnrollEmail, .ThemeDefault .EditEnrollEmail a:link, .ThemeDefault .EditEnrollPhone, .ThemeDefault .EditEnrollApproved, .ThemeDefault .EditEnrollNo, .ThemeDefault .EditEnrollDate, .ThemeDefault .EditEnrollDate .ThemeDefault .EnrollSelect, .ThemeDefault .EnrollApproved, .ThemeDefault .EnrollNo, .ThemeDefault .EnrollFee, .ThemeDefault .EnrollDate  {
font-size:12px;
text-align:center;
vertical-align:top;
font-weight:normal;
}

.ThemeDefault .ListPager TD {


}

.ThemeDefault .ListDuration {
width:60px;

text-align:center;
vertical-align:top
}

.ThemeDefault .ListDataGrid, .ThemeDefault .DetailEnrollGrid, .ThemeDefault .EditEnrollGrid, .ThemeDefault .EnrollGrid {
border-style:none
}

.ThemeDefault .ListEdit {
width:10px;
text-align:center;
vertical-align:top
}

td.EventNextPrev { text-align:left !important; text-shadow: 3px 3px 6px rgba(255, 255, 255, 0.44); padding:0px 16px; line-height:30px;}
td.EventNextPrev + td { font-weight:bold; font-size:22px; line-height:30px;  text-shadow: 3px 3px 6px rgba(255, 255, 255, 1);}
td.EventNextPrev ~ td.EventNextPrev {text-align:right !important;  text-shadow: 3px 3px 6px rgba(255, 255, 255, 0.44); padding:0px 16px; line-height:30px;}
.EventNextPrev a:link, .EventNextPrev a:visited, .EventNextPrev a:active {font-size:14px; color:#3e8f33; font-weight:bold;  }

.ThemeDefault .EventWeekendDay,.ThemeDefault .ListAlternate, .ThemeDefault .DetailEnrollGridAlternate, .ThemeDefault .EditEnrollGridAlternate, .ThemeDefault .EnrollGridAlternate {}

.ThemeDefault .ListDate,.ThemeDefault .ListTitle,.ThemeDefault .ListDescription,.ThemeDefault .ListCategory,.ThemeDefault .ListLocation,.ThemeDefault .ListLocation a,.ThemeDefault .ListCustomField1,.ThemeDefault .ListCustomField2, .ThemeDefault .ListRecurText, .ThemeDefault .ListRecurUntil, .ThemeDefault .EnrollTitle {

text-align:left;
vertical-align:top
}

.ThemeDefault .RptTable {
    border-style:none;
    border-collapse:collapse;
    width:100%;
}

.ThemeDefault .RptRepeater  {
    width:100%;
}

.ThemeDefault .RptRepeater td  {
    border-style:none;
}

.ThemeDefault .RptHeader {
    font-weight:700;
    
    height:32px;
    text-align:center;
    vertical-align:middle;
    width:100%;
}

.ThemeDefault .RptNormal {
   
    text-align:left;
    vertical-align:top;
}

.ThemeDefault .RptAlternate {
    background-color:#F5F5F5;
    

    text-align:left;
    vertical-align:top;
}

.ThemeDefault .RptPagerPage {
}

.ThemeDefault .RptPagerCurrentPage {
    color: Red;
}

.ThemeDefault .RptPagerHeader td {
    border-style:none;
}

.ThemeDefault .DetailReminder, .ThemeDefault .DetailEnroll, .ThemeDefault .DetailEnrollTable, .ThemeDefault .DetailCommands  {
text-align:left;
width:90%;
}

.ThemeDefault .DetailReminderLeft, .ThemeDefault .DetailEnrollLeft {
width:35%;
}

.ThemeDefault .DetailCommandsRight {
text-align:right;
}
