/**********************************************************************************************************************
* #SimpleListHR Style
*
* MODIFICATION HISTORY
*
* MODIFIED BY                   DATE (YYYY-MM-DD)        DESCRIPTION
* ----------------------------- ------------------------ --------------------------------------------------------------
* Himal Abeykoon                2007-10-17               Created this style.
**********************************************************************************************************************/
#SimpleListHR
{  
  font-family: Arial,Verdana, Helvetica, sans-serif;
  font-size: 10pt;
}
#SimpleListHR #MainContainer
{
  padding: 8px 0px 0px 0px;   
  /*border: none 0 ffffff;*/
  width:100%;
}
#SimpleListHR .TitleContainer
{
  padding: 10px 0px 0px 0px;
  font-weight:bold;
  font-size: 11pt;
  color:#0173B9;
  /*display:none;*/
}

#SimpleListHR .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. */
  color: #630C0D;
  font-style:  normal;
  text-decoration: none; 
}
#SimpleListHR .Name A
{
  color: #0173B9;
  font-style: normal;
  text-decoration: none; 
  font-weight:bold;
  font-size: 9pt;  
}
#SimpleListHR .DisplayDateContainer
{
  vertical-align:top;
  color: black;
  font-style: normal;
  text-decoration: none; 
  font-size: 10pt; 
  width:200px;
}

#SimpleListHR .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;
  color: black;
  font-style: normal;
  text-decoration: none; 
  font-size: 10pt; 
  padding: 5px 0px 5px 0px;   
}

#SimpleListHR .ImageContainer
{
  vertical-align:top;
  width:15px;
}
#SimpleListHR .HRContainer
{
  height:1px;
  background-color:#8EC341;
}