/* ******************************************************************
   Styles for formating the body text of pages.
   ****************************************************************** */

.CommentAuthor
{ color: #d5a81f;
  font-size: 12pt;
  margin-bottom: 0px;
  margin-top: 0px;
}

#content
{ padding-left: 10px;
  padding-right: 10px;
}

table.layout
{ width: 100%;
  vertical-align: top;
}

table.layout tr
{ vertical-align: top;
}

html
{
  padding: 0px;
}

ul
{
  padding-left: 25px;
}

/* The table cell that contains the main page body. */
td.PageBody
{
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

tr
{
  vertical-align: top;
}

h1
{ font-size: 16pt;
  color: #000099;
  margin-left: 0px;
  padding-left: 0px;
}

h2
{ color: #ab5500;
  font-size: 14pt;
  margin-bottom: 0px;
}

h2 + p
{ margin-top: 0px;
}

h3
{ color: #d5a81f;
  font-size: 12pt;
  margin-bottom: 0px;
}

h3 + p
{ margin-top: 0px;
}

p
{ margin-top: 0px;
  margin-bottom: 8pt;
}

em
{ font-weight: bold;
  font-style: normal;
}

.menu, .code
{
  font-family: Courier New, Monospace;
  color: #101010;
}

.matlab
{
  font-family: Courier New, Monospace;
  color: #101010;
  padding-left: 30px;
}

.center
{
  text-align: center;
}

.Note
{
	text-align: center;
	color: maroon;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: italic;
}

/* Icon style images with text label beneath.
   Example:
      <div class="Icon">
        <p><img src="Images/Icon_Mathcad.png"/><br/>
        Mathcad&reg;</p>
      </div> */
div.Icon
{ display: inline;
  width: 70px;
  height: 90px;
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  margin: 5px;
}

div.Icon img
{ margin: 0px;
}

div.Icon p
{ margin:0px 5px 5px 5px;
  vertical-align:top;
  /*width: 65px;*/
  display: inline;
  text-align: center;
  display:table-cell;
  display:inline-table;
  display:inline-block;
}

/* Picture with centered caption.
   Example:
      <div class="PicCenteredCaption">
        <img src="Images/Icon_Mathcad.png"/>
        <p>Mathcad&reg;</p>
      </div>
*/

div.FrameBorder
{
  border: black thin solid;
  margin: 4px;
  padding: 4px;
}

div.PicCenteredCaption
{
  text-align: center;
  font-size: 9pt;
  font-weight: bold;
  margin: 0px;

}

div.PicCenteredCaption img
{ margin: 0px;
  border: 0px;
}

div.PicCenteredCaption p
{ margin: 0px;
  padding-bottom: 15px;
  vertical-align:top;
  text-align:center;
  display:table-cell;
  display:inline-table;
  display:inline-block;
}

/* Picture with left justified caption.
   Example:
      <div class="PicLeftCaption">
        <img src="Images/Icon_Mathcad.png"/>
        <p>Mathcad&reg;</p>
      </div> */
div.PicLeftCaption
{
  text-align: left;
  font-size: 9pt;
  font-weight: bold;
  margin: 0px;

}

div.PicLeftCaption img
{ margin: 0px;
  border: 0px;
}

div.PicLeftCaption p
{ margin: 0px;
  padding-bottom: 15px;
  vertical-align:top;
  text-align:left;
  display:table-cell;
  display:inline-table;
  display:inline-block;
}

/* Edit boxes for newsletter registrations. */
.Register, .Register p, .Register input, .Register button, .Register div
{ font-size: 9pt;
  margin: 0px;
  padding: 0px;
}

.Register input
{ color: gray;
}

.Register div
{ font-style: italic;
  color: gray;
}

.Register div a
{ font-style: normal;
}

/* Bright tagline for underneath headings. */
p.tag
{
  font-weight: bold;
  color: Red;
  margin-top: 5px;
  margin-bottom: 3px;
}

/* General style to indent. */
.Indent
{ margin-left: 15px !important;
}

/* Small text. */
.SmallText
{ font-size: 8pt;
}

/* Varios captions for images */
.ImageCaptionIndent
{
  margin-top: 0px;
  margin-left:10px;
  font-size: 8pt;
}

.FormError
{
  color: Black;
  font-weight: bold;
}

.TextToCopy
{
  padding: 5px;
  border: solid 1px black;
  margin-left: 25px;
  background-color: #efefef;
}

.FormError em
{
  color: Red;
}

.FeedbackFormContainer
{
  padding-left: 100px;
}

/* ------------------------------------------------------------------
   Lists of things.
   ------------------------------------------------------------------ */
/* Paragraph that introduces a list. */
.ListIntro
{ margin-bottom: -12pt;
}

ol
{ list-style-type: decimal;
  list-style-position: outside;
  padding-left: 3em;
  padding-bottom: 0.5em;

}

/* Lists without bullets.
      <ul class="ActionLinks">
        <li><a href="">Learn more about Dagra</a></li>
        <li><a href="">Download an evaluation version</a></li>
        <li><a href="">Buy Dagra</a></li>
      </ul> */
.ActionLinks
{ list-style: none;
  margin: 5px;
  padding-left: 10px;
  text-indent: 0px;
}

/* un adorned list. Used for lists of links. */
ul.VertLinkList
{
  list-style-image: none;
  list-style-type: none;
  font-size: 8pt;
  margin-top: 2px;
  margin-left: 0px;
}

/* list with explanatory paragraphs underneath each  list item.
   List items should be implemented with divs, the paragraph text
   with p's. You need your own numbering. */
div.ListWithPara
{ margin-left: 25px;
  font-size: 10pt;
}

div.ListWithPara div
{
  font-weight: bold;
  margin-bottom: 5px;
}

div.ListWithPara p
{
  margin-left: 15pt;
  margin-top: 0px;
}

/* Quick links blocks.
      <div class="QuickLinks">
        <p>Quick Links</p>
        <ul>
          <li><a href="/Products/.html"></a></li>
          <li><a href=""></a></li>
        </ul>
      </div>
*/
div.QuickLinks, div.News
{
  background-color: #FFFFD9;
  border: solid 1px black;
  font-size: 10pt;
  width: 180px;
  text-align: left;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 5px;
}

div.QuickLinks p, div.News p
{
  background-color: #2399ff;
  color: White;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  margin: 0px;
}

div.QuickLinks div
{
  font-size: 8pt;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
}

div.xQuickLinks ul
{
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.News div
{
	margin-left: 6px;
  margin-top: 0;
  margin-bottom: 0px;
  margin-right: 6px;
  font-size: 7pt;
}

div.News div a
{ font-style: normal;
  font-weight: bold;
}

div.News div p
{ font-style: italic;
  background-color: transparent;
  color: gray;
  margin: 0px;
  padding: 0px;
}

div.Guarantee
{
  border: solid 1px black;
  font-size: 8pt;
  margin-top: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}


div.Guarantee
{
  background-color: #FFFFD9;
  text-align: center;
  width: 130px;
}

/* Reciprocal links on a landing page.
   structure is:
    <div class="LE">
      <p>Title</p>
      <div>
        --content--
      </div>
    </div>
*/
div.LE
{
  width: 180px;
  border: solid 1px black;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 5px;
  padding: 0px;
}

div.LE p /* Title */
{
  text-align: left;
  background-color: #2399ff;
  font-size: 10pt;
  color: White;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  margin: 0px;
}

div.LE div
{
  font-size: 8pt;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  background-color: #E8E8FF;
  text-align: left;
}

/* -----------------------------------------*/

div.SoftwareTags
{ margin-top: 10px;
  text-align: center;
}

table.FullHeight
{
  height: 100%;
}

.SidePanel
{
  width: 250px;
}

.NarrowSidePanel
{
  width: 180px;
}

div.PlatformSpec
{
  font-size: 8pt;
  text-align: center;
}

div.FootNotes
{ font-size: 9pt;
}

/* ------------------------------------------------------------------
   Table styles
   ------------------------------------------------------------------ */
table.SimpleRules
{
  border-top: thin solid gray;
  border-bottom: thin solid gray;
  margin-left: auto;
  margin-right: auto;
}

table.SimpleRules thead
{
  font-weight: bold;
  font-size: 9pt;
}

table.SimpleRules thead tr th
{
  border-bottom: thin solid gray;
}

table.SimpleRules tbody tr td
{
  font-size: 9pt;
	padding-left: 5px;
  padding-right: 5px;
}

/* ------------------------------------------------------------------
   Error page styles
   ------------------------------------------------------------------ */
.Haiku
{
  background-color: #D4C7FC;
  color: #382CBE;
  border: solid thin black;
  padding: 8px;
  float: right;
  margin-right: 80px;

}

.Indent1
{
  margin-left: 30px;
}

.Indent2
{
  margin-left: 60px;
}

