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

.calendarTable{
	background-color: #dadada;
	font-weight: bold;
	border: thin none;
	display: table;
	padding: 1px;
	margin: 0px;
	height: 197px;
	width: 300px;


}

.calendarRow
{
	
}
/*use this to set the colour of the squares with no events in*/
.emptydate {
	background-color: #000000;
   width: 14%;
	
}
/*use this to set the colour of the squares first priority events in*/
.filledColor0 {
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/1_new.gif);
	background-position: right;
	background-repeat: no-repeat;
}
/*use this to set the colour of the squares second priority events in*/
.filledColor1 
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/2_waxcres.gif);
	background-position: right;
	background-repeat: no-repeat;}
.filledColor2 
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/3_firstqtr.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.filledColor3 
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/4_waxgib.gif);
	background-position: right;
	background-repeat: no-repeat;
	}
	
.filledColor4
{
   background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/5_full.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.filledColor5
{
  background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/6_wangib.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.filledColor6
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/7_lastqtr.gif);
	background-position: right;
	background-repeat: no-repeat;


}
.filledColor7 
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/8_wancres.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.filledColor8 
{
	background-color: #000000;
	text-align: left;
	vertical-align: bottom;
	width: 14%;
	background-image: url(images/full.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.filledColor9
{
	background-color: #000000;
   width: 14%;
   background-image: url(images/dark.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: bottom;

}
/* 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;
}
/* The size of the table showing the priority color codes*/
.colorCodeTable{

	background-color: #0066FF;
	width: 250px;
	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: 100%;
	
}

/*The table to display the month events*/
.monthEvents{
	background-color: #DADADA;
	border: none;
	width: 10%;
	display: table;
	margin: 5px;
	padding: 4px;		
}


a {color: Aqua;font-size: 120%; text-decoration: none;font-weight: bold; background-color: transparent;}
a:hover {color: Red;text-decoration: underline;}


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