@charset "UTF-8";
/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	border: 1px solid #090;
	background:url(/images/bggreen.png);
	padding:2px;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	border: 1px solid #C00;
	background:url(/images/bgred.png);
	padding:2px;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	border: 1px solid #F90;
	background:url(/images/bgorange.png);
	padding:2px;
}
.confirmHintState input, input.confirmHintState {
	/*color: red !important;*/
	color:#C00;
}

div.calendar
{
  font-size: 9px;
  color: #000;
}

div.calendar.popup
{
  margin-left: 20px;
  margin-top: -20px;
  position:absolute;
  z-index:10001;
}

div.calendar table
{
  background-color: #FFF;
  border: 1px solid #069;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #09C;
  border-bottom: 1px solid #069;
  border-top: 1px solid #069;
  font-weight: bold;
  color: #fff;
}

div.calendar tr.days td {
  width: 2em;
  color:#09C;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #09C;
  color:white;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar td.selected
{
  font-weight: bold;
  background-color: #fff;
  border:1px #09C solid;
  color: #000;
}

div.calendar td.today
{
  font-weight: bold;
  text-decoration:underline;
}

div.calendar td.weekend
{
	background-color:#EEE !important;
}
div.calendar td.otherDay
{
	background-color:#FFF;
	color: #CCC !important;
}















input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}