img.calendar-icon
{
    float: left;
    margin: 1px;
    border-style: none;
    vertical-align: middle;
}

table.calendar-title td
{
	font-size: 10pt;
	font-weight: bold;
	color: #4A3C31;
}

td.active-day
{
    color: #ad8f53;
    background-color: #F0EEDF;
    cursor: pointer;
}

td.inactive-day
{
    color: #ad8f53;
    background-color: #ffffff;
}

div.holiday
{
    text-align: center;
    background-color: #ffffff;
    margin-bottom: 3px;
    border: solid 1px #d2c99e;
}
        
.day-detail
{
    position: relative;
    left: 71px;
    top: 40px;
    z-index: 100;
    width: 400px;
    padding: 0px;
    border: solid 2px #d2c99e;
    background-color: #F0EEDF;
}

.day-detail p
{
    margin: 10px;
}

#detail-title
{
    font-weight: bold;
    background-color: #D2C99E;
	color: #4A3C31;
    padding: 5px;
}

.detail-content
{
    height: 400px;
    overflow: auto;
}

table.event, div.event
{
	margin: 5px;
}

div.progress
{
	position:relative;
	left: 203px;
	top: 200px;
    z-index: 101;
	font-weight: bold;
	background-color: #ffffff;
	border: solid 2px #D1C99D;
	padding: 20px;
	text-align: center;
}

div.progress img
{
	margin-top: 5px;
}

#iconKey
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#keyTitle
{
	border-right: solid 1px #d2c99e;
	background-image: url(/images/calendar_key/left.gif);
	background-repeat: repeat-y;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #D1C99D;
	text-align: center;
	vertical-align: middle;
	
	padding: 3px 0px 3px 1px;
}

#keyBody
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AD8F53;
	background-color: #F0EEDF;
	background-image: url(/images/calendar_key/right.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 5px;
	vertical-align: middle;
}

#keyBody td.icon
{
	vertical-align: middle;
	text-align: center;
}

#keyBody td.caption
{
	vertical-align: middle;
	padding-right: 5px;
}