@media print
{
  form
  {
    display: none
  }
  
  html,
  body
  {
    font-family: Verdana, sans-serif;
  }
  
  h1, h2, h3, h4, h5, h6
  {
    color: #336699;
    margin-bottom: 0.5em;
  }
  
  a
  {
    color: black;
    text-decoration: none;
    font-weight: bold;
  }
  
  a img
  {
    border: none;
  }
  
}

@media screen
{
  html,
  body
  {
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }

  html>body
  {
    height: auto !important;
  }
  
  body
  {
    /*
      This, including the html, body and html>body rules is a reduced albeit
      working implementation of the CSS footer as seen in
      http://scott.sauyet.name/CSS/Demo/FooterDemo1.html but without the
      ubiquitous div's like #main and #contents.
    */
    position: absolute;
    top: 0;
    left: 0;
    
    background: url(../img/finantra-bars.png) no-repeat bottom center fixed;
  }
  
  html
  {
    font-family: Verdana, sans-serif;
    font-size: 80%;
    color: #15224a;
  }
  
  /* Styles & Layout */
  #container
  {
      margin: auto;
      padding-bottom: 11em;
      width: 50em;
  }
  
  #footer {
      text-align: center;
   position:absolute;
   bottom:0;
   width:100%;
   height:10em;   /* Height of the footer */
}

    #disclaimer
    {
        font-size: 60%;
        color: #acacac;
    }
 
  
  #logo
  {
    display: block;
    height: 115px;
    width:320px;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: 0% 0%;
    margin:auto;
    margin-top: 50px;
  }
  
  #logo span
  {
    display: none;
  }
  
  form
  {
    margin-top: 2em;
   
    background-color: #e7e7e7;
    border: 1px solid #15224a;
  }
  
  #header h2
  {
      text-align: center;
  }
  
  
  form div.header,
  form div.item,
  form div.Input,
  form div.Textarea,
  form div.Select1
  {
    display: block;
    padding: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.75em;
    border-bottom: 1px solid #a7a7a7;
  }

  form div.header,
  form div.Submit
  {
    padding: 1em;
    background-color: #F6FAFD;
  }

  form div.header p.comment
  {
    margin-bottom: 0em;
  }

  form div.header span.title
  {
    display: block;
    color: #336699;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.25em;
  }

  form div.item label,
  form div label.title
  {
    font-weight: bold;
    color: #336699;
    display: block;
    margin-bottom: 0.25em;
  }

  form div.Input input,
  form textarea,
  form div.Select1 select
  {
    position: relative;
    width: 100%;
  }

  /*
    Fix oversized widgets in IE
  */
  * form input,
  * form textarea
  {
    width: 99%;
  }

  form textarea
  {
    height: 10em;
  }

  form div.Submit
  {
    text-align: right;
  }

  form div.unacceptable input,
  form div.unacceptable textarea
  {
    background-color: #F47415;
  }

  form div.unacceptable label
  {
    border-bottom: 1px dashed #F47415;
  }

  .required-example,
  form div.required label
  {
    color: #F47415;
    font-weight: bold;
  }

  .required-example:after,
  form div.required label.title:after
  {
    content: " *";
  }

  form div.item input, form div.Input input
  {
    margin-bottom: 0.25em;
  }

  form #gender
  {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: inline;
  }

  #gender li,
  #gender li label,
  #gender li input
  { 
      display: inline;
      width: 1em;
  }
  
  #text a
  {
      color: #F47415;
       text-decoration: none;
      border-bottom: 1px solid #F47415;
  }
  
  #text a:hover
  {
      border-bottom: 1px dashed #F47415;
  }
  
  
  /* ROI page */
  #roi h2, #roi h1
  {
      text-align: center;
  }

  
  #roi .nr
  {
      text-align: right;
  }
  
  #tradetable
  {
      border-spacing: 0px;
      margin: 0px;
      padding: auto; 
  }
  
  #tradable h2
  {
      text-align: center;
  }
  
  #tradetable table
  {
      width: 30em;
      padding: 0px;
      margin: auto;
      border-collapse : collapse; 
  }
  
  
  
  
  #tradetable td
  {
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #b8b8b8;
  }
  
  #tradetable .loss
  {
      background-color: #ffdada; 
  }

  #tradetable .win
  {
      background-color: #c5ffc5; 
  }
  
  #tradetable .long .direction 
  {
      color: #0c500f;
  }
  
  #tradetable .short .direction 
  {
      color: #500c0c;
  } 
  
  #tradetable .result
  {
    text-align:right;
  }
  
  #tradeloglink
  {
     text-align: center;
    }
  
  #pup
  {
        position:absolute;
        z-index:200; /* aaaalways on top*/
        padding: 3px;
        margin-left: 10px;
        margin-top: 5px;
        width: 250px;
        border: 1px solid #F47415;
        background-color: #15224a;
        color: white;
        font-size: 0.95em;
    }
}