@CHARSET "ISO-8859-1";

#calendarLeft {
	width: 45%;
	float: left;
	display: inline;
}

#calendarRight {
	width: 45%;
	float: left;
	display: inline;
	margin-left: 15px;
}

#dayDisplay {
	border: 1px solid black;
	padding: 3px;
	text-align:center;
	font-weight:bold;
	font-size: 14px;
}

#dayDetails {
	border: 1px solid black;
	padding: 15px 5px 5px 15px;
	margin-top: 3px;
}

.dayDetailsTitle {
	color:#00668B;
	font-weight:bold;
	font-size:14px;
}

.dayDetailsDescription {
	margin:10px 0;
}

#yearNav {
	text-align: center;
	padding: 3px;
}

.yearNavLeftArrow {
	float:left;
	display:inline;
	cursor:pointer;
	border:1px solid #000000;
	height:14px;
	padding:0px;
	font-weight:bold;
	padding:0 4px 2px 4px
}

.yearNavRightArrow {
	float:right;
	display:inline;
	cursor:pointer;
	border:1px solid #000000;
	height:14px;
	padding:0px;
	font-weight:bold;
	padding:0 4px 2px 4px
}

.yearNavTitle {
	font-weight:bold;
	font-size:14px;
}


#allMonthNav {
	
}

#allMonthNav span {
	border: 1px solid black;
	float: left;
	display: inline;
	padding: 3px 0;
	margin-left: -1px;
	margin-bottom: -1px;
	margin:0 -1px -1px -1px;
	width: 16.6%;
	text-align: center;
	background-color: #ffffff;
	cursor: pointer;
}

#allMonthNav span.hover, #allMonthNav span.active {
	background-color:#00668B;
	color: #ffffff;
}

#allMonthNav .break {
	clear:both;
}

#smallMonthDisplay {
	clear: both;
	margin-top:15px;
}

#smallMonthDisplay .monthName {
	font-weight:bold;
	font-size: 14px;
	border:1px solid #000000;
}

.calendarSmall table {
	width: 100%;
	border-collapse: collapse;
}

.smallCalendarDayTitles td {
	font-weight: bold;
	width: 14.2857%;
}

.calendarDayNames td {
	border: 1px solid black;
	text-align: center;
}

.calendarDates td {
	border: 1px solid black;
	width: 14.2857%;
	text-align: center;
	background: #ffffff;
	cursor: pointer;
}

.calendarDates td.hover, .calendarDates td.hasEvents {
	background-color: #A8CBD8;
}

.calendarDates td.active {
	background-color: #00668B;
	color: #ffffff;
}

.weekAtGlanceContainer {
	border: 1px solid #000000;
	margin-top: 10px;
}

.weekAtGlanceDay {
	cursor: pointer;
	padding: 5px;
	border-top: 1px solid #000000;
}

.weekAtGlanceDay.hover {
	background-color: #eeeeee;
}

.weekAtGlanceDayName {
	font-weight: bold;
}

.weekAtGlanceHeader {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.weekAtGlanceTitle {
	color: #00668B;
	font-weight: bold;
}

.weekAtGlanceNoEvents {
	color: #666666;
}