﻿.MonthlyCalendar .MonthNavigation
{
/* border-bottom:solid 1px #ddd;
*/	clear:both;
	height:20px;
	padding:5px 10px 0 10px;
	position: relative;
	border-collapse:collapse;
   
}

.MonthlyCalendar .MonthNavPrev,
.MonthlyCalendar .MonthNavNext,
.MonthlyCalendar .TodayLink
{
	position: absolute;
	font-size: 9px;
	color: #eee;
}
.MonthlyCalendar .MonthNavPrev a,
.MonthlyCalendar .MonthNavNext a,
.MonthlyCalendar .TodayLink a{
   color: #ccc;
   cursor: pointer;
}
.MonthlyCalendar .MonthNavPrev a:hover,
.MonthlyCalendar .MonthNavNext a:hover,
.MonthlyCalendar .TodayLink a:hover{
   color: #fff;
}

.MonthlyCalendar .MonthNavPrev{
   left: 8px;
}
.MonthlyCalendar .MonthNavNext{
   right: 8px;
}

.MonthlyCalendar .YearNavNext,
.MonthlyCalendar .YearNavPrev
{
	width:10%;
	float:left;
}

.MonthlyCalendar .MonthName
 {
	width:100%;
	text-align:center;
	font-weight:bold;
	float:left;
}

.MonthlyCalendar
{
	height:100%;
	width:100%;
/* border:solid 1px #ddd;
*/	border-collapse:collapse;
}

.MonthlyCalendar #CalendarHead 
{
	width:100%;
/* background:#F7F7F7 none repeat scroll 0 0;
*/}

.MonthlyCalendar #CalendarHead .DateHeader
{
	width:14.285%;
	text-align:center;
	border-bottom: 1px solid #27425B;
}

.MonthlyCalendar #CalendarBody
{
}

.DateBox
{
	vertical-align:top;
/* border:solid 1px #ddd;
*/}

.DateLabel
 {
	height:19px;
/* background:#F7F7F7 none repeat scroll 0 0;
*/}

.DateLabel a
{
	cursor:pointer;
/* padding:0 5px 2px;
*/	text-decoration:none;
	line-height:16px;
}

#CalendarBody .Inactive,
#CalendarBody .Weekend
{
/* background:#fafafa none repeat scroll 0 0;
*/}
.Today, #CalendarBody .DateBoxOver
{
/* background:#A9DFFF none repeat scroll 0 0;
*/}

#jMonthCalendar .MoreEvents
{
	font-size:12px;
	padding:1px 1px 1px 4px;
	cursor:pointer;
	display:block;
	position:absolute;
	text-align:center;
	height:14px;
}

#jMonthCalendar .Event
{
	font-size:12px;
	padding:1px 1px 1px 4px;
/* background-color:#C0D0FF;
*//* border:solid 1px #000;
*/	cursor:pointer;
	display:block;
	position:absolute;
	text-align:left;
	overflow:hidden;
	height:14px;
}

.Event a
{
	text-decoration:none;
	color:#000;
	float:left;
	white-space:nowrap;
	padding-top:1px;
}
.Event a:hover { text-decoration:underline; }
.Event span.ui-icon-triangle-1-w { 
   float:left; 
   position:absolute;
   left: -2px;
   top: 2px;
}
.Event span.ui-icon-triangle-1-e { 
   float:right; 
   position:absolute;
   right: -2px;
   top: 2px;
}

/*FULL CALENDAR*/


