﻿/*
    Calendar Date Picker
*/
.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
	width:16px;
	height:16px;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}

/*
    Stand Alone Calendar
*/
.cal { width:333px;height:249px;background:transparent url("../img/_Default/Calendar/static.png") no-repeat;color:#333;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:top; }

.hdr { width:318px;height:30px;padding:0;margin:1px 0 0 12px;cursor:default;color:#333; }
	.hdr-d { width:110px;height:28px;float:left;margin:0;line-height:28px;margin-top:1px;text-align:center; }
	.sep { width:8px;height:30px;float:left;background:#fff url("../img/_Default/Calendar/static.png") no-repeat -24px -249px; }

	.hdr a { display:block;height:22px;width:12px;margin:4px 0;float:left;cursor:default;background:transparent url("../img/_Default/Calendar/static.png") no-repeat; }
	.hdr a.prev { background-position:0 -249px; }
	.hdr a.prev:active { background-position:0 -293px !important;outline:none; }
	.hdr a.prev:hover { background-position:0 -271px; }
	.hdr a.next { background-position:-12px -249px; }
	.hdr a.next:active { background-position:-12px -293px !important;outline:none; }
	.hdr a.next:hover { background-position:-12px -271px; }

	.hdr-m { width:104px;height:100%;float:left;margin:0; }
		.hdr-m .calendarmonth { display:block;height:28px;width:80px;float:left;line-height:28px;text-align:center;margin-top:1px; }

	.hdr-y { width:84px;height:100%;float:left;margin:0; }
		.hdr-y .year { display:block;height:28px;width:60px;float:left;line-height:28px;text-align:center;margin-top:1px; }

.con { width:319px;height:208px;margin:2px 7px 8px 7px; }

.ftr { width:100%;height:15px; }

.select-month { cursor:default;color:#333;text-align:center;width:40px;height:26px; }
.select-week { cursor:default;text-align:center;width:40px;height:30px;color:#333; }
.calendarday-hdr { cursor:default;color:#333;text-align:center;width:40px;height:26px; }

a:active,a:focus { outline:none; }

.calendarday { cursor:default;text-align:center;width:40px;height:30px;color:#333; }
.calendarday-h { cursor:default;text-align:center;width:40px;height:30px;color:#c00; }
.calendarday-s { cursor:default;text-align:center;width:40px;height:30px;color:#0c0;text-decoration:underline; }
.calendarday-s-h { cursor:default;text-align:center;width:40px;height:30px;color:#c00;text-decoration:underline; }
.other { cursor:default;color:#ccc; }
