﻿.calendar
{
	border-left: #4284b5 1px solid;
	border-right: #4284b5 1px solid;
	border-bottom: #4284b5 1px solid;
	cursor:default;
}

.calendartitle
{
  	color: #416A9C;

	width:252px;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	padding-top: 0px;
	padding-left: 5px;
	cursor: hand;

}


.topheadertext
{
	font-family:Arial Black;
	font-size:15px;
	color:#4A495E;
	line-height:20px;
	text-align: center;
}

.dayheader
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background-color:#F8F8F8;
	background-image:url(images/componentart/dayheader_bg.gif);
	background-position: left bottom;	
	height:20px;
	text-align:center;
	cursor:default;
}

.monthselector
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#333333;
	width:25px;
	background-color:#E0DFE3;
	background-image:url(images/componentart/dayheader_bg.gif);
	background-position: left bottom;
	cursor:pointer;
}

.weekselector
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#333333;
	background-color:#F6F6F6;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	height:21px;
	width:29px;
	cursor:pointer;
}

.day
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;
}

.othermonthday
{
	color:#B2B1CA;
}

.selectedday
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #BB5503;
	cursor:default;
}

.dayhover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	color:#57566F;
	background-color:white;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #F6F6F6;
	border-right:1px solid #F6F6F6;
	height:21px;
	width:29px;
	cursor:pointer;

	text-decoration:underline;
}

.othermonthdayhover
{
	color:#B2B1CA;
	text-decoration:underline;
}

.selecteddayhover
{
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
}
.month
{
	background-color:#F6F6F6;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top:0px;
}
