<style type="text/css">
{    
	text-align: center;
	vertical-align: middle;
}

.calendarTable{
	background-color: #000000;
	font-weight: bold;
	
	display: table;
	padding: 5px;
	margin: 20 auto;
	height: 350px;
	width: 350px;
	margin-left: auto; 
	margin-right: auto;


}

.calendarRow
{
	
}
/*use this to set the colour of the squares with no events in*/
.emptydate {
	background-color: #FFFFCC;
   width: 14%;
	
}
/*use this to set the colour of the squares first priority events in*/
.filledColor0 {
	background-color: #0099CC;
	width: 14%;

}
/*use this to set the colour of the squares second priority events in*/
.filledColor1 
{
	background-color: #66FFFF;
	width: 14%;

}
.filledColor2 
{
	background-color: #DDEEFF;
	width: 14%;

}
.filledColor3 
{
	background-color: #99FFCC;
   width: 14%;
}
.filledColor4
{
	background-color: #FFFFEE;
	width: 14%;	

}

.filledColor5
{
  background-color: #FFCCFF;
  width: 14%;

}
.filledColor6
{
	background-color: #AABB00;
	width: 14%;


}
.filledColor7 
{
	background-color: #339900;
   width: 14%;	
}
.filledColor8 
{
	background-color: #FF00FF;
	width: 14%;
}
.filledColor9
{
	background-color: #FF66CC;
   width: 14%;

}
/* the sun mon tue header*/
.weekheader {
	background-color: #0066CC;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 5px;
	
}
/* The edit form where you add or edit entries*/
.editForm {
	background-color: #DDDDD0;
	font-weight: bold;
	text-align: center;
	vertical-align: baseline;
	border: thin ridge;
	margin: 20 auto;
}
/* The size of the table showing the priority color codes*/
.colorCodeTable{

	background-color: #0066FF;
	width: 300px;
	height: 10px;
	font-weight: bold;
	text-align: center;
	border: thin ridge;
	vertical-align: baseline;
	
}

/*The year and month selection box form*/
.selectionbox{
	background-color: #0066CC;
	font-weight: bold;	
	width: 25%;
	
}

/*The table to display the month events*/
.monthEvents{
	background-color: #EEFFFF;
	border: none;
	width: 50%;
	display: table;
	margin: 20 auto;
	padding: 4px;		
}


a:hover {
	background-color: #CCFFEE;
}



td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
</style>
