/* calendar
-----------*/
.monthHeaderContainer 
{
	clear: both;
	color: #ec008c;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	margin: 10px 0 0px 0;
	padding-bottom: 8px;
	border-bottom: dotted 1px #000;
	
}

.monthHeaderContainer input 
{
	padding-top: 7px;
	height: 12px;
	line-height: 12px;
}
.monthHeaderContainer div 
{
	float: right;
}

input[type="image"] 
{
	cursor: pointer;
}



table.dayHeaderTable 
{
	clear: both;
	line-height: 20px;
	height:20px;
	margin:20px 0;
	
}

th.dayHeaderStyle
{
	background-color: #ec008c;
	height: 20px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #fff;
	width: 14%;
}

.calendar td 
{
	width: 14%;
	border:solid 1px #000;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
}

.calendar td.eventDay 
{
	background-color: #fff !important;
}

.calendar td.eventDay a 
{
	color: #ec008c !important;
}

.calendar td.selectedDayStyle {color:#000 !important;background-color:Transparent !important;}