/*
 * calendar.css	:	Calendar CSS
 *
*/

div.calendar_container_all
{
	overflow: hidden;
}

/* contains the calendar and date range */
div.calendar_container_data
{
	margin-top: 7px;
}

table.calendar
{
	float: left;
	width: 200px;
	border: 1px solid #bbb;
	padding: 2px;
	margin-right: 10px;
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, "Times New Roman";
	text-align: center;
}

table.calendar tr *
{
	padding: 2px;
}

table.calendar tr td
{
	font-size: 0.7em;
}

table.calendar tr.days th
{
	color: #fff;
	background-color: #7fa1de;
	font-size: 0.7em;
}

table.calendar tr th.month
{
	color: #000;
	background-color: #fff;
	text-align: left;
}

table.calendar tr th select
{
	font-size: 0.6em;
	height: 20px;
	padding: 0;
	margin-right: 2px;
}

table.calendar tr th select.month
{
	width: 50px;
}

table.calendar tr th select.day
{
	width: 42px;
}

table.calendar tr th select.year
{
	width: 56px;
}

table.calendar tr td
{
	height: 20px;
	width: 18px;
	cursor: pointer;
	color: #000;
	background-color: #FFF;
}

table.calendar tr td.hover
{
	color: #000;
	background-color: #fac7fc;
}

table.calendar tr td.selected
{
	height: 18px;
	width: 16px;
	border: 1px solid #f8b6fb;
	font-weight: bold;
	color: #000;
	background-color: #fbeefd;
}

table.calendar tr td.selected_hover
{
	height: 18px;
	width: 16px;
	border: 1px solid #f8b6fb;
	font-weight: bold;
	color: #000;
	background-color: #fac7fc;
}

/* future dates are unavailable, but still show */
table.calendar tr td.unavailable
{
	color: #777;
	background-color: #fff;
	text-decoration: line-through;
}

p.calendar
{
	display: inline;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 0.7em;
	font-weight: normal;
	color: #000;
}

p.calendar_large
{
	display: inline;
	margin-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, "Times New Roman";
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
}

/* used for `Date range` text line in calendar */
input.calendar_date
{
	width: 6.3em;
	padding: 1px;
	border: 1px solid #8CADE8;
	font-family: Verdana, Arial, Helvetica, Sans-Serif, Times New Roman;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
	display: inline;
}

input.calendar_date:hover
{
	background-color: #FFFBD7;
}

input.calendar_date:focus
{
	border: 1px inset #8CADE8;
	background-color: #FFFBD7;
}

span.calendar_showhide
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif, Times New Roman;
	font-size: 0.7em;
	font-weight: bold;
}

div.calendar_date_range
{
	width: 16em;
	margin-left: 210px;
}

p.calendar_date_range
{
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 0.7em;
	margin-right: 5px;
	display: inline;
}