/*
---------------------------------------------------------------------------
=	CALENDAR HEAD
---------------------------------------------------------------------------
*/
div.events-calendar
{
	background:#f5f5f5;

	border:5px solid #fff;

	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);

	xxxoverflow:hidden;

	position:relative;
}

div#calendar_controls
{
	text-align:center;
	position:relative;
	color:#fff;
	height:45px;
	line-height:45px;
	background: url(../images/btn_highlight.png) 0 3px repeat-x #d11865; /*PINK*/
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}


	div#calendar_controls span
	{
		display:block;
		color: #fff;
		font-size:140%;
	}
	
	div#calendar_controls a
	{
		position:absolute;
		top:0px;
		color:#fff;
		text-decoration:none;
		font-family:verdana, arial, "sans-serif";
		font-size: 160%;
		padding:0 15px;
		height:45px;
		line-height:45px;
		border:1px dotted #fff;
	
		outline:none;
	
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out; 
		-ms-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	div#calendar_controls a:hover
	{
		
	}

	div#calendar_controls a#monthprev	{left:0; border-width:0 0px 0 0;}
	div#calendar_controls a#monthnext	{right:0; border-width:0 0 0 0px;}
	
	div#calendar_controls a#monthprev:hover	{padding:0 20px 0 10px;}
	div#calendar_controls a#monthnext:hover	{padding:0 10px 0 20px;}



div#calendar_loading
{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: rgba(255,255,255,0.75) url('../images/loading.gif') no-repeat 50% 50%;

	display:none;
}




/*
---------------------------------------------------------------------------
=	CALENDAR BODY
---------------------------------------------------------------------------
*/

div#calendar_body
{
	float:left;
	width:100%;
	clear:both;
}

div#calendar_body table
{
	width:100%;
	border-collapse:collapse;
	border:none;
	background:#fff;
}

	div#calendar_body table caption
	{
		display:none;
	}
	
	div#calendar_body table thead th
	{
		background: #2b2c2e;
		color: #cd1662;
		text-transform: uppercase;
		font-size: 110%;
		background: #f5f5f5;
		text-align: center;
		height:35px;
		line-height:35px;
	
		width:9999px;
	}
		div#calendar_body table thead th span
		{
			
		}

		div#calendar_body table tbody td
		{
			background: #f5f5f5;
		
			text-align: center;
		}

		div#calendar_body table tbody td div.daywrap
		{
			position:relative;
			display:block;
			height:35px;
			line-height:35px;
		}

div#calendar_body table tbody td span.daydate
{
	display:block;
	text-align:center;
	height:35px;
	line-height:35px;
	font-size:120%;
}




/*
= days with events
*/

div#calendar_body table tbody td.dayevent
{
	background-repeat:no-repeat;
	background-image:url('../images/calendar/bgcalevent.png');
	background-position:50% 50%;
	cursor:pointer;
}

div#calendar_body table tbody td.dayevent span.daydate
{
	color:#cc1561;
	font-weight: 700;
}



.events-group
{
	position:absolute;
	bottom:100%;
	left:50%;
	width:200px;
	margin:0 0 0 -100px;

	padding:20px 0 10px 0;
	
	z-index:400;
	background:#111;
	background:#3BA2DA;

	border:1px solid #fff;

	-webkit-box-shadow:	0px 5px 0px rgba(0,0,0, 0.25);
	-moz-box-shadow:	0px 5px 0px rgba(0,0,0, 0.25);
	box-shadow:			0px 5px 0px rgba(0,0,0, 0.25);

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	display:none;
}

div#calendar_body table tbody td.dayevent:hover .events-group
{
	display:block;
}



.events-group a.anevent
{
	display:block;
	color:#B5E1F9;
	padding:0 15px 10px 15px;
	line-height:normal;
	font-size:130%;
	text-decoration:none;
}
.events-group a.anevent span
{
	
}
.events-group a.anevent:hover
{
	
}






div#calendar_body table tbody td.daygone		
{

}
div#calendar_body table tbody td.daygone span.daydate
{
	text-shadow:none;
	color:#bbb;
}


div#calendar_body table tbody td.daytoday		
{
	
}
div#calendar_body table tbody td.daytoday div.daywrap	
{
	
}


div#calendar_body table tbody td.dayblank		
{

}
div#calendar_body table tbody td.dayblank div.daywrap
{
	
}