#calendar-toggle {
	background:transparent url(../templates/newpenya/images/btn_modcal2.png) no-repeat scroll 0pt;
	display: inline-block;
	height:30px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	top:-3px;
	width:159px;
	color: #FFFFFF;
	text-decoration:none;
	font-family:Helvetica,Arial,FreeSans,sans-serif;
	line-height:135%;
	font-size:12px;
}

#calendar-list {
	background:transparent url(../templates/newpenya/images/btn_modcal2.png) no-repeat scroll 0pt;
	display: inline-block;
	height:30px;
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	top:-3px;
	width:159px;
	color: #FFFFFF;
	text-decoration:none;
	font-family:Helvetica,Arial,FreeSans,sans-serif;
	line-height:135%;
	font-size:12px;
}

#calendar-list  span {
	margin-left: 30px;
}

#calendar-toggle span {
	margin-left: 30px;
}

#panel-calendar {
	width: 570px;
	padding: 0;
	margin: 0;
	font: normal 12px/20px "Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
	border-left: 1px solid #A2ADBC;
	color: #616B76;
	text-align: center;
	background-color: #000000;
}

/* Overall calendar table properties */
#panel-calendar table.mod_eventlistcalq_calendar {
	width: 570px;
	padding: 0;
	margin: 0;
	font: normal 12px/20px "Trebuchet MS", Arial, Verdana,  Helvetica, sans-serif;
	border-left: 1px solid #A2ADBC;
	color: #616B76;
	text-align: center;
	background-color: #fff;
}


/* Blank cell properties */
#panel-calendar td.mod_eventlistcalq {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 21px;
	height: 60px;
	text-align: center;
	background-color: #F0F8FF;
	vertical-align:top;
}

/* Today cell preperties */
#panel-calendar td.mod_eventlistcalq_caltoday
{
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;	
	width: 21px;
	height: 60px;
	text-align: center;
	color: #F6F4DA;
	background-color: #DF9496;
	vertical-align:top;
}

/* Today Event day cell hover Link / Visited*/
#panel-calendar td.mod_eventlistcalq_caltodaylink a:link,
#panel-calendar td.mod_eventlistcalq_caltodaylink a:visited{
	text-decoration: none;
	width: 19px;
	height: 58px;
	font-weight: bold;
	display: block;
	color: #608194;
	border: 1px solid #DF9496;
}

/* Today Event day cell hover */
#panel-calendar td.mod_eventlistcalq_caltodaylink a:hover {
	text-decoration: none;
	width: 19px;
	height: 58px;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
	background-color: #0066FF;
	border: 1px solid #DF9496;
}

/* Non event day cell preperties */
#panel-calendar td.mod_eventlistcalq_calday {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 21px;
	height: 60px; 
	text-align: center;
	background-color: #EFEFEF;
	overflow:hidden;
	vertical-align:top;
	text-align:center;
}

/* Event day cell properties */
#panel-calendar td.mod_eventlistcalq_caldaylink, 
#panel-calendar td.mod_eventlistcalq_caltodaylink {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 21px;
	height: 60px; 
	text-align: center;
	background-color: #CCE0FF;
	overflow:hidden;
	vertical-align:top;
	text-align: center;
}

/* Event day cell hover Link / Visited*/
#panel-calendar td.mod_eventlistcalq_caldaylink a:link,
#panel-calendar td.mod_eventlistcalq_caldaylink a:visited{
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #608194;
	background-color: #CCE0FF;
}

/* Event day cell hover */
#panel-calendar td.mod_eventlistcalq_caldaylink a:hover {
	text-decoration: none;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
	background-color: #0066FF;
}
/* Month heading properies */
#panel-calendar caption.mod_eventlistcalq_calendar-month {
	font: bold 12px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #666666;
	text-align: center;
}

/* Month heading Link / Visited properties */
#panel-calendar caption.mod_eventlistcalq_calendar-month a,
#panel-calendar caption.mod_eventlistcalq_calendar-month a:link,
#panel-calendar caption.mod_eventlistcalq_calendar-month a:visited
{
color: #DFEFFF;
}

/* Month heading Hover properties */
#panel-calendar caption.mod_eventlistcalq_calendar-month a:hover{
color: #990000;
text-decoration: none;
}

/* Day of week heading properties*/
#panel-calendar th.mod_eventlistcalq_daynames {
	font: bold 11px/20px "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}