/* === SlimPicker Styles === */

/* Styling for the input field */
input.slimpicker{
	background: #fff url(date.gif) no-repeat top left;
	border: 1px solid #777;
	border-bottom-color: #bbb;
	border-right-color: #bbb;
	cursor: pointer;
	display: block;
	padding: 3px 3px 3px 24px;
}
input:focus.slimpicker{
	background: #fffce9 url(datefocus.gif) no-repeat top left;
}

/* Styling for the calendar that shows up */
.sp_container{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	padding: 0;
	z-index: 500;
/* These 4 will be set by the JS to match the input field */
	height: 0;
	left: 0;
	top: 0;
	width: 0;
}
.sp_cal{
	color: #ffffff;
	background: #202020;
	border: 4px solid #606060;
	width: 210px;
	top: 24px;
	position: absolute;
	box-shadow: #000 3px 3px 5px;
	-webkit-box-shadow: #000 3px 3px 5px;
	-moz-box-shadow: #000 3px 3px 5px;
}
.sp_cal table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.sp_cal select{
	margin: 2px 3px;
	font-size: 11px;
}
.sp_cal select option{
	padding: 1px 3px;
}
.sp_cal th,
.sp_cal td{
	width: 14.2857%;
}
.sp_cal th{
	background: #202020;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
	text-shadow: #555 1px 1px 0;
}
.sp_cal thead th{
	background: #202020;
}
.sp_cal td a{
	display: block;
	font-size: 11px;
	padding: 2px 0;
	text-align: center;
	width: 100%;
	color: white;
	text-decoration: none;
}
.sp_cal td a:hover{
	color: #000;
	background: #d4ff00;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.sp_empty{
	background: #202020;
}
.sp_today{
	background: #000000;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.sp_selected{
	background: #5e7532;
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
	color: #000;
}
.sp_hover,
.sp_hover a{
	background: #EF8868;
	color: #000;
	text-shadow: #752e0b 1px 1px 0;
}