﻿.calendarView {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
TD.calendar_facility {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; WIDTH: 318px; PADDING-TOP: 0px
}
.calendar_facility TABLE {
	BORDER-RIGHT: #81c7ea 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #81c7ea 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10px; BACKGROUND: #f1f5fe; PADDING-BOTTOM: 5px; BORDER-LEFT: #81c7ea 1px solid; WIDTH: 308px; COLOR: #835b33; PADDING-TOP: 5px; BORDER-BOTTOM: #81c7ea 1px solid; HEIGHT: 128px
}
calendar_facility TD {
	
}
.calendar_facility SELECT {
	FONT-SIZE: 10px; WIDTH: 200px
}
.calendar_month {
	FONT-SIZE: 10px; VERTICAL-ALIGN: top
}
.calendar_month TABLE {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
.calendar_month TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
.calendar_month TR {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
.calendar_button {
	CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.picker {
	BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; BORDER-LEFT: gray 1px solid; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: gray 1px solid; FONT-FAMILY: "Verdana",monospace; BACKGROUND-COLOR: #ffffff
}
.calendar TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
.calendar .header {
	FONT-WEIGHT: bold; COLOR: #0066cc
}
.title {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #bce9f6
}
.month_header {
	FONT-WEIGHT: bold; BACKGROUND: #f1f1f1; COLOR: #0066cc; BORDER-BOTTOM: #cccccc 1px solid
}
.day {
	BORDER-RIGHT: #e7e7e7 1px solid; BORDER-TOP: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid; WIDTH: 25px; CURSOR: pointer; BORDER-BOTTOM: #e7e7e7 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
.dayhover {
	BORDER-RIGHT: #f6f6f6 1px solid; BORDER-TOP: #f6f6f6 1px solid; BORDER-LEFT: #f6f6f6 1px solid; WIDTH: 25px; CURSOR: pointer; BORDER-BOTTOM: #f6f6f6 1px solid; BACKGROUND-COLOR: white; TEXT-ALIGN: center; TEXT-DECORATION: underline
}
.dayheader {
	BORDER-RIGHT: #e7e7e7 1px solid; BORDER-TOP: #e7e7e7 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #e7e7e7 1px solid; WIDTH: 25px; COLOR: #0066cc; BORDER-BOTTOM: #e7e7e7 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.othermonthday {
	COLOR: #999999
}
.othermonthday_hidden {
	VISIBILITY: hidden
}
.outofrangeday {
	VISIBILITY: hidden
}
.selectedday {
	FONT-WEIGHT: bold; COLOR: #000000; BACKGROUND-COLOR: #88bce8
}
TABLE.calendar {
	BORDER-RIGHT: #81c7ea 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #81c7ea 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #81c7ea 1px solid; CURSOR: default; PADDING-TOP: 0px; BORDER-BOTTOM: #81c7ea 1px solid; BORDER-COLLAPSE: collapse; HEIGHT: 128px; BACKGROUND-COLOR: #ffffff
}
TABLE.month {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 2px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; BORDER-COLLAPSE: collapse
}
.nextprev {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; CURSOR: pointer; PADDING-TOP: 0px
}
.nextprev IMG {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
TD.selector {
	PADDING-RIGHT: 0px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 14px; CURSOR: pointer; COLOR: #5e9d10; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.navBar2 {
	BORDER-RIGHT: #81c7ea 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #81c7ea 1px solid; PADDING-LEFT: 10px; BACKGROUND: #e0f0ff; PADDING-BOTTOM: 0px; MARGIN: 0px 10px 5px; BORDER-LEFT: #81c7ea 1px solid; COLOR: #1a81b1; PADDING-TOP: 0px; BORDER-BOTTOM: #81c7ea 1px solid
}
.navBar2 TD {
	FONT-SIZE: 14px; VERTICAL-ALIGN: middle; COLOR: #1a81b1
}
.navBar2 IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.idleItem {
	BORDER-RIGHT: #f1f1f1 1px solid; BORDER-TOP: #f1f1f1 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #f1f1f1 1px solid; COLOR: #0066cc; BORDER-BOTTOM: #f1f1f1 1px solid; BACKGROUND-COLOR: white
}

.blockItem {
	BORDER-RIGHT: blue 2px solid; BORDER-TOP: blue 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: blue 2px solid; COLOR: #0066cc; BORDER-BOTTOM: blue 2px solid; BACKGROUND-COLOR: #d8e8f6
}

.bookingItem1 {
	BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: red 2px solid; COLOR: #0066cc; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: #99CCFF;
}

.bookingItem_CurrentUser {
	BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: red 2px solid; COLOR: #0066cc; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: #ffecff;
}

.bookingItem_Others {
	BORDER-RIGHT: red 2px solid; BORDER-TOP: red 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: red 2px solid; COLOR: #0066cc; BORDER-BOTTOM: red 2px solid; BACKGROUND-COLOR: lime;
}

.bookingItem2 {
	BORDER-RIGHT: gray 2px solid; BORDER-TOP: gray 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: gray 2px solid; COLOR: #0066cc; BORDER-BOTTOM: gray 2px solid; BACKGROUND-COLOR: #c0c0c0
}

