.calendar
{
  border:none;
}

.day
{
  width:160px;
  height:100px;
  text-align:right;
  vertical-align:top;
  font-family:Arial;
  font-size:8pt;
  color:Black;
  background-color:#FFFFD5;
  border:solid 1px black;
  cursor:pointer;
}

.othermonthday
{
  background-color:#FFF4BC;
}

.month
{
  border-collapse:collapse;
  border:solid 1px black;
}

.dayheader
{
  background-color:#ECE9D8;
  font-family:Arial;
  font-size:8pt;
  color:Black;
  text-align:center;
  border-top:solid 1px #FFFFFF;
  border-left:solid 1px #FFFFFF;
  border-bottom:solid 1px #ACA899;
  border-right:solid 1px #ACA899;
}

.title
{
  background-image:url(img/title_background.gif);
  background-color:#003366;
  background-repeat:repeat-x;
}

.title TD
{
  font-family:Arial;
  font-size:9pt;
  font-weight:bold;
  color:White;
  padding-top:4px;
  padding-bottom:4px;
}
.selectedday1
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
	cursor:default;
}

.dayhover
{
	font-family:Verdana;
	font-size:8pt;
	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:31px;
	width:31px;
	cursor:pointer;

	text-decoration:underline;
}

.othermonthdayhover
{
	color:#B2B1CA;

	text-decoration:underline;
}

.selecteddayhover
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
}
.othermonthday1
{
	
  visibility:hidden;
  background-color:#FFEEC2;
}
.disabledday
{
  text-decoration:none;
  background-image:url(img/baddate.gif);
  background-position:center center;
  background-repeat:no-repeat;
  cursor:default;
}
.Today
{
	border:2px solid red;
	background-color:#FFEEC2;
	
}

/* small calendar */

.calendarCalendar {
		border:1px solid #999999;
		background-color:#FFFFFF;
		text-align:left;
	}
	.calendarTitle {
		font:bold 12px Tahoma;
		color:#333333;
		text-align:center;
		padding-bottom:6px;
		padding-top:2px;
	}
	.calendarArrowLeft {
		font:bold 12px Tahoma;
		color:#333333;
		text-align:center;
		padding-left:4px;
		padding-right:4px;
		padding-bottom:6px;
		padding-top:2px;
		cursor:pointer; cursor:hand;
	}
	.calendarArrowRight{
		font:bold 12px Tahoma;
		color:#333333;
		text-align:center;
		padding-left:4px;
		padding-right:4px;
		padding-bottom:6px;
		padding-top:2px;
		cursor:pointer; cursor:hand;
	}

	.calendarMonthContainer {
		text-align:center;
		height:141px;
		vertical-align:top;
	}
	.calendarMonth {
		width:163px;
		margin-left:auto;
		margin-right:auto;
		background-color:#F6F6F6;
		border:1px solid #dddddd;
	}
	.calendarMonthTitle {
		font:bold 12px Tahoma;
		text-align:center;
		padding:4px;
		color:#333333;
	}

	.calendarDayName {
		font:bold 11px Tahoma;
		color:#333333;
		text-align:center;
	}
	.calendarDay {
		font:11px Tahoma;
		color:#333333;
		text-align:center;
		padding:1px;
		border:1px solid #F6F6F6;
		cursor:pointer; cursor:hand;
	}
	.calendarDayToday {
		font:bold 11px Tahoma;
		color:navy;
		text-align:center;
		padding:1px;
		background-color:#99ccee;
		border:1px solid #ECECEE;
		cursor:pointer; cursor:hand;
	}
	.calendarDayDisabled {
		font:11px Tahoma;
		color:#C0C2C1;
		text-align:center;
		padding:1px;
		border:1px solid #F6F6F6;
	}
	.calendarDaySelected {
		font:bold 11px Tahoma;
		color:maroon;
		text-align:center;
		padding:1px;
		border:1px solid crimson;
		background-color:gold;
	}
	.calendarDaySpecial {
		font:bold 11px Tahoma;
		color:crimson;
		text-align:center;
		padding:1px;
		border:0px solid #993766;
	}
	
	.calendarDatePickerButton {
		vertical-align:bottom;
		cursor:pointer; cursor:hand;
	}
	.picker
	{
		cursor: pointer;
		font-family: Tahoma, Verdana, Arial, Sans-Serif;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		letter-spacing: 0.7px;
		height: 20px;
		background-color: #EEEEEE;
		border: 1px solid #31485E;
		padding: 2px 0px 0px 4px;
	}
	.calendar_button
{
	border:none;
	cursor:pointer;
	
}



.calendar td
{
  font-size:11px;
}

.smalltitle
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.smallday
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.smalldayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.smalldayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.smallothermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.smallselectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.smallcalendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.smallmonth
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.smallnextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:center;
  background-color:#FFFFFF;
}

/* small calendar ends here  */