/*---------------------------------------------------------------------------
		File name ............ common/modules/form/css/form.css
		Author ............... Antoine Lemoine
		Creation date ........ 02.09.2009
		Modification date .... 02.09.2009
---------------------------------------------------------------------------*/

.form-ui-dp {
	width: 130px !important;
	background-image: url(../images/date-picker-icon.gif) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

.form-ui-dp-container * {
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	color: #000 !important;
}

.form-ui-dp-calendar {
	border-collapse: collapse !important;
	border: solid 3px #ccc !important;
	font-family: Arial !important;
	font-size: 8pt !important;
}

.form-ui-dp-calendar td, .form-ui-dp-calendar th {
	border: solid 1px #ccc !important;
	text-align: center !important;
	padding: 0 !important;
	width: 23px !important;
	height: 15px !important;
	vertical-align: middle !important;
}

.form-ui-dp-calendar .form-ui-dp-title th {
	color: #000 !important;
}

.form-ui-dp-calendar th {
	background-color: #ccc !important;
	color: #fff !important;
}

.form-ui-dp-calendar td {
	background-color: #fff !important;
}

.form-ui-dp-calendar span {
	border: solid 1px transparent !important;
	cursor: pointer !important;
}

.form-ui-dp-calendar .form-ui-dp-refresh {
	cursor: pointer !important;
}

.form-ui-dp-calendar .form-ui-dp-refresh:hover {
	color: #fff !important;
}

.form-ui-dp-calendar td span {
	display: block !important;
}

.form-ui-dp-calendar td.today span {
	background-color: #BBD !important;
	font-weight: bold !important;
}

.form-ui-dp-calendar td.selected_day span {
	border: solid 1px #669 !important;
}

.form-ui-dp-calendar span:hover {
	background-color: #bbb !important;
	border: solid 1px #669 !important;
}

.form-ui-field-container img:hover {
	background-color: #669 !important;
}

.form-ui-field-container img {
	padding: 0 1px !important;
	width: 16px !important;
	height: 16px !important;
}