#fullCalendar .MonthlyCalendar .MonthNavPrev,
#fullCalendar .MonthlyCalendar .MonthNavNext,
#fullCalendar .MonthlyCalendar .TodayLink{
   font-size: 12px;
}
#fullCalendar thead{
   background: #032E59;
   border: 1px solid #666;
}
#fullCalendar .MonthName{
   color: #eee;
   font-size: 16px;
}
#fullCalendar .DateHeader{
   background: #798A9B;
   height: 25px;
   font-size: 12px;
}
#fullCalendar thead tr{
   height: 25px;
}
#fullCalendar tbody tr{
   border-left: 1px solid #666;

}
#fullCalendar tbody tr td{
   border-bottom: 1px solid #666;
}
#fullCalendar tbody tr{
   background: #eee;
}
#fullCalendar tbody td{
   border-right: 1px solid #666;
   padding: 0;
}
#fullCalendar tbody .DateLabel{
   text-align: right;
   padding: 1px;
   padding-right: 5px;
   background: #ddd;
   font-size: 11px;
}
#fullCalendar td.Inactive div a{
   color: #333;
}
#fullCalendar div.Event{
   overflow: hidden;
   background: #4674DD;
   /*background: #80D608;*/
   font-size: 10px;
   height: 19px;
   margin: 0 0 0 0px;
   -moz-border-radius:     3px;
   -webkit-border-radius:  3px;
   -khtml-border-radius:   3px;
   border-radius:          3px;
}
fieldset .calendarKey{
   left:330px;
   position:absolute;
   top:-2px;
   width:350px;
}
.calendarKey span.key{
   color: #555;
   border: none;
}
.calendarKey span{
   display: block;
   padding: 3px 10px;
   margin-right: 5px;
   float: left;
   border: 1px solid #333;
   color: #fff;
   font-size: 10px;
   -moz-border-radius:     5px;
   -webkit-border-radius:  5px;
   -khtml-border-radius:   5px;
   border-radius:          5px;
}
#fullCalendar div.Event.academics,
.calendarKey span.academics{
   background: #4674DD;
}
#fullCalendar div.Event.sports,
.calendarKey span.sports{
   background: #E7254C;
}
#fullCalendar div.Event.arts,
.calendarKey span.arts{
   background: #9FD782;
}
#fullCalendar div.Event.other,
.calendarKey span.other{
   background: #666;
}
#fullCalendar div.Event a{
   color: #fff;
   display: block;
   line-height: 19px;
   height: 19px;
   padding: 0 8px;
   float: left;
}
#fullCalendar div.Event.prePad a{
   text-indent: 4px;
}
#fullCalendar div.Event a abbr{
   text-decoration: none;
   border: none;
}
#fullCalendar div.Event:hover{
   background: #333;
   color: #eee;
}

div.MoreEvents, 
div.fullDayEvents{
   overflow: hidden;
   text-indent: 4px;
   font-size: 9px;
   height: 15px;
   margin: 2px 0 0 2px;
   color:#333;
   background: #ccc;
   line-height: 15px;
   -moz-border-radius:        3px;
   -webkit-border-radius:     3px;
   -khtml-border-radius:      3px;
   border-radius:             3px;
}
div.MoreEvents{
   cursor: pointer;
   text-align: center;
}
div.MoreEvents:hover{
   background: #aaa;
}
#constantsHolder div.MoreEvents{
   display: none;
   visibility: hidden;
   margin-left: -9000px;
}
a.fullDayClose{
   float: right;
   color:#80D608;
   padding: 2px 10px 0 0 ;
}
div.fullDayEvents{
   z-index: 9999;
   position: absolute;
   background: rgb(0,0,0);
   background: rgba(0,0,0,0.9);
}
div.fullDayEventsInner h3{
   margin: 0;
   color: #054F99;
   text-align: center;
   padding-top: 3px;
}
div.fullDayEventsInner ul{
   padding: 10px 10px 0 10px;
   margin: 0;
   list-style: none;
}
div.fullDayEventsInner ul a{
   font-size: 10px;
   line-height: 15px;
   font-family: Arial, "MS Trebuchet", sans-serif;
   color: #ddd;
}
div.fullDayEventsInner ul a:hover{
   text-decoration: underline;
   color: #fff;
}

div.MoreEvents a{
   display: block;
   width: 100%;
   height: 15px;
   color:#80D608;
   text-decoration: none;
}

