/* Beginning of DATES! standard CSS styles. */

/* PREFACE
The use of styles requires that you have some 
familiarity with the "Cascading Style Sheets" 
standard of the W3C. For more information,
try this web site: http://www.w3.org/Style/CSS/ or
any of the many books available from bookstores
that carry computer-related books.  */


/* NOTES
The styles listed below are applied by DATES! whenever 
a user's web browser is likely to handle them correctly;
otherwise, they are gracefully ignored and DATES! uses direct 
HTML formatting instead. 

If you specify a style sheet of your own, 
(by creating a link that contains the "css" option, 
like "&css=http://mycompany.com/mystylesheet.css", or
whatever is the URL address of your style sheet), 
your style sheet will be applied AFTER the standard
DATES! style sheet (the one that you are looking at now).

That means that your styles will either supplement 
the DATES! styles (when they use additional formatting
not already specified by DATES!); or they will override
the DATES! styles (when the two are inconsistent). 

Exactly how the combined CSS styles affect the appearance
of calendar web pages depends on which browser type and 
version a user is using at the time. DATES! is pretty intelligent 
about browser variations, but it isn't all-knowing. 
Reasonably good results are likely; precise formatting, 
consistent across all browsers, is not.  */


/* ADVICE
Many versions of Netscape will treat a missing 
style sheet the same as a missing page and come to a halt 
with a "404 Page Not Found" error message. Consequently, if 
you have a style sheet of your own called, for example, 
"http://mycompany.com/mycompanystyles.css", but you 
mistakenly tell DATES! (by creating a clickable link on
a web page somewhere with a URL to hardySystems) that the name 
is "http://mycompany.com/mycompanystles.css" (with a 
misspelling of the last word "styles"), most versions of 
Internet Explorer will just ignore the missing style sheet 
and continue without it, but most versions of Netscape will 
come to a halt with a "404" error.  */


/*  Here are the styles used by DATES!.  */

BODY		{
			margin-top:1px; 
			margin-left:4px; 
			margin-right:2px;
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:9pt;
			color:black 
			}

@media print
			{
			BODY	{ margin:0; }
			}

/* Following is unused at present
@media handheld
			{
			}
*/


a:link    { color:navy }
a:active  { color:red }
a:visited { color:navy }

a.reverseBackground:link,
a.reverseBackground:active,
a.reverseBackground:visited,
a.reverseBackground:hover
		{ color: white; text-decoration: none; }

a.reverseBackground:hover
		{ text-decoration: underline; }
		

.editButton { font-size:80% }


/*  tableEntryEventName -- governs the style of 
the event NAME in the TABLE view.  */

.tableEntryEventName {
			font-family:Verdana,Geneva,Arial,sans-serif;
			font-size:100%;
			}


/*  tableEntry -- governs ALL OTHER DETAILS (description, 
contact, etc.) in the TABLE view.  */

.tableEntry {
			font-family:Verdana,Geneva,Arial,sans-serif;
			font-size:80%;
			}


/*	.onScreenTitle -- governs the display of the NAME OF THE MONTH
AND YEAR, like "September 2008," that appear above calendars 
in the MONTHLY VIEW.	*/

.onScreenTitle {
			color:white; 
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
			font-size:175%;
			font-weight:bold;
			}


/*	.onPaperTitle -- governs the display of the NAME OF THE MONTH
AND YEAR, like "September 2008," that appear above calendars 
in the PRINTABLE VIEW (which is a monthly calendar view that 
omits clickable links and longer event descriptions to enable
a "cleaner" print-out).  */

.onPaperTitle {
			color:white; 
			font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
			font-size:200%;
			font-weight:bold;
			}


/*	.onPaperCalendarNbr -- governs the display of the small
date number in each cell of a PRINTABLE MONTHLY calendar.
(There is no style used for *on-screen* monthly calendar
displays for the small date-of-the-month.)	*/

.onPaperCalendarNbr {
			color:white; 
			background:darkslategray; 
			font-family:"courier new", courier, monospace; 
			font-size:9pt; 
			font-weight:bold; 
			text-decoration:none; 
			}


/*  .calendarEntry -- governs the style of the event NAMES that 
appear in each day (each "cell") in the MONTHLY VIEW. 
Both on-screen and printable calendars use this same style.  */

.calendarEntry {
			font-size:75%;
			font-family:Arial,Geneva,Verdana,sans-serif; 
			}


/*  .calendarHeader -- governs the style of calendar HEADERS.
A calendar "header" is usually the name of your organization,
like "My Company Calendar". It appears at the top of all your 
calendars (unless youe turn it off with the "&hdr=off"
option on the URL for a particular page). You can specify what you 
want for a header from the DATES! Editor's Home Page, after you
log in. If you specify a header that includes HTML markup tags, like 
"<font size='3'>My Company Calendar</font>", the header is preserved
as-is and displayed as-is, with HTML tags, on your calendars. 
If you specify a header as plain text, like "My Company Calendar," 
with no HTML markup and no images, then DATES! applies the 
following "calendarHeader" style to it.  */

.calendarHeader {
			margin-top:0;
			margin-bottom:0;
			padding-top:0;
			padding-bottom:0;
			space-after:0;
			font-size:180%;
			}

