<style>
/** CSS for a Date Picker **/
#calendar {
	width: 200px;
	font-family: ms sans serif, sans serif;
	font-size: 7pt;
	}

#calendarTable {
	border-style: outset;
	border-width: 2px;
	border-color: black;
	background-color: #EEE;
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	}
#calendarTable TD {
	text-align: center;
	font-size: 7pt;
	width: 19px;
	}
#calendarTableHead TR {
	background-color: white;
	}
#calendarTableDays TR {
	background-color: #C3D4E7;
	}
#selectMonth, #selectYear {
	font-family: ms sans serif, sans serif;
	font-size: 7pt;
	border-width: 0px;
	border-style: none;
	}
#calendarTable A {
	color: blue;
	text-decoration: none;
	font-size: 11pt;
	font-family: "courier new";
	}
#calendarTable A:hover {
	color: red;
	text-decoration: none;
	}
.normalDay {
	border: 1px solid black;
	cursor: pointer;
	}
.hlDay {
	border: 1px solid black;
	background-color: #FFF;
	color: red;
	cursor: pointer;
	}
.toDay {
	border: 1px solid #E70;
	background-color: #FD8;
	color: #E70;
	font-weight: bold;
	cursor: pointer;
	}
.choosenDay {
	border: 1px solid green;
	background-color: #FF0000;
	color: white;
	font-weight: bold;
	cursor: pointer;
	}
.excludedDay {
	border-color: #AAA;
	color: #AAA;
	}
/** End of Date Picker CSS **/

.button {
    border: 1px solid #006;
    background: #ccf;
}
.input {
    border: 1px solid #006;
    background: #ffc;
}
</style>