#calendarDiv {
	position: absolute;
	width: 205px;
    border: 1px outset #ccc;
	padding: 1px;
	background-color: #fff;
	font-family: tahoma, arial, verdana;
	font-size: 8pt;
	padding-bottom: 20px;
	visibility: hidden;
}
#calendarDiv * {
	font-family: tahoma, arial, verdana;
	font-size: 8pt;
}
#calendarDiv span,
#calendarDiv img {
	float:left;
}
#calendarDiv .selectBox,
#calendarDiv .selectBoxOver {
    l-ine-height: 12px;
    padding: 1px;
	cursor: pointer;
    border: 1px solid #c00;
	padding-left: 2px;
}
#calendarDiv .selectBoxTime,
#calendarDiv .selectBoxTimeOver {
	line-height: 12px;
	padding: 1px;
	cursor: pointer;
	padding-left: 2px;
}
#calendarDiv td {
	padding: 3px;
	m-argin: 0px;
    b-order: 1px solid #ccc;
	f-ont-size: 8pt;
    b-ackground-color: #fcf;
}
#calendarDiv .selectBox {
    border: 1px solid #888;
    color: #fff;
    font-weight: bold;
	position: relative;
}
#calendarDiv .selectBoxOver {
	border: 1px solid #fff;
	b-ackground-color: #888;
    font-weight: bold;
    color: #fff;
	position: relative;
}
#calendarDiv .selectBoxTime {
	b-order: 1px solid #317082;
	border: 1px solid #00c;
	color: #cc0;
	position: relative;
}
#calendarDiv .selectBoxTimeOver {
	border: 1px solid #fff;
	color: #216072;
	position: relative;
}
#calendarDiv .topBar{
    height: 17px;
    padding: 1px;
	background-color: #888;
}
#calendarDiv .activeDay {
    color: #c00;
    font-weight: bold;
    b-order: 1px solid #c00;
    m-argin: 0px;
    p-adding-right: 2px;
}
#calendarDiv .todaysDate {
	height: 15px;
	padding: 3px 1px 1px;
	background-color: #ddd;
	text-align: center;
	position: absolute;
    bottom: 1px;
    color: #000;
}
#calendarDiv .timeBar {
	height: 17px;
	line-height: 17px;
	background-color: #ffc;
	width: 72px;
	color: #fff;
	position: absolute;
	right: 0px;
}
#calendarDiv .timeBar div {
	float: left;
	margin-right: 1px;
}


#calendarDiv .monthPicker {
	background-color: #fff;
	border: 1px solid #888;
	position: absolute;
	color: #000;
	left: 0px;
	top: 15px;
	z-index: 1000;
	display: none;
}
#calendarDiv .yearPicker {
	background-color: #fff;
	border: 1px solid #888;
	position: absolute;
	color: #000;
	left: 0px;
	top: 15px;
	z-index: 1000;
	display: none;
}


#calendarDiv #monthSelect {
	width:70px;
}
#calendarDiv .monthPicker div {
	float: none;
	clear: both;
	padding: 1px;
	margin: 1px;
	cursor: hand;
    c-olor: #f00;
}
#calendarDiv .yearPicker div {
	float: none;
	clear: both;
	padding: 1px;
	margin: 1px;
	cursor: hand;
    c-olor: #f00;
}
#calendarDiv td {
	text-align: right;
	cursor: pointer;
}
#calendarDiv .topBar img {
	cursor: pointer;
}
#calendarDiv .topBar div {
    float: left;
    margin-right: 1px;
}





#calendarDiv .aaa2 {
    b-order: 4px dashed #c00;
}
#calendarDiv .aaa3 {
	background-color: #ccc;
    color: #000;
}
#calendarDiv .week2 {
    background-color: #ff8;
}
#calendarDiv .week3 {
    background-color: #ffc;
}