/* ---------------------------------------------------------------------
Pure White Design; Event Calendar
Calendar Style Sheets
--------------------------------------------------------------------- */




/* ------------------------------------------------------------------ */
div#calendar { position:relative; }
div#fadePage.display,div#fadePage2.display { 
	background-color:#534336; bottom:0px;
	filter:alpha(opacity=80);
	left:0px;
	opacity:0.8;
	position:fixed;
	right:0px;
	top:0px;
	z-index:1;
	-moz-opacity:0.8;
}
div#fadePage.noDisplay,div#fadePage2.noDisplay { display:none; }
/* ------------------------------------------------------------------ */
table.masterTable { position:relative; }
td.calendarCell { 
	padding:10px; position:relative;
	vertical-align:top;
	width:80%; 
}
td.calendarCell div.title { 
	font-family:arial; font-size:18px; font-style:normal; font-weight:bolder; 
	color:#418BB2;
	text-decoration:none;
}
td.filterCell { 
	padding:10px 10px 10px 0px;
	vertical-align:top;
	width:20%; 
}
td.filterCell div.title { 
	font-family:arial; font-size:14px; font-weight:bold; 
	color:#F2EEDA;
	margin-bottom:10px;
}
td.filterCell div.filterControl { 
	font-family:arial; font-size:11px; 
	padding:10px; 
}
/* ------------------------------------------------------------------ */
div.dateSelector { margin-bottom:5px; }
div.dateSelector div { display:inline-block; }
div.dateSelector div.previous { 
	background-image:URL("calendar.images/previous.png"); background-repeat:no-repeat; 
	cursor:pointer;
	height:22px;
	width:29px;
}
div.dateSelector div.display {
	font-family:arial; font-size:13px; font-style:normal; font-weight:normal;
	color:#418BB2;
	height:22px;
	line-height:20px;
	min-width:150px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
}
div.dateSelector div.next { 
	background-image:URL("calendar.images/next.png"); background-repeat:no-repeat; 
	cursor:pointer;
	height:22px;
	width:29px;
}
/* ------------------------------------------------------------------ */
table.calendarTable { }
tr.titleRow td { 
	background-color:#534336;
	color:#FFFFFF;
	font-family:arial; font-size:11px; color:#F2EEDA; font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
}

tr.dayRow td { 
	background-color:#805D4E; border-right:3px solid #534336; border-bottom:3px solid #534336; 
	color:#F2EEDA;
	font-family:arial; font-size:11px; 
	height:100px;
	padding:5px;
	vertical-align:top;
}
tr.dayRow td div.space { height:5px; }
tr.dayRow td.currentDayMiddle,tr.dayRow td.currentDayFirst,tr.dayRow td.currentDayLast { }
tr.dayRow td.currentDayFirst { border-left:3px solid #534336; }
tr.dayRow td.dayMiddle,tr.dayRow td.dayFirst,tr.dayRow td.dayLast { }
tr.dayRow td.dayFirst { border-left:3px solid #534336; }
tr.dayRow td.noDayMiddle,tr.dayRow td.noDayFirst,tr.dayRow td.noDayLast { }
tr.dayRow td.noDayFirst { border-left:3px solid #534336; }
tr.dayRow td div.event { 
	cursor:pointer; 
	margin-bottom:5px;
}
tr.dayRow td div.event:hover { color:#FFFFFF; }
/* ------------------------------------------------------------------ */
div#showEvent,div#showEvent2 {
	background-color:#805D4E; border:3px solid #534336;
	left:50%;
	margin-left:-250px;
	padding:10px; position:fixed;
	top:50px;
	z-index:2;
	width:500px;
}
div#showEvent div.close,div#showEvent2 div.close { 
	background-image:URL("calendar.images/close.png"); background-repeat:no-repeat;
	cursor:pointer;
	height:29px;
	position:absolute;
	right:5px;
	top:5px;
	width:23px;
}
div#showEvent table.showEvent,div#showEvent2 table.showEvent { width:500px; }
div#showEvent table.showEvent,div#showEvent2 table.showEvent td { 
	color:#f2eeda;
	font-family:arial; font-size:11px;
}
div#showEvent table.showEvent td.spanColumn,div#showEvent2 table.showEvent td.spanColumn { }
div#showEvent table.showEvent td.spanColumn div.eventTitle,div#showEvent2 table.showEvent td.spanColumn div.eventTitle { font-family:arial; font-size:18px; font-style:normal; font-weight:bolder; }
div#showEvent table.showEvent td.leftColumn,div#showEvent2 table.showEvent td.leftColumn { 
	padding:2px; padding-right:10px;
	text-align:right;
	vertical-align:top;
	width:125px; 
}
div#showEvent table.showEvent td.rightColumn,div#showEvent2 table.showEvent td.rightColumn { 
	padding:2px;
	text-align:left;
	vertical-align:top;
	width:375px; 
}
/* ------------------------------------------------------------------ */