/**
* SASSIE Form Date Picker Replacement custom css - overrides to play nicely w/ a FORM_COLOR background
*
* Also handles styling of the 'clear' link attached to the control
*
*@author Jim Kytola <jimk@surfmerchants.com>
*/

/* reset the date picker font size */
.ui-datepicker-calendar th
{
	font-size: 0.9em;
}
input.hasDatepicker,
.ui-datepicker-trigger
{
	float: left;
}

/* theme */
.ui-datepicker-calendar .ui-widget-header,
.ui-datepicker-header
{
	background-image: none;
	background-color: #e9e9e9;
	border: 1px solid #ddd;
	color: white;
}
.ui-datepicker-calendar td .ui-state-default
{
	background-image: none;
	background-color: #f6f6f6;
}
.ui-datepicker-calendar .ui-state-hover
{
	background-color: #eaeaea;
}
.ui-datepicker-calendar .ui-state-active
{
	background-color: #ffffff;
}
.ui-widget-header .ui-state-hover
{
	background-color: transparent;
	background-image: none;
	border-color: transparent;
}
.ui-widget-header .ui-icon {
    background-image: url("/sassiehelpers/lib/jquery/jquery-ui/images/ui-icons_ffffff_256x240.png");
}

a.clearDatePicker, a.clearDatePicker:visited {
	color: blue;
	font-size: 13px;
	font-weight: normal;
	padding-left: 10px;
	padding-right: 5px;
	float: left;
}
a.clearDatePicker:hover {
	text-decoration: none;
}