/*<style>*/

.calbody {
  text-align: center;
  border-style: solid;
  border-width: 1px;
  color:#000000;
  border-color:#FFFFFF;
  background-color: #FFFFFFF;
	font-family: Arial;
	font-size: 11px;
	text-align: center;
	font-weight: normal;
}

.year {
  color:#FFFFFF;
  font-family: Arial;
	border-style: outset;
	border-width: 1px;
	border-color:#FFFFFF;
	background-color: #FFFFFF;
	text-align: center;
}
.month {
  color:#FFFFFF;
  font-family: Arial;
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
	border-color:#669999;
	text-align: center;
}
.yearname {
  color:#FFFFFF;
  font-family: Arial;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-color:#FFFFFF;
}
.monthname {
  color:#FFFFFF;
  font-family: Monotype Corsiva;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	background-color: #669999;
	border-style: solid;
	border-width:1px;
	border-color:#FFFFFF;
}
.dayname {
  font-family: Arial;
  font-weight: bold;
	text-align: center;
	font-size: 11px;
	background-color: #669999;
  color:#FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color:#FFFFFF;
}
.weeknumtitle {
  color:#FFFFFF;
  font-family: Arial;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
	border-style: none;
	border-width:1px;
	border-color:#FFFFFF;
}
.weeknum {
  font-family: Arial;
	text-align: center;
	font-size: 10px;
	height:90px;
	width:90px;
	color:#FFFFFF;
	background-color: #FFFFFF;
	border-color:#FFFFFF;
}
.week {
  font-family: Arial;
	border-style: solid;
	background-color: #FFFFFF;
	text-align: center;
	border-color:#FFFFFF;
	border-width:1px;
	color:#FFFFFF;
}
.monthweek {
  font-family: Arial;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color:#FFFFFF;
	background-color: #FFFFFF;
}
.yearnavigation {
  font-family: Arial;
	font-size: 12px;
	background-color: #FFFFFF;
	border-color:#FFFFFF;
	color:#FFFFFF;
}
.datepicker {
  text-align:center;
	background-color: transparent;
}
.datepickerform {
  text-align:center;
	margin: 0px;
}
.monthpicker {
   color:#000000;
   font-family:Arial;
   font-size:11px;
   font-weight:bold;
   border:1px solid #000000;
}
.monthpickerhov {
   color:#000000;
   font-family:Arial;
   font-size:11px;
   font-weight:bold;
   /*background-color:#669999;*/
   border:1px solid #000000;
}
.yearpicker {
   color:#000000;
   font-family:Arial;
   font-size:11px;
   font-weight:bold;
   /*background-color:#669999;*/
   border:1px solid #000000;
}
.yearpickerhov {
   color:#000000;
   font-family:Arial;
   font-size:11px;
   font-weight:bold;
   border:1px solid #000000;
}
.pickerbutton{
    background-image:url('/themes/menu.png');
   color:#FFFFFF;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:11px;
   width:25px;
   font-weight:bold;
   background-color:#669999;
   border:1px solid #FFFFFF;
}
.pickerbuttonhov{
  background-image:url('/themes/menu.png');
   color:#669999;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:11px;
   width:25px;
   font-weight:bold;
   background-color:#FFFFFF;
   border:1px solid #669999;
}

.monthnavback {
	font-family: Arial;
	font-weight: bold;
	background-color: #669999;
	border-style: solid;
	border-width:1px;
	border-color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
}
.monthnavback a {
  color:#FFFFFF;
}
.monthnavforw {
	font-family: Arial;
	font-weight: bold;
	background-color: #669999;
	border-style: solid;
	border-width:1px;
	border-color:#FFFFFF;
	text-align:center;
	color:#FFFFFF;
}
.monthnavforw a {
  color:#FFFFFF;
}

.nomonthday {
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	height:90px;
	width:90px;
	color: #000000;
	border:1px solid #000000;/**/
	background-color: #F8F8FF;/**/
	/*background-color: #000000;/**/
}
.monthday {
  font-family: Arial;
	text-align: right;
	margin-right:5px;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFFFFF;/**/
	color: #000000;/**/
	height:90px;
	width:90px;
	border-style: solid;
	border-width:1px;
	border-color:#000000;
}
.passed {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFF0F5;
	width:90px;
	height:90px;
}
.selectedday {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #F8F8FF;
	width:90px;
	height:90px;
}
.today {                          
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #000000;/**/
	height:90px;
	width:90px;
	background-color: #FFFFFF;/**/
	border-style: solid;
	border-width:3px;
	border-color:#000000;
}

.todaypending {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFFACD;/**/
	width:90px;
	height:90px;
}
.todayavailable {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #F0F8FF;/**/
	width:90px;
  height:90px;
}
.todayreserved {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFE4E1;/**/
	width:90px;
  height:90px;
}
.todayblocked {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFE4E1;
	width:90px;
  height:90px;
}
.todayholiday {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #CCFFCC;
	width:90px;
	height:90px;
}

.sunday {
  font-family: Arial;
	text-align: right;
	margin-right:5px;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height:90px;
	width:90px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color:#000000;
}

.saturday {
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height:90px;
	width:90px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color:#000000;
}

.available {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFFFFF;/**/
	width:90px;
  height:90px;
}
.availablecontent {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
  font-weight: normal;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	color: #668B8B;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
  width:100%;
}

.holiday {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #CCFFCC;
	width:90px;
  height:90px;
}
.holidaycontent {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
  font-weight: normal;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	color: #668B8B;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
  width:100%;
}

.blocked {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFE4E1;
	width:90px;
  height:90px;
}
.blockedcontent {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
	color: #990033;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
  width:100%;
}

#availability .pending {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFFACD;
	width:90px;
  height:90px;
}
.pendingcontent {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
  font-weight: normal;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	color: #990033;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
  width:100%;
}

.reserved {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-spacing:0px 0px 0px 0px;
  font-family: Arial;
  font-weight: bold;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	border-color:#000000;
	color: #000000;
	background-color: #FFE4E1;/**/
	width:90px;
  height:90px;
}

.reservedcontent {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
	color: #990033;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
  width:100%;
}

.referral {
  margin: 0px 0px 0px 0px;
  font-family: Arial;
	text-align: center;
	vertical-align: bottom;
	font-size: 11px;
	font-weight: normal;
	text-decoration:underline;
	color: #4F94CD;
	background-color: transparent;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:2px;/**/
  width:100%;
}

.referral a {
  text-decoration:underline;
	color: #4F94CD;
}

.weathercontent {
  float:left;
  position:relative;
  top:0;
  left:0;
}