﻿/* Main Flora Style Sheet for jQuery UI ui-datepicker */

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Trebuchet MS, Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #E0F4D7;
	width: 185px;
}

#ui-datepicker-div {
	display: none;
	border: 1px solid black;
	z-index: 10;
}

.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}

.ui-datepicker-rtl {
	direction: rtl;
}

.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #83C948 !important;
}

button.ui-datepicker-trigger {
	
}

img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}

.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #EDF5F7;
	color: #000;
}

* html .ui-datepicker-prompt {
	width: 185px;
}

.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}

.ui-datepicker-control {
	background: white;
	padding: 2px 0px;
}

.ui-datepicker-links {
	background: white;
	padding: 2px 0px;
}

.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}

.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}

.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}

.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}

.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}

.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}

.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}

.ui-datepicker-header {
	padding: 1px 0 3px;
	background: white;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}

.ui-datepicker-header select {
	background: white;
	color: #000;
	border: 0px;
	font-weight: bold;
}

.ui-datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}

.ui-datepicker a {
	display: block;
	width: 100%;
}

.ui-datepicker-title-row {
	background: white;
	font-weight:bold;
	color: #000;
}

.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: white;
}

.ui-datepicker-days-row {

	background: #FFF;

	color: #666;

}

.ui-datepicker-week-col {
	background: #EDF5F7;
	color: #000;
}

.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #DDD;
}

.ui-datepicker-days-cell a {
	display: block;
}

.ui-datepicker-week-end-cell {
	background: #EDF5F7;
}

.ui-datepicker-unselectable {

	color: #888;

}

.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {

	background: #B1DB87 !important;

}

.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {

	background: #FFF !important;

	border: 1px solid #777;

}

* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {

	background: #B1DB87 !important;

}

* html .ui-datepicker-week-end-cell {

	background: #E0F4D7 !important;

	border: 1px solid #DDD !important;

}

* html .ui-datepicker-days-cell-over {

	background: #FFF !important;

	border: 1px solid #777 !important;

}

* html .ui-datepicker-current-day {

	background: #83C948 !important;

}

.ui-datepicker-today {

	background: #B1DB87 !important;

}

.ui-datepicker-current-day {

	background: #83C948 !important;

}

.ui-datepicker-status {

	background: #E0F4D7;

	width: 100%;

	font-size: 80%;

	text-align: center;

}

#ui-datepicker-div a, .ui-datepicker-inline a {

	cursor: pointer;

	margin: 0;

	padding: 0;

	background: none;

	color: #000;

}

.ui-datepicker-inline .ui-datepicker-links a {

	padding: 0 5px !important;

}

.ui-datepicker-control a, .ui-datepicker-links a {

	padding: 2px 5px !important;

	color: #000 !important;

}

.ui-datepicker-title-row a {

	color: #000 !important;

}

.ui-datepicker-control a:hover {

	background: #FDD !important;

	color: #333 !important;

}

.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {

	background: #FFF !important;

	color: #333 !important;

}

.ui-datepicker-multi .ui-datepicker {

	border: 1px solid #83C948;

}

.ui-datepicker-one-month {

	float: left;

	width: 185px;

}

.ui-datepicker-new-row {

	clear: left;

}

.ui-datepicker-cover {

	display: none;

	display/**/: block;

	position: absolute;

	z-index: -1;

/*	filter: mask();*/

	top: -4px;

	left: -4px;

	width: 193px;

	height: 200px;

}