/**********************************************************************************************************************
* WEBSITE CONTENT MODULE
* 
* Copyright ©2006 - ASI Technologies Inc. (1167644 Ontario Inc.) - All rights reserved.
* No use or modification without the expressed, written permission of ASI Technologies Inc. (1167644 Ontario Inc.)
**********************************************************************************************************************/

/**********************************************************************************************************************
* ORCGAHomeNews.css
*
* Contains styles for use with TEMPLATE1.XSL and TEMPLATE1.XML that illustrate how different styles can be applied to 
* the same XSL template to achieve varied results. 
*
* All styles can be distributed for use on client websites.
*
* STYLES (in alphabetical order)
* ---------------------------------------------------------------------------------------------------------------------
* #NewsListSpotlight
* #NewsListSpotlight .Name
* #NewsListSpotlight .Teaser
*
* MODIFICATION HISTORY
*
* Any modifications made to this file require updating the associated documentation (which is separate from the code)
* For more information on the current location of this documentation on the network, please contact Andrew McKendrick.
*
* MODIFIED BY					          DATE (YYYY-MM-DD)		     DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Himal Abeykoon                2007-04-09               Created this file.
**********************************************************************************************************************/

/**********************************************************************************************************************
* NewsListSpotlight Style
*
* A Teaser Template (such as this) should be displayed within an HTML container such as a DIV or SPAN. This style 
* is applied to any HTML container having an ID of 'NewsLIst' (notice the # symbol that appears in front of the style 
* name, this signifies an ID follows).
*
* By changing this stylesheet, several variations of the same Teaser Template can be created. Examples include:
* 
* - Hiding the More Link image.
* - Hiding the Display Date.
* - Hiding the Bullets or changing them to a different style (i.e. a square) or changing them to a client-specific 
*   image.
* - Showing the date on the same line as the title with or without a more link.
* - Allowing teasers to be displayed, or hiding them regardless of individual item/article settings.
*
* Examples of what cannot be done using a style sheet include the following. In these cases a new template must be 
* created.
*
* - Changing the wording or characters displayed by the template (such as displaying the words [Full Text] instead 
*   of More... or using Square brackets around a date instead of Parenthesis)
* - Some re-positioning may not be possible.
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Andrew McKendrick             2006-09-27               Created this style.
**********************************************************************************************************************/
#NewsListSpotlight                                                
{  
  /* Any HTML elements contained within this HTML control, will have this font by default, unless otherwise 
  specified. */
  font-family: Arial;
  font-size: 9pt;
  /* Specifies that the width of the HTML control is X number of pixels. Usually 'Teaser Templates' will be displayed
  in an area to the side of other content. */
  width: 500px;
}

/**********************************************************************************************************************
* Display item name 
*/
#NewsListSpotlight .Name
{
  /* Similar to using the BR tag in HTML, the display attribute can be used to force the contents following the News
  Item Name to appear on the next line. */
  display: block;
  
  /* Causes the News Item Name to appear in bold letters. */
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  COLOR: black;
  FONT-FAMILY: Arial,Verdana,Helvetica;
}

/**********************************************************************************************************************
* NewsListSpotlight .Teaser Style
*
* For some items (depending on the XML) a teaser is displayed in a span. This style is applied to that span.
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Andrew McKendrick             2006-09-27               Created this style.
**********************************************************************************************************************/
#NewsListSpotlight .Teaser
{   
  /* To hide the teaser regardless of the item, set the display attribute to none. To allow teasers to be shown, set
  the display attribute to block or another value. */
  display: block;
  FONT-SIZE: 11px;
  COLOR: black;
  FONT-FAMILY: Arial,Verdana,Helvetica;
  TEXT-DECORATION: none    
}

/**********************************************************************************************************************
* Properties for item name link
*/
#NewsListSpotlight .link
{
  FONT-WEIGHT: bold;
  FONT-SIZE: 11px;
  COLOR: black;
  FONT-FAMILY: Arial,Verdana,Helvetica;
  TEXT-DECORATION: none
}
/**********************************************************************************************************************
* Properties for page title
*/
#NewsListSpotlight .pagetitle
{
  font-family: arial, verdana;
	font-size: 10pt;
	padding-top: 8pt;
	padding-left: 10pt;
	font-weight: bold;
	color: #33669A;
	width:586px;
	height:31;
	background-image: url(/img/homepage_title.gif);
  background-repeat: no-repeat
} 
/**********************************************************************************************************************
* Properties for Hroizontal line 
*/
#NewsListSpotlight .pageHR                            
{
 vertical-align:middle;
 background-image: url(/img/homepage_background.gif);
 background-repeat: repeat
}
/**********************************************************************************************************************
* Properties for teaser 
*/
#NewsListSpotlight .pageContent                            
{
 vertical-align:middle;
 background-image: url(/img/homepage_background.gif);
 background-repeat: repeat
}