/* Kalendar-CSS */
.calendar
{
}

.calendar .header
{
	padding: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	color: #666666;
	background-color: #EFEFEF;
	text-align: center;
}

.calendar .header img
{
	margin-left: 1px;
	margin-right: 1px;
}

.calendar .header .arwsBack
{
	float: left;
	text-align: left;
	width: 40px;
	/*border: 1px solid #EFEFEF;*/
}

.calendar .header .arwsNext
{
	float: right;
	text-align: right;
	width: 40px;
	/*border: 1px solid #EFEFEF;*/
}

.calendar .header
{
	/*margin-left: auto;
	margin-right: auto;*/
	color: #444444;
}

.calendar .dateList
{
	position: absolute;
	left: 0px;
	margin-left: 15px;

	width: 88%;
	height: 175px;
}

* html .calendar .dateList
{
	width: 100%;
	margin-right: 50px;
}

.calendar .dateList select
{
	border: 1px solid #AFAFAF;
	width: 100%;
	height: 100%;
}

.calendar .content
{
}

.calendar table
{
	font-family: Verdana;
	font-size: 11px;
	empty-cells: show;
}

.calendar td
{
	width: 27px;
	height: 22px;
}

.calendar .nameCell
{
	text-align: center;
	font-weight: bold;
}

.calendar .emptyCell
{
	text-align: center;
	border: 1px solid #EFEFEF;
}

.calendar .dayCell
{
	text-align: center;
	border: 1px solid #D6D6D6;
}

.calendar .dayCell a:link, .calendar .dayCell a:active, .calendar .dayCell a:visited
{
	color: #666666;
	text-decoration: none;
}

.calendar .dayCell a:hover
{
	color: #000000;
	text-decoration: underline;
}

.calendar .clearbutton
{
	padding-top: 5px;
	text-align: left;
}

.calendar .clearbutton .buttonContainer
{
	width: 175px;
}

.calendar .mockText
{
	height: auto;
	width: auto;
}