/* Clear calendar's float, using dialog inbuilt form element */
#calendarContainer .bd form {
	clear: left;
}
/* Have calendar squeeze upto bd bounding box */
#calendarContainer .bd {
	padding: 0;
}
#calendarContainer .hd {
	text-align: left;
}
/* Center buttons in the footer */
#calendarContainer .ft .button-group {
	text-align: center;
}
/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#calendarContainer_c.yui-overlay-hidden table {
	*display: none;
}
/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal {
	border: none;
	padding: 1em;
}
/* Datefield look/feel */
.datefield {
	position: relative;
	top: 27px;
	left: 9px;
	white-space: nowrap;
	border: 1px solid black;
	background-color: #eee;
	width: 25em;
	padding: 5px;
	height: 176px;
}
.datefield input, .datefield button, .datefield label {
	vertical-align: middle;
}
.datefield label {
	font-weight: bold;
}
.datefield input {
	width: 15em;
}
.datefield button {
	padding: 0 5px 0 5px;
	margin-left: 2px;
}
.datefield button img {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
/* Example box */
.box {
	position: relative;
	height: 30em;
}
	.yui-skin-sam .yui-calendar td.calcell.highlight1 {background-color:#C0C0C0; color: #FF0000; border: #000000 }
	.yui-skin-sam .yui-calendar td.calcell.highlight2 {background-color:#800000; border: #000000 }
	.yui-skin-sam .yui-calendar td.calcell.highlight3 {background-color:#180B8E; color: #CCCCCC; border: #000000 }
	.yui-skin-sam .yui-calendar td.calcell.highlight4 {background-color:#009933; border: #000000 }
	.yui-skin-sam .yui-calendar td.calcell.today a{background-color: transparent;}