/* STOXX.COM Style Sheet */
/* $Id: stoxxsite-nml.css,v 1.2 2010/09/06 10:24:09 obo Exp $ */

/* This CSS defines styles for objects corresponding to their NML
   tags. For example, the NML tag <form-pulldown>, produces the HTML tag
   <select class="form-pulldown"...>. This CSS defines therefore the
   class "select.form-pulldown".
   */

/* NML tags */

/* Normal links (mainly in tables) */
a:link    {color: #0F1F7A; text-decoration: underline}
a:visited {color: #0F1F7A; text-decoration: underline}
a:active  {color: #0F1F7A; text-decoration: underline}
a:hover   {color: #6666cc; text-decoration: underline}

/* Mail-to links (obfuscated in HTML) */
a strike         {color: #0F1F7A; text-decoration: underline}
a:link strike    {color: #0F1F7A; text-decoration: underline}
a:visited strike {color: #0F1F7A; text-decoration: underline}
a:active strike  {color: #6666cc; text-decoration: underline}
a:hover strike   {color: #6666cc; text-decoration: underline}

/* Text links in paragraphs */
a:link.table    {color: #0F1F7A; text-decoration: none}
a:visited.table {color: #0F1F7A; text-decoration: none}
a:active.table  {color: #6666cc; text-decoration: none}
a:hover.table   {color: #6666cc; text-decoration: underline}

p.para {
  margin-top: 0px;
  margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #25241E;
}

/* Lists */

/* Lists on block level */
ul.list0, ol.list0 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  list-style-position: outside;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.list0 li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #25241E;
  line-height: 14pt;
  list-style-image: url(/resources/images/bullet.gif);
}

ol.list0 li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #25241E;
  line-height: 12pt;
}

/* Lists embedded inside paragraph */
ul.list1, ol.list1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  list-style-position: outside;
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.list1 li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #25241E;
  line-height: 14pt;
  list-style-image: url(/resources/images/bullet.gif);
}

ol.list1 li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #25241E;
  line-height: 14pt;
}

/* Lists nested as list items */
ul.list2, ol.list2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  list-style-position: outside;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.list2 li, ol.list2 li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  list-style-image: url(/resources/images/bullet.gif);
}

/* Paragraph nested as list item */
p.list {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
}


/* Standard tables */

table.table-grid tr.row-head td, table.table-grid tr.row-head2 td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #25241E;
  line-height: 18px;
  font-weight: bold;
}

table.table-grid tr.row-normal td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #25241E;
  line-height: 18px;
}
/* Classes to control vertical striping in index performance table */
td.verticalOdd { /* Same as row, but with grey background*/
  background: #f5f5f5;
}
td.verticalEven { /* Same as row */
  background: #ffffff;
}
td.verticalOddImage { /* Grey background */
  background: #f5f5f5;
}
td.verticalEvenImage { /* White background */
  background: #ffffff;
}

table.table-list {
  border-left: 1px solid #AAB3DA;
  border-right: 1px solid #AAB3DA;
  border-top: 1px solid #AAB3DA;
  border-bottom: 1px solid #AAB3DA;
  background-color: #F5F5FF;
}

tr.first-row-list td, tr.row-list td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11pt;
  color: #0F1F7A;
  padding: 2px;
}

tr.table-list-footer td {
  line-height: 9pt;
  background-color: #F5F5FF;
}

/* FIXME: Should handle this properly in nml-xhtml.xsl, i.e.
  <tr class="plaintable plaintable-rowhead"> then only need 
  "font-weight: bold;" in this class definition.
  */
tr.plaintable-rowhead td,
tr.plaintable-rowhead td.last {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #25241E;
  line-height: 16px;
  font-weight: bold;
} 

tr.plaintable-first td,
tr.plaintable td,
tr.plaintable-first td.last,
tr.plaintable td.last {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #25241E;
  line-height: 16px;
}

/* Forms */

.form-label, .form-label-readonly {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #25241E;
}

.form-label-invalid {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #FF0000;
}

input.form-submit-login {
  width: 53px;
  height: 21px;
  padding: 0;
  border: 0;
  margin-bottom: 5px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

input.form-submit-search {
  width: 53px;
  height: 21px;
  padding: 0;
  border: 0;
  margin-bottom: 5px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

input.form-reset {
  background-image: url(/resources/images/button_reset.png);
}

input.form-textfield, input.form-filefield, input.form-password {
  color: #606054;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  border: 1px solid #C9C9C1;
  width: 140px;
  margin-top: 5px;
  margin-bottom: 5px;
}

input.form-search {
  color: #606054;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 20px;
  border: 1px solid #C9C9C1;
  width: 140px;
}

input.form-textfield-readonly, input.form-filefield-readonly {
  background-color: #F5F5F5;
  color: #25241E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #C9C9C1;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

select.form-pulldown {
  color: #25241E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid #C9C9C1;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

select.form-pulldown-readonly {
  background-color: #F5F5F5;
  font-family: Arial, Helvetica, sans-serif;
  color: #25241E;
  font-size: 11px;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

textarea.form-areafield {
  color: #25241E;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 140px;
  border: 1px solid #C9C9C1;
}

input.form-checkbox {
  height: 10px;
  width: 10px;
  margin-bottom: 1px;
  margin-top: 1px;
}

input.form-radiobox {
  height: 9px;
  width: 9px;
}