/* ================================
    CSS STYLES FOR Module Event
   ================================
*/

/* Tooltip that provides event details */
.Eventtooltip
{
    border: #000 1px solid;
    padding: 5px;
    font-size: 10px;
    width: 200px;
    color: #fff;
    font-family: Arial;
    background-color: #333;
    text-align: left;
    position: relative;
    z-index: 1000;
	font-weight:bold;
}
.Event{
	background-color: #f0f0f0;
	border: #000 1px solid;
	table-layout: auto;
	padding: 0px;
	font-size: 7pt;
	margin: 0px;
	color: #000;
	font-family: Arial;
	border-collapse: collapse;
	text-align: center;
	width: 400px;
	height: 400px;
}
.EventTitle{
	font-weight: bold;
	font-size: 9pt;
	width: 100%;
	height: 100%;
	background-color: #00A0C6; 
	text-align: center;
	background-image: none;
}

/* MAIN HEADER WITH MONTH AND PREVIOUS MONTHS*/
.EventTitle, .EventTitle td{
	font-weight: bold;
	font-size: 11pt;
	background-color: #00A0C6; /*6666ff;*/
	text-align: center;
	color:#FFF;
}
/* PREVIOUS MONTHS FONT*/
.EventNextPrev, .EventNextPrev a:link{
	padding-right: 0 0.5em 0 0.5em;
	font-size: 8pt;
	color:#FFF !important; 
}
.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover{
	padding-right: 0 0.5em 0 0.5em;
	font-size: 8pt;
	color: #FFF !important;
	text-decoration:underline;
}
/* END OF PREVIOUS MONTHS FONT*/

/* DAY OF THE WEEK SECTION */
.EventDayHeader{
	font-weight: bold;
	font-size: 7pt;
	font-family: Arial;
	background-color: #F5F5F5;
}
/* Background of days of week in month-calendar view; color doesn't have effect though background-color does */
.EventDay,  .EventDay td{
  	font-weight: bold;
    font-size: 8pt;
    font-family: Arial;
    background: #f2f2f2;

}
.EventDay a,.EventDay a:visited,.EventDay a:hover{
	font-size: 8pt;
	color: #666 !important;
	font-family: Arial;
}
.EventOtherMonthDay{
	color: pink;
	background-color:#fff;
}
.EventOtherMonthDay a, .EventOtherMonthDay a:visited {
	background-color: #fff;
}
.EventOtherMonthDay a:hover {
	text-decoration:underline;
}
.EventWeekendDay{
	background-color: #F5F5F5;
}
.EventTodayDay{
	border: red 2px solid;
}

.EventSelectedDay, td.EventSelectedDay{
	font-weight: normal;
	color: #fff !important;
	background-color:pink;
}
.EventSelectedDay a,.EventSelectedDay a:visited{
	color: #555 !important; /*#0000ff*/
	font-weight: bold;
}
.EventSelectedDay a:hover {
	text-decoration:underline;
}
.EventSelector{
	background-color: #666;
}
.EventSelector a,.EventSelector a:visited,.EventSelector a:hover{
	color: #fff; /*#0000ff*/
	text-decoration: none;
}	

#calendarWrap 
{
    width:400px;

}