/*  GLOBAL CSS VARIABLES  -  NON COMPONENT BASED VARIABLES
  
     ABSTRACT
	 These variables are defined within the ASP pages which are used to wrap around the 
	 components to give a nice look and feel to the component. In this case it is being
	 used to wrap around all of the components and can be used as global look and feel
	 for all components used within the web site.
   
     VARIABLES
 */



/* COMPONENT BASED VARIABLES

    The variables below are writen into the components and can be used to change the look and feel 
	of the fonts, colors, backgrounds, etc. They have been created this way to maximise the flexibility
	of the components for use in many different web sites.
*/

/* AUTH CSS VARIABLES

	VARIABLES
	.auth - the auth variable is used to define the font size and links for the auth component.
	            It is used to set the color for the Username, Password, and Registration fonts and
				colors.
*/
.auth {
	color: black;
	text-indent: 0em;
	font-size : 11px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.auth  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
.auth A:visited {
	color:blue;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
.auth A:hover {
	color:red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
}

/* DIRECTORY CSS VARIABLES

	VARIABLES
	.directory - the .directory variable is used to define the font size and links for the directory. 
	                    In particular this variable is used for the page description at the top of a page
						and links at the botton of the page when a search has been done.  It is
						also used for the "Back to Search" link and the E-mail and web links if they aer
						chosen.
	                    
*/
.classified {
	color: black;
	text-indent: 0em;
	font-size : 12px;
}
.classified  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 12px;
	text-decoration : none;
}
.classified A:visited {
	color:blue;
	font-family : Arial;
	font-size : 12px;
	text-decoration : none;
}
.classified A:hover {
	color:red;
	font-family : Arial;
	font-size : 12px;
	text-decoration : underline;
}

/*  NEWSFLASH 

    CSS VARIABLES
	.newsflash - this variable is used to change the links and text associated with
	                      Search Results, Links for displaying headlines, text for the dates
						  for headline display.
	.newsflashtitle - This sets the text type for the title of the article when the article is 
	                            being viewed. This also sets the text type for the title when 
								the variable NewsFlashTitle is being used.  
	.newsflashfrom - This sets the text type for the article Date and Author.
	.newsflasharticle - this sets the text type for the contents of the article.
	                                  
*/
.newsflashtitle {
	color: black;
	text-indent: 0em;
	font-size : 18px;
	font-weight : bold;
}
.newsflashfrom {
	color: black;
	text-indent: 0em;
	font-size : 11px;
}
.newsflasharticle {
	color: black;
	text-indent: 0em;
	font-size : 11px;
}
.newsflash {
	color: black;
	text-indent: 0em;
	font-size : 11px;
}
.newsflash  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
.newsflash A:visited {
	color:blue;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
.newsflash A:hover {
	color:red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
}

/*  CALENDAR

    CSS VARIABLES
	.calendartitle - variable sets text type and background when displaying Date/Time and 
	                          Title/Description Titles. Text type for Calendar Top Title of month/year (since
							  this is a link, can choose different colors using A A:visited etc)
	.calendarevents - text type for Start and End Event Date/Time and Event Description
	.calendareventstitle - text type for the Event Title
	.calendarweekdaytitle - text type for the "S M T W T F S" at the top representing the days of
	                                           week.
	.calendardaynoday - text type for the previous months and next months days which show
	                                      up on the current month. Typically they are the same color as the 
										  background color	
	.calendardaynoevent - text type for the links of the days which have NO events associated 

	.calendardayevent - text type for the links of the days which have  events associated 
	                                         with them										   
*/
/* .calendartitle */
.calendartitle {
	color=white;
	background: #c0c0c0;
	font-size : 11px;
	font-family: "arial", "helvetica";
	font-weight: normal;
	text-decoration : none;
}
.calendartitle A:Link {
	color=black;
	background: #c0c0c0;
	font-size : 11px;
	font-family: "arial", "helvetica";
	font-weight: normal;
	text-decoration : none;
}
.calendartitle A:visited{
	color=white;
	background: #c0c0c0;
	font-size : 11px;
	font-family: "arial", "helvetica";
	font-weight: normal;
	text-decoration : none;
}
.calendartitle A:hover {
		color=white;
	     background:  #c0c0c0;
		font-size : 11px;
		font-family: "arial", "helvetica";
		font-weight: normal;
			text-decoration : none;
}

/* .calendarevents */
.calendarevents {
		color=black;
	     background:  white;  
		font-size : 10px;
		font-family: "arial", "helvetica";
		font-weight: normal;
}

/* .calendareventstitle */
.calendareventstitle {
		color=black;
	     background:  white;  
		font-size : 12px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

/* .calendardayweekdaytitle */
.calendardayweekdaytitle  {
	font-family :Tahoma, Verdana, Arial;
	font-size :12px;
	color : black;
	font-weight :bold;
}

/* .calendardaynoday */
.calendardaynoday {
	font-family :Tahoma, Verdana, Arial;
	font-size :12px;
	color : White;
	font-weight :normal;
	text-decoration: none;
}

/* .calendardaynoevent */
.calendardaynoevent A:link {
    font-family :Tahoma, Verdana, Arial; 
	font-size :12px; color :#000000; 
	font-weight :normal; 
	text-decoration: none;
}

.calendardaynoevent A:visited {
	font-family :Tahoma, Verdana, Arial; 
	font-size :12px; 
	color :#000000; 
	font-weight :normal; 
	text-decoration: none;
}

.calendardaynoevent A:hover {
	font-family :Tahoma, Verdana, Arial; 
	font-size :12px; 
	color :blue; 
	font-weight :normal; 
	text-decoration: none;
}

/* .calendardayevent */
.calendardayevent A:link {
	font-family :Tahoma, Verdana, Arial; 
	font-size :12px; 
	color :red; 
	font-weight :bold; 
	text-decoration: none;
}

.calendardayevent A:visited {
	font-family :Tahoma, Verdana, Arial; 
	font-size :12px; 
	color :red; 
	font-weight :bold; 
	text-decoration: none;
}

.calendardayevent A:hover {
	font-family :Tahoma, Verdana, Arial; 
	font-size :12px; 
	color :blue; 
	font-weight :bold; 
	text-decoration: none;
}

/*  LINKS

    CSS VARIABLES
	.linkslinks - link type for all Caetgorized, Subcategorized, and link links. Even
	                     in the display of search results
	.linkscategory - link type for top level categories - usually larger font type.
	.linksheader - text and link type for links navigation and Search name
    .linksdescription - when showing links in search and sub-categories the text 
	                                 giving the description of the link.
	.linkstoplinkstitle - the "Top Links for [Category]" Title
*/
/* .linkslinks */
 .linkslinks  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
 .linkslinks A:visited {
	color:blue;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
 .linkslinks A:hover {
	color:red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}

/* .linkscategory */
.linkscategory  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 15px;
	text-decoration : none;
}
.linkscategory A:visited {
	color:blue;
	font-family : Arial;
	font-size : 15px;
	text-decoration : none;
}
.linkscategory A:hover {
	color:red;
	font-family : Arial;
	font-size : 15px;
	text-decoration : underline;
}

/* .linksheader */
 .linksheader {
	color: black;
	text-indent: 0em;
	font-size : 11px;
	text-decoration : none;	
}
 .linksheader  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
 .linksheader A:visited {
	color:blue;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
}
 .linksheader A:hover {
	color:red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
}

/* .linkstoplinkstitle */
.linkstoplinkstitle { 
	color: black;
	text-indent: 0em;
	font-size : 16px;
	font-weight: bold;
	text-decoration : none;	
 }
 
 /* .linksdescription */
.linksdescription {
	color: black;
	text-indent: 0em;
	font-size : 11px;
	text-decoration : none;	
}

/*  POLLS

    CSS VARIABLES
	.polltable - sets attributes for the ful table such as the background colors, etc.
	.polltitle - sets the text and background attributes for the poll title
	.pollbars - sets the colors and attributes of the poll bars for the results
	.polloptions - sets the font/text attributes for the options contained within a poll
	.pollquestion - sets the font/text attributes for the question benig displayed within a poll
	
*/
/* .polltable */
.polltable {
		border-style: none; 
		border-color: none; 
		border-width: none; 
		font-size : 12px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

/* .polltitle */
.polltitle {
 		border-style: solid; 
		border-color: black; 
		border-width: 1; 
          text-align: center;
		color:black;
		background: white;
          text-align: center;
		font-size : 11px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

/* .pollbars */
.pollbars {
		background: black;
}

/* .polloptions */
.polloptions {
          color:black;
		font-size : 10px;
		font-family: "arial", "helvetica";
		font-weight: normal;
}

/* pollquestion */
.pollquestion {
          color:black;
		font-size : 12px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

.subscribetable {
		border-style: none; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
		border-color: none; 
		border-width: none; 
		font-size : 12px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

.subscribetitle {
 		border-style: solid; /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
		border-color: black; 
		border-width: 1; 
          text-align: center;
		color:black;
		background: white;
          text-align: center;
		font-size : 11px;
		font-family: "arial", "helvetica";
		font-weight: bold;
}

.subscribeoptions {
          color:black;
		font-size : 10px;
		font-family: "arial", "helvetica";
		font-weight: normal;
}


/* CLASSIFIED CSS VARIABLES

	VARIABLES
	.classified
	                    
*/
.classified {
	color: black;
	text-indent: 0em;
	font-size : 12px;
}
.classified  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 12px;
	text-decoration : none;
}
.classified A:visited {
	color:blue;
	font-family : Arial;
	font-size : 12px;
	text-decoration : none;
}
.classified A:hover {
	color:red;
	font-family : Arial;
	font-size : 12px;
	text-decoration : underline;
}

/*  ADMIN

    CSS VARIABLES
	
*/

.inputfields {BORDER-BOTTOM: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; background-color:white;}

.adminhelp { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 10pt; font-weight: bold ; list-style-type: disc}
.adminhelp a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #005304; text-decoration: none; font-weight: normal}
.adminhelp a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #005304; text-decoration: none ; font-weight: normal}
.adminhelp a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #005304; text-decoration: none ; font-weight: normal}
.adminhelp a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #009900; text-decoration: underline; font-weight: normal}
.adminhelptext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #000000}


.admintextheader {  font-family: Verdana, Arial, Helvetica, sans-serif; background: #f8f8f8; color: #393D40; text-decoration: none; font-size: 9pt; font-weight: bold;background-image: url(/images/adminsubtab.gif);}


.admintext {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #393D40; text-decoration: none; font-size: 7pt; font-weight: normal}

.admintextpurple {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #53585A; text-decoration: none; font-size: 9pt; font-weight: bold}

.admintext a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none; font-weight: normal}
.admintext a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none ; font-weight: normal}
.admintext a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none ; font-weight: normal}
.admintext a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #E7B901; text-decoration: none; font-weight: normal}

.adminfunction {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; color: #393D40; border: 1pt #A1A5A9 solid; background-color: #F8F8F8}

.admintab {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #393D40; text-decoration: none}