/**************************************************************
/* TimePicker.css
/* jpl 9/26/08

	Styles for the TimePicker widget.

	This styling is keyed entirely on the "TimePicker".
	To create an alternate CSS theme for TimePicker object,
	copy the contents of this file entirely and replace all instances
	"TimePicker" with the "[alterateThemeName]".  Then
	supply that new name as the value of className in the options
	of the SelectInput constructor, as in:
	
	new TimePicker(container, {className: "[alterateThemeName]"};

/*************************************************************/

.TimePicker-input {
	width:					70px;
	cursor:					pointer;
	vertical-align:			middle;
}

.TimePicker-Icon {
	background:				url(../images/timePicker/iconClock.gif) 50% 0 no-repeat;
	width:					15px;
	height:					15px;
	margin-left:			3px;
	display:				inline-block;
	cursor:					pointer;
}

.TimePicker-Icon:hover {	background-position: 50% -15px; }

.TimePicker-WidgetDiv {
	background:				#fff;
	padding:				5px;
	border:					1px solid #FF008A;
}