table.calendar {
	/*font-family: Helvetica, Arial, sans-serif;*/
	font-size: 14px; /* was 0.8 by default */
	border-collapse: collapse;
	background-color: white;
	background-color: white;
	width: 158px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
	padding: 0;
    /*-khtml-user-select: none;*/
}


table.calendar input, table.calendar select {
	font-size: 10px; /* was 10 */
}
table.calendar td {
	border: 0;
	font-size: 10px; /* was 10 */
	text-align: center;
	padding-bottom: 0px;
}
table.calendar .mainheading {
	font-size: 1.2em;
	padding-left: 16px; /* So the month selector appears centre. */	
	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
}
table.calendar .mainheading a {
	margin-left: 5px;
	margin-right: 5px;
}
table.calendar table td {
	padding-top: 4px;
	padding-bottom: 4px;
}
div.mainheading {
	margin: 2 2 0 2;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
}
table.caldayheading td {
	vertical-align: middle;	
	color: black;
	font-weight: bold;
	width: 19px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	width: 21px;
	border-top: 0;
	border-left: 0;
	border-bottom: 0;	
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: middle;		
	width: 19px;
	height: 10px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: left;
	width: 8px;
	color: black;
	border-top: 0;
	border-left: 0;
	border-bottom: 0;	
	padding-right: 2px; /* adds a small gap between arrow and table border */
}
table.calcells td.wkday {
	background-color: white;
}
table.calcells td.wkend {
	background-color: white;
}
/*
table.calcells td.curdate {
	border: solid black 2px;
}
*/

table.calcells #theCurrentDay {

	border: solid black 2px;
}



table.calcells td.cell_selected {
	background-color: #fdcf9e;
	/*font-weight: bold;*/
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #CCCCCC;
}

div#dateSelector {
	border: 0;
}
#monthSelect, #yearSelect {
        display: none;
}