/*  h1.lv1 -- Reserved for future use; not presently used.  */
h1.lv1 {
			margin-top:0; 
			margin-bottom:0; 
			font-size:175%; 
			text-align:left
			}

/*  h1.noTypeslv1 -- Reserved for future use; not presently used.  */
h1.noTypeslv1 {
			margin-top:0; 
			margin-bottom:0; 
			font-size:175%; 
			text-align:left;
			}


/*  h2.lv1 -- governs the style of event CATEGORIES that
appear in the ONE-COLUMN LIST VIEW when one or more event
categories are in use.  */

h2.lv1 {
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:115%; 
			text-align:left;
			margin-top:0; 
			margin-bottom:.25em;
			}


/*  h2.noTypeslv1 -- governs the style of ______________
that appear in the ONE-COLUMN LIST VIEW when 
NO event categories are in use.  */

h2.noTypeslv1 {
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:115%; 
			text-align:left;
			margin-top:0; 
			margin-bottom:.25em; 
			}

/*  h3.lv1 -- governs the style of the DATE 
(e.g., "September 12, 2006") that appears above 
the event description(s) in the ONE-COLUMN LIST VIEW
when one or more event CATEGORIES are in use.  */

h3.lv1 {
			margin-top:0; 
			margin-bottom:.5em; 
			margin-left:2em;
			text-align:left; 
			font-size:90%;
			font-weight:bold;
			}


/*  h3.noTypeslv1 -- governs the style of the DATE 
(e.g., "September 12, 2006") that appears above 
the event description(s) in the ONE-COLUMN LIST VIEW
when NO event categories are in use.  */

h3.noTypeslv1 {
			margin-top:3px; 
			margin-bottom:0; 
			margin-left:0;
			text-align:left; 
			font-size:90%; 
			font-weight:bold;
			}


/*  .lv1_eventDetails -- governs the style of the 
LONGER DESCRIPTION of an event, if any, in the 
ONE-COLUMN LIST VIEW, when one or more event
CATEGORIES are in use. Events must have a "short name,"  
but this longer description is optional.  */

.lv1_eventDetails { 
			margin-top:4px; 
			margin-bottom:3px; 
			margin-left:5em; 
			padding-top:0;
			font-size:8pt;
			}


/*  .noTypeslv1_eventDetails -- governs the style of the 
LONGER DESCRIPTION of an event, if any, in the 
ONE-COLUMN LIST VIEW, when NO event categories are  
in use. Events must have a "short name,"  
but this longer description is optional.  */

.noTypeslv1_eventDetails {
			margin-top:4px; 
			margin-bottom:3px; 
			margin-left:2em; 
			padding-top:0;
			font-size:9pt;
			}

h1.lv2 {
			margin-top:0; 
			margin-bottom:0; 
			font-size:150%; 
			text-align:left 
			}

/*  h2.lv2 -- governs the style of the event CATEGORIES that
appear (as the primary heading) in the TWO-COLUMN LIST VIEW,
when one or more categories are in use.  */

h2.lv2 {
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:115%; 
			text-align:left;
			margin-top:0; 
			margin-bottom:10px; 
			}

h2.noTypeslv2 {
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:115%; 
			text-align:left;
			margin-top:0; 
			margin-bottom:0; 
			}


/*  h3.lv2 -- governs the style of the DATE 
(e.g., "September 12, 2006") that appears in the 
left column of the TWO-COLUMN LIST VIEW, when
one or more event CATEGORIES are in use.  */

h3.lv2 {
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:90%;
			margin-top:0; 
			margin-right:10px; 
			margin-bottom:0; 
			}



/*  h3.noTypeslv2 -- governs the style of the DATE 
(e.g., "September 12, 2006") that appears in the 
left column of the TWO-COLUMN LIST VIEW, when
NO event categories are in use.  */

h3.noTypeslv2	{
			font-family:Verdana,Arial,Helvetica,Geneva,sans-serif; 
			font-size:90%;
			margin-top:.5em; 
			margin-right:0; 
			margin-bottom:0; 
			}


/*  .lv2_eventDetails -- governs the style of the 
LONGER DESCRIPTION of an event, if any, in the 
TWO-COLUMN LIST VIEW, when one or more event
CATEGORIES are in use. Events must have a "short name,"  
but this longer description is optional.  */

.lv2_eventDetails	{
			font-size:8pt;
			margin-bottom:8px; 
			margin-left:1em;
			padding:0; 
			}


/*  .noTypeslv2_eventDetails -- governs the style of the 
LONGER DESCRIPTION of an event, if any, in the 
TWO-COLUMN LIST VIEW, when NO event categories 
are in use. Events must have a "short name,"  
but this longer description is optional.  */

.noTypeslv2_eventDetails	{
			font-size:9pt;
			margin-top:.5em; 
			margin-bottom:8px; 
			margin-left:1em;
			padding:0; 
			}

h1.td, h2.td, h3.td	{
			text-align:center
			}

h1.td	{
			margin-top:0; 
			margin-bottom:0; 
			font-size:175%; 
		}

h2		{
		color:navy;
		font-size:large;
		}


/*  End of DATES! standard styles.  */