/*
div	calendar
	div	calendarHeader
		table	headerTable
	div	calendarBody
		table	bodyTable
			td	weekNumberHead
			td	weekNumber
			td	weekDayHead		
			td	weekDay
			td	today
			td	current
			td	selected
	div	calendarFooter
		table	footerTable
button	button
select	select
*/

.calendar {
	border: 1px solid WindowFrame;
	text-align: center;
	background: Window;
	z-index: 400;
}

.calendarHeader {
    background: ActiveCaption;
	border-spacing: 0px;
	padding: 3px;
	border-bottom: 1px solid WindowText;
}

.calendarbutton {
	background-color: ButtonFace;
	border: ButtonHighlight 1px solid;
	font-size: 11px;
	font-family: tahoma;
	color: ButtonText;
	height:16px;
	line-height:10px;
}

.select {
	background-color: ButtonFace;
	border: ButtonHighlight 1px solid;
	font-size: 11px;
	font-family: tahoma;
	color: ButtonText;
	height:16px;
	line-height:10px;
}

.calendarBody {
}

.bodyTable {
	font: small-caption;
    font-weight: normal;
	text-align: center;
	color: WindowText;
	cursor: default;	
	padding: 0px;
	border-spacing: 0px;
}

.bodyTable td{
	text-align: center;
	padding: 3px;
}

.weekDayHead {
	font-weight: bold;
    /*text-align: center;*/
    border-bottom: 1px solid WindowText;
}

.weekDay {
    font-weight: normal;
	/*text-align: center;*/
	border: none;
}

.holiday {
	color: red;
}

.today{
	font-weight: bold;
    /*text-align: center;*/
	color: green;
	border: none;
}

.current{
	border: 1px dotted WindowText;
}

.selected{
	border: 1px solid ButtonHighlight;
}

.weekNumberHead {
	/*text-align: center;*/
}

.weekNumber {
	font-weight: normal;
	/*text-align: center;*/
	border-left: 1px solid WindowText;   
}

.calendarFooter {
}

.footerTable {
	border-spacing: 0;
}