/*css for calendar
v.1 - Matt R. 11-26-07
from source - default_wide.css

/*
VIEW AND FILTER LINKS
*/

.calendarNav {
}

.calendarNav a {

}

#filterOpenLink {
	margin-top: -15px;
	text-align: right;
}

/*
CATEGORY FILTER BOX
*/

#filterBox	{
	clear:both;
	margin: 5px 0px 5px 0px;
	border:1px solid #ccc;
}

#close	{
	margin:0px;
	padding: 0;
	width:100%;
	background-color: #e3e3e3;
	text-align: right;
	border-bottom: 1px solid #ccc;
}

#filterBox #close a {
	padding: 0px 5px 0px 0px;
}

#filterBox	{
	font-weight: normal;
}

#filterBox form, #filterBox fieldset {
	padding: 0;
	margin: 0;
}

#filterBox  div.checkBox {
	font-weight:normal;
	width: 175px;
	height:20px;
	display:block;
	float:left;
	padding: 0px 5px 5px 2px;
	margin: 0;
}

#filterBox .message {
	padding: 0px 5px 10px 5px;
}

#filterBox input[type="checkbox"] {
    border: 0px !important;
}

#filterBox .clear	{
	clear:both;
	height:2px;
}

#filterBox .filterTitle {
	clear:both;
	display:block;
	height:12px;
	padding:3px;
	margin: 10px 5px 5px 5px;
	font-weight:bold;
	border:1px solid #ccc;
	border-width: 0px 0px 1px 0px;
	background-color:#e3e3e3;
}
/*--------main calendar display-----------*/
.year {
	/*border-style: outset;
	border-width: 1px;*/
	border:1px solid #CCCCCC;
	background-color: #ECE9D8;
	text-align: center;
}
.month {
	width:100%;
	/*border-style: none;
	background-color: #ECE9D8;*/
	border:1px solid #CCCCCC;
	text-align: center;
}
.year .month td	{
	height:14%;
	width:20px;
}
/*formatting for day table that shows days events on front end /Calendar/Day */
.day	{
	border:1px solid #CCCCCC;
	background-color: #ECE9D8;
	text-align: center;
	width:100%;
}
.day tr	{
	
}
.day th	{
	background:#fff;
	border:1px solid #CCCCCC;
	height:2em;
}
.day th a	{
	margin:0px 10px -5px 10px;
	font-size:2em;
	font-weight:bold;
	font-family:Tahoma;
}
.day td	{
	background:#fff;
	border:1px solid #CCCCCC;
	height: 4em;
}
.day td.time	{
	width:30%;
	font-weight:bold;
}
.day td.eventName	{
	width:70%;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	/*background-color: #DADADA;*/
	color: #5D5D5D;
	/*border-style: outset;
	border-width:1px*/
}
.dayname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #996699;
	color: #ffffff;
	/*border-style: outset;
	border-width:1px;
	border-color:#003366;*/
}

.weeknumtitle {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	background-color: #e9e9e9;
	/*border-style: outset;
	border-width: 1px;*/
}
.weeknum {
	text-align: center;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #000099;
	background-color: #e9e9e9;
}
.week {
	width:95%;
	border-style: none;
	background-color: #ECE9D8;
	text-align: center;
}
.monthweek {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #CC99CC;
	border-style: solid;
	border-width:1px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #ECE9D8;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
	font-size:20px;
	/*font-weight:bold;*/
}
.monthpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.pickerbutton {
	font-size: 11px;
	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	text-align: center;
	vertical-align: top;
	font-size: 10px;
	height:90px;
	width:90px;
	color: #aaaaaa;
	
}
.monthday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #ECE9D8;
	color: #663366;
	height:90px;
	width:90px;
	border:1px solid #CCCCCC;
}
.today {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #ECE9D8;
	color: #5A2C5A;
	height:90px;
	width:90px;
	border:1px solid #5A2C5A;
}
.selectedday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #fff;
	color: #990099;
	height:90px;
	width:90px;
	border:1px solid #990099;
}
.sunday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #CC99CC;
	height:90px;
	width:90px;
	border:1px solid #CCCCCC;
	
}
.sunday a {
	color: #CC99CC;
}
.saturday {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #CC99CC;
	height:90px;
	width:90px;
	border:1px solid #CCCCCC;
}
.saturday a {
	color: #CC99CC;
}
.event {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	/*color: #5A2C5A;
	background-color: #EAEAEA;*/
	border:1px solid #990099;
	height:90px;
	width:90px;
}
.event a {
	color: #990099;
	text-decoration:underline;
}
.selectedevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #5A2C5A;
	background-color: #EAEAEA;
	height:90px;
	width:90px;
}
.selectedevent a {
	background-color: #EAEAEA;
	color: #5A2C5A;
}
.todayevent {
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #5A2C5A;
	background-color: #ffffff;
	height:90px;
	width:90px;
	border:1px solid #5A2C5A;
}
.todayevent a {
	/*background-color: #EAEAEA;*/
	color: #5A2C5A;
}
.eventcontent {
	font-size: 10px;
	/*border-style: outset;
	border-width: 1px;*/
	background:#fff;
	border:1px solid #CCCCCC;
	width: 100%;
	margin-bottom:2px;
}