body    {
	background-color: #DFDFDF; /*GREY*/
}

a:visited    {
	color: #000000;    /* */
	text-decoration: none;
}

a:link    {
	color: #000000;    /*  */
	text-decoration: none;
}

a:hover    {
	color: #404B8B;     /* dark */
	text-decoration: none;
}

a:active    {
	color: #404B8B;  /* dark */
	text-decoration: none;
}

a.none:hover    {
	color: #000000;
	text-decoration: none;
}

/* form styles */
textarea    {
	color: #000000;
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
}

select    {
	color: #000000;
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
}

input    {
	color: #000000;
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
}

/* small event font */
div.smallcalev    {
	color: #000000;   /* -------------TEXT IN OVERLIB BOX------------- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

div.smallcalevtime    {
	color: #000000;   /* ---------------TIME IN OVERLIB BOX-------------- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

a.smallcalev    {
	color: #333333;   /* LINK ON EVENT CELL IN MAIN CALENDAR */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

a.smallcalev:hover    {
	color: #404B8B;   /* HOVER ON EVENT CELL IN MAIN CALENDAR */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

/* small cal month table*/
table.smallcalmth    {
	color: #000000;   /*  */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 8pt;
	width: 100%;  /* ---------------------This controls the width of the minical!-------------------- */
}

div.smallcalmth    {
	color: #404B8B;   /* ------------------the year in the minical head------------------ */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

a.smallcalmth    {
	color: #000000;   /* ---------------------the month in the minical head-------------------- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

a.smallcalmth:visited    {
	color: #000000;   /* ----------------------the arrows either side of the month-------------------- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
}

td.smallcalmth {
	background: #DDDDE6; /* BACKGROUND COLOUR OF EVENT CELL IN MINICAL */
}

/* message to signal progress */
h4    {
	color: #000000;   /* black */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
}

/* font for calendar and company names at top of month calendar */
table.companynamefont {
	color: #404B8B;   /* --- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;   
	background-color: #EAEDFD;   /* pale */
}

table.calendarnamefont    {
	color: #404B8B;   /*  */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	background-color: #EAEDFD;   /* background behind top main calendar title */
}


table.todaytop    {
	color: #404B8B;   /* pnp maroon */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	width: 100%;
	background-color: #D7DDFC;   /* the background strip immediately below the top title bg */
}

/* font for calendar day name */
div.dayfont    {
	color: #404B8B;   /* affects day headings in both calendars */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 0.8em;   /* ----------------------------month names in minical and main calendar----------------------------- */
	font-style: normal;
	font-weight: normal;
}


div.datenumfont    {
	color: #000000;   /* ---------------colour and font size of dates in minical--------------------- */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

a.datenumfont    {
	color: #000000;   /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}

a.datenumfont:visited    {
	color: #000000;   /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
}

/* month calendar table view setting */
table.monthview    {
	width: 100%;
	border-width: thin;   
	color: #000000;   
	border: 0px thin #FFFFFF;  
	border-collapse: separate;
	border-spacing: 1px;
	padding: 0px;
	spacing: 1px;
	background-color: #EAEDFD; /* the background behind the Month name on large calendar */
}

td.monthview    {
	height: 30px;
}

td.sundaytopcolor    {
	height: 50px;
	color: #F0F0E0;    /* pale grey */
	background-color: #D7DDFC;   /* background for Sunday header cell */
	width: 14%;
}

td.weekdaytopcolor    {
	height: 50px;
	color: #404b8b;    /* */
	background-color: #D7DDFC;   /* weekday header background */
	width: 14%;
}

td.sundayemptyclr    {
	height: 50px;
	background-color: #FFFFFF;   
}

td.weekdayemptyclr    {
	height: 50px;
	background-color: #FFFFFF;  
}

td.todayclr    {  
	background: #C6CEFB; /*-----------------------------TODAY CELL--------------------------------*/
}

td.sundayclr    {
	height: 50px;
	background-color: #EAEDFD;    /* sunday column */
}

td.weekdayclr    {
	height: 50px;    /* most days */
	background-color: #EAEDFD;
}

/* link to month navigation font */
a.calfontnav    {
	color: #404B8B;   /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 16pt;
	font-style: normal;
	font-weight: bold;
}

a.calfontnav:hover    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontnav:link    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontnav:visited    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
}

/* link to asked month font */
div.calfontasked    {
	color: #404B8B;     /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontasked    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontasked:hover    {
	color: #404B8B;     /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontasked:link    {
	color: #404B8B;     /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: normal;
}

a.calfontasked:visited    {
	color: #404B8B;     /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 18pt;
	font-style: normal;
	font-weight: normal;
}

/* font for menu items */
div.menufont    {
	color: #333333;    /* 'Go to / Event / View' */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.menufont:link    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.menufont:visited    {
	color: #404B8B;    /* dark*/
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.menufont:hover    {
	color: #404B8B;    /* dark */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

/* menu option background color */
table.menufont    {
	background-color: #FAFAFF;    /* very pale grey */
	width: 100%;
}

/* font for search header */
div.searchheaderfont    {
	color: #000000;    /* black */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	background-color: #F0F0F0;   /* pale grey */
}

/* font for search result events title */
div.searchtitlefont    {
	color: #000000;   /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

/* font for search result events */
div.searchtextfont    {
	color: #000000;    /*   */ 
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
}

/* font for headers */
div.headerfont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #F0F0F0;   /* pale grey */
} 

table.headerfont    {
	color: #000000;   /*  */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	background-color: #F0F0F0;  /* pale grey */
}

a.headerfont:link    {
	color: #000000;    /*    */
	text-decoration: none;
}

a.headerfont:visited    {
	color: #000000;   /*   */
	text-decoration: underline;
}

a.headerfont:hover    {
	color: #000000;   /*   */
	text-decoration: underline;
}

/* font for titles */
div.titlefont    {
	color: #404B8B;   /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
}

table.titlefont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	background-color: #C0C0C0;  /* mid grey */
}

a.titlefont:link    {
	color: #000000;    /*   */
	text-decoration: none;
}

a.titlefont:visited    {
	color: #000000;    /*   */
	text-decoration: underline;
}

a.titlefont:hover    {
	color: #000000;     /*   */
	text-decoration: underline;
}

/* font for event popup title in main calendar (when event cell is clicked) */
div.popupeventtitlefont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}

/* font for event popup content */
div.popupeventfont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* color and font for event content text in day calendar */
table.dayevent    {
	color: #000000;   /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	background-color: #D7DDFC;   /* pale */
	text-decoration: none;
}

/* color and font for event content text in week calendar */
table.weekevent    {
	color: #000000;    /* black */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	background-color: #D7DDFC;   /* pale pink */
	text-decoration: none;
}

/* color and font for normal text */
div.normalfont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 9pt; /* AFFECTS SIZE OF TEXT: "Click for event details" ON MINICAL */
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

table.normalfont    {
	color: #000000;    /*   */
	font-family: Arial,sans-serif,Helvetica;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a.normalfont:link    {
	color: #000000;    /*   */
	text-decoration: none;
}

a.normalfont:visited    {
	color: #000000;    /*   */
	text-decoration: none;
}

a.normalfont:hover    {
	color: #000000;     /*   */
	text-decoration: underline;
}


table.eventborder    {
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;  
	background-color: #FFFFFF;  /* BACKGROUND COLOUR OF OVERLIB FOR EVENTS CELLS */
}

td.eventborder    {
	padding: 3px;
	border-left: 2px solid #CCCCCC;  /*THE LINE WHICH DIVIDES TIME AND EVENT ON OVERLIB*/
}

td.eventtimeborder    {
	border: solid #D7DDFC;    /* the table cell that encloses the times */
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	padding: 3px;
}

/* lines and boxes */
table.txtbox    {
	border: solid gray;
	border-width: 0;
}

hr    {
	height: 1px;
	background-color: #404B8B;    /* dark */
	border: #404B8B;
	color: #404B8B;
	border: 0px;
	border-style: none;
}