/* general */

table.calendar {
	background-color: #F0F0F0;
	padding: 0px;
	/*border: 1px solid #666;*/
	width: 100%;
}

table.calendar th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10pt;
}


/* header */

table.calendar table {
	width: 100%;
}

table.calendar table th.left {
	text-align: left;
	width: 33%
}

table.calendar table th.centre {
	text-align: center;
	white-space: nowrap;
	width: 34%;
}

table.calendar table th.right {
	text-align: right;
	width: 33%;
}

table.calendar a.button {
	display: block;
	padding: 2px 1px 1px 2px;
	margin-right: 2px;
	float: left;
}

table.calendar th.right a.button {
	float: right;
}

table.calendar a.button_inactive {
	display: block;
	padding: 2px 1px 1px 2px;
	margin-right: 2px;
	float: left;
}

table.calendar a.button:hover {
	padding: 1px 0px 0px 1px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #FFF;
}

table.calendar a.button:active {
	position: relative;
	top: 1px;
	outline: 0px none red;
	-moz-outline: 0px none red;
}

table.calendar a.button:focus {
	outline: 0px none red;
	-moz-outline: 0px none red;
}

table.calendar h1 {
	padding: 0;
	margin: 0;
	font-size: 11pt;
	font-weight: bold;

}


/* labels (day-name / month) */

table.calendar th.label {
	text-align: left;
	border-bottom: 1px solid #E0E0E0;
	border-right: 1px solid #C0C0C0;
	padding: 0px 5px 0px 5px;
}

table.calendar tr.monthLabels th {
	font-size: 8pt;
	background-color: #F3F3F3;
	text-align: center;
	padding: 1px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #FFF;
	border-bottom: 2px solid #C0C0C0;
}


/* dates */

table.calendar td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	background-color: #F9F9F9;
	text-align: center;
	width: 18px;
	padding: 1px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #C0C0C0;
}

/* date cell styling */

table.calendar td.unselectable {
	background-color: #F9F9F9;
	background-image: url(shaded.gif);
}

table.calendar td.unavailable {
	background-color: #D9D9E0;
	background-image: none;
}

table.calendar td.selection {
	background-color: #3080CC !important;
}

table.calendar td.prepadding, table.calendar td.postpadding {
	background-color: #BBDDFF;
	background-image: none;
}


/* cell inner span */

table.calendar td span {
	display: block;
	padding: 1px;
	width: 16px;
	border: 0;
}

table.calendar td.today span {
	border: 1px solid #FF0000;
	padding: 0;
}

table.calendar td.unavailable span {
	border: 0;
	padding: 1px;
}


/* date selection */

table.calendar td span a {
	display: block;
	text-decoration: none;
	color: #000033;
	padding: 1px;
}

table.calendar td span a:hover {
	text-decoration: none;
	color: #000;
	padding: 1px;
}

table.calendar td.selection span a {
	color: #FFF;
}

table.calendar td.prepadding span a, table.calendar td.postpadding span a {
	/*color: #FFF;*/
}

table.calendar td.outofbounds span a {
	color: #C0C0C0;
}

table.calendar td.available span a:hover {
	background-color: #CCEEFF;
	border: 1px solid #338899;
	padding: 0;
}

table.calendar td.unavailable span div.disabled {
	padding: 1px;
}


/* month borders */

table.calendar td.leftBorder {
	border-left: 1px dotted #FF0000;
}

table.calendar td.topBorder {
	border-top: 1px dotted #FF0000;
}


/* status line (selected dates info) */

table.calendar tr.status > th {
	border-top: 1px solid #E3E3E3;
}

table.calendar tr.status th {
	font-size: 8pt;
}

table.calendar tr.status th.noSelection {
	font-size: 8pt;
	font-style: italic;
}

table.calendar div.statusMsg {
	margin: 2px 4px 2px 4px;
	padding: 2px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	background-color: #E0E0E0;
}


/* Calendar Help */

div.calendarHelpOverlay {
	position: absolute;
	background-color: #000;
	filter: alpha(opacity=35);
	opacity: 0.35;
	-moz-opacity: 0.35;
	z-index: 997;
}

div.calendarHelpShadow {
	position: absolute;
	background-color: #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	z-index: 998;
}

div.calendarHelp {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	z-index: 999;
	overflow-x: hidden;
	overflow-y: auto;
}

div.calendarHelp div {
	padding: 10px;
}

div.calendarHelp h1 {
	border: 0;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	font-size: 11pt;
	width: 100%;
	color: #666;
	border-bottom: 1px solid #CCC;
	display: block;
	text-align: center;
}

.helpText {
	font-size: 9pt;
}