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

See Themes Subdirectory for Creating Themes that will be loaded by the Module Instance Settings

*/

.InputTextBox
{
	width:150px;
}



.modalPopup {
	background-color:#FFffFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:590px;
	height:425px;
	overflow: auto;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.LargeCalendarDay 
{
    border: solid 1px #ECE9D8;
    height: 75px;
    width: 80px;
}
.LargeCalendarWeekendDay 
{
    border: solid 1px #ECE9D8;
    height: 75px;
    width: 80px;
}
.LargeCalendarOtherMonthDay 
{
    border: solid 1px #ECE9D8;
    height: 75px;
    width: 80px;
}

.headline5 
{
	font: bold 24px/25px Arial, Helvetica, sans-serif;
}

.rowpadding
{
	border:2px solid #ffffff;
	background-color: #f7f7f7;
}

.Taskbar3 
{
    background-color: #f7f7f7;
    margin-top: 20px;

    padding:2px 3px 3px 3px;
    clear: both;
    border: 1px solid #cccccc;
    height:24px;
}
.Taskbar3 .Left {float:left;}
.Taskbar3 .Right {float:right;}
.Taskbar3 .TaskbarButton
{
	background-color:#f7f7f7;
	line-height:1;
	padding:3px 3px 2px 3px;
	font-weight:bold;
	border:1px solid #f7f7f7;
	margin:0px;
	height:auto;
}
.Taskbar3 .TaskbarButton:hover
{
	background-color:#999999;
	color:#ffffff;
	border:1px solid #888888;
}

.Taskbar3 .Right .TaskbarItem input
{
	margin-top:2px;
}

#FormBody 
{
	margin: 0px 15px 0px 15px;
}

#FormBody .Row
{
	padding: 0px 0px 10px 0px;
}

.categoriesfirstcolumn
{
	padding: 0px 0px 0px 25px;
}

table.preferences {
	margin:20px 0px 20px 0px;
}

table.preferences td {
	padding-bottom:5px;
}

table.prefDateHolidayBoxes {
	margin:5px 0px 20px 0px;
}

table.prefDateHolidayBoxes td {
	padding-bottom:2px;
}

.PreferencesIndented {
	margin:0px 0px 0px 15px;
}

.DoubleMargin {
	margin-bottom:25px;
}

.EventNoteSpace {
	margin-bottom:15px;
}

/* Mimics #BulletTabList in admin\stylesheets\page\tab.css to incorporate modified Planning Admin tab */
#PlanningTabListBox
{
	line-height: 24px;
	vertical-align: middle;
}
#PlanningTabListBox span
{
	display:inline-block;
	width: 200px;
	text-align:center;
}
#PlanningTabList
{
	font: bold 11px verdana, arial, sans-serif;
	list-style-type: none;
	padding-bottom: 25px;
	margin: 0;
	display: inline;
}
#PlanningTabList li
{
	float: left;
	height: 24px;
	background-color: #5AA2DB;
	margin: 0 2px 0 2px;
	padding: 0 25px 0 25px;
	color: #fff;
	cursor: pointer;
	line-height: 24px;
	border-bottom: solid 1px #fff;
}
#PlanningTabList li.TabSelectOn
{
	background: #336699;
	border-bottom: solid 1px #336699;
}

.cal_module {border: solid 1px #d0d0d0; margin: 10px 8px 10px;font-size:10px;font-family:arial;}
.cal_module_inner {border:3px solid #ffFFff;background-color:#f7f7f7;padding: 12px 10px 12px 10px;}
.cal_module a {text-decoration:none;}
.cal_module img {border:0px;}

.cal_legend {}
.cal_legendcolor {margin-bottom:3px;padding:2px;padding-left:4px;}
.cal_adminlegend {text-align:right;}
#LegendColorDiv div {margin-bottom:3px;padding:2px;}
#LegendAbbrevDiv {background-color:Transparent;}


.cal_adminresources {text-align:right;}

.cal_main {width:100%;border:1px #d0d0d0 solid!important;}
.cal_main .DayContainer,.cal_main .MonthCalendarOtherMonthDay {height:auto;}
.cal_main a {text-decoration:none;}

.Row {background-color:Transparent;}
.EditDeleteRow {margin-top:10px;}

.DayContainerDiv {min-height:80px;clear:both;padding-top:15px;font-size:11px;}
* html .DayContainerDiv {height:80px;}
.WeekGrid .DayContainerDiv {min-height:405px;}
* html .WeekGrid .DayContainerDiv {height:405px;}
.DayContainerDiv2 {}

.DayHeaderContainer {line-height:2;text-transform:uppercase;background-color:#d1d1d1;}
.MonthCalendarOtherMonthDay , .DayContainer , .DayTodayContainer {vertical-align:top;padding:0px 2px;}
.DayDateContainer {float:left;font-weight:bold;color:#000000!important;text-decoration:none;margin-top:8px;margin-left:5px;}
.MonthCalendarOtherMonthDay .DayDateContainer {color:#999999!important;}
.DayDateContainer:hover {text-decoration:underline;}
.DayEventContainer {padding:3px 2px;margin-bottom:3px;clear:both;overflow:hidden;word-wrap:break-word;text-align:left;}
.DayAddEventContainer {float:right;margin-right:5px;margin-top:7px;}
.DayTodayContainer {background-color:#ffffe2;}

.cal_hebrewdate {clear:both;text-align:left;font-size:10px;color:#999999;margin-left:5px;}
.cal_holiday {clear:both;text-align:left;font-size:10px;color:#999999;padding:3px 3px;margin-top:5px;margin-left:auto;background-color:#f7f7f7;}
.cal_candlelighting_button {float:right;margin-right:5px;margin-top:7px;}

.cal_daterange {}
/* .cal_daterange input {margin-left:25px;vertical-align:bottom;} */
.cal_daterange {color:#003366;}

.cal_datenav {border:solid 1px lightgrey;padding:5px 10px 5px 5px; margin-top:10px;margin-bottom:15px;background-color:#f7f7f7;}
.cal_datenav_leftbuttons {float:left;}
.cal_datenav_rightbuttons {float:right;}
.cal_datenav img {vertical-align:middle;}
.cal_datenav input {vertical-align:middle;}
.CalendarToolbar .cal_datenav_selected {background-color:#999999;color:#ffffff;border:1px solid #888888;}

.cal_monthCalendarContainer { margin: 0px 0px 0px 8px; }
.monthCalendarContainerTEMPLATE {margin:0px;}

.cal_filternav { list-style-type: none; overflow:hidden; /*auto;*/ margin:0px!important;padding:0px;padding-left:10px;}
.cal_filternav_container {border-bottom:6px solid #336699;margin:30px 8px 20px;}
* html .cal_filternav {height:1%;}
.cal_filternav li {float:left; margin-right:5px; padding:5px 10px 5px 10px; background-color:#5aa2d6;color:#FFffFF;font-weight:bold;}
.cal_filternav li a {color:#FFffFF;}
.cal_filternav li.selected { background-color: #336699; }

.cal_linksmodule {}
.cal_linksmodule_link {margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #d0d0d0;vertical-align:middle;}
* html .cal_linksmodule_link {margin-bottom:7px;}
.cal_linksmodule img {vertical-align:middle;}

.cal_moduleheadline {font-weight:bold;margin-bottom:16px;font-size:13px;}
.cal_text ul {margin-left:0px;padding-left:0px;}
.cal_text ul li {margin-left:15px;padding-left:0px;}

.cal_mini .rowpadding {padding:0px 13px 10px;}
.cal_mini_monthselect {margin:auto auto 15px;text-align:center;}
.cal_mini .SmallCalendar {margin:auto;}
.cal_mini .SmallCalendar td a {background-color:#e9e9e9;display:block;margin:1px;background-color:#e9e9e9;text-decoration:none;color:#444444!important;width:20px;height:20px;line-height:20px;}
.SmallCalendarDay, .SmallCalendarOtherMonthDay, .SmallCalendarWeekendDay, .SmallCalendarTodayDay {background-color:#ffFFff;}
.cal_mini .SmallCalendar .SmallCalendarOtherMonthDay a {color:#000000!important;}
html .cal_mini .SmallCalendarTodayDay a {background-color:#afafaf;color:#ffFFff!important;}
html .cal_mini .SmallCalendarSelectedDay a {background-color:#909090;color:#ffFFff!important;}
html .cal_mini .SmallCalendarSelectedDay {background:Transparent!important;}
.cal_minicalendar {padding: 15px 13px 15px 10px; border: solid 1px #d0d0d0; margin-top: 10px;}
.cal_minicalendar .SmallCalendar {margin:auto;border:0px;width:100%;}
.cal_minicalendar_button {padding-top:8px;padding-bottom:8px;padding-left:10px;border-top:1px solid #d0d0d0;font-size:10px;}
.cal_minicalendar_buttons .cal_firstChild {border-top:0px;margin-top:8px;}
.cal_minicalendar_buttons .cal_lastChild {padding-bottom:0px;}
.cal_minicalendar_button img {border:0px;vertical-align:middle;}
.cal_minicalendar_button a {text-decoration:none;}


.cal_tooltip_categories {margin:1em 1em 1em 3em;}

.cal_searchresults_count {color:#999;}
.cal_search_querytext {color:#000;}

.cal_eventdetail_container {margin-left:8px;margin-right:8px;}

/* the following was added by Alex.  Probably need to be corrected and put in individual design css files */
.cal_eventheadline { font-size: 18px;}
.cal_eventheadline_margin { margin-top:45px;}
.cal_eventtext { margin:12px auto; clear:both; }
.cal_eventdatelink {font-size: 12px; margin-bottom:20px;}
.cal_eventlinks {margin-top:16px;background-color:#f7f7f7;min-height:18px;}
* html .cal_eventlinks {height:18px;}
.cal_eventlinks .cal_eventlink {vertical-align:middle;display:block;float:left; margin-right:20px;}
.cal_eventlinks .cal_eventlink img {vertical-align:middle;}

#aspnetForm {float:left;}

.cal_yearView_monthContainer {border-collapse:collapse;border:0px;float:left;background-color:#f7f7f7;width:100%;}
.cal_yearView_monthContainer td {text-align:center;border:1px solid #d0d0d0;padding:15px;}
.cal_yearView_monthContainer td td {border:0px;}
.yearViewCal {margin:auto;}
.yearViewCal td {padding:0px;background-color:#FFffFF;}
tr td .yearViewCal tr td .yearViewCal td {text-align:left;padding-bottom:15px;font-weight:bold;background-color:#f7f7f7;}
.yearViewCal td a {margin:1px;width:20px;height:20px;line-height:20px;background-color:#e9e9e9;}
.cal_yearView_otherMonthDay a {display:block;background-color:#f7f7f7; color:#000;}
.cal_yearView_Day a {display:block;background-color:#f7f7f7;color:#444;}
html .cal_yearView_selectedDay a {display:block;background-color:#999;color:#fff;}
html .cal_yearView_todayDay a {display:block;background-color:#d0d0d0;color:#fff;}