/*
 * Styles used in the page that uses the templates (index.aspx) to define the style
 * of the elements that SURROUND the template elements
 *
 */

/* Global table around the template elements and their headers */
table.newsBox
{
  margin: 0px;
  border: none;
  padding: none;
  background-color: Transparent;
  width: 225px;
  border-collapse:collapse;
}

/* fixed text ABOVE each kind of template element */
td.newsHeader
{
  margin: 0px;
  border: none;
  padding: none;
  background-color:#EEEEEE;
  color: #003366;
  font-weight: 600;
  text-align: center;
  font-size:8pt;
  vertical-align:top;
}

/* contains all the template elements */
td.newsContents
{
  margin: 0px;
  border: none;
  padding: 0px;
  padding-bottom:5px;
  background-color: Transparent;
  text-align: center;
  vertical-align:top;
}

/*
 * Styles used in news, highlights (info) and tradeshow layout templates
 */
table.CMNews, 
table.CMInfo, 
table.CMTradeShow
{
  border-collapse: collapse;
  font-size:10pt;
}

/* Note: title and text of items contain links (<a>), hence the ... a:... styles */
/* Highlights and tradeshow titles/dates are different in "padding-top" because they start the item, whereas for news the date is first:
  
  NEWS:     TRADESHOWS:   HIGHLIGHTS
  date      title         title
  title     date          text
  text      text
 */

td.CMNews_date
{
  padding-top: 4px;
  vertical-align: bottom;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  color: #ccc;
}

td.CMNews_title, td.CMNews_title a, td.CMNews_title a:visited
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #ccc;
}

td.CMNews_title a:hover
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #fff;
}

td.CMInfo_title, td.CMInfo_title a, td.CMInfo_title a:visited, 
td.CMTradeShow_title, td.CMTradeShow_title a, td.CMTradeShow_title a:visited
{
  padding-top: 4px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #ccc;
}

td.CMInfo_title a:hover, 
td.CMTradeShow_title a:hover
{
  padding-top: 4px;
  vertical-align: top;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
  color: #fff;
}

td.CMTradeShow_date
{
  padding-top: 0px;
  vertical-align: top;
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  color: #ccc;
}

/* there is no CMInfo_Date */

td.CMNews_text, td.CMNews_text a, td.CMNews_text a:visited, 
td.CMTradeShow_text, td.CMTradeShow_text a, td.CMTradeShow_text a:visited
{
  vertical-align: top;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  color: #ccc;
}

td.CMNews_text a:hover, 
td.CMTradeShow_text a:hover
{
  vertical-align: top;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

td.CMInfo_text, td.CMInfo_text a, td.CMInfo_text a:visited
{
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  text-decoration: none;
  color: #ccc;
}

td.CMInfo_text a:hover
{
  vertical-align: top;
  font-size: 8pt;
  text-align: left;
  text-decoration: none;
  color: #fff;
}