/**********************************************************************************************************************
* 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.)
**********************************************************************************************************************/

/**********************************************************************************************************************
* RIGHTCOLUMN.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)
* ---------------------------------------------------------------------------------------------------------------------
* #NewsList
* #NewsList UL
* #NewsList LI
* #NewsList .Name
* #NewsList .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
* ----------------------------- ------------------------ --------------------------------------------------------------
* Marnie Wood				            2007-01-11							 Created this file.
**********************************************************************************************************************/

/**********************************************************************************************************************
* NewsList Style Right Column
*
* 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).
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Marnie Wood										2007-01-11							 Created this style.
**********************************************************************************************************************/
#NewsList                                                
{  
  /* Any HTML elements contained within this HTML control, will have this font by default, unless otherwise 
  specified. */
  font-family: Verdana, Arial;
  font-size: 8pt;

  /* 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: 100%;
}

/**********************************************************************************************************************
* NewsList LI Style
*
* Sample 1 contains a Unordered List (UL). This style is used to format of each List Item (LI) in the UL.
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Andrew McKendrick             2006-09-27               Created this style.
**********************************************************************************************************************/
#NewsList LI
{
  /* Changing this value increases or decreases the (bottom) space between each List Item. */
  margin-bottom: 5px;
  
}

/**********************************************************************************************************************
* NewsList UL Style
*
* Sample 1 contains a Unordered List (UL). This style is used to format the overall appearance of that list.
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Andrew McKendrick             2006-09-27               Created this style.
**********************************************************************************************************************/
#NewsList UL
{  
  /* By default a round circular bullet appears before each List Item (LI) element. This attribute specifies the image
  to use as the bullet. 
  list-style-image: url(/image/UL1.jpg); */
  
  margin: 0px 0px 0px 0px;
  
  /* As an alternative to list-style-image, the following attribute can be used to change the round circular bullet to 
  a square or other shape */
  list-style-type: none;
}

/**********************************************************************************************************************
* NewsList .Name Style
*
* The name of each News Item is enclosed in a span. This style is applied to that span.
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY/MM/DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Marnie Wood                   2007-01-11               Created this style.
**********************************************************************************************************************/
#NewsList .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;
  
  margin: 0px 0px 0px 0px;    
}

/**********************************************************************************************************************
* NewsList .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
* ----------------------------- ------------------------ --------------------------------------------------------------
* Marnie Wood										2007-01-11							 Teaser shows for newslist items if selected
**********************************************************************************************************************/
#NewsList .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: inline;
}