/*
The entire calendar
<table>
*/
#calendar
{
}

/*
The month heading (colspan=7)
<tr>
*/
#month-header
{
	text-align: center;
	font-weight: bold;
}

#month-header td
{
	border: 1px solid black;
	padding: 4px;
	font-size: 22px;
}

#month-header a
{
	text-decoration: none;
}

/*
The days in fulltext (column headers)
<tr>
*/
#day-header
{
	text-align: center;
}

#day-header td
{
	padding: 10px;
	border: 1px solid black;
	background: #4150ab;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
}

/*
The style for "today"
*/
#today
{
	background-color: #fffaa4;
}

/*
Each week row
<tr>
*/
.week
{
}


/*
Each day
<td>
*/
.day
{
	border: 1px solid;
	padding: 5px;
	height: 65px;
}

.blank
{
	background-color: #efefef;
}

.dayNumber
{
	font-size: 16px;
	font-weight: bold;
	color: #022a66;
}


.noEventText
{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 14px;
	color: #ff0000;
}	


/*
style how events are displayed
<p>
*/
.event
{
	margin: 0;
	font-size: 10px;
}

/*
style days taht have an event
*/

.hasEvent
{
	cursor:pointer;
}

/*
style how the prev/next are displayed
<a>
*/
.switchMonth
{
}

h2.modalDay
{

}

.modalDayDiv
{
	display: none;
}

.modalDayWrapper
{
	margin: 6px;
}

.modalDayWrapper h3
{

}

.modalDayWrapper ul
{
	margin: 2 0 16 20;
}

.submitButton {
	 color:#0042a4;
     font-weight: bolder;
	 font-family:'trebuchet ms',helvetica,sans-serif;
	 font-size: 16px;
	 padding-top: 2px;
	 padding-right: 25px;
	 padding-left: 25px;
	 padding-bottom: 4px;
}