#adddatedialog {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	width: 250px;
	outline: 1px solid #aaaaaa;
	padding: 10px;
	z-index: 100;
}

#buttons {
	height: 100px;
}

.timeline {
	position: relative;
	float: left;
	width: 300px;
	height: 50px;
}

.dtldate {
	position: absolute;
	height: 45px;
	width: 250px;
	padding: 5px;
}

.dtldatemonth {
	font-family: "Arial";
	font-size: 1.2em;
	text-align: center;
	height: 20px;
	width: 100px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #3344FF;
	color: #FFFF33;
	padding-top: 10px;
	padding-bottom: 2px;
}

.dtldateday {
	font-family: "Arial";
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	height: 20px;
	width: 100px;
	background-color: #3344FF;
	color: #FFFF33;
	padding-top: 2px;
	padding-bottom: 2px;
}

.dtldateyear {
	font-family: "Arial";
	font-size: 1.2em;
	text-align: center;
	height: 20px;
	width: 100px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #3344FF;
	color: #FFFF33;
	padding-bottom: 10px;
	padding-top: 2px;
}

.dtldatehour {
	display: none;
}

.dtldateminute {
	display: none;
}

.dtldatesecond {
	display: none;
}

.dtldatename {
	font-family: "Arial";
	font-size: 1.2em;
	position: absolute;
	top: 5px;
	left: 120px;
}

.dtldatedesc {
	position: absolute;
	top: 30px;
	left: 120px;
}

.dtldatedelete {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 20px;
	height: 20px;
}

.ui-widget { font-size: 12px; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }