#calendarWrapper{		/*Contains the Calendar and the Controls*/
	text-align:left;
	width:507px;
	background-color:#666;
	clear:both;
}

#calendar{
	width: inherit;
	height: 362px;
	margin-left:1px;
	clear:both;
	
}

#calendar ul{
	margin:0;
}

#calendar ul li h3{
	margin:0px;
	text-align: right;
	padding: 5px;
	font-size: 100%;
	color:#555;
}

#calendar li{
	
	width:68px;
	height:68px;
	background-color:white;
	margin:2px;
	list-style-type: none;
	float:left;
}

#calendar .monthRow{
	clear:both;
}

/*////////////////////////////////////////////////////////////////
//Calendar Controls
////////////////////////////////////////////////////////////////*/

#calendarControls{

	height:50px;
	line-height:50px;
	background-color:black;
	text-align: left;
	
}

#calendarControls #buttonWrapper{
	float:right;
	margin-right:15px;
}

#calendarControls .controlText{
	color:white;
	font-size: 110%;
	font-weight: bold;
	float:left;
	margin-left:12px;
}

#calendarControls .calendarControlButtons{
	background-image:url('/g2.0/calendar/sprite.scrollers.png');
	display:block;
	height:14px;
	width:13px;
	float:left;
	margin:3px;
	margin-top: 18px;
	
}

#year{
	margin-right:10px;
}

#monthPrev{
	background-position:-29px -15px;
}

#monthNext{
	background-position:-41px -15px;
}

#monthPrev:hover{
	background-position:-29px -44px;
}

#monthNext:hover{
	background-position:-41px -44px;
}

/*////////////////////////////////////////////////////////////////
//Empty Days
////////////////////////////////////////////////////////////////*/

#calendar .empty{
	background-color:#ccc;
}

/*////////////////////////////////////////////////////////////////
//Days of Week
////////////////////////////////////////////////////////////////*/
#calendar ul li.today{
	background-color: #90b9e6;

}
#calendar ul li.today h3{
	color:#1A5CAC;
		font-weight:bolder;
	font-size:110%;
}

#calendar .monthRow .displayDay{
	background-image: url('/g2.0/calendar/calendarSprite.png');
	
}

#calendar #sunday.empty,
#calendar #monday.empty,
#calendar #tuesday.empty,
#calendar #wednesday.empty,
#calendar #thursday.empty,
#calendar #friday.empty,
#calendar #saturday.empty{
	background-image: url('/g2.0/calendar/calendarSprite.disabled.png');

}

#sunday, #saturday{
	background-position:-67px -66px;
}

#monday{
	background-position:-265px -66px;
}

#tuesday, #thursday{
	background-position:-465px -66px;
}

#wednesday{
	background-position:-665px -66px;
}

#friday{
	background-position:-1065px -66px;
}




/*////////////////////////////////////////////////////////////////
//Events
////////////////////////////////////////////////////////////////*/

.event{
	display:block;
	height:17px;
	width:17px;
	float:left;
	font-size:0;
	line-height:0;
	margin:2px;
	background-color: #3875d7;
}

.event:hover{
	border: 1px solid #91bbe7;
	margin:1px;
}



/*////////////////////////////////////////////////////////////////
//Shorter Month
////////////////////////////////////////////////////////////////*/

.shortMonth#calendar li{
	height:56px;
}

.shortMonth #sunday, .shortMonth #saturday{
	background-position:-66px -70px;
}

.shortMonth #monday{
	background-position:-266px -70px;
}

.shortMonth #tuesday, .shortMonth #thursday{
	background-position:-466px -70px;
}

.shortMonth #wednesday{
	background-position:-666px -70px;
}

.shortMonth #friday{
	background-position:-1066px -70px;
}

/*////////////////////////////////////////////////////////////////
//Tall Month
////////////////////////////////////////////////////////////////*/

.tallMonth#calendar li{
	height:86px;
}

.tallMonth #sunday, .tallMonth #saturday{
	background-position:-65px -56px;
}

.tallMonth #monday{
	background-position:-265px -56px;
}

.tallMonth #tuesday, .tallMonth #thursday{
	background-position:-465px -56px;
}

.tallMonth #wednesday{
	background-position:-665px -56px;
}

.tallMonth #friday{
	background-position:-1065px -56px;
}