/* defines container for calender element */
}

#calender table
{
	border: 1px solid #999999;
	font-size:11px;
	background-color:#ffffff;
	width: 100%;
	height: 150px;
	text-align: center;
	
	/* define table for calender */
}

#calender table td
{
	width: 14%;
	color: #ffffff;
	border: 1px solid #cccccc;
	padding:1px;
	/* set column width */
}

#calender table .controls
{
	background-color: #666666;
	font-weight: bold;
	
	/* style event controls */
}

#calender table .controls a
{
	color: #FFFFFF;
	text-decoration: underline;
	
	/* style control links */
}

#calender table .controls a:hover
{
	color: #DC241F;
	text-decoration: none;
	
	/* style link controls */
}

#calender table .title
{
	background-color: #999999;
	font-size:11px;
	/* style calender titles */
}

#calender table .days td
{
	background-color: #dddddd;
	background-color:#ffffff;
	
	/* style day columns */
}

#calender table .days a
{
	color: #666666;
	color:#000000;
	text-decoration: underline;
	
	/* style day links */
}

#calender table .days a:hover
{
	color: #DC241F;
	text-decoration: underline;
	
	/* style day links */
}

#calender table td.empty
{
	background-color: #e5e5e5;
	
	/* style empty cells */
}

#calender table td.event
{
	background-color: #ffffff;
	color:#666666;
	font-size:11px;
	width:20px;
	height:20px;
	position:relative;
	/* style event cells */
}


#calender table td.event a
{
	color: #0000ff;
	text-decoration: underline;
	font-size:11px;
	width:20px;
	height:20px;
	position:relative;
	/* style event links */
}

#calender table td.event a:hover
{
	color: #DC241F;
	text-decoration: underline;
	width:20px;
	height:20px;
	position:relative;
	/* style event links */
}
#smcal {
	font-style:normal;
	}