#calendar-outer
{
	width:80px;
	right: 50%;
	margin-bottom: 30px;
	margin-left: 20px;
}

#calendar-inner
{
    width:80px;
    border-collapse:collapse;
}

#calendar-inner tr th
{
	padding:4px;
	background-color:#fcfcfc;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}

#calendar-inner tr td.day
{
	text-align:center;
	vertical-align:middle;
	padding:1px;
	background-color:#eeeeee;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

#calendar-inner tr td.weekday
{
	background-color:#eeeeee;
	color:#000;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
}

#calendar-inner tr.hat td.hat-cell
{
	text-align:center;
	vertical-align:middle;
	padding:2px;
	background-color:#eeeeee;
	color:#000;
}

td.hat-cell table tr td
{
    text-align:center;
    vertical-align:middle;
}

#calendar-inner tr.dayslist td:hover
{
    background:#fffeee;
    cursor:default;
}

.weekday
{
    color:#a00;
}

#calendar-inner tr td.today
{
    font-weight:bold;
    color:#c00;
}

.cur-month
{
	font-weight:bold;
	font-size:9pt;
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
}

.cur-year
{
	font-weight:bolder;
	font-size:9pt;
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
}

.arrow
{
	font-size:14px;
	color:#006699;
	cursor:pointer;
}

.event-data
{
    font-weight:bolder;
}

#calendar-inner tr td.event
{
    background-color: #cfc;
}

#calendar-inner tr td.event:hover
{
    background-color: #afa;
}

#TOOLTIP
{
    position:absolute;
    display:none;
    padding:9px;
    border:solid 1px #ddd;
    background:#efe;
